/**********************************************************************************************
 **********************************************************************************************
 **********************************************************************************************
 **********************************************************************************************
 **********************************************************************************************

 THIS IS A GENERATED FILE - DO NOT EDIT !
 CSS files are generated with the devTool CompileScss.java
 From source src/META-INF/resources/sass/color-schemes/sic-blue.scss

 **********************************************************************************************
 **********************************************************************************************
 **********************************************************************************************
 **********************************************************************************************
 **********************************************************************************************/
@charset "UTF-8";
/*
 * Certaines adaptations posent de gros problèmes si appliquées sur old layout et ne peuvent pas être compensées facilement en réappliquant des règles par après.
 * Ce mixin permet de limiter les styles appliqués au contenu NewLayout seulement.
 * Il pourra être supprimé une fois le dernier écran migré et il sera facile de retrouver les appelants via les erreurs de compil scss.
 */
/*
 * Remove the unit of a length
 * @param {Number} $number - Number to remove unit from
 * @return {Number} - Unitless number
 */
/*
 * Converts rem value to px value based on our root font size
 * Example: remToPx(1rem); will return 13px
 */
/*
 * Converts px value to rem value based on our root font size
 * Example: pxToRem(13px); will return 1rem
 */
/* 
 * Extracts the top value from a top-right-bottom-left shorthand value.
 * Examples:
 * 1rem 				-> trbl 	-> 1rem
 * 1rem 2rem 			-> tb rl 	-> 1rem
 * 1rem 2rem 3rem 		-> t rl b 	-> 1rem
 * 1rem 2rem 3rem 4rem 	-> t r b l 	-> 1rem
 */
/* 
 * Extracts the right value from a top-right-bottom-left shorthand value.
 * Examples:
 * 1rem 				-> trbl 	-> 1rem
 * 1rem 2rem 			-> tb rl 	-> 2rem
 * 1rem 2rem 3rem 		-> t rl b 	-> 2rem
 * 1rem 2rem 3rem 4rem 	-> t r b l 	-> 2rem
 */
/* 
 * Extracts the bottom value from a top-right-bottom-left shorthand value.
 * Examples:
 * 1rem 				-> trbl 	-> 1rem
 * 1rem 2rem 			-> tb rl 	-> 1rem
 * 1rem 2rem 3rem 		-> t rl b 	-> 3rem
 * 1rem 2rem 3rem 4rem 	-> t r b l 	-> 3rem
 */
/* 
 * Extracts the bottom value from a top-right-bottom-left shorthand value.
 * Examples:
 * 1rem 				-> trbl 	-> 1rem
 * 1rem 2rem 			-> tb rl 	-> 2rem
 * 1rem 2rem 3rem 		-> t rl b 	-> 2rem
 * 1rem 2rem 3rem 4rem 	-> t r b l 	-> 4rem
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ---------- COMMON VARIABLES -------------- */
/* Body */
/* ---------- ORIGINAL VARS OF THE THEME YOU CAN OVERRIDE -------------- */
:root {
  --surface-a:#ffffff;
  --surface-b:#f8f9fa;
  --surface-c:#e9ecef;
  --surface-d:#dee2e6;
  --surface-e:#ffffff;
  --surface-f:#ffffff;
  --text-color:#495057;
  --text-color-secondary:#6c757d;
  --primary-color:#4D9FDC;
  --primary-color-text:#f8fafc;
  --font-family:Open Sans;
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #9E9E9E;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding:0.7rem;
  --inline-spacing:0.5rem;
  --border-radius:3px;
  --surface-ground:#f8f9fa;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dee2e6;
  --surface-hover: #e9ecef;
  --maskbg: rgba(0, 0, 0, 0.4);
  --focus-ring: 0 0 0 0.2rem #4D9FDC;
}

* {
  box-sizing: border-box;
}

body .newLayout .ui-widget {
  font-family: "Open Sans";
  font-size: 1rem;
  text-decoration: none;
}
body .ui-icon {
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: baseline;
  margin: 0;
  position: static;
  text-indent: 0;
  overflow: visible;
  background-repeat: no-repeat;
}
body .pi {
  font-size: 1.2rem;
}
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-widget-overlay {
  background: rgba(0, 0, 0, 0.4);
}

:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f6fafd;
  --primary-100:#d4e8f7;
  --primary-200:#b2d6f0;
  --primary-300:#91c3e9;
  --primary-400:#6fb1e3;
  --primary-500:#4d9fdc;
  --primary-600:#4187bb;
  --primary-700:#366f9a;
  --primary-800:#2a5779;
  --primary-900:#1f4058;
}

body .ui-button {
  background: #4D9FDC;
  color: #f8fafc;
  border: 1px solid #4D9FDC;
  margin: 0;
  outline: 0 none;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .ui-button.ui-state-hover {
  background: #135AA9;
  border-color: #135AA9;
  color: #f8fafc;
}
body .ui-button.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .ui-button.ui-state-active, body .ui-button.ui-state-down {
  background: #0D438D;
  border-color: #0D438D;
  color: #f8fafc;
}
body .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #4D9FDC;
  border: 1px solid;
}
body .ui-button.ui-button-outlined.ui-state-hover {
  background: rgba(77, 159, 220, 0.04);
  color: #4D9FDC;
  border: 1px solid;
}
body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down {
  background: rgba(77, 159, 220, 0.16);
  color: #4D9FDC;
  border: 1px solid;
}
body .ui-button.ui-button-outlined.ui-button-plain {
  color: #6c757d;
  border-color: #6c757d;
}
body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover {
  background: #e9ecef;
  color: #6c757d;
}
body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down {
  background: #dee2e6;
  color: #6c757d;
}
body .ui-button.ui-button-flat, body .newLayout .ui-datatable .ui-button.ui-button-icon-only, body .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #4D9FDC;
  border-color: transparent;
}
body .ui-button.ui-button-flat.ui-state-hover, body .ui-button.ui-state-hover.ui-button-icon-only {
  background: rgba(77, 159, 220, 0.04);
  color: #4D9FDC;
  border-color: transparent;
}
body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-state-active.ui-button-icon-only, body .ui-button.ui-button-flat.ui-state-down, body .ui-button.ui-state-down.ui-button-icon-only {
  background: rgba(77, 159, 220, 0.16);
  color: #4D9FDC;
  border-color: transparent;
}
body .ui-button.ui-button-flat.ui-button-plain, body .ui-button.ui-button-plain.ui-button-icon-only {
  color: #6c757d;
}
body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover, body .ui-button.ui-button-plain.ui-state-hover.ui-button-icon-only {
  background: #e9ecef;
  color: #6c757d;
}
body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-plain.ui-state-active.ui-button-icon-only, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down, body .ui-button.ui-button-plain.ui-state-down.ui-button-icon-only {
  background: #dee2e6;
  color: #6c757d;
}
body .ui-button.ui-button-text-only .ui-button-text {
  padding: 0.3rem 1rem;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.3rem 1rem 0.3rem 2rem;
}
body .ui-button.ui-button-text-icon-left .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.6rem;
  left: 0.6rem;
}
body .ui-button.ui-button-text-icon-right .ui-button-text {
  padding: 0.3rem 2rem 0.3rem 1rem;
}
body .ui-button.ui-button-text-icon-right .ui-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -0.6rem;
  right: 0.6rem;
}
body .ui-button.ui-button-icon-only {
  width: 2.357rem;
}
body .ui-button.ui-button-icon-only .ui-button-text {
  padding: 0.3rem;
}
body .ui-button.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.6rem;
  margin-left: -0.6rem;
}
body .ui-button.ui-button-raised {
  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;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-button .ui-icon-triangle-1-s:before {
  content: "\e902";
}
body .newLayout .ui-selectbooleanbutton,
body .newLayout .ui-selectonebutton > .ui-button,
body .newLayout .ui-selectmanybutton > .ui-button {
  background: #ffffff;
  color: #495057;
  border: 1px solid #ced4da;
  outline: 0 none;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-selectbooleanbutton .ui-icon,
body .newLayout .ui-selectonebutton > .ui-button .ui-icon,
body .newLayout .ui-selectmanybutton > .ui-button .ui-icon {
  color: #6c757d;
}
body .newLayout .ui-selectbooleanbutton.ui-state-hover,
body .newLayout .ui-selectonebutton > .ui-button.ui-state-hover,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
body .newLayout .ui-selectbooleanbutton.ui-state-hover .ui-icon,
body .newLayout .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon {
  color: #6c757d;
}
body .newLayout .ui-selectbooleanbutton.ui-state-active,
body .newLayout .ui-selectonebutton > .ui-button.ui-state-active,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-active {
  background: #4D9FDC;
  border-color: #4D9FDC;
  color: #f8fafc;
}
body .newLayout .ui-selectbooleanbutton.ui-state-active .ui-icon,
body .newLayout .ui-selectonebutton > .ui-button.ui-state-active .ui-icon,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon {
  color: #f8fafc;
}
body .newLayout .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .newLayout .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
  background: #135AA9;
  border-color: #135AA9;
  color: #f8fafc;
}
body .newLayout .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
body .newLayout .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon {
  color: #f8fafc;
}
body .newLayout .ui-selectonebutton > .ui-button,
body .newLayout .ui-selectmanybutton > .ui-button {
  border-radius: 0;
}
body .newLayout .ui-selectonebutton > .ui-button:first-child,
body .newLayout .ui-selectmanybutton > .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-selectonebutton > .ui-button:last-child,
body .newLayout .ui-selectmanybutton > .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-selectonebutton > .ui-button.ui-state-focus,
body .newLayout .ui-selectmanybutton > .ui-button.ui-state-focus {
  z-index: 1;
}
body .newLayout .ui-selectonebutton > .ui-button:not(:last-child),
body .newLayout .ui-selectmanybutton > .ui-button:not(:last-child) {
  border-right-width: 0;
}
@media (max-width: 640px) {
  body .newLayout .ui-selectonebutton > div.ui-button:not(:last-child),
  body .newLayout .ui-selectmanybutton > div.ui-button:not(:last-child) {
    border-bottom-width: 0;
    border-right-width: 1px;
  }
  body .newLayout .ui-selectonebutton > div.ui-button:first-child,
  body .newLayout .ui-selectmanybutton > div.ui-button:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  body .newLayout .ui-selectonebutton > div.ui-button:last-child,
  body .newLayout .ui-selectmanybutton > div.ui-button:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    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: 3px;
    border-bottom-left-radius: 3px;
    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: 3px;
    border-bottom-right-radius: 3px;
  }
}
body .ui-button-group .ui-button {
  margin: 0;
  border-radius: 0;
}
body .ui-button-group .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .ui-button-group .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .ui-button-group .ui-button.ui-state-focus {
  z-index: 1;
}
body .ui-button.ui-button-secondary, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button {
  background: #607D8B;
  color: #ffffff;
  border: 1px solid #607D8B;
}
body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover {
  background: #56717d;
  border-color: #56717d;
  color: #ffffff;
}
body .ui-button.ui-button-secondary.ui-state-focus, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #beccd2;
}
body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button:active {
  background: #4d646f;
  border-color: #4d646f;
  color: #ffffff;
}
body .ui-button.ui-button-secondary.ui-button-outlined, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}
body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
  border: 1px solid;
}
body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
  border: 1px solid;
}
body .ui-button.ui-button-secondary.ui-button-flat, body .ui-button.ui-button-secondary.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}
body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, body .ui-button.ui-button-secondary.ui-button-icon-only:enabled:hover, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-icon-only:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}
body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, body .ui-button.ui-button-secondary.ui-button-icon-only:enabled:active, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, body .newLayout .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-icon-only:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}
body .ui-button.ui-button-success, body .newLayout .ui-splitbutton.ui-button-success > .ui-button {
  background: #689F38;
  color: #ffffff;
  border: 1px solid #689F38;
}
body .ui-button.ui-button-success.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover {
  background: #5e8f32;
  color: #ffffff;
  border-color: #5e8f32;
}
body .ui-button.ui-button-success.ui-state-focus, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #c2e0a8;
}
body .ui-button.ui-button-success.ui-state-active, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-state-active {
  background: #537f2d;
  color: #ffffff;
}
body .ui-button.ui-button-success.ui-button-outlined, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #689F38;
  border: 1px solid;
}
body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover {
  background: rgba(104, 159, 56, 0.04);
  color: #689F38;
  border: 1px solid;
}
body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active {
  background: rgba(104, 159, 56, 0.16);
  color: #689F38;
  border: 1px solid;
}
body .ui-button.ui-button-success.ui-button-flat, body .ui-button.ui-button-success.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #689F38;
  border-color: transparent;
}
body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, body .ui-button.ui-button-success.ui-state-hover.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover.ui-button-icon-only {
  background: rgba(104, 159, 56, 0.04);
  border-color: transparent;
  color: #689F38;
}
body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-state-active.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .newLayout .ui-splitbutton.ui-button-success > .ui-button.ui-state-active.ui-button-icon-only {
  background: rgba(104, 159, 56, 0.16);
  border-color: transparent;
  color: #689F38;
}
body .ui-button.ui-button-warning, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button {
  background: #FBC02D;
  color: #212529;
  border: 1px solid #FBC02D;
}
body .ui-button.ui-button-warning.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover {
  background: #fab710;
  color: #212529;
  border-color: #fab710;
}
body .ui-button.ui-button-warning.ui-state-focus, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #fde6ab;
}
body .ui-button.ui-button-warning.ui-state-active, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active {
  background: #e8a704;
  color: #212529;
  border-color: #e8a704;
}
body .ui-button.ui-button-warning.ui-button-outlined, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #FBC02D;
  border: 1px solid;
}
body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover {
  background: rgba(251, 192, 45, 0.04);
  color: #FBC02D;
  border: 1px solid;
}
body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active {
  background: rgba(251, 192, 45, 0.16);
  color: #FBC02D;
  border: 1px solid;
}
body .ui-button.ui-button-warning.ui-button-flat, body .ui-button.ui-button-warning.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #FBC02D;
  border-color: transparent;
}
body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, body .ui-button.ui-button-warning.ui-state-hover.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover.ui-button-icon-only {
  background: rgba(251, 192, 45, 0.04);
  border-color: transparent;
  color: #FBC02D;
}
body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-state-active.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .newLayout .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active.ui-button-icon-only {
  background: rgba(251, 192, 45, 0.16);
  border-color: transparent;
  color: #FBC02D;
}
body .ui-button.ui-button-help, body .newLayout .ui-splitbutton.ui-button-help > .ui-button {
  background: #9C27B0;
  color: #ffffff;
  border: 1px solid #9C27B0;
}
body .ui-button.ui-button-help.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover {
  background: #8c239e;
  color: #ffffff;
  border-color: #8c239e;
}
body .ui-button.ui-button-help.ui-state-focus, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #df9eea;
}
body .ui-button.ui-button-help.ui-state-active, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-state-active {
  background: #7d1f8d;
  color: #ffffff;
  border-color: #7d1f8d;
}
body .ui-button.ui-button-help.ui-button-outlined, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}
body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border: 1px solid;
}
body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border: 1px solid;
}
body .ui-button.ui-button-help.ui-button-flat, body .ui-button.ui-button-help.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}
body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, body .ui-button.ui-button-help.ui-state-hover.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover.ui-button-icon-only {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9C27B0;
}
body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-state-active.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .newLayout .ui-splitbutton.ui-button-help > .ui-button.ui-state-active.ui-button-icon-only {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9C27B0;
}
body .ui-button.ui-button-info, body .newLayout .ui-splitbutton.ui-button-info > .ui-button {
  background: #0288D1;
  color: #ffffff;
  border: 1px solid #0288D1;
}
body .ui-button.ui-button-info.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover {
  background: #027abc;
  color: #ffffff;
  border-color: #027abc;
}
body .ui-button.ui-button-info.ui-state-focus, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #89d4fe;
}
body .ui-button.ui-button-info.ui-state-active, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-state-active {
  background: #026da7;
  color: #ffffff;
  border-color: #026da7;
}
body .ui-button.ui-button-info.ui-button-outlined, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #0288D1;
  border: 1px solid;
}
body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover {
  background: rgba(2, 136, 209, 0.04);
  color: #0288D1;
  border: 1px solid;
}
body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active {
  background: rgba(2, 136, 209, 0.16);
  color: #0288D1;
  border: 1px solid;
}
body .ui-button.ui-button-info.ui-button-flat, body .ui-button.ui-button-info.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #0288D1;
  border-color: transparent;
}
body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, body .ui-button.ui-button-info.ui-state-hover.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover.ui-button-icon-only {
  background: rgba(2, 136, 209, 0.04);
  border-color: transparent;
  color: #0288D1;
}
body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-state-active.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .newLayout .ui-splitbutton.ui-button-info > .ui-button.ui-state-active.ui-button-icon-only {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: #0288D1;
}
body .ui-button.ui-button-danger, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button {
  background: #D32F2F;
  color: #ffffff;
  border: 1px solid #D32F2F;
}
body .ui-button.ui-button-danger.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover {
  background: #c02929;
  color: #ffffff;
  border-color: #c02929;
}
body .ui-button.ui-button-danger.ui-state-focus, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #edacac;
}
body .ui-button.ui-button-danger.ui-state-active, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active {
  background: #aa2424;
  color: #ffffff;
  border-color: #aa2424;
}
body .ui-button.ui-button-danger.ui-button-outlined, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #D32F2F;
  border: 1px solid;
}
body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover {
  background: rgba(211, 47, 47, 0.04);
  color: #D32F2F;
  border: 1px solid;
}
body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active {
  background: rgba(211, 47, 47, 0.16);
  color: #D32F2F;
  border: 1px solid;
}
body .ui-button.ui-button-danger.ui-button-flat, body .ui-button.ui-button-danger.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #D32F2F;
  border-color: transparent;
}
body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, body .ui-button.ui-button-danger.ui-state-hover.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover.ui-button-icon-only {
  background: rgba(211, 47, 47, 0.04);
  border-color: transparent;
  color: #D32F2F;
}
body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-state-active.ui-button-icon-only, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .newLayout .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active.ui-button-icon-only {
  background: rgba(211, 47, 47, 0.16);
  border-color: transparent;
  color: #D32F2F;
}
body .newLayout .ui-commandlink, body .newLayout .ui-link {
  color: #4D9FDC;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-commandlink:hover, body .newLayout .ui-link:hover {
  color: #135AA9;
  text-decoration: underline;
}
body .newLayout .ui-commandlink:active, body .newLayout .ui-link:active {
  color: #0D438D;
}

body .newLayout .ui-splitbutton {
  padding: 0;
}
body .newLayout .ui-splitbutton .ui-button:first-child {
  position: relative;
  margin: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .newLayout .ui-splitbutton .ui-button:first-child.ui-state-focus {
  z-index: 1;
}
body .newLayout .ui-splitbutton .ui-splitbuttonmenu {
  min-width: 100%;
}
body .newLayout .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: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before {
  content: "\e902";
}
body .newLayout .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container {
  padding: 0.5rem 1rem;
  margin: 0;
  border-bottom: 0 none;
  background: #f8f9fa;
  color: #495057;
}
body .newLayout .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield {
  padding: 0.3rem 0.3rem;
  width: 100%;
  padding-left: 1.8rem;
}
body .newLayout .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  left: 1.3rem;
  top: 50%;
  right: auto;
  bottom: auto;
  margin-top: -0.6rem;
  color: #6c757d;
}
body .newLayout .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before {
  content: "\e908";
}

body .ui-speeddial-button.ui-button.ui-button-icon-only {
  width: 4rem;
  height: 4rem;
}
body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon {
  font-size: 1.3rem;
}
body .ui-speeddial-action {
  width: 3rem;
  height: 3rem;
  background: #495057;
  color: #fff;
}
body .ui-speeddial-action:hover {
  background: #343a40;
  color: #fff;
}
body .ui-speeddial-direction-up .ui-speeddial-item {
  margin: 0.25rem 0;
}
body .ui-speeddial-direction-up .ui-speeddial-item:first-child {
  margin-bottom: 0.5rem;
}
body .ui-speeddial-direction-down .ui-speeddial-item {
  margin: 0.25rem 0;
}
body .ui-speeddial-direction-down .ui-speeddial-item:first-child {
  margin-top: 0.5rem;
}
body .ui-speeddial-direction-left .ui-speeddial-item {
  margin: 0 0.25rem;
}
body .ui-speeddial-direction-left .ui-speeddial-item:first-child {
  margin-right: 0.5rem;
}
body .ui-speeddial-direction-right .ui-speeddial-item {
  margin: 0 0.25rem;
}
body .ui-speeddial-direction-right .ui-speeddial-item:first-child {
  margin-left: 0.5rem;
}
body .ui-speeddial-circle .ui-speeddial-item,
body .ui-speeddial-semi-circle .ui-speeddial-item,
body .ui-speeddial-quarter-circle .ui-speeddial-item {
  margin: 0;
}
body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child,
body .ui-speeddial-semi-circle .ui-speeddial-item:first-child,
body .ui-speeddial-semi-circle .ui-speeddial-item:last-child,
body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child,
body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child {
  margin: 0;
}
body .ui-speeddial-mask {
  background-color: rgba(0, 0, 0, 0.4);
}

body .newLayout .ui-carousel .ui-carousel-content .ui-carousel-prev,
body .newLayout .ui-carousel .ui-carousel-content .ui-carousel-next {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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: 0.5rem;
}
body .newLayout .ui-carousel .ui-carousel-content .ui-carousel-prev:hover,
body .newLayout .ui-carousel .ui-carousel-content .ui-carousel-next:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-carousel .ui-carousel-content .ui-carousel-prev:focus,
body .newLayout .ui-carousel .ui-carousel-content .ui-carousel-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-carousel .ui-carousel-indicators {
  padding: 1rem;
}
body .newLayout .ui-carousel .ui-carousel-indicators .ui-carousel-indicator {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
body .newLayout .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button {
  background-color: #e9ecef;
  width: 2rem;
  height: 0.5rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out;
  border-radius: 0;
}
body .newLayout .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover {
  background: #dee2e6;
}
body .newLayout .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
  background: #4D9FDC;
  color: #f8fafc;
}

body .newLayout .ui-chronoline .ui-chronoline-event-marker {
  border: 2px solid #4D9FDC;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}
body .newLayout .ui-chronoline .ui-chronoline-event-connector {
  background-color: #dee2e6;
}
body .newLayout .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite,
body .newLayout .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content {
  padding: 0 1rem;
}
body .newLayout .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector {
  width: 2px;
}
body .newLayout .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite,
body .newLayout .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content {
  padding: 1rem 0;
}
body .newLayout .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector {
  height: 2px;
}

body .newLayout .ui-datagrid .ui-datagrid-header,
body .newLayout .ui-datagrid .ui-datagrid-footer {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
}
body .newLayout .ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none;
}
body .newLayout .ui-datagrid .ui-datagrid-footer {
  border-top: 0 none;
}
body .newLayout .ui-datagrid .ui-datagrid-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}
body .newLayout .ui-datagrid .ui-paginator {
  padding: 1rem;
}
body .newLayout .ui-datagrid .ui-paginator.ui-paginator-top {
  border-bottom: 0 none;
}
body .newLayout .ui-datagrid .ui-paginator.ui-paginator-bottom {
  border-top: 0 none;
}

body .newLayout .ui-datalist .ui-datalist-header,
body .newLayout .ui-datalist .ui-datalist-footer {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
}
body .newLayout .ui-datalist .ui-datalist-header {
  border-bottom: 0 none;
}
body .newLayout .ui-datalist .ui-datalist-footer {
  border-top: 0 none;
}
body .newLayout .ui-datalist .ui-datalist-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}
body .newLayout .ui-datalist .ui-paginator {
  padding: 1rem;
}
body .newLayout .ui-datalist .ui-paginator.ui-paginator-top {
  border-bottom: 0 none;
}
body .newLayout .ui-datalist .ui-paginator.ui-paginator-bottom {
  border-top: 0 none;
}

body .newLayout .ui-datascroller .ui-datascroller-header,
body .newLayout .ui-datascroller .ui-datascroller-footer {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
}
body .newLayout .ui-datascroller .ui-datascroller-header {
  border-bottom: 0 none;
}
body .newLayout .ui-datascroller .ui-datascroller-footer {
  border-top: 0 none;
}
body .newLayout .ui-datascroller .ui-datascroller-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}

body .newLayout .ui-datatable .ui-datatable-header {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-width: 1px 0 1px 0;
  color: #495057;
  padding: 1rem 1rem;
  font-weight: 600;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .newLayout .ui-datatable .ui-datatable-footer {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  color: #495057;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-datatable .ui-datatable-header {
  text-align: left;
}
body .newLayout .ui-datatable .ui-datatable-footer {
  text-align: left;
}
body .newLayout .ui-datatable .ui-paginator {
  padding: 1rem;
}
body .newLayout .ui-datatable .ui-paginator.ui-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
body .newLayout .ui-datatable .ui-paginator.ui-paginator-bottom {
  border-width: 0 0 0 0;
  border-radius: 0;
}
body .newLayout .ui-datatable thead th {
  background: #f8f9fa;
  color: #495057;
  padding: 0.2rem 0.2rem;
  border: 1px solid #dee2e6;
  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 .newLayout .ui-datatable thead th .ui-column-title {
  font-weight: 700;
  vertical-align: middle;
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon {
  margin: 0 0 0 0.5rem;
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  vertical-align: middle;
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
  content: "\e99e";
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  vertical-align: middle;
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
  content: "\e99f";
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  vertical-align: middle;
}
body .newLayout .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
  content: "\e9a0";
}
body .newLayout .ui-datatable thead th .ui-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #f8fafc;
  background: #4D9FDC;
  margin-left: 0.5rem;
  font-size: 0.75rem;
}
body .newLayout .ui-datatable thead th.ui-sortable-column.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-datatable thead th.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-datatable thead th.ui-state-active {
  background: #f8f9fa;
  color: #4D9FDC;
}
body .newLayout .ui-datatable thead th.ui-state-active.ui-state-hover {
  background: #e9ecef;
  color: #4D9FDC;
}
body .newLayout .ui-datatable .ui-datatable-data > tr {
  background: #ffffff;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-datatable .ui-datatable-data > tr > td {
  padding: 0.2rem 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
}
body .newLayout .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  font-weight: 700;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler {
  color: #f8fafc;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a {
  color: #f8fafc;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable {
  cursor: pointer;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column {
  background: #ffffff;
  color: #495057;
  cursor: default;
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .newLayout .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
  font-weight: 700;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor > a {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check {
  margin-right: 0.5rem;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
  content: "\e942";
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before {
  content: "\e909";
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before {
  content: "\e90b";
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before {
  content: "\e901";
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before {
  content: "\e902";
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler {
  margin-right: 1rem;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before {
  content: "\e901";
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before {
  content: "\e902";
}
body .newLayout .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering {
  background: rgba(77, 159, 220, 0.7);
}
body .newLayout .ui-datatable .ui-column-resizer-helper {
  background: #4D9FDC;
}
body .newLayout .ui-datatable tfoot td {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  color: #495057;
  padding: 0.2rem 0.2rem;
  font-weight: 700;
  text-align: left;
  box-sizing: content-box;
}
body .newLayout .ui-datatable > .ui-icon-arrowthick-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  display: none !important;
}
body .newLayout .ui-datatable > .ui-icon-arrowthick-1-s:before {
  content: "\e919";
}
body .newLayout .ui-datatable > .ui-icon-arrowthick-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  padding-top: 1.5rem !important;
}
body .newLayout .ui-datatable > .ui-icon-arrowthick-1-n:before {
  content: "\e91c";
}
body .newLayout .ui-datatable .ui-datatable-scrollable-body {
  outline: 0 none;
}
body .newLayout .ui-datatable .ui-datatable-scrollable-header, body .newLayout .ui-datatable .ui-datatable-scrollable-footer {
  background: #f8f9fa;
}
body .newLayout .ui-datatable .ui-selection-column .ui-chkbox-all {
  width: auto;
  height: auto;
}
body .newLayout .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd, body .newLayout .ui-datatable:not(.ui-datatable-custom) .ui-datatable-data > tr.ui-datatable-odd {
  background: #fbfcfc;
}
body .newLayout .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover, body .newLayout .ui-datatable:not(.ui-datatable-custom) .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight, body .newLayout .ui-datatable:not(.ui-datatable-custom) .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-datatable.ui-datatable-sm thead > tr > th {
  padding: 0.1rem 0.1rem;
}
body .newLayout .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
}
body .newLayout .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td {
  padding: 0.1rem 0.1rem;
}
body .newLayout .ui-datatable.ui-datatable-sm tfoot > tr > td {
  padding: 0.1rem 0.1rem;
}
body .newLayout .ui-datatable.ui-datatable-lg thead > tr > th {
  padding: 0.25rem 0.25rem;
}
body .newLayout .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
}
body .newLayout .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td {
  padding: 0.25rem 0.25rem;
}
body .newLayout .ui-datatable.ui-datatable-lg tfoot > tr > td {
  padding: 0.25rem 0.25rem;
}
body .newLayout .ui-datatable.ui-datatable-gridlines .ui-datatable-header, body .newLayout .ui-datatable:not(.ui-datatable-custom) .ui-datatable-header {
  border-width: 1px;
}
body .newLayout .ui-datatable.ui-datatable-gridlines thead > tr > th, body .newLayout .ui-datatable:not(.ui-datatable-custom) thead > tr > th {
  border-width: 1px;
}
body .newLayout .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td, body .newLayout .ui-datatable:not(.ui-datatable-custom) .ui-datatable-data > tr > td {
  border-width: 1px;
}
body .newLayout .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th, body .newLayout .ui-datatable:not(.ui-datatable-custom) .ui-datatable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0 none;
  border-top: 0 none;
}
body .newLayout .ui-datatable.ui-datatable-gridlines tfoot > tr > td, body .newLayout .ui-datatable:not(.ui-datatable-custom) tfoot > tr > td {
  border-width: 1px;
}
body .newLayout .ui-datatable.ui-datatable-sticky.ui-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);
}
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 #ced4da;
}
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.3rem 0.5rem;
  margin: 0;
  border: 0 none;
  background: transparent;
  color: #495057;
  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;
}
@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 .newLayout .ui-dataview .ui-paginator.ui-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
body .newLayout .ui-dataview .ui-paginator.ui-paginator-bottom {
  border-width: 0 0 0 0;
  border-radius: 0;
}
body .newLayout .ui-dataview .ui-dataview-header {
  background: #f8f9fa;
  color: #495057;
  padding: 1rem 1rem;
  font-weight: 600;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
}
body .newLayout .ui-dataview .ui-dataview-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-dataview .ui-dataview-content {
  border: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 0;
}
body .newLayout .ui-dataview.ui-dataview-list .ui-dataview-row {
  border: solid #e9ecef;
  border-width: 0 0 1px 0;
}

body .newLayout .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 .newLayout .ui-orderlist .ui-orderlist-controls .ui-button {
  margin-bottom: 0.5rem;
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before {
  content: "\e933";
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before {
  content: "\e92f";
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before {
  content: "\e930";
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before {
  content: "\e92c";
}
body .newLayout .ui-orderlist .ui-orderlist-caption {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  padding: 0.4rem;
  border-bottom: 0 none;
  font-weight: 700;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .newLayout .ui-orderlist .ui-g > div {
  padding: 0;
}
body .newLayout .ui-orderlist .ui-g > div.ui-orderlist-controls {
  padding: 0 0.5rem 0 0;
}
body .newLayout .ui-orderlist .ui-orderlist-list {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 0.3rem 0.5rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder {
  background: rgba(39, 131, 199, 0.7);
}
body .newLayout .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls {
  padding: 0 0 0 0.5rem;
}
@media (max-width: 640px) {
  body .newLayout .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  body .newLayout .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
}

body .newLayout .ui-paginator {
  background: #ffffff;
  border: solid #e9ecef;
  border-width: 0;
  padding: 1rem;
}
body .newLayout .ui-paginator .ui-paginator-first,
body .newLayout .ui-paginator .ui-paginator-prev,
body .newLayout .ui-paginator .ui-paginator-next,
body .newLayout .ui-paginator .ui-paginator-last {
  color: #6c757d;
  width: 2.286em;
  height: 2.286em;
  margin: 0 0.125em;
  border: 1px solid transparent;
  vertical-align: top;
  padding: 0;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-paginator .ui-paginator-first span,
body .newLayout .ui-paginator .ui-paginator-prev span,
body .newLayout .ui-paginator .ui-paginator-next span,
body .newLayout .ui-paginator .ui-paginator-last span {
  display: none;
}
body .newLayout .ui-paginator .ui-paginator-first.ui-state-hover,
body .newLayout .ui-paginator .ui-paginator-prev.ui-state-hover,
body .newLayout .ui-paginator .ui-paginator-next.ui-state-hover,
body .newLayout .ui-paginator .ui-paginator-last.ui-state-hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-paginator .ui-paginator-first.ui-state-focus,
body .newLayout .ui-paginator .ui-paginator-prev.ui-state-focus,
body .newLayout .ui-paginator .ui-paginator-next.ui-state-focus,
body .newLayout .ui-paginator .ui-paginator-last.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-paginator .ui-paginator-first:before,
body .newLayout .ui-paginator .ui-paginator-prev:before,
body .newLayout .ui-paginator .ui-paginator-next:before,
body .newLayout .ui-paginator .ui-paginator-last:before {
  position: relative;
  line-height: inherit;
  top: -1px;
}
body .newLayout .ui-paginator .ui-paginator-first {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  line-height: 2.286em;
}
body .newLayout .ui-paginator .ui-paginator-first:before {
  content: "\e92d";
}
body .newLayout .ui-paginator .ui-paginator-first:before {
  position: relative;
}
body .newLayout .ui-paginator .ui-paginator-prev {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  line-height: 2.286em;
}
body .newLayout .ui-paginator .ui-paginator-prev:before {
  content: "\e931";
}
body .newLayout .ui-paginator .ui-paginator-prev:before {
  position: relative;
}
body .newLayout .ui-paginator .ui-paginator-next {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  line-height: 2.286em;
}
body .newLayout .ui-paginator .ui-paginator-next:before {
  content: "\e932";
}
body .newLayout .ui-paginator .ui-paginator-next:before {
  position: relative;
}
body .newLayout .ui-paginator .ui-paginator-last {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  line-height: 2.286em;
}
body .newLayout .ui-paginator .ui-paginator-last:before {
  content: "\e92e";
}
body .newLayout .ui-paginator .ui-paginator-last:before {
  position: relative;
}
body .newLayout .ui-paginator .ui-paginator-current {
  color: #6c757d;
}
body .newLayout .ui-paginator .ui-paginator-pages {
  padding: 0;
  display: inline-block;
}
body .newLayout .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: #6c757d;
  margin: 0 0.125em;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-paginator .ui-paginator-current, body .newLayout .ui-paginator .ui-paginator-rpp-options {
  margin: 0.5rem;
  display: inline-block;
  vertical-align: middle;
}

body .newLayout .ui-picklist .ui-picklist-buttons {
  padding: 0 0.5rem 0 0.5rem;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-button {
  margin-bottom: 0.5rem;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before {
  content: "\e933";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before {
  content: "\e92f";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before {
  content: "\e930";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before {
  content: "\e92c";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
  content: "\e932";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
  content: "\e92e";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
  content: "\e931";
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
  content: "\e92d";
}
body .newLayout .ui-picklist .ui-picklist-caption {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  padding: 0.4rem;
  border-bottom: 0 none;
  font-weight: 700;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .newLayout .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
  padding: 0.3rem 0.3rem;
  width: 100%;
  padding-left: 1.8rem;
  margin-bottom: 0.5rem;
}
body .newLayout .ui-picklist .ui-picklist-filter-container .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  right: auto;
  margin-top: -0.85rem;
  color: #6c757d;
}
body .newLayout .ui-picklist .ui-picklist-filter-container .ui-icon:before {
  content: "\e908";
}
body .newLayout .ui-picklist .ui-picklist-list {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 0.3rem 0.5rem;
  border: 0 none;
  margin: 0;
  color: #495057;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder {
  background: rgba(39, 131, 199, 0.7);
}
@media (max-width: 640px) {
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child {
    margin-right: 0;
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before {
    content: "\e930";
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before {
    content: "\e92c";
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before {
    content: "\e933";
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
  }
  body .newLayout .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before {
    content: "\e92f";
  }
  body .newLayout .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible {
    display: none;
  }
}

body .newLayout .ui-tagcloud {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}
body .newLayout .ui-tagcloud a {
  color: #495057;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-tagcloud a.ui-state-hover {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}

body .timeline-frame {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
}
body .timeline-frame .timeline-navigation {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .timeline-frame .timeline-navigation:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before {
  content: "\e98f";
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before {
  content: "\e990";
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before {
  content: "\e91f";
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before {
  content: "\e920";
}
body .timeline-frame .timeline-event {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
}
body .timeline-frame .timeline-event.ui-state-active {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .vis-timeline {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
}
body .vis-timeline .vis-item {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
}
body .vis-timeline .vis-item .vis-item-content {
  color: #495057;
}
body .vis-timeline .vis-item.vis-dot {
  border-width: 4px;
}
body .vis-timeline .vis-item.vis-selected {
  background: rgba(77, 159, 220, 0.7);
  border-color: rgba(77, 159, 220, 0.7);
}
body .vis-timeline .vis-item.vis-selected .vis-item-content {
  color: #f8fafc;
}
body .vis-timeline .vis-time-axis .vis-text {
  color: #495057;
}
body .vis-timeline .vis-panel .vis-shadow {
  box-shadow: none;
}

body .newLayout .ui-tree {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  width: 100%;
  border-radius: 3px;
}
body .newLayout .ui-tree .ui-tree-container {
  padding: 0;
  margin: 0;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode {
  padding: 0.143em 0;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
body .newLayout .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: #6c757d;
  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 .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before {
  content: "\e901";
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before {
  content: "\e902";
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before {
  content: "\e900";
}
body .newLayout .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 .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
  margin: 0 0.5rem 0 0;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  padding: 0.286em;
  border-radius: 3px;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
  margin-right: 1rem;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  color: #495057;
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
  content: "\e90f";
}
body .newLayout .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover {
  background: rgba(77, 159, 220, 0.7);
}
body .newLayout .ui-tree .ui-tree-container .ui-treenode-outline {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #4D9FDC;
}
body .newLayout .ui-tree.ui-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  border-radius: 3px;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
  margin-right: 0.5rem;
  vertical-align: middle;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before {
  content: "\e90f";
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before {
  content: "\e90d";
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label {
  padding: 0;
  vertical-align: middle;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox {
  margin-right: 0.5rem;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  color: #495057;
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before {
  content: "\e90f";
}
body .newLayout .ui-tree.ui-tree-horizontal .ui-treenode:before {
  background-color: #ffffff;
}
body .newLayout .ui-tree .ui-tree-filter-container {
  margin: 0 0 0.5rem 0;
}
body .newLayout .ui-tree .ui-tree-filter-container .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  right: auto;
  bottom: auto;
  margin-top: -0.6rem;
  color: #6c757d;
}
body .newLayout .ui-tree .ui-tree-filter-container .ui-icon:before {
  content: "\e908";
}
body .newLayout .ui-tree .ui-tree-filter-container .ui-inputfield {
  padding: 0.3rem 0.3rem;
  width: 100%;
  padding-left: 1.8rem;
}
body .newLayout .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  margin-right: 0;
  margin-left: 0.5rem;
}
body .newLayout .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
  margin: 0 0 0 0.5rem;
}
body .newLayout .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
  margin: 0 0 0 0.5rem;
}
body .newLayout .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(77, 159, 220, 0.7);
}
body .newLayout .ui-fluid .ui-tree {
  width: 100%;
}

body .newLayout .ui-treetable .ui-treetable-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
body .newLayout .ui-treetable .ui-treetable-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
body .newLayout .ui-treetable .ui-treetable-header {
  text-align: left;
}
body .newLayout .ui-treetable .ui-treetable-footer {
  text-align: left;
}
body .newLayout .ui-treetable .ui-paginator {
  padding: 1rem;
}
body .newLayout .ui-treetable .ui-paginator.ui-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
body .newLayout .ui-treetable .ui-paginator.ui-paginator-bottom {
  border-width: 0 0 0 0;
  border-radius: 0;
}
body .newLayout .ui-treetable thead th {
  background: #f8f9fa;
  color: #495057;
  padding: 0.2rem 0.2rem;
  border: 1px solid #dee2e6;
  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 .newLayout .ui-treetable thead th .ui-column-title {
  font-weight: 700;
  vertical-align: middle;
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon {
  margin: 0 0 0 0.5rem;
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  vertical-align: middle;
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
  content: "\e99e";
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  vertical-align: middle;
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
  content: "\e99f";
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  vertical-align: middle;
}
body .newLayout .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
  content: "\e9a0";
}
body .newLayout .ui-treetable thead th .ui-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #f8fafc;
  background: #4D9FDC;
  margin-left: 0.5rem;
  font-size: 0.75rem;
}
body .newLayout .ui-treetable thead th.ui-sortable-column.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-treetable thead th.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-treetable thead th.ui-state-active {
  background: #f8f9fa;
  color: #4D9FDC;
}
body .newLayout .ui-treetable thead th.ui-state-active.ui-state-hover {
  background: #e9ecef;
  color: #4D9FDC;
}
body .newLayout .ui-treetable .ui-treetable-data > tr {
  background: #ffffff;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td {
  padding: 0.2rem 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
}
body .newLayout .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: #6c757d;
  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 .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before {
  content: "\e901";
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before {
  content: "\e902";
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection {
  vertical-align: middle;
  margin-right: 1rem;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  color: #495057;
}
body .newLayout .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before {
  content: "\e90f";
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
  cursor: default;
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler {
  color: #f8fafc;
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover {
  color: #f8fafc;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
  content: "\e942";
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin-right: 0.5rem;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before {
  content: "\e909";
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before {
  content: "\e90b";
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check {
  display: none;
}
body .newLayout .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close {
  display: none;
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check {
  display: inline-block;
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close {
  display: inline-block;
  color: #f8fafc;
}
body .newLayout .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon {
  color: #f8fafc;
}
body .newLayout .ui-treetable tfoot td {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  color: #495057;
  padding: 0.2rem 0.2rem;
  font-weight: 700;
  box-sizing: content-box;
}
body .newLayout .ui-treetable .ui-treetable-scrollable-header, body .newLayout .ui-treetable .ui-treetable-scrollable-footer {
  background: #f8f9fa;
}
body .newLayout .ui-treetable .ui-column-resizer-helper {
  background: #4D9FDC;
}
body .newLayout .ui-treetable.ui-treetable-sm thead > tr > th {
  padding: 0.1rem 0.1rem;
}
body .newLayout .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
}
body .newLayout .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td {
  padding: 0.1rem 0.1rem;
}
body .newLayout .ui-treetable.ui-treetable-sm tfoot > tr > td {
  padding: 0.1rem 0.1rem;
}
body .newLayout .ui-treetable.ui-treetable-lg thead > tr > th {
  padding: 0.25rem 0.25rem;
}
body .newLayout .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th {
  padding-top: 0;
  padding-bottom: 0;
}
body .newLayout .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td {
  padding: 0.25rem 0.25rem;
}
body .newLayout .ui-treetable.ui-treetable-lg tfoot > tr > td {
  padding: 0.25rem 0.25rem;
}
body .newLayout .ui-treetable.ui-treetable-gridlines .ui-treetable-header {
  border-width: 1px 1px 0;
}
body .newLayout .ui-treetable.ui-treetable-gridlines thead > tr > th {
  border: 1px solid #dee2e6;
}
body .newLayout .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td {
  border-width: 1px;
}
body .newLayout .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 .newLayout .ui-treetable.ui-treetable-gridlines tfoot > tr > td {
  border-width: 1px;
}

body .newLayout .ui-fileupload .ui-fileupload-buttonbar {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  margin-right: 0.5rem;
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before {
  content: "\e90d";
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before {
  content: "\e934";
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before {
  content: "\e90b";
}
body .newLayout .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled {
  display: none;
}
body .newLayout .ui-fileupload .ui-fileupload-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  border-top: 0 none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before {
  content: "\e90b";
}
body .newLayout .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div {
  padding: 1rem;
}
body .ui-fileupload-simple .ui-icon-plusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-fileupload-simple .ui-icon-plusthick:before {
  content: "\e90d";
}

body .newLayout .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
  padding: 0.3rem 0.3rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .newLayout .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 .newLayout .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
  padding: 0.3rem;
}
body .newLayout .ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before {
  content: "\e902";
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container {
  padding: 0.15rem 0.3rem;
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
  padding: 1px 0;
  margin: 0 0.5rem 0 0;
  background: #dee2e6;
  color: #495057;
  display: inline-block;
  vertical-align: middle;
  float: none;
  border-radius: 3px;
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
  padding: 0 2.4rem 0 0.6rem;
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
  margin-top: -0.6rem;
  position: absolute;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before {
  content: "\e90b";
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  margin: 0;
  padding: 0.15rem 0;
  display: inline-block;
  vertical-align: middle;
  float: none;
}
body .newLayout .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-family: "Open Sans";
  font-size: 1rem;
  color: #495057;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
}
body .newLayout .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-emptyMessage,
body .ui-autocomplete-panel .ui-autocomplete-empty-message {
  border: 0 none;
  margin: 0;
  padding: 0.3rem 0.5rem;
  color: #495057;
  border-radius: 0;
}
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.3rem 0.5rem;
  color: #495057;
  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-autocomplete-row {
  background: #ffffff;
  color: #495057;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td {
  padding: 0.2rem 0.2rem;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .ui-autocomplete-itemtip {
  padding: 0;
}
body .ui-autocomplete-itemtip.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
  width: calc(100% - 2.357rem);
}
body .newLayout .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2.357rem;
}
body .newLayout .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container {
  width: calc(100% - 2.357rem);
}

body .newLayout .ui-cascadeselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}
body .newLayout .ui-cascadeselect:not(.ui-state-disabled):hover {
  border-color: #4D9FDC;
}
body .newLayout .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-cascadeselect .ui-cascadeselect-label {
  background: transparent;
  border: 0 none;
  padding: 0.3rem 0.3rem;
}
body .newLayout .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder {
  color: #6c757d;
}
body .newLayout .ui-cascadeselect .ui-cascadeselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
body .newLayout .ui-cascadeselect .ui-cascadeselect-trigger {
  background: transparent;
  color: #6c757d;
  width: 2.357rem;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .ui-cascadeselect-panel {
  background: #ffffff;
  border: 0 none;
  border-radius: 3px;
  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-cascadeselect-panel .ui-cascadeselect-items {
  padding: 0.5rem 0;
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item {
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content {
  padding: 0.3rem 0.5rem;
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #4D9FDC;
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight {
  color: #f8fafc;
  background: rgba(77, 159, 220, 0.7);
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon {
  font-size: 1.2rem;
}
body .ui-input-filled .ui-cascadeselect {
  background: #f8f9fa;
}
body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover {
  background-color: #f8f9fa;
}
body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus {
  background-color: #f8f9fa;
}

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 #ced4da;
  border-width: 2px;
  background: #ffffff;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  position: relative;
  border-radius: 3px;
  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: #4D9FDC;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  box-shadow: 0 0 0 0.2em #4D9FDC;
  outline: 0 none;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #4D9FDC;
  background: #4D9FDC;
  color: #f8fafc;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
  background: #135AA9;
}
body .ui-chkbox .ui-chkbox-box.ui-state-error {
  border-color: #f44336;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: visible;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
  content: "\e909";
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before {
  content: "\e90b";
}
body.ui-input-filled .ui-chkbox .ui-chkbox-box,
body .ui-input-filled .ui-chkbox .ui-chkbox-box {
  background-color: #f8f9fa;
}
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: #f8f9fa;
}
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: #4D9FDC;
}
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: #135AA9;
}

body .newLayout .ui-chips .ui-chips-container {
  padding: 0.15rem 0.3rem;
}
body .newLayout .ui-chips .ui-chips-container .ui-chips-token {
  padding: 1px 0;
  margin: 0.125rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 3px;
}
body .newLayout .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label {
  padding: 0 2.4rem 0 0.6rem;
}
body .newLayout .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon {
  margin-top: -0.6rem;
  position: absolute;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before {
  content: "\e90b";
}
body .newLayout .ui-chips .ui-chips-container .ui-chips-input-token {
  margin: 0;
  padding: 0.15rem 0;
}
body .newLayout .ui-chips .ui-chips-container .ui-chips-input-token input {
  font-family: "Open Sans";
  font-size: 1rem;
  color: #495057;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
}

body .newLayout .ui-colorpicker .ui-button {
  border-radius: 3px;
}
body .newLayout .ui-fluid .ui-colorpicker .ui-button {
  width: auto;
  min-width: auto;
}

body .ui-datepicker {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  padding: 0.5rem;
  width: auto;
  border-radius: 3px;
}
body .ui-datepicker .ui-datepicker-header {
  margin: 0;
  padding: 1rem;
  line-height: normal;
  background: #ffffff;
  color: #495057;
  font-weight: 600;
  border: solid #dee2e6;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
body .ui-datepicker .ui-datepicker-next {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  right: 0;
}
body .ui-datepicker .ui-datepicker-next:before {
  content: "\e901";
}
body .ui-datepicker .ui-datepicker-prev {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  left: 0;
}
body .ui-datepicker .ui-datepicker-prev:before {
  content: "\e900";
}
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: #6c757d;
  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: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .ui-datepicker .ui-datepicker-next:focus,
body .ui-datepicker .ui-datepicker-prev:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
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: #495057;
  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: #e9ecef;
  border-color: transparent;
}
body .ui-datepicker .ui-datepicker-calendar td a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
  border: 0 none;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
  background: transparent;
  color: #0D438D;
  font-weight: 600;
  border: 0 none;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a:hover {
  background: #e9ecef;
  border-color: transparent;
}
body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
  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-timepicker-timeinput input {
  color: #495057;
  background: #ffffff;
  padding: 0.3rem 0.3rem;
  border: 1px solid #ced4da;
  outline: 0 none;
  font-size: 1rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
  appearance: none;
  width: auto;
}
body .ui-datepicker .ui-timepicker-timeinput input:hover {
  border-color: #4D9FDC;
}
body .ui-datepicker .ui-timepicker-timeinput input:focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span {
  padding: 0.3rem 0.3rem;
  font-size: 1rem;
}
body .ui-datepicker .ui-datepicker-buttonpane button,
body .ui-datepicker .ui-datepicker-buttonbar button {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  background: #607D8B;
  color: #ffffff;
  border: 1px solid #607D8B;
}
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: #56717d;
  border-color: #56717d;
  color: #ffffff;
}
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 #beccd2;
}
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: #4d646f;
  border-color: #4d646f;
  color: #ffffff;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
  border: 1px solid;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
  border: 1px solid;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, body .ui-datepicker .ui-datepicker-buttonpane button.ui-button.ui-button-icon-only,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button.ui-button-icon-only {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, body .ui-datepicker .ui-datepicker-buttonpane button.ui-button.ui-button-icon-only:enabled:hover,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button.ui-button-icon-only:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, body .ui-datepicker .ui-datepicker-buttonpane button.ui-button.ui-button-icon-only:enabled:active,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active,
body .ui-datepicker .ui-datepicker-buttonbar button.ui-button.ui-button-icon-only:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}
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-datepicker-buttonbar {
  border-top: solid #dee2e6;
  padding: 1rem 0;
}
body .ui-datepicker .ui-monthpicker-month {
  margin: 0.5rem 0;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  padding: 0.5rem;
  border: 3px;
}
body .ui-datepicker .ui-monthpicker-month:hover {
  background: #e9ecef;
  border-color: transparent;
}
body .ui-datepicker .ui-monthpicker-month:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .ui-datepicker .ui-monthpicker-month.ui-state-active {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
  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: #6c757d;
  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: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .ui-datepicker .ui-picker-up:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .ui-datepicker .ui-picker-up .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-datepicker .ui-picker-up .ui-icon:before {
  content: "\e903";
}
body .ui-datepicker .ui-picker-down {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .ui-datepicker .ui-picker-down:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .ui-datepicker .ui-picker-down .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-datepicker .ui-picker-down .ui-icon:before {
  content: "\e902";
}
body .ui-datepicker.ui-datepicker-multi {
  width: auto !important;
}
body .newLayout .ui-calendar .ui-button.ui-button-icon-only {
  width: 2.357rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .newLayout .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before {
  content: "\e927";
}
body .newLayout .ui-calendar.ui-trigger-calendar input.hasDatepicker {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .newLayout .ui-fluid .ui-trigger-calendar input.hasDatepicker {
  width: calc(100% - 2.357rem);
  padding-right: 0;
}
body .newLayout .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
  position: absolute;
  right: -2.357rem;
  width: 2.357rem;
}
body .newLayout .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text {
  padding: 0.3rem;
}
body .newLayout .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button {
  right: 0;
}

body .newLayout .ui-inplace .ui-inplace-display {
  padding: 0.3rem 0.3rem;
  border-radius: 3px;
}
body .newLayout .ui-inplace .ui-inplace-display.ui-state-highlight {
  background: #e9ecef;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-inplace .ui-inplace-display.ui-state-focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-inplace .ui-inplace-save .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-inplace .ui-inplace-save .ui-icon:before {
  content: "\e909";
}
body .newLayout .ui-inplace .ui-inplace-cancel {
  margin-left: 0.25rem;
}
body .newLayout .ui-inplace .ui-inplace-cancel .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-inplace .ui-inplace-cancel .ui-icon:before {
  content: "\e90b";
}
body .newLayout .ui-inplace .ui-inplace-editor {
  margin-left: 0.5rem;
}
body .newLayout .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text {
  padding: 0.3rem;
}

body ::-webkit-input-placeholder {
  color: #6c757d;
}
body :-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
body ::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
body :-ms-input-placeholder {
  color: #6c757d;
}
body .p-field small.ui-state-error {
  color: #f44336;
}
body .ui-float-label > label {
  margin-left: 0.3rem;
  color: #6c757d;
}
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: #495057;
}
body .ui-float-label > input:-webkit-autofill ~ label,
body .ui-float-label > textarea:-webkit-autofill ~ label {
  color: #495057;
}
body .ui-input-icon-left,
body .ui-input-icon-right {
  position: relative;
  display: inline-block;
}
body .newLayout .ui-fluid .ui-input-icon-left,
body .newLayout .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: -0.5rem;
}
body .ui-input-icon-left > i:first-of-type {
  left: 0.3rem;
  color: #6c757d;
}
body .ui-input-icon-left > .ui-inputfield {
  padding-left: 1.8rem;
}
body .ui-input-icon-right > i:last-of-type {
  right: 0.3rem;
  color: #6c757d;
}
body .ui-input-icon-right > .ui-inputfield {
  padding-right: 1.8rem;
}
body .newLayout .ui-inputfield {
  color: #495057;
  background: #ffffff;
  padding: 0.3rem 0.3rem;
  border: 1px solid #ced4da;
  outline: 0 none;
  font-size: 1rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  -webkit-appearance: none;
  appearance: none;
}
body .newLayout .ui-inputfield.ui-state-hover {
  border-color: #4D9FDC;
}
body .newLayout .ui-inputfield.ui-state-focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-inputfield.ui-state-error {
  border-color: #f44336;
}
body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield {
  background-color: #f8f9fa;
}
body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover {
  background-color: #f8f9fa;
}
body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus {
  background-color: #f8f9fa;
}
body .newLayout .ui-inputtextarea {
  vertical-align: top;
}

body .newLayout .ui-inputgroup .ui-inputgroup-addon,
body .newLayout .ui-inputgroup .ui-inputgroup-addon-checkbox {
  padding: 0.3rem 0.3rem;
  border-color: #ced4da;
  background: #e9ecef;
  color: #6c757d;
  min-width: 2.357rem;
}
body .newLayout .ui-inputgroup .ui-inputgroup-addon:first-child,
body .newLayout .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-inputgroup .ui-inputgroup-addon:last-child,
body .newLayout .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-inputgroup button:first-child, body .newLayout .ui-inputgroup input:first-child, body .newLayout .ui-inputgroup textarea:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-inputgroup .ui-float-label:first-child input,
body .newLayout .ui-inputgroup .ui-float-label:first-child textarea {
  border-right-width: 0px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-inputgroup button:last-child, body .newLayout .ui-inputgroup input:last-child, body .newLayout .ui-inputgroup textarea:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-inputgroup .ui-float-label:last-child input,
body .newLayout .ui-inputgroup .ui-float-label:last-child textarea {
  border-left-width: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-inputgroup > .ui-widget,
body .newLayout .ui-inputgroup > .ui-float-label > .ui-widget {
  border-radius: 0;
}
body .newLayout .ui-inputgroup > .ui-widget.ui-state-focus,
body .newLayout .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus {
  z-index: 1;
}
body .newLayout .ui-inputgroup > .ui-widget.ui-state-focus ~ label,
body .newLayout .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label {
  z-index: 1;
}
body .newLayout .ui-inputgroup .ui-inputgroup-addon-checkbox {
  padding: 0;
  position: relative;
}
body .newLayout .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 .newLayout .ui-inputswitch {
  height: 14px;
  width: 34px !important;
  overflow: visible;
  background: #dee2e6;
  border-radius: 8px;
}
body .newLayout .ui-inputswitch .ui-inputswitch-handle {
  top: -4px;
  left: -2px;
  background: #ffffff;
  border-radius: 50%;
  border: 2px solid #dee2e6;
  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 .newLayout .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-inputswitch .ui-inputswitch-on {
  visibility: hidden;
}
body .newLayout .ui-inputswitch .ui-inputswitch-off span, body .newLayout .ui-inputswitch .ui-inputswitch-on span {
  visibility: hidden;
}
body .newLayout .ui-inputswitch.ui-inputswitch-checked {
  background: #4D9FDC;
}
body .newLayout .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
  background: #ffffff;
  border-color: #0D438D;
  margin-left: 2px;
}

body .keypad-popup {
  background: #ffffff;
  color: #495057;
  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 #ced4da;
  padding: 0.5rem;
  margin: 2px;
  outline: 0 none;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
}
body .keypad-popup button.ui-state-hover {
  background: #ebebef;
  border-color: #ced4da;
  color: #495057;
}
body .keypad-popup button.ui-state-active {
  background: #0D438D;
  border-color: #0D438D;
  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: #4D9FDC;
  color: #f8fafc;
  border: 1px solid #4D9FDC;
}
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: #135AA9;
  border-color: #135AA9;
  color: #f8fafc;
}
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 #4D9FDC;
}
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: #0D438D;
  border-color: #0D438D;
  color: #f8fafc;
}

body .newLayout .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
  margin-right: 0.5rem;
  border: 1px solid #ced4da;
  padding: 0;
}
body .newLayout .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  border-bottom: 0 none;
  background: #f8f9fa;
  color: #495057;
}
body .newLayout .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list {
  padding: 0.5rem 0;
  background: #ffffff;
  border: 0 none;
}
body .newLayout .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item {
  padding: 0.3rem 0.5rem;
  margin: 0;
  background: transparent;
  color: #495057;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}

body .newLayout .ui-password .ui-password-icon {
  cursor: pointer;
}
body .newLayout .ui-password.ui-password-masked .ui-password-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-password.ui-password-masked .ui-password-icon:before {
  content: "\e966";
}
body .newLayout .ui-password.ui-password-unmasked .ui-password-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-password.ui-password-unmasked .ui-password-icon:before {
  content: "\e965";
}
body .ui-password-panel {
  background: #ffffff;
  color: #495057;
  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);
  border-radius: 3px;
}

body .newLayout .ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}
body .newLayout .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #ced4da;
  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 .newLayout .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border-color: #4D9FDC;
}
body .newLayout .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #4D9FDC;
  background: #4D9FDC;
  color: #f8fafc;
}
body .newLayout .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover {
  background: #135AA9;
}
body .newLayout .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
  background: #f8fafc;
}
body .newLayout .ui-radiobutton .ui-radiobutton-box.ui-state-error {
  border-color: #f44336;
}
body .newLayout .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 .newLayout .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: #f8f9fa;
}
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: #f8f9fa;
}
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: #4D9FDC;
}
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: #135AA9;
}

body .newLayout .ui-rating .ui-rating-cancel {
  float: none;
  display: inline-block;
  margin-right: 0.5rem;
  overflow: visible;
}
body .newLayout .ui-rating .ui-rating-cancel.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-rating .ui-rating-cancel a {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  text-indent: 0;
  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 .newLayout .ui-rating .ui-rating-cancel a:before {
  content: "\e90c";
}
body .newLayout .ui-rating .ui-rating-cancel a:hover {
  color: #e0284f;
}
body .newLayout .ui-rating .ui-rating-star {
  float: none;
  display: inline-block;
  margin-right: 0.5rem;
  overflow: visible;
}
body .newLayout .ui-rating .ui-rating-star.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-rating .ui-rating-star a {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  text-indent: 0;
  display: block;
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  color: #495057;
  overflow: visible;
}
body .newLayout .ui-rating .ui-rating-star a:before {
  content: "\e937";
}
body .newLayout .ui-rating .ui-rating-star a:hover {
  color: #135AA9;
}
body .newLayout .ui-rating .ui-rating-star-on a {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  display: block;
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  color: #4D9FDC;
}
body .newLayout .ui-rating .ui-rating-star-on a:before {
  content: "\e936";
}
body .ui-state-highlight .ui-rating-star a {
  color: #f8fafc;
}

body .ui-selectbooleancheckbox,
body .newLayout .ui-tristatecheckbox {
  width: auto;
  height: auto;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}

body .newLayout .ui-selectcheckboxmenu {
  vertical-align: baseline;
  border: 1px solid #ced4da;
  position: relative;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  background: #ffffff;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
  padding: 0.3rem 0.3rem;
  padding-right: 2.357rem;
  display: block;
  background: transparent;
  border-radius: 3px;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
  padding: 0;
  background: transparent;
}
body .newLayout .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: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
  position: static;
  margin: 0;
  color: #6c757d;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before {
  content: "\e902";
}
body .newLayout .ui-selectcheckboxmenu.ui-state-hover {
  border-color: #4D9FDC;
}
body .newLayout .ui-selectcheckboxmenu.ui-state-focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-selectcheckboxmenu.ui-state-error {
  border-color: #f44336;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  padding: 0.3rem 0.3rem;
  padding-right: 2.357rem;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
  padding: 1px 0;
  margin: 0 0.5rem 0 0;
  background: #dee2e6;
  color: #495057;
  border-radius: 3px;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label {
  padding: 0 2.4rem 0 0.6rem;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
  margin-top: -0.6rem;
  position: absolute;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before {
  content: "\e90b";
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token {
  margin: 0;
  padding: 0.15rem 0;
}
body .newLayout .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input {
  font-family: "Open Sans";
  padding: 0;
  margin: 0;
}
body.ui-input-filled .ui-selectcheckboxmenu,
body .ui-input-filled .ui-selectcheckboxmenu {
  background: #f8f9fa;
}
body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover,
body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover {
  background-color: #f8f9fa;
}
body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus,
body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus {
  background-color: #f8f9fa;
}
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: 3px;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
  padding: 0.5rem 1rem;
  margin: 0;
  border-bottom: 0 none;
  background: #f8f9fa;
  color: #495057;
  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.3rem 0.3rem;
  width: 100%;
  padding-left: 1.8rem;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  right: auto;
  bottom: auto;
  margin-top: -0.6rem;
  color: #6c757d;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before {
  content: "\e908";
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  float: none;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before {
  content: "\e90b";
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items {
  padding: 0.5rem 0;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
  padding: 0.3rem 0.5rem;
  margin: 0;
  outline: 0 none;
  background: transparent;
  color: #495057;
  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: #e9ecef;
  color: #495057;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
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: #495057;
}

body .newLayout .ui-selectonelistbox,
body .newLayout .ui-selectmanymenu {
  padding: 0;
  width: auto;
  min-width: 12rem;
  border: 1px solid #ced4da;
  border-radius: 3px;
  background: #ffffff;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-filter-container,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-filter-container {
  padding: 0.5rem 1rem;
  margin: 0;
  border-bottom: 0 none;
  background: #f8f9fa;
  color: #495057;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield {
  padding: 0.3rem 0.3rem;
  width: 100%;
  padding-left: 1.8rem;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  left: 1.3rem;
  top: 50%;
  right: auto;
  bottom: auto;
  margin-top: -0.6rem;
  color: #6c757d;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before {
  content: "\e908";
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer {
  padding: 0.5rem 0;
  line-height: normal;
  border: 0 none;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list {
  list-style-type: none;
  margin: 0;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item {
  border: 0 none;
  margin: 0;
  padding: 0.3rem 0.5rem;
  background: transparent;
  color: #495057;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox {
  margin-right: 0.5rem;
  vertical-align: middle;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td {
  padding: 0.2rem 0.2rem;
}
body .newLayout .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline,
body .newLayout .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem #4D9FDC;
}
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 .newLayout .ui-selectonemenu {
  vertical-align: middle;
  border: 1px solid #ced4da;
  position: relative;
  transform: none;
  padding: 0;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  background: #ffffff;
}
body .newLayout .ui-selectonemenu .ui-selectonemenu-label {
  background: transparent;
  padding-right: 2.357rem;
  min-height: calc(1.2rem + 3px);
}
body .newLayout .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: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  position: static;
  margin: 0;
  color: #6c757d;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before {
  content: "\e902";
}
body .newLayout .ui-selectonemenu.ui-state-hover {
  border-color: #4D9FDC;
}
body .newLayout .ui-selectonemenu.ui-state-focus {
  border-color: #4D9FDC;
  outline: 0 none;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout .ui-selectonemenu.ui-state-error {
  border-color: #f44336;
}
body .newLayout .ui-fluid .ui-selectonemenu-label {
  width: calc(100% - 2.357rem);
  padding: 0.3rem 0.3rem;
}
body .newLayout .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: #f8f9fa;
}
body.ui-input-filled .ui-selectonemenu.ui-state-hover,
body .ui-input-filled .ui-selectonemenu.ui-state-hover {
  background-color: #f8f9fa;
}
body.ui-input-filled .ui-selectonemenu.ui-state-focus,
body .ui-input-filled .ui-selectonemenu.ui-state-focus {
  background-color: #f8f9fa;
}
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: 3px;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  padding: 0.5rem 1rem;
  margin: 0;
  border-bottom: 0 none;
  background: #f8f9fa;
  color: #495057;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield {
  padding: 0.3rem 0.3rem;
  width: 100%;
  padding-left: 1.8rem;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  left: 1.3rem;
  top: 50%;
  right: auto;
  bottom: auto;
  margin-top: -0.6rem;
  color: #6c757d;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before {
  content: "\e908";
}
body .ui-selectonemenu-panel .ui-selectonemenu-items {
  padding: 0.5rem 0;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
  font-weight: 700;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
  margin: 0;
  padding: 0.3rem 0.5rem;
  background: transparent;
  color: #495057;
  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-selectonemenu-row {
  background: #ffffff;
  color: #495057;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td {
  padding: 0.2rem 0.2rem;
}
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.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
  overflow: auto;
}
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group {
  background: #ffffff;
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
}

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

body .newLayout .ui-spinner .ui-spinner-input {
  padding-right: 2.857rem;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button {
  position: absolute;
  border-radius: 0;
  width: 2.357rem;
  z-index: 1;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
  border-top-right-radius: 3px;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before {
  content: "\e933";
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before {
  content: "\e930";
}
body .newLayout .ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2.857rem;
}

body .newLayout .ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.75rem;
}
body .newLayout .ui-toggleswitch .ui-toggleswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #dee2e6;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 30px;
}
body .newLayout .ui-toggleswitch .ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%;
  background: #ffffff;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  margin-top: -0.625rem;
  border-radius: 50%;
  transition: transform 0.2s;
}
body .newLayout .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
  transform: translateX(1.25rem);
}
body .newLayout .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
  background: #4D9FDC;
}
body .newLayout .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
  background: #ffffff;
}

body .newLayout .ui-breadcrumb {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  padding: 1rem;
}
body .newLayout .ui-breadcrumb ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
body .newLayout .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: 3px;
  margin: 0;
}
body .newLayout .ui-breadcrumb ul li .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text {
  color: #495057;
}
body .newLayout .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon {
  color: #6c757d;
}
body .newLayout .ui-breadcrumb ul li.ui-breadcrumb-chevron {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin: 0 0.5rem 0 0.5rem;
  color: #495057;
}
body .newLayout .ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
  content: "\e901";
}
body .newLayout .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
body .newLayout .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before {
  content: "\e901";
  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: #495057;
}
body .newLayout .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before {
  display: none;
}
body .newLayout .ui-breadcrumb ul li:first-child a.ui-icon-home {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  color: #6c757d;
  margin: 0;
}
body .newLayout .ui-breadcrumb ul li:first-child a.ui-icon-home:before {
  content: "\e925";
}
body .newLayout .ui-breadcrumb ul li:first-child a.ui-icon-home span {
  display: none;
}
body .newLayout .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text {
  color: #495057;
}
body .newLayout .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon {
  color: #6c757d;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 3px;
  margin: 0;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text {
  color: #495057;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon {
  color: #6c757d;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin: 0 0.5rem 0 0.5rem;
  color: #495057;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before {
  content: "\e901";
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
  content: "\e901";
  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: #495057;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before {
  display: none;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  color: #6c757d;
  margin: 0;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before {
  content: "\e925";
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span {
  display: none;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text {
  color: #495057;
}
body .newLayout .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon {
  color: #6c757d;
}

body .ui-menu {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
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;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before {
  content: "\e901";
}
body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before {
  content: "\e902";
}
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: #495057;
  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: #495057;
  float: none;
}
body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon {
  color: #495057;
}
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.25rem 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: #e9ecef;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon {
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  margin-right: 0.5rem;
  vertical-align: middle;
  float: none;
  color: #6c757d;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  float: none;
  vertical-align: middle;
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: relative;
  margin-right: -0.6rem;
  color: #6c757d;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before {
  content: "\e932";
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin-right: -0.6rem;
  color: #6c757d;
}
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before {
  content: "\e930";
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link {
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon {
  color: #495057;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background: #e9ecef;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #495057;
}
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: #495057;
}
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: 3px;
  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 #dee2e6;
}
body .ui-menu.ui-menubar {
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 3px;
}
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: 3px;
}
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: #495057;
  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;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin-right: 0.5rem;
}
body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before {
  content: "\e931";
}
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: #495057;
  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: 3px;
}
body .ui-menu.ui-megamenu.ui-megamenu-vertical {
  background: #f8f9fa;
  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-menu .ui-divider.ui-widget.ui-divider-horizontal, body .ui-menu .ui-widget.ui-divider-horizontal-default {
  margin: 0;
}

body .newLayout .ui-panelmenu .ui-icon {
  position: static;
}
body .newLayout .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header {
  margin-top: 0;
  border-top: 1px solid #dee2e6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
body .newLayout .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active {
  border-radius: 0;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header {
  border: 1px solid #dee2e6;
  border-top: 0 none;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  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 .newLayout .ui-panelmenu h3.ui-panelmenu-header .ui-icon {
  position: static;
  margin: 0;
  vertical-align: middle;
  margin-right: 0.5rem;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before {
  content: "\e901";
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before {
  content: "\e902";
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header a {
  display: inline;
  padding: 0;
  outline: 0 none;
  color: inherit;
  vertical-align: middle;
  text-decoration: none;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header.ui-state-active {
  border-color: #dee2e6;
  background: #f8f9fa;
  color: #495057;
}
body .newLayout .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 1px solid #dee2e6;
  margin-top: 0;
  position: static;
  border-top: 0 none;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
  padding: 0.25rem 1rem;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover {
  background: #e9ecef;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon {
  color: #495057;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
  color: #495057;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  position: static;
  color: #6c757d;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before {
  content: "\e932";
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before {
  content: "\e930";
}
body .newLayout .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
  display: inline-block;
  vertical-align: middle;
}

body .newLayout .ui-steps {
  position: relative;
}
body .newLayout .ui-steps ul {
  display: -ms-flexbox;
  display: flex;
}
body .newLayout .ui-steps .ui-steps-item {
  flex: 1 1 0;
  -ms-flex: 1 1 0px;
  background: transparent;
  text-align: center;
  float: none;
  opacity: 1;
}
body .newLayout .ui-steps .ui-steps-item .ui-menuitem-link {
  display: block;
  text-align: center;
  background: transparent;
  overflow: hidden;
  padding: 0;
}
body .newLayout .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  color: #495057;
  background: #ffffff;
  border: 1px solid #e9ecef;
  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 .newLayout .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  display: block;
  padding-top: 0.5rem;
  color: #6c757d;
}
body .newLayout .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
  border-color: rgba(77, 159, 220, 0.7);
}
body .newLayout .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  font-weight: 600;
  color: #495057;
}
body .newLayout .ui-steps .ui-steps-item:not(.ui-state-highlight) {
  opacity: 0.65;
}
body .newLayout .ui-steps:before {
  content: " ";
  border-top: 1px solid #dee2e6;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
}

body .newLayout .ui-tabmenu {
  padding: 0;
  position: static;
}
body .newLayout .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 .newLayout .ui-tabmenu .ui-tabmenu-nav:before {
  position: absolute;
  border-bottom: 2px solid #dee2e6;
  left: 0;
  bottom: 0;
  width: 100%;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  float: none;
  background: #ffffff;
  color: #6c757d;
  top: 0;
  margin: 0;
  border-bottom: 2px solid #dee2e6;
  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 .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
  color: #6c757d;
  padding: 0.4rem;
  font-weight: 700;
  display: block;
  line-height: 1;
  outline: 0 none;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
  margin-right: 0.5rem;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
  background: #ffffff;
  border-color: #adb5bd;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a {
  color: #6c757d;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon {
  color: #6c757d;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background: #ffffff;
  border-color: #4D9FDC;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a {
  color: #4D9FDC;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
  color: #4D9FDC;
}
body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
@media screen and (max-width: 576px) {
  body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon {
    margin-right: 0;
  }
  body .newLayout .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text {
    display: none;
  }
}

body .ui-growl {
  top: 85px;
}
body .ui-growl .ui-growl-item-container {
  margin: 0 0 1rem 0;
  border-radius: 3px;
  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;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
body .ui-growl .ui-growl-item-container .ui-icon-closethick:before {
  content: "\e90b";
}
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: #B3E5FC;
  border: 1px solid #03A9F4;
  color: #01579B;
  border-width: 0 0 0 6px;
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 2rem;
  color: #01579B;
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
  content: "\e924";
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon {
  color: #01579B;
}
body .ui-growl .ui-growl-item-container.ui-growl-warn {
  background: #FFECB3;
  border: 1px solid #FFC107;
  color: #7f6003;
  border-width: 0 0 0 6px;
}
body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 2rem;
  color: #7f6003;
}
body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before {
  content: "\e922";
}
body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon {
  color: #7f6003;
}
body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal {
  background: #FFCDD2;
  border: 1px solid #EF5350;
  color: #B71C1C;
  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;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 2rem;
  color: #B71C1C;
}
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: "\e90c";
}
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: #B71C1C;
}

body .newLayout .ui-message {
  padding: 0.3rem 0.3rem;
  display: inline-block;
  border-radius: 3px;
}
body .newLayout .ui-message.ui-message-info {
  background: #B3E5FC;
  border: 1px solid #03A9F4;
  border-width: 0 0 0 3px;
  color: #01579B;
}
body .newLayout .ui-message.ui-message-info .ui-message-info-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin: 0;
  color: #01579B;
  float: none;
  width: auto;
  height: auto;
  position: relative;
  top: 1px;
}
body .newLayout .ui-message.ui-message-info .ui-message-info-icon:before {
  content: "\e924";
}
body .newLayout .ui-message.ui-message-info .ui-message-info-detail {
  margin-left: 0.5rem;
}
body .newLayout .ui-message.ui-message-warn {
  background: #FFECB3;
  border: 1px solid #FFC107;
  border-width: 0 0 0 3px;
  color: #7f6003;
}
body .newLayout .ui-message.ui-message-warn .ui-message-warn-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin: 0;
  color: #7f6003;
  float: none;
  width: auto;
  height: auto;
  position: relative;
  top: 1px;
}
body .newLayout .ui-message.ui-message-warn .ui-message-warn-icon:before {
  content: "\e922";
}
body .newLayout .ui-message.ui-message-warn .ui-message-warn-detail {
  margin-left: 0.5rem;
}
body .newLayout .ui-message.ui-message-error, body .newLayout .ui-message.ui-message-fatal {
  background: #FFCDD2;
  border: 1px solid #EF5350;
  border-width: 0 0 0 3px;
  color: #B71C1C;
}
body .newLayout .ui-message.ui-message-error .ui-message-error-icon, body .newLayout .ui-message.ui-message-fatal .ui-message-error-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin: 0;
  color: #B71C1C;
  float: none;
  width: auto;
  height: auto;
  position: relative;
  top: 1px;
}
body .newLayout .ui-message.ui-message-error .ui-message-error-icon:before, body .newLayout .ui-message.ui-message-fatal .ui-message-error-icon:before {
  content: "\e90c";
}
body .newLayout .ui-message.ui-message-error .ui-message-error-detail, body .newLayout .ui-message.ui-message-fatal .ui-message-error-detail {
  margin-left: 0.5rem;
}
body .newLayout .ui-message.ui-message-icon-only {
  width: auto;
  height: auto;
}
body .newLayout .ui-widget + .ui-message {
  margin: 0 0 0 0.5rem;
}

body .newLayout .ui-messages {
  padding: 0;
  margin: 0;
  font-weight: 600;
  position: relative;
  border-radius: 3px;
}
body .newLayout .ui-messages > div {
  padding: 1.5rem;
  margin: 1rem 0;
  border-radius: 3px;
}
body .newLayout .ui-messages ul {
  margin: 0;
}
body .newLayout .ui-messages ul .ui-messages-info-summary,
body .newLayout .ui-messages ul .ui-messages-warn-summary,
body .newLayout .ui-messages ul .ui-messages-error-summary,
body .newLayout .ui-messages ul .ui-messages-fatal-summary {
  margin: 0 0.5rem 0 0;
}
body .newLayout .ui-messages ul .ui-messages-info-detail,
body .newLayout .ui-messages ul .ui-messages-warn-detail,
body .newLayout .ui-messages ul .ui-messages-error-detail,
body .newLayout .ui-messages ul .ui-messages-fatal-detail {
  margin: 0;
}
body .newLayout .ui-messages .ui-messages-close {
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-messages .ui-messages-close:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-messages .ui-messages-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-messages .ui-messages-close .ui-icon-close {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-messages .ui-messages-close .ui-icon-close:before {
  content: "\e90b";
}
body .newLayout .ui-messages .ui-messages-info {
  background: #B3E5FC;
  border: 1px solid #03A9F4;
  border-width: 0 0 0 6px;
  color: #01579B;
}
body .newLayout .ui-messages .ui-messages-info .ui-messages-info-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 1.5rem;
  margin: 0 0.5rem 0 0;
  color: #01579B;
}
body .newLayout .ui-messages .ui-messages-info .ui-messages-info-icon:before {
  content: "\e924";
}
body .newLayout .ui-messages .ui-messages-info .ui-messages-close {
  background: #B3E5FC;
  color: #01579B;
}
body .newLayout .ui-messages .ui-messages-info .ui-messages-close:hover {
  background: #9addfb;
}
body .newLayout .ui-messages .ui-messages-warn {
  background: #FFECB3;
  border: 1px solid #FFC107;
  border-width: 0 0 0 6px;
  color: #7f6003;
}
body .newLayout .ui-messages .ui-messages-warn .ui-messages-warn-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 1.5rem;
  margin: 0 0.5rem 0 0;
  color: #7f6003;
}
body .newLayout .ui-messages .ui-messages-warn .ui-messages-warn-icon:before {
  content: "\e922";
}
body .newLayout .ui-messages .ui-messages-warn .ui-messages-close {
  background: #FFECB3;
  color: #7f6003;
}
body .newLayout .ui-messages .ui-messages-warn .ui-messages-close:hover {
  background: #ffe69a;
}
body .newLayout .ui-messages .ui-messages-error, body .newLayout .ui-messages .ui-messages-fatal {
  background: #FFCDD2;
  border: 1px solid #EF5350;
  border-width: 0 0 0 6px;
  color: #B71C1C;
}
body .newLayout .ui-messages .ui-messages-error .ui-messages-error-icon,
body .newLayout .ui-messages .ui-messages-error .ui-messages-fatal, body .newLayout .ui-messages .ui-messages-fatal .ui-messages-error-icon,
body .newLayout .ui-messages .ui-messages-fatal .ui-messages-fatal {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 1.5rem;
  margin: 0 0.5rem 0 0;
  color: #B71C1C;
}
body .newLayout .ui-messages .ui-messages-error .ui-messages-error-icon:before,
body .newLayout .ui-messages .ui-messages-error .ui-messages-fatal:before, body .newLayout .ui-messages .ui-messages-fatal .ui-messages-error-icon:before,
body .newLayout .ui-messages .ui-messages-fatal .ui-messages-fatal:before {
  content: "\e90c";
}
body .newLayout .ui-messages .ui-messages-error .ui-messages-close, body .newLayout .ui-messages .ui-messages-fatal .ui-messages-close {
  background: #FFCDD2;
  color: #B71C1C;
}
body .newLayout .ui-messages .ui-messages-error .ui-messages-close:hover, body .newLayout .ui-messages .ui-messages-fatal .ui-messages-close:hover {
  background: #ffb4bb;
}

body .newLayout .ui-avatar {
  background-color: #dee2e6;
  border-radius: 3px;
}
body .newLayout .ui-avatar.ui-avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}
body .newLayout .ui-avatar.ui-avatar-lg .ui-avatar-icon {
  font-size: 1.5rem;
}
body .newLayout .ui-avatar.ui-avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}
body .newLayout .ui-avatar.ui-avatar-xl .ui-avatar-icon {
  font-size: 2rem;
}
body .ui-avatar-group .ui-avatar {
  border: 2px solid #ffffff;
}

body .newLayout .ui-badge {
  background: #4D9FDC;
  color: #f8fafc;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
body .newLayout .ui-badge:not(.ui-widget) {
  display: inline-block;
  border-radius: 50%;
  text-align: center;
}
body .newLayout .ui-badge.ui-badge-secondary {
  background: #607D8B;
  color: #ffffff;
}
body .newLayout .ui-badge.ui-badge-success {
  background: #689F38;
  color: #ffffff;
}
body .newLayout .ui-badge.ui-badge-info {
  background: #0288D1;
  color: #ffffff;
}
body .newLayout .ui-badge.ui-badge-warning {
  background: #FBC02D;
  color: #212529;
}
body .newLayout .ui-badge.ui-badge-danger {
  background: #D32F2F;
  color: #ffffff;
}
body .newLayout .ui-badge.ui-badge-lg {
  font-size: 1.125rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}
body .newLayout .ui-badge.ui-badge-xl {
  font-size: 1.5rem;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
body .ui-overlay-badge {
  position: relative;
  display: inline-block;
}
body .ui-overlay-badge .ui-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  margin: 0;
}

body .newLayout .ui-chip {
  background-color: #dee2e6;
  color: #495057;
  border-radius: 16px;
  padding: 0 0.3rem;
}
body .newLayout .ui-chip .ui-chip-text {
  line-height: 1.5;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}
body .newLayout .ui-chip .ui-chip-icon {
  margin-right: 0.5rem;
}
body .newLayout .ui-chip img {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: -0.3rem;
  margin-right: 0.5rem;
}
body .newLayout .ui-chip .ui-chip-remove-icon {
  margin-left: 0.5rem;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-chip .ui-chip-remove-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}

body .newLayout .ui-clock {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}

body .newLayout .ui-galleria .ui-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out;
  border-radius: 50%;
}
body .newLayout .ui-galleria .ui-galleria-close .ui-galleria-close-icon {
  font-size: 2rem;
}
body .newLayout .ui-galleria .ui-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
body .newLayout .ui-galleria .ui-galleria-item-nav {
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out;
  border-radius: 3px;
  margin: 0 0.5rem;
}
body .newLayout .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 2rem;
}
body .newLayout .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before {
  content: "\e900";
}
body .newLayout .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  font-size: 2rem;
}
body .newLayout .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before {
  content: "\e901";
}
body .newLayout .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
body .newLayout .ui-galleria .ui-galleria-caption-item {
  background: rgba(0, 0, 0, 0.5);
  color: #f8f9fa;
  padding: 1rem;
}
body .newLayout .ui-galleria .ui-galleria-indicators {
  padding: 1rem;
}
body .newLayout .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button {
  background-color: #e9ecef;
  width: 1rem;
  height: 1rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out;
  border-radius: 50%;
}
body .newLayout .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover {
  background: #dee2e6;
}
body .newLayout .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button {
  background: #4D9FDC;
  color: #f8fafc;
}
body .newLayout .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .newLayout .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator {
  margin-right: 0.5rem;
}
body .newLayout .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .newLayout .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator {
  margin-bottom: 0.5rem;
}
body .newLayout .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}
body .newLayout .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}
body .newLayout .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}
body .newLayout .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 0.8rem 0.25rem;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next {
  margin: 0.5rem;
  background-color: transparent;
  color: #f8f9fa;
  width: 2rem;
  height: 2rem;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out;
  border-radius: 50%;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before {
  content: "\e901";
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before {
  content: "\e902";
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before {
  content: "\e900";
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before,
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before {
  content: "\e903";
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content {
  transition: box-shadow 0.2s;
  margin: 0.2rem;
  margin-left: 0;
  margin-right: 0;
}
body .newLayout .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .newLayout .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content {
  margin: 0.2rem;
}
body .newLayout .ui-galleria .ui-galleria-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}

.ui-galleria-mask.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}

body .newLayout .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: 3px;
  height: auto;
}
body .newLayout .ui-log .ui-log-header {
  background: #f8f9fa;
  color: #495057;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
  padding: 0.3rem 1rem;
  height: auto;
}
body .newLayout .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: #6c757d;
  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 .newLayout .ui-log .ui-log-header .ui-log-button:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-log .ui-log-header .ui-log-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-trash {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before {
  content: "\e93d";
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-note {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-note:before {
  content: "\e9a8";
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-info {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-info:before {
  content: "\e924";
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-notice {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before {
  content: "\e989";
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-search {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-search:before {
  content: "\e908";
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-alert {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before {
  content: "\e922";
}
body .newLayout .ui-log .ui-log-content {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  padding: 1rem 1rem 1rem 1rem;
  border: 0 none;
  overflow: auto;
}

body .newLayout .ui-progressbar {
  border: 0 none;
  height: 1rem;
  background: #efefef;
  border-radius: 3px;
}
body .newLayout .ui-progressbar .ui-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #4D9FDC;
  border-radius: 3px;
}
body .newLayout .ui-progressbar .ui-progressbar-label {
  margin-top: 0;
  color: #495057;
  line-height: 1rem;
}

body .newLayout .ui-scrolltop {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  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);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  background: rgba(0, 0, 0, 0.7);
}
body .newLayout .ui-scrolltop:hover {
  background: rgba(0, 0, 0, 0.8);
}
body .newLayout .ui-scrolltop .ui-scrolltop-icon {
  font-size: 1.5rem;
  color: #f8f9fa;
}

body .newLayout .ui-skeleton {
  background-color: #e9ecef;
  border-radius: 3px;
}
body .newLayout .ui-skeleton:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

body .newLayout .ui-tag {
  background: #4D9FDC;
  color: #f8fafc;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
}
body .newLayout .ui-tag:not(.ui-widget) {
  display: inline-block;
  text-align: center;
  line-height: 1;
}
body .newLayout .ui-tag.ui-tag-success {
  background: #689F38;
  color: #ffffff;
}
body .newLayout .ui-tag.ui-tag-info {
  background: #0288D1;
  color: #ffffff;
}
body .newLayout .ui-tag.ui-tag-warning {
  background: #FBC02D;
  color: #212529;
}
body .newLayout .ui-tag.ui-tag-danger {
  background: #D32F2F;
  color: #ffffff;
}
body .newLayout .ui-tag.ui-tag-rounded {
  border-radius: 10rem;
}
body .newLayout .ui-tag .ui-tag-icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}

body .newLayout .ui-terminal {
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 0.7rem;
}

body .ui-confirm-popup {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 3px;
  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-confirm-popup .ui-confirm-popup-content {
  padding: 0.7rem;
}
body .ui-confirm-popup .ui-confirm-popup-footer {
  text-align: right;
  padding: 0 1rem 1rem 1rem;
}
body .ui-confirm-popup .ui-confirm-popup-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
body .ui-confirm-popup .ui-confirm-popup-footer button:last-child {
  margin: 0;
}
body .ui-confirm-popup:after {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
body .ui-confirm-popup:before {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
body .ui-confirm-popup.ui-confirm-popup-flipped:after {
  border-top-color: #ffffff;
}
body .ui-confirm-popup.ui-confirm-popup-flipped:before {
  border-top-color: #ffffff;
}
body .ui-confirm-popup .ui-confirm-popup-icon {
  font-size: 1.8rem;
}
body .ui-confirm-popup .ui-confirm-popup-message {
  margin-left: 1rem;
}

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: 3px;
}
body .ui-dialog .ui-dialog-titlebar {
  background: #f8f9fa;
  color: #495057;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
  padding: 0.3rem 1rem;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
  font-size: 1rem;
}
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: #6c757d;
  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: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before {
  content: "\e90b";
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before {
  content: "\e90f";
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before {
  content: "\e90d";
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before {
  content: "\e93b";
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before {
  content: "\e93a";
}
body .ui-dialog .ui-dialog-content {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  padding: 1rem 1rem 1rem 1rem;
  border: 0 none;
}
body .ui-dialog .ui-dialog-footer {
  border-top: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 1rem 1rem 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 1.5rem 2rem 1.5rem;
  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;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before {
  content: "\e922";
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before {
  content: "\e924";
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before {
  content: "\e90c";
}
body .ui-dialog.ui-resizable .ui-dialog-content {
  box-sizing: content-box;
}
body .ui-dialog.ui-message-dialog .ui-dialog-content {
  padding: 1rem 1.5rem 2rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
body .ui-dialog.ui-message-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-message-dialog .ui-dialog-content > span.ui-dialog-message {
  margin-right: 0.5rem;
  font-size: 2.5rem;
  width: auto;
  height: auto;
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before {
  content: "\e922";
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before {
  content: "\e922";
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before {
  content: "\e90c";
}

body .newLayout .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 .newLayout .ui-lightbox .ui-lightbox-caption {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
}
body .newLayout .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #495057;
  margin: 0;
}
body .newLayout .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before {
  content: "\e90b";
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
  background: #ffffff;
  color: #495057;
  border: 0 none;
  padding: 0;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  transition: all 0.2s;
  font-size: 24px;
  margin-left: 4px;
  color: #ffffff;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before {
  content: "\e900";
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
  scale: 1.2;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span {
  display: none;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  transition: all 0.2s;
  font-size: 24px;
  margin-right: 4px;
  color: #ffffff;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before {
  content: "\e901";
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  scale: 1.2;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
  display: none;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content {
  border-radius: 0;
}
body .newLayout .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a {
  display: none;
}

body .ui-overlaypanel {
  background: #ffffff;
  color: #495057;
  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: 3px;
}
body .ui-overlaypanel .ui-overlaypanel-content {
  padding: 0.7rem;
}
body .ui-overlaypanel .ui-overlaypanel-close {
  position: absolute;
  width: 2rem;
  height: 2rem;
  right: -1rem;
  top: -1rem;
  background: #4D9FDC;
  color: #f8fafc;
  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: #135AA9;
  color: #f8fafc;
}
body .ui-overlaypanel .ui-overlaypanel-close .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  display: inline-block;
  line-height: inherit;
}
body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before {
  content: "\e90b";
}

body .newLayout .ui-sidebar {
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  border: 0 none;
  box-shadow: none;
}
body .newLayout .ui-sidebar .ui-sidebar-close {
  padding: 0;
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-sidebar .ui-sidebar-close:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-sidebar .ui-sidebar-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-sidebar .ui-sidebar-close .ui-icon {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-sidebar .ui-sidebar-close .ui-icon:before {
  content: "\e90b";
}
body .newLayout .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);
}

body .ui-tooltip .ui-tooltip-text {
  background: white;
  color: #495057;
  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: 3px;
}
body .ui-tooltip.ui-state-error {
  border: 0 none;
}
body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: white;
}
body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: white;
}
body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: white;
}
body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: white;
}

body .newLayout .ui-accordion .ui-accordion-header {
  border: 1px solid #dee2e6;
  border-top: 0 none;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  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 .newLayout .ui-accordion .ui-accordion-header:first-child {
  margin-top: 0;
  border-top: 1px solid #dee2e6;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
body .newLayout .ui-accordion .ui-accordion-header.ui-accordion-header-last {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active {
  border-radius: 0;
}
body .newLayout .ui-accordion .ui-accordion-header.ui-state-hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-accordion .ui-accordion-header.ui-state-active {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
}
body .newLayout .ui-accordion .ui-accordion-header.ui-state-active:hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-accordion .ui-accordion-header:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-accordion .ui-accordion-header > .ui-icon {
  position: static;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
body .newLayout .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before {
  content: "\e901";
}
body .newLayout .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before {
  content: "\e902";
}
body .newLayout .ui-accordion .ui-accordion-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  margin: 0;
  position: static;
  border-top: 0 none;
}
body .newLayout .ui-accordion .ui-accordion-content:last-of-type {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

body .newLayout .ui-card {
  background: #ffffff;
  color: #495057;
  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);
  border-radius: 3px;
}
body .newLayout .ui-card .ui-card-body {
  padding: 1rem;
}
body .newLayout .ui-card .ui-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
body .newLayout .ui-card .ui-card-subtitle {
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #6c757d;
}
body .newLayout .ui-card .ui-card-content {
  padding: 1rem 0;
}
body .newLayout .ui-card .ui-card-footer {
  padding: 1rem 0 0 0;
}

body .newLayout .ui-dashboard .ui-sortable-placeholder {
  background-color: rgba(77, 159, 220, 0.7);
}

body .newLayout .ui-divider .ui-divider-content, body .ui-divider-horizontal-default .ui-divider-content {
  background-color: #ffffff;
}
body .newLayout .ui-divider.ui-divider-horizontal, body .ui-divider-horizontal-default {
  margin: 1rem 0;
  padding: 0 1rem;
}
body .newLayout .ui-divider.ui-divider-horizontal:before, body .ui-divider-horizontal-default:before {
  border-top: 1px #dee2e6;
}
body .newLayout .ui-divider.ui-divider-horizontal .ui-divider-content, body .ui-divider-horizontal-default .ui-divider-content {
  padding: 0 0.5rem;
}
body .newLayout .ui-divider.ui-divider-vertical, body .ui-divider-vertical.ui-divider-horizontal-default {
  margin: 0 1rem;
  padding: 1rem 0;
}
body .newLayout .ui-divider.ui-divider-vertical:before, body .ui-divider-vertical.ui-divider-horizontal-default:before {
  border-left: 1px #dee2e6;
}
body .newLayout .ui-divider.ui-divider-vertical .ui-divider-content, body .ui-divider-vertical.ui-divider-horizontal-default .ui-divider-content {
  padding: 0.5rem 0;
}

body .newLayout .ui-fieldset {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  border-radius: 3px;
}
body .newLayout .ui-fieldset .ui-fieldset-legend {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
  border-radius: 3px;
  user-select: none;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body .newLayout .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
  display: inline-block;
  float: none;
  margin-right: 0.5rem;
}
body .newLayout .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before {
  content: "\e90f";
}
body .newLayout .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before {
  content: "\e90d";
}
body .newLayout .ui-fieldset .ui-fieldset-legend.ui-state-hover {
  outline: 0 none;
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
body .newLayout .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon {
  color: #495057;
}
body .newLayout .ui-fieldset .ui-fieldset-legend.ui-state-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}

body .newLayout .ui-notificationbar {
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  border: 1px solid #dee2e6;
}

body .newLayout .ui-panel {
  padding: 0;
}
body .newLayout .ui-panel .ui-panel-title {
  margin: 0;
}
body .newLayout .ui-panel .ui-panel-titlebar {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin: 0;
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: transparent;
  color: #6c757d;
  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 .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  background: #e9ecef;
  color: #495057;
  border-color: transparent;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before {
  content: "\e90b";
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
  content: "\e90f";
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
  content: "\e90d";
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before {
  content: "\e94a";
}
body .newLayout .ui-panel .ui-panel-titlebar + .ui-panel-content {
  border-top: 0 none;
}
body .newLayout .ui-panel .ui-panel-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}
body .newLayout .ui-panel .ui-panel-footer {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 1rem;
  margin: 0;
  border-top: 0 none;
}
body .newLayout .ui-panel > div:last-of-type {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-panel.ui-panel-collapsed .ui-panel-titlebar {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
  position: relative;
}
body .newLayout .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.6rem;
  margin-top: -0.6rem;
}

body .newLayout .ui-panelgrid .ui-panelgrid-cell {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}
body .newLayout .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  font-weight: 700;
}

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

body .newLayout .ui-splitter {
  border: 1px solid #dee2e6;
  background: #ffffff;
  border-radius: 3px;
  color: #495057;
}
body .newLayout .ui-splitter .ui-splitter-gutter {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  background: #f8f9fa;
}
body .newLayout .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle {
  background: #dee2e6;
}
body .newLayout .ui-splitter .ui-splitter-gutter-resizing {
  background: #dee2e6;
}

body .newLayout .ui-tabs {
  padding: 0;
  position: static;
}
body .newLayout .ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header {
  list-style: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
  float: none;
  padding: 0.4rem;
  background: #ffffff;
  color: #6c757d;
  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 .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
  color: #6c757d;
  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 .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon {
  position: static;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close {
  margin: 0;
  float: none;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
  margin-left: 0.5rem;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before {
  content: "\e90b";
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  background: #ffffff;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a {
  color: #6c757d;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon {
  color: #6c757d;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  background: #ffffff;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
  color: #4D9FDC;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon {
  color: #4D9FDC;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem #4D9FDC;
}
body .newLayout .ui-tabs .ui-tabs-nav li.ui-tabs-actions {
  order: 1;
  margin-left: auto;
}
body .newLayout .ui-tabs .ui-tabs-panels {
  border: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 0;
  margin: 0;
  position: static;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
body .newLayout .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding: 0.7rem;
}
body .newLayout .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 .newLayout .ui-tabs.ui-tabs-top > .ui-tabs-nav:before {
  content: "";
  position: absolute;
  display: block;
  border-bottom: 2px solid #dee2e6;
  left: 0;
  bottom: 0;
  width: 100%;
}
body .newLayout .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
  top: 0;
  border-bottom: 2px solid #dee2e6;
}
body .newLayout .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  border-color: #adb5bd;
}
body .newLayout .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  border-color: #4D9FDC;
}
body .newLayout .ui-tabs.ui-tabs-top > .ui-tabs-panels {
  border-width: 1px 0 0 0;
}
body .newLayout .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 .newLayout .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before {
  content: "";
  position: absolute;
  display: block;
  border-top: 2px solid #dee2e6;
  left: 0;
  top: 0;
  width: 100%;
}
body .newLayout .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header {
  top: 0;
  border-top: 2px solid #dee2e6;
}
body .newLayout .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  border-color: #adb5bd;
}
body .newLayout .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  border-color: #4D9FDC;
}
body .newLayout .ui-tabs.ui-tabs-bottom > .ui-tabs-panels {
  border-width: 1px 0 0 0;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-nav {
  width: 25%;
  margin: 0;
  padding: 0;
  height: auto;
  -ms-flex-direction: column;
  flex-direction: column;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header {
  width: 100%;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-panels {
  width: 75%;
}
body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-nav {
  margin: 0;
  padding: 0;
  border-left: 2px solid #dee2e6;
}
body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header {
  top: 0;
  border-left: 2px solid #dee2e6;
  left: -2px;
}
body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  border-color: #adb5bd;
}
body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  border-color: #4D9FDC;
}
body .newLayout .ui-tabs.ui-tabs-right > .ui-tabs-panels {
  border-width: 1px 0 0 0;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-nav {
  margin: 0;
  padding: 0;
  right: -2px;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header {
  top: 0;
  border-right: 2px solid #dee2e6;
  margin-right: -2px;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
  border-color: #adb5bd;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
  border-color: #4D9FDC;
}
body .newLayout .ui-tabs.ui-tabs-left > .ui-tabs-panels {
  border-width: 1px 0 0 0;
}
body .newLayout .ui-tabs .ui-tabs-navscroller {
  position: relative;
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  border: 0 none;
  background: #ffffff;
  color: #6c757d;
  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 .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left {
  left: 0;
  height: 100%;
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon {
  margin: 0;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before {
  content: "\e900";
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right {
  right: 0;
  height: 100%;
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon {
  margin: 0;
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before {
  content: "\e901";
}
body .newLayout .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover {
  background: #e9ecef;
  color: #495057;
}

body .newLayout .ui-toolbar {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  border-radius: 3px;
}

body .newLayout .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  color: #495057;
  padding: 0.4rem;
  margin: 0;
  border-right: 0 none;
  border-radius: 0;
}
body .newLayout .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
body .newLayout .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: 1px solid #dee2e6;
}
body .newLayout .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
  background: rgba(77, 159, 220, 0.7);
  color: #f8fafc;
}
body .newLayout .ui-wizard .ui-icon-arrowthick-1-w {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-wizard .ui-icon-arrowthick-1-w:before {
  content: "\e91a";
}
body .newLayout .ui-wizard .ui-icon-arrowthick-1-e {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-wizard .ui-icon-arrowthick-1-e:before {
  content: "\e91b";
}

.fa-lg, body .ui-button.fa-lg, body .ui-icon.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs, body .ui-button.fa-xs, body .ui-icon.fa-xs {
  font-size: 0.75em;
}

.fa-sm, body .ui-button.fa-sm, body .ui-icon.fa-sm {
  font-size: 0.875em;
}

.fa-1x, body .ui-button.fa-1x, body .ui-icon.fa-1x {
  font-size: 1em;
}

.fa-2x, body .ui-button.fa-2x, body .ui-icon.fa-2x {
  font-size: 2em;
}

.fa-3x, body .ui-button.fa-3x, body .ui-icon.fa-3x {
  font-size: 3em;
}

.fa-4x, body .ui-button.fa-4x, body .ui-icon.fa-4x {
  font-size: 4em;
}

.fa-5x, body .ui-button.fa-5x, body .ui-icon.fa-5x {
  font-size: 5em;
}

.fa-6x, body .ui-button.fa-6x, body .ui-icon.fa-6x {
  font-size: 6em;
}

.fa-7x, body .ui-button.fa-7x, body .ui-icon.fa-7x {
  font-size: 7em;
}

.fa-8x, body .ui-button.fa-8x, body .ui-icon.fa-8x {
  font-size: 8em;
}

.fa-9x, body .ui-button.fa-9x, body .ui-icon.fa-9x {
  font-size: 9em;
}

.fa-10x, body .ui-button.fa-10x, body .ui-icon.fa-10x {
  font-size: 10em;
}

.size-lg, body .ui-button.fa-lg, body [class*=t-icon-image-].fa-lg {
  height: 1.4rem !important;
  width: 1.4rem !important;
}

.size-xs, body .ui-button.fa-xs, body [class*=t-icon-image-].fa-xs {
  height: 0.75rem !important;
  width: 0.75rem !important;
}

.size-sm, body .ui-button.fa-sm, body [class*=t-icon-image-].fa-sm {
  height: 0.9rem !important;
  width: 0.9rem !important;
}

.size-1x, body .ui-button.fa-1x, body [class*=t-icon-image-].fa-1x {
  height: 1rem !important;
  width: 1rem !important;
}

.size-2x, body .ui-button.fa-2x, body [class*=t-icon-image-].fa-2x {
  height: 2rem !important;
  width: 2rem !important;
}

.size-3x, body .ui-button.fa-3x, body [class*=t-icon-image-].fa-3x {
  height: 3rem !important;
  width: 3rem !important;
}

.size-4x, body .ui-button.fa-4x, body [class*=t-icon-image-].fa-4x {
  height: 4rem !important;
  width: 4rem !important;
}

.size-5x, body .ui-button.fa-5x, body [class*=t-icon-image-].fa-5x {
  height: 5rem !important;
  width: 5rem !important;
}

.size-6x, body .ui-button.fa-6x, body [class*=t-icon-image-].fa-6x {
  height: 6rem !important;
  width: 6rem !important;
}

.size-7x, body .ui-button.fa-7x, body [class*=t-icon-image-].fa-7x {
  height: 7rem !important;
  width: 7rem !important;
}

.size-8x, body .ui-button.fa-8x, body [class*=t-icon-image-].fa-8x {
  height: 8rem !important;
  width: 8rem !important;
}

.size-9x, body .ui-button.fa-9x, body [class*=t-icon-image-].fa-9x {
  height: 9rem !important;
  width: 9rem !important;
}

.size-10x, body .ui-button.fa-10x, body [class*=t-icon-image-].fa-10x {
  height: 10rem !important;
  width: 10rem !important;
}

body .ui-icon.t-rotate-45 {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

body .ui-icon.t-rotate-315 {
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
}

body [class*=t-icon-image-].h-4x-width {
  width: 4rem;
}

body [class*=t-icon-image-].h-3x-width {
  width: 3rem;
}

body [class*=t-icon-image-].h-2x-width {
  width: 2rem;
}

body .ui-button.fa-lg > .ui-icon {
  transform: scale(3);
}

body .ui-button.fa-xs > .ui-icon {
  transform: scale(0.6);
}

body .ui-button.fa-sm > .ui-icon {
  transform: scale(0.7);
}

body .ui-button.fa-1x > .ui-icon {
  transform: scale(1);
}

body .ui-button.fa-2x > .ui-icon {
  transform: scale(1.5);
}

body .ui-button.fa-3x > .ui-icon {
  transform: scale(2);
}

body .ui-button.fa-4x > .ui-icon {
  transform: scale(2.5);
}

body .ui-button.fa-5x > .ui-icon {
  transform: scale(3);
}

body .ui-button.fa-6x > .ui-icon {
  transform: scale(4);
}

body .ui-button.fa-7x > .ui-icon {
  transform: scale(5);
}

body .ui-button.fa-8x > .ui-icon {
  transform: scale(5.5);
}

body .ui-button.fa-9x > .ui-icon {
  transform: scale(6);
}

body .ui-button.fa-10x > .ui-icon {
  transform: scale(6.5);
}

.fak {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome Kit";
}

@font-face {
  font-family: "Font Awesome Kit";
  font-style: normal;
  src: url("/test/javax.faces.resource/fa-kit-icons.woff2.xhtml?ln=font&loc=") format("woff2");
}
.input-disabler {
  background: rgb(192, 192, 192);
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000000;
}

.input-disabled {
  background: rgb(192, 192, 192);
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000000;
  cursor: wait;
}

.button {
  user-select: none;
}

body.cursorProgress,
body.cursorProgress *:hover {
  cursor: progress !important;
}

body.cursorProgress .input-disabled {
  cursor: wait !important;
}

body .ui-state-disabled {
  cursor: default !important;
  pointer-events: all;
}

/** Ticket CS_6168 : problem with tooltip.
/**                  This problem is solved by adding overflow visible style to highchart-container 
/**                  and also to svg image inside this container */
.highcharts-container {
  overflow: visible !important;
}

.highcharts-container svg {
  overflow: visible !important;
}

.ui-datepicker-trigger.ui-state-disabled {
  pointer-events: none;
}

.ui-picklist .ui-picklist-filter-container .ui-icon {
  right: auto;
}

.fix-datatable-selection-read-only .ui-radiobutton-icon {
  background-color: #adb5bd;
}

.cke_maximized {
  position: fixed !important;
}

.super-user-only {
  background-color: lightpink;
}

/*-------------------------------------------------------------------------*/
/* Breakpoints helper functions
/*-------------------------------------------------------------------------*/
body {
  --bkp-xs: 0px;
  --bkp-sm: 576px;
  --bkp-md: 768px;
  --bkp-lg: 992px;
  --bkp-xl: 1200px;
}

/*
 * Return the next breakpoint value for the given breakpoint.
 * Example: get-next-breakpoint('md') -> returns threshold of 'lg' breakpoint 
 */
/*-------------------------------------------------------------------------*/
/* Media queries mixins
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* Container queries mixins
/*-------------------------------------------------------------------------*/
.cursor-move {
  cursor: move;
}

/* Effect for jQuery UI transfer() method */
.ui-effects-transfer {
  border: 1px dotted #212529;
}

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

/* Transitions */
@-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);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

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

.blink, .pageheader .pageheader-warnings .pageheader-warning-GC_MORFLING, .pageheader .pageheader-warnings .pageheader-warning-CONFIG_ILLEGAL, .pageheader .pageheader-warnings .pageheader-warning-SUPERUSER_REMOTE, .pageheader .pageheader-warnings .pageheader-warning-FAKE_LOGIN {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-300.eot.xhtml?ln=font&loc="); /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-300.eot.xhtml?ln=font&loc=?#iefix") format("embedded-opentype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-300.woff2.xhtml?ln=font&loc=") format("woff2"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-300.woff.xhtml?ln=font&loc=") format("woff"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-300.ttf.xhtml?ln=font&loc=") format("truetype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-300.svg.xhtml?ln=font&loc=#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-regular.eot.xhtml?ln=font&loc="); /* IE9 Compat Modes */
  src: local("Open Sans"), local("OpenSans"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-regular.eot.xhtml?ln=font&loc=?#iefix") format("embedded-opentype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-regular.woff2.xhtml?ln=font&loc=") format("woff2"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-regular.woff.xhtml?ln=font&loc=") format("woff"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-regular.ttf.xhtml?ln=font&loc=") format("truetype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-regular.svg.xhtml?ln=font&loc=#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-600.eot.xhtml?ln=font&loc="); /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-600.eot.xhtml?ln=font&loc=?#iefix") format("embedded-opentype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-600.woff2.xhtml?ln=font&loc=") format("woff2"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-600.woff.xhtml?ln=font&loc=") format("woff"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-600.ttf.xhtml?ln=font&loc=") format("truetype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-600.svg.xhtml?ln=font&loc=#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-700.eot.xhtml?ln=font&loc="); /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-700.eot.xhtml?ln=font&loc=?#iefix") format("embedded-opentype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-700.woff2.xhtml?ln=font&loc=") format("woff2"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-700.woff.xhtml?ln=font&loc=") format("woff"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-700.ttf.xhtml?ln=font&loc=") format("truetype"), url("/test/javax.faces.resource/open-sans-v18-latin-ext_latin-700.svg.xhtml?ln=font&loc=#OpenSans") format("svg"); /* Legacy iOS */
}
/*-------------------------------------------------------------------------*/
/* CSS variant for friendly printing
/*-------------------------------------------------------------------------*/
@media print {
  body .no-overflow {
    overflow: auto !important;
  }
  body .layout-grid .layout-drawers,
  body .layout-grid .layout-shortcutsbar,
  body .layout-grid .layout-topbar .layout-userbar .userbar-menu {
    display: none !important;
  }
  body .layout-grid .layout-content-wrapper .layout-content-scroller {
    overflow: visible !important;
  }
}
.newLayout h1,
.newLayout h2,
.newLayout h3,
.newLayout h4,
.newLayout h5,
.newLayout h6 {
  margin: 1.5rem 0 1rem 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
}
.newLayout h1:first-child,
.newLayout h2:first-child,
.newLayout h3:first-child,
.newLayout h4:first-child,
.newLayout h5:first-child,
.newLayout h6:first-child {
  margin-top: 0;
}
.newLayout h1 {
  font-size: 2.5rem;
}
.newLayout h2 {
  font-size: 2rem;
}
.newLayout h3 {
  font-size: 1.75rem;
}
.newLayout h4 {
  font-size: 1.5rem;
}
.newLayout h5 {
  font-size: 1.25rem;
}
.newLayout h6 {
  font-size: 1rem;
}
.newLayout .bold {
  font-weight: 700;
}
.newLayout mark {
  background: #FFF8E1;
  padding: 0.25rem 0.4rem;
  border-radius: 3px;
  font-family: monospace;
}
.newLayout blockquote {
  margin: 1rem 0;
  padding: 0 2rem;
  border-left: 4px solid #90A4AE;
}
.newLayout hr {
  border-top: solid #dee2e6;
  border-width: 1px 0 0 0;
  margin: 1rem 0;
}
.newLayout p {
  margin: 0 0 1rem 0;
  line-height: 1.5;
}
.newLayout p:last-child {
  margin-bottom: 0;
}

/*-------------------------------------------------------------------------*/
/* FLEX containers
/*-------------------------------------------------------------------------*/
.column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pre-wrap {
  white-space: pre-wrap;
}

.pre-line {
  white-space: pre-line;
}

.no-wrap {
  text-wrap: nowrap;
}

.flex.flex-wrap {
  flex-wrap: wrap;
}
.flex.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-row, .flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: start;
}
.flex-row.align-left, .align-left.flex {
  justify-content: start;
}
.flex-row.align-right, .align-right.flex {
  justify-content: end;
}
.flex-row.align-top, .align-top.flex {
  align-items: start;
}
.flex-row.align-bottom, .align-bottom.flex {
  align-items: end;
}

.flex-column {
  display: flex;
  align-items: normal;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: start;
}
.flex-column.align-left {
  align-items: start;
}
.flex-column.align-right {
  align-items: end;
}
.flex-column.align-top {
  justify-content: start;
}
.flex-column.align-bottom {
  justify-content: end;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-right {
  justify-content: end;
}

.justify-content-left {
  justify-content: start;
}

.gap-small {
  gap: 0.25rem;
}

.gap-components {
  gap: 0.5rem;
}

.gap-blocks {
  gap: 1rem;
}

.gap-0 {
  gap: 0px;
}

/*-------------------------------------------------------------------------*/
/* Margin, padding and gap rules
/*-------------------------------------------------------------------------*/
.mt-gap-blocks {
  margin-top: 1rem !important;
}

.mr-gap-blocks {
  margin-right: 1rem !important;
}

.mb-gap-blocks {
  margin-bottom: 1rem !important;
}

.ml-gap-blocks {
  margin-left: 1rem !important;
}

.mx-gap-blocks {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-gap-blocks {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-gap-blocks {
  margin: 1rem !important;
}

.mt-gap-components {
  margin-top: 0.5rem !important;
}

.mr-gap-components {
  margin-right: 0.5rem !important;
}

.mb-gap-components {
  margin-bottom: 0.5rem !important;
}

.ml-gap-components {
  margin-left: 0.5rem !important;
}

.mx-gap-components {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-gap-components {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-gap-components {
  margin: 0.5rem !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

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

.ml-0 {
  margin-left: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.gap-0 {
  gap: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mr-5 {
  margin-right: 2rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.ml-5 {
  margin-left: 2rem !important;
}

.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pr-5 {
  padding-right: 2rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pl-5 {
  padding-left: 2rem !important;
}

.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.gap-6 {
  gap: 3rem !important;
}

/*-------------------------------------------------------------------------*/
/* Align rules
/*-------------------------------------------------------------------------*/
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

/*-------------------------------------------------------------------------*/
/* HTML TABLE LAYOUT //(pas bien)
/*-------------------------------------------------------------------------*/
.layout, table.layout > tbody > tr > td, table.layout > tbody > tr {
  border: none;
  padding: 0px;
  margin: 0px;
}

table.layout {
  table-layout: auto;
  border-spacing: 0px;
}
/*-------------------------------------------------------------------------*/
/* GRID containers for panels and components
/*-------------------------------------------------------------------------*/
.grid-main, .grid-sub {
  gap: 1rem;
  display: grid;
  height: min-content;
}
.grid-main > div, .grid-sub > div {
  box-sizing: border-box;
  width: 100%;
  margin: 0px;
}

.grid-main {
  container-name: grid-main-container;
  container-type: inline-size;
}

/*-------------------------------------------------------------------------*/
/* Show elements FROM the given breakpoint
/*-------------------------------------------------------------------------*/
@container (width < 0px) {
  .xs-display-back {
    display: none !important;
  }
}
@container (width < 576px) {
  .sm-display-back {
    display: none !important;
  }
}
@container (width < 768px) {
  .md-display-back {
    display: none !important;
  }
}
@container (width < 992px) {
  .lg-display-back {
    display: none !important;
  }
}
@container (width < 1200px) {
  .xl-display-back {
    display: none !important;
  }
}
/*-------------------------------------------------------------------------*/
/* Utility classes
/*-------------------------------------------------------------------------*/
.width-100, .width-full {
  width: 100% !important;
}

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

.width-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.position-sticky, .sticky {
  position: sticky;
  top: 0px;
  z-index: 2;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-auto {
  overflow: auto !important;
}

/*-------------------------------------------------------------------------*/
/* GRID FLUID - 12 columns system with sm-x/md-y/lg-z/xl-zz spanned items */
/*-------------------------------------------------------------------------*/
.grid-fluid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid-fluid-12 > span {
  display: block;
}
.grid-fluid-12 > * {
  grid-column: span 12;
}
@container (width >= 0px) {
  .grid-fluid-12 > *.xs-1 {
    grid-column: span 1;
  }
  .grid-fluid-12 > *.xs-2 {
    grid-column: span 2;
  }
  .grid-fluid-12 > *.xs-3 {
    grid-column: span 3;
  }
  .grid-fluid-12 > *.xs-4 {
    grid-column: span 4;
  }
  .grid-fluid-12 > *.xs-5 {
    grid-column: span 5;
  }
  .grid-fluid-12 > *.xs-6 {
    grid-column: span 6;
  }
  .grid-fluid-12 > *.xs-7 {
    grid-column: span 7;
  }
  .grid-fluid-12 > *.xs-8 {
    grid-column: span 8;
  }
  .grid-fluid-12 > *.xs-9 {
    grid-column: span 9;
  }
  .grid-fluid-12 > *.xs-10 {
    grid-column: span 10;
  }
  .grid-fluid-12 > *.xs-11 {
    grid-column: span 11;
  }
  .grid-fluid-12 > *.xs-12 {
    grid-column: span 12;
  }
}
@container (width >= 576px) {
  .grid-fluid-12 > *.sm-1 {
    grid-column: span 1;
  }
  .grid-fluid-12 > *.sm-2 {
    grid-column: span 2;
  }
  .grid-fluid-12 > *.sm-3 {
    grid-column: span 3;
  }
  .grid-fluid-12 > *.sm-4 {
    grid-column: span 4;
  }
  .grid-fluid-12 > *.sm-5 {
    grid-column: span 5;
  }
  .grid-fluid-12 > *.sm-6 {
    grid-column: span 6;
  }
  .grid-fluid-12 > *.sm-7 {
    grid-column: span 7;
  }
  .grid-fluid-12 > *.sm-8 {
    grid-column: span 8;
  }
  .grid-fluid-12 > *.sm-9 {
    grid-column: span 9;
  }
  .grid-fluid-12 > *.sm-10 {
    grid-column: span 10;
  }
  .grid-fluid-12 > *.sm-11 {
    grid-column: span 11;
  }
  .grid-fluid-12 > *.sm-12 {
    grid-column: span 12;
  }
}
@container (width >= 768px) {
  .grid-fluid-12 > *.md-1 {
    grid-column: span 1;
  }
  .grid-fluid-12 > *.md-2 {
    grid-column: span 2;
  }
  .grid-fluid-12 > *.md-3 {
    grid-column: span 3;
  }
  .grid-fluid-12 > *.md-4 {
    grid-column: span 4;
  }
  .grid-fluid-12 > *.md-5 {
    grid-column: span 5;
  }
  .grid-fluid-12 > *.md-6 {
    grid-column: span 6;
  }
  .grid-fluid-12 > *.md-7 {
    grid-column: span 7;
  }
  .grid-fluid-12 > *.md-8 {
    grid-column: span 8;
  }
  .grid-fluid-12 > *.md-9 {
    grid-column: span 9;
  }
  .grid-fluid-12 > *.md-10 {
    grid-column: span 10;
  }
  .grid-fluid-12 > *.md-11 {
    grid-column: span 11;
  }
  .grid-fluid-12 > *.md-12 {
    grid-column: span 12;
  }
}
@container (width >= 992px) {
  .grid-fluid-12 > *.lg-1 {
    grid-column: span 1;
  }
  .grid-fluid-12 > *.lg-2 {
    grid-column: span 2;
  }
  .grid-fluid-12 > *.lg-3 {
    grid-column: span 3;
  }
  .grid-fluid-12 > *.lg-4 {
    grid-column: span 4;
  }
  .grid-fluid-12 > *.lg-5 {
    grid-column: span 5;
  }
  .grid-fluid-12 > *.lg-6 {
    grid-column: span 6;
  }
  .grid-fluid-12 > *.lg-7 {
    grid-column: span 7;
  }
  .grid-fluid-12 > *.lg-8 {
    grid-column: span 8;
  }
  .grid-fluid-12 > *.lg-9 {
    grid-column: span 9;
  }
  .grid-fluid-12 > *.lg-10 {
    grid-column: span 10;
  }
  .grid-fluid-12 > *.lg-11 {
    grid-column: span 11;
  }
  .grid-fluid-12 > *.lg-12 {
    grid-column: span 12;
  }
}
@container (width >= 1200px) {
  .grid-fluid-12 > *.xl-1 {
    grid-column: span 1;
  }
  .grid-fluid-12 > *.xl-2 {
    grid-column: span 2;
  }
  .grid-fluid-12 > *.xl-3 {
    grid-column: span 3;
  }
  .grid-fluid-12 > *.xl-4 {
    grid-column: span 4;
  }
  .grid-fluid-12 > *.xl-5 {
    grid-column: span 5;
  }
  .grid-fluid-12 > *.xl-6 {
    grid-column: span 6;
  }
  .grid-fluid-12 > *.xl-7 {
    grid-column: span 7;
  }
  .grid-fluid-12 > *.xl-8 {
    grid-column: span 8;
  }
  .grid-fluid-12 > *.xl-9 {
    grid-column: span 9;
  }
  .grid-fluid-12 > *.xl-10 {
    grid-column: span 10;
  }
  .grid-fluid-12 > *.xl-11 {
    grid-column: span 11;
  }
  .grid-fluid-12 > *.xl-12 {
    grid-column: span 12;
  }
}
@container (width >= 0px) {
  .grid-fluid-12 > *.xs-1-rows {
    grid-row: span 1;
  }
  .grid-fluid-12 > *.xs-2-rows {
    grid-row: span 2;
  }
  .grid-fluid-12 > *.xs-3-rows {
    grid-row: span 3;
  }
  .grid-fluid-12 > *.xs-4-rows {
    grid-row: span 4;
  }
  .grid-fluid-12 > *.xs-5-rows {
    grid-row: span 5;
  }
  .grid-fluid-12 > *.xs-6-rows {
    grid-row: span 6;
  }
  .grid-fluid-12 > *.xs-7-rows {
    grid-row: span 7;
  }
  .grid-fluid-12 > *.xs-8-rows {
    grid-row: span 8;
  }
  .grid-fluid-12 > *.xs-9-rows {
    grid-row: span 9;
  }
  .grid-fluid-12 > *.xs-10-rows {
    grid-row: span 10;
  }
  .grid-fluid-12 > *.xs-11-rows {
    grid-row: span 11;
  }
  .grid-fluid-12 > *.xs-12-rows {
    grid-row: span 12;
  }
}
@container (width >= 576px) {
  .grid-fluid-12 > *.sm-1-rows {
    grid-row: span 1;
  }
  .grid-fluid-12 > *.sm-2-rows {
    grid-row: span 2;
  }
  .grid-fluid-12 > *.sm-3-rows {
    grid-row: span 3;
  }
  .grid-fluid-12 > *.sm-4-rows {
    grid-row: span 4;
  }
  .grid-fluid-12 > *.sm-5-rows {
    grid-row: span 5;
  }
  .grid-fluid-12 > *.sm-6-rows {
    grid-row: span 6;
  }
  .grid-fluid-12 > *.sm-7-rows {
    grid-row: span 7;
  }
  .grid-fluid-12 > *.sm-8-rows {
    grid-row: span 8;
  }
  .grid-fluid-12 > *.sm-9-rows {
    grid-row: span 9;
  }
  .grid-fluid-12 > *.sm-10-rows {
    grid-row: span 10;
  }
  .grid-fluid-12 > *.sm-11-rows {
    grid-row: span 11;
  }
  .grid-fluid-12 > *.sm-12-rows {
    grid-row: span 12;
  }
}
@container (width >= 768px) {
  .grid-fluid-12 > *.md-1-rows {
    grid-row: span 1;
  }
  .grid-fluid-12 > *.md-2-rows {
    grid-row: span 2;
  }
  .grid-fluid-12 > *.md-3-rows {
    grid-row: span 3;
  }
  .grid-fluid-12 > *.md-4-rows {
    grid-row: span 4;
  }
  .grid-fluid-12 > *.md-5-rows {
    grid-row: span 5;
  }
  .grid-fluid-12 > *.md-6-rows {
    grid-row: span 6;
  }
  .grid-fluid-12 > *.md-7-rows {
    grid-row: span 7;
  }
  .grid-fluid-12 > *.md-8-rows {
    grid-row: span 8;
  }
  .grid-fluid-12 > *.md-9-rows {
    grid-row: span 9;
  }
  .grid-fluid-12 > *.md-10-rows {
    grid-row: span 10;
  }
  .grid-fluid-12 > *.md-11-rows {
    grid-row: span 11;
  }
  .grid-fluid-12 > *.md-12-rows {
    grid-row: span 12;
  }
}
@container (width >= 992px) {
  .grid-fluid-12 > *.lg-1-rows {
    grid-row: span 1;
  }
  .grid-fluid-12 > *.lg-2-rows {
    grid-row: span 2;
  }
  .grid-fluid-12 > *.lg-3-rows {
    grid-row: span 3;
  }
  .grid-fluid-12 > *.lg-4-rows {
    grid-row: span 4;
  }
  .grid-fluid-12 > *.lg-5-rows {
    grid-row: span 5;
  }
  .grid-fluid-12 > *.lg-6-rows {
    grid-row: span 6;
  }
  .grid-fluid-12 > *.lg-7-rows {
    grid-row: span 7;
  }
  .grid-fluid-12 > *.lg-8-rows {
    grid-row: span 8;
  }
  .grid-fluid-12 > *.lg-9-rows {
    grid-row: span 9;
  }
  .grid-fluid-12 > *.lg-10-rows {
    grid-row: span 10;
  }
  .grid-fluid-12 > *.lg-11-rows {
    grid-row: span 11;
  }
  .grid-fluid-12 > *.lg-12-rows {
    grid-row: span 12;
  }
}
@container (width >= 1200px) {
  .grid-fluid-12 > *.xl-1-rows {
    grid-row: span 1;
  }
  .grid-fluid-12 > *.xl-2-rows {
    grid-row: span 2;
  }
  .grid-fluid-12 > *.xl-3-rows {
    grid-row: span 3;
  }
  .grid-fluid-12 > *.xl-4-rows {
    grid-row: span 4;
  }
  .grid-fluid-12 > *.xl-5-rows {
    grid-row: span 5;
  }
  .grid-fluid-12 > *.xl-6-rows {
    grid-row: span 6;
  }
  .grid-fluid-12 > *.xl-7-rows {
    grid-row: span 7;
  }
  .grid-fluid-12 > *.xl-8-rows {
    grid-row: span 8;
  }
  .grid-fluid-12 > *.xl-9-rows {
    grid-row: span 9;
  }
  .grid-fluid-12 > *.xl-10-rows {
    grid-row: span 10;
  }
  .grid-fluid-12 > *.xl-11-rows {
    grid-row: span 11;
  }
  .grid-fluid-12 > *.xl-12-rows {
    grid-row: span 12;
  }
}

/*-------------------------------------------------------------------------*/
/* Grid system with coordinates
/*-------------------------------------------------------------------------*/
.grid-coordinates {
  display: grid;
}
.grid-coordinates.force-xs.xs-cols24 {
  grid-template-columns: repeat(24, 1fr);
}
.grid-coordinates.force-xs.xs-cols16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-coordinates.force-xs.xs-rows3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid-coordinates.force-xs.xs-rows4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid-coordinates.force-xs.xs-rows10 {
  grid-template-rows: repeat(10, 1fr);
}
@media all and (width >= 0px) and (width < 576px) {
  .grid-coordinates:not([class*=force-]).xs-cols24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xs-cols16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xs-rows3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xs-rows4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xs-rows10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
.grid-coordinates.force-sm.sm-cols36 {
  grid-template-columns: repeat(36, 1fr);
}
.grid-coordinates.force-sm.sm-cols32 {
  grid-template-columns: repeat(32, 1fr);
}
.grid-coordinates.force-sm.sm-cols30 {
  grid-template-columns: repeat(30, 1fr);
}
.grid-coordinates.force-sm.sm-cols24 {
  grid-template-columns: repeat(24, 1fr);
}
.grid-coordinates.force-sm.sm-cols16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-coordinates.force-sm.sm-rows3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid-coordinates.force-sm.sm-rows4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid-coordinates.force-sm.sm-rows10 {
  grid-template-rows: repeat(10, 1fr);
}
@media all and (width >= 576px) and (width < 768px) {
  .grid-coordinates:not([class*=force-]).sm-cols36 {
    grid-template-columns: repeat(36, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-cols32 {
    grid-template-columns: repeat(32, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-cols30 {
    grid-template-columns: repeat(30, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-cols24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-cols16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-rows3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-rows4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid-coordinates:not([class*=force-]).sm-rows10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
.grid-coordinates.force-md.md-cols45 {
  grid-template-columns: repeat(45, 1fr);
}
.grid-coordinates.force-md.md-cols42 {
  grid-template-columns: repeat(42, 1fr);
}
.grid-coordinates.force-md.md-cols40 {
  grid-template-columns: repeat(40, 1fr);
}
.grid-coordinates.force-md.md-cols36 {
  grid-template-columns: repeat(36, 1fr);
}
.grid-coordinates.force-md.md-cols32 {
  grid-template-columns: repeat(32, 1fr);
}
.grid-coordinates.force-md.md-cols30 {
  grid-template-columns: repeat(30, 1fr);
}
.grid-coordinates.force-md.md-cols24 {
  grid-template-columns: repeat(24, 1fr);
}
.grid-coordinates.force-md.md-cols16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-coordinates.force-md.md-rows3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid-coordinates.force-md.md-rows4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid-coordinates.force-md.md-rows10 {
  grid-template-rows: repeat(10, 1fr);
}
@media all and (width >= 768px) and (width < 992px) {
  .grid-coordinates:not([class*=force-]).md-cols45 {
    grid-template-columns: repeat(45, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols42 {
    grid-template-columns: repeat(42, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols40 {
    grid-template-columns: repeat(40, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols36 {
    grid-template-columns: repeat(36, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols32 {
    grid-template-columns: repeat(32, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols30 {
    grid-template-columns: repeat(30, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-cols16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-rows3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-rows4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid-coordinates:not([class*=force-]).md-rows10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
.grid-coordinates.force-lg.lg-cols50 {
  grid-template-columns: repeat(50, 1fr);
}
.grid-coordinates.force-lg.lg-cols48 {
  grid-template-columns: repeat(48, 1fr);
}
.grid-coordinates.force-lg.lg-cols45 {
  grid-template-columns: repeat(45, 1fr);
}
.grid-coordinates.force-lg.lg-cols42 {
  grid-template-columns: repeat(42, 1fr);
}
.grid-coordinates.force-lg.lg-cols40 {
  grid-template-columns: repeat(40, 1fr);
}
.grid-coordinates.force-lg.lg-cols36 {
  grid-template-columns: repeat(36, 1fr);
}
.grid-coordinates.force-lg.lg-cols32 {
  grid-template-columns: repeat(32, 1fr);
}
.grid-coordinates.force-lg.lg-cols30 {
  grid-template-columns: repeat(30, 1fr);
}
.grid-coordinates.force-lg.lg-cols24 {
  grid-template-columns: repeat(24, 1fr);
}
.grid-coordinates.force-lg.lg-cols16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-coordinates.force-lg.lg-rows3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid-coordinates.force-lg.lg-rows4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid-coordinates.force-lg.lg-rows10 {
  grid-template-rows: repeat(10, 1fr);
}
@media all and (width >= 992px) and (width < 1200px) {
  .grid-coordinates:not([class*=force-]).lg-cols50 {
    grid-template-columns: repeat(50, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols48 {
    grid-template-columns: repeat(48, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols45 {
    grid-template-columns: repeat(45, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols42 {
    grid-template-columns: repeat(42, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols40 {
    grid-template-columns: repeat(40, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols36 {
    grid-template-columns: repeat(36, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols32 {
    grid-template-columns: repeat(32, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols30 {
    grid-template-columns: repeat(30, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-cols16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-rows3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-rows4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid-coordinates:not([class*=force-]).lg-rows10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
.grid-coordinates.force-xl.xl-cols64 {
  grid-template-columns: repeat(64, 1fr);
}
.grid-coordinates.force-xl.xl-cols60 {
  grid-template-columns: repeat(60, 1fr);
}
.grid-coordinates.force-xl.xl-cols56 {
  grid-template-columns: repeat(56, 1fr);
}
.grid-coordinates.force-xl.xl-cols54 {
  grid-template-columns: repeat(54, 1fr);
}
.grid-coordinates.force-xl.xl-cols50 {
  grid-template-columns: repeat(50, 1fr);
}
.grid-coordinates.force-xl.xl-cols48 {
  grid-template-columns: repeat(48, 1fr);
}
.grid-coordinates.force-xl.xl-cols45 {
  grid-template-columns: repeat(45, 1fr);
}
.grid-coordinates.force-xl.xl-cols42 {
  grid-template-columns: repeat(42, 1fr);
}
.grid-coordinates.force-xl.xl-cols40 {
  grid-template-columns: repeat(40, 1fr);
}
.grid-coordinates.force-xl.xl-cols36 {
  grid-template-columns: repeat(36, 1fr);
}
.grid-coordinates.force-xl.xl-cols32 {
  grid-template-columns: repeat(32, 1fr);
}
.grid-coordinates.force-xl.xl-cols30 {
  grid-template-columns: repeat(30, 1fr);
}
.grid-coordinates.force-xl.xl-cols24 {
  grid-template-columns: repeat(24, 1fr);
}
.grid-coordinates.force-xl.xl-cols16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-coordinates.force-xl.xl-rows3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid-coordinates.force-xl.xl-rows4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid-coordinates.force-xl.xl-rows10 {
  grid-template-rows: repeat(10, 1fr);
}
@media all and (width >= 1200px) {
  .grid-coordinates:not([class*=force-]).xl-cols64 {
    grid-template-columns: repeat(64, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols60 {
    grid-template-columns: repeat(60, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols56 {
    grid-template-columns: repeat(56, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols54 {
    grid-template-columns: repeat(54, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols50 {
    grid-template-columns: repeat(50, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols48 {
    grid-template-columns: repeat(48, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols45 {
    grid-template-columns: repeat(45, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols42 {
    grid-template-columns: repeat(42, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols40 {
    grid-template-columns: repeat(40, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols36 {
    grid-template-columns: repeat(36, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols32 {
    grid-template-columns: repeat(32, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols30 {
    grid-template-columns: repeat(30, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols24 {
    grid-template-columns: repeat(24, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-cols16 {
    grid-template-columns: repeat(16, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-rows3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-rows4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .grid-coordinates:not([class*=force-]).xl-rows10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
.grid-coordinates.force-xs > *.xs-x1 {
  grid-column-start: 1;
}
.grid-coordinates.force-xs > *.xs-x2 {
  grid-column-start: 2;
}
.grid-coordinates.force-xs > *.xs-x3 {
  grid-column-start: 3;
}
.grid-coordinates.force-xs > *.xs-x4 {
  grid-column-start: 4;
}
.grid-coordinates.force-xs > *.xs-x5 {
  grid-column-start: 5;
}
.grid-coordinates.force-xs > *.xs-x6 {
  grid-column-start: 6;
}
.grid-coordinates.force-xs > *.xs-x7 {
  grid-column-start: 7;
}
.grid-coordinates.force-xs > *.xs-x8 {
  grid-column-start: 8;
}
.grid-coordinates.force-xs > *.xs-x9 {
  grid-column-start: 9;
}
.grid-coordinates.force-xs > *.xs-x10 {
  grid-column-start: 10;
}
.grid-coordinates.force-xs > *.xs-x11 {
  grid-column-start: 11;
}
.grid-coordinates.force-xs > *.xs-x12 {
  grid-column-start: 12;
}
.grid-coordinates.force-xs > *.xs-x13 {
  grid-column-start: 13;
}
.grid-coordinates.force-xs > *.xs-x14 {
  grid-column-start: 14;
}
.grid-coordinates.force-xs > *.xs-x15 {
  grid-column-start: 15;
}
.grid-coordinates.force-xs > *.xs-x16 {
  grid-column-start: 16;
}
.grid-coordinates.force-xs > *.xs-x17 {
  grid-column-start: 17;
}
.grid-coordinates.force-xs > *.xs-x18 {
  grid-column-start: 18;
}
.grid-coordinates.force-xs > *.xs-x19 {
  grid-column-start: 19;
}
.grid-coordinates.force-xs > *.xs-x20 {
  grid-column-start: 20;
}
.grid-coordinates.force-xs > *.xs-x21 {
  grid-column-start: 21;
}
.grid-coordinates.force-xs > *.xs-x22 {
  grid-column-start: 22;
}
.grid-coordinates.force-xs > *.xs-x23 {
  grid-column-start: 23;
}
.grid-coordinates.force-xs > *.xs-x24 {
  grid-column-start: 24;
}
.grid-coordinates.force-xs > *.xs-y1 {
  grid-row-start: 1;
}
.grid-coordinates.force-xs > *.xs-y2 {
  grid-row-start: 2;
}
.grid-coordinates.force-xs > *.xs-y3 {
  grid-row-start: 3;
}
.grid-coordinates.force-xs > *.xs-y4 {
  grid-row-start: 4;
}
.grid-coordinates.force-xs > *.xs-y5 {
  grid-row-start: 5;
}
.grid-coordinates.force-xs > *.xs-y6 {
  grid-row-start: 6;
}
.grid-coordinates.force-xs > *.xs-y7 {
  grid-row-start: 7;
}
.grid-coordinates.force-xs > *.xs-y8 {
  grid-row-start: 8;
}
.grid-coordinates.force-xs > *.xs-y9 {
  grid-row-start: 9;
}
.grid-coordinates.force-xs > *.xs-y10 {
  grid-row-start: 10;
}
.grid-coordinates.force-xs > *.xs-w1 {
  grid-column-end: span 1;
}
.grid-coordinates.force-xs > *.xs-w2 {
  grid-column-end: span 2;
}
.grid-coordinates.force-xs > *.xs-w3 {
  grid-column-end: span 3;
}
.grid-coordinates.force-xs > *.xs-w4 {
  grid-column-end: span 4;
}
.grid-coordinates.force-xs > *.xs-w5 {
  grid-column-end: span 5;
}
.grid-coordinates.force-xs > *.xs-w6 {
  grid-column-end: span 6;
}
.grid-coordinates.force-xs > *.xs-w7 {
  grid-column-end: span 7;
}
.grid-coordinates.force-xs > *.xs-w8 {
  grid-column-end: span 8;
}
.grid-coordinates.force-xs > *.xs-w9 {
  grid-column-end: span 9;
}
.grid-coordinates.force-xs > *.xs-w10 {
  grid-column-end: span 10;
}
.grid-coordinates.force-xs > *.xs-w11 {
  grid-column-end: span 11;
}
.grid-coordinates.force-xs > *.xs-w12 {
  grid-column-end: span 12;
}
.grid-coordinates.force-xs > *.xs-w13 {
  grid-column-end: span 13;
}
.grid-coordinates.force-xs > *.xs-w14 {
  grid-column-end: span 14;
}
.grid-coordinates.force-xs > *.xs-w15 {
  grid-column-end: span 15;
}
.grid-coordinates.force-xs > *.xs-w16 {
  grid-column-end: span 16;
}
.grid-coordinates.force-xs > *.xs-w17 {
  grid-column-end: span 17;
}
.grid-coordinates.force-xs > *.xs-w18 {
  grid-column-end: span 18;
}
.grid-coordinates.force-xs > *.xs-w19 {
  grid-column-end: span 19;
}
.grid-coordinates.force-xs > *.xs-w20 {
  grid-column-end: span 20;
}
.grid-coordinates.force-xs > *.xs-w21 {
  grid-column-end: span 21;
}
.grid-coordinates.force-xs > *.xs-w22 {
  grid-column-end: span 22;
}
.grid-coordinates.force-xs > *.xs-w23 {
  grid-column-end: span 23;
}
.grid-coordinates.force-xs > *.xs-w24 {
  grid-column-end: span 24;
}
.grid-coordinates.force-xs > *.xs-h1 {
  grid-row-end: span 1;
}
.grid-coordinates.force-xs > *.xs-h2 {
  grid-row-end: span 2;
}
.grid-coordinates.force-xs > *.xs-h3 {
  grid-row-end: span 3;
}
.grid-coordinates.force-xs > *.xs-h4 {
  grid-row-end: span 4;
}
.grid-coordinates.force-xs > *.xs-h5 {
  grid-row-end: span 5;
}
.grid-coordinates.force-xs > *.xs-h6 {
  grid-row-end: span 6;
}
.grid-coordinates.force-xs > *.xs-h7 {
  grid-row-end: span 7;
}
.grid-coordinates.force-xs > *.xs-h8 {
  grid-row-end: span 8;
}
.grid-coordinates.force-xs > *.xs-h9 {
  grid-row-end: span 9;
}
.grid-coordinates.force-xs > *.xs-h10 {
  grid-row-end: span 10;
}
.grid-coordinates.force-xs > *.xs-none {
  display: none !important;
}
.grid-coordinates.force-xs > *:not([class*=xs-x]):not([class*=xs-y]):not([class*=xs-w]):not([class*=xs-h]) {
  display: none !important;
}
@media all and (width >= 0px) and (width < 576px) {
  .grid-coordinates:not([class*=force-]) > *.xs-x1 {
    grid-column-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x2 {
    grid-column-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x3 {
    grid-column-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x4 {
    grid-column-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x5 {
    grid-column-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x6 {
    grid-column-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x7 {
    grid-column-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x8 {
    grid-column-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x9 {
    grid-column-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x10 {
    grid-column-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x11 {
    grid-column-start: 11;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x12 {
    grid-column-start: 12;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x13 {
    grid-column-start: 13;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x14 {
    grid-column-start: 14;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x15 {
    grid-column-start: 15;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x16 {
    grid-column-start: 16;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x17 {
    grid-column-start: 17;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x18 {
    grid-column-start: 18;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x19 {
    grid-column-start: 19;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x20 {
    grid-column-start: 20;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x21 {
    grid-column-start: 21;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x22 {
    grid-column-start: 22;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x23 {
    grid-column-start: 23;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-x24 {
    grid-column-start: 24;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y1 {
    grid-row-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y2 {
    grid-row-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y3 {
    grid-row-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y4 {
    grid-row-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y5 {
    grid-row-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y6 {
    grid-row-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y7 {
    grid-row-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y8 {
    grid-row-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y9 {
    grid-row-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-y10 {
    grid-row-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w1 {
    grid-column-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w2 {
    grid-column-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w3 {
    grid-column-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w4 {
    grid-column-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w5 {
    grid-column-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w6 {
    grid-column-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w7 {
    grid-column-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w8 {
    grid-column-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w9 {
    grid-column-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w10 {
    grid-column-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w11 {
    grid-column-end: span 11;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w12 {
    grid-column-end: span 12;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w13 {
    grid-column-end: span 13;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w14 {
    grid-column-end: span 14;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w15 {
    grid-column-end: span 15;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w16 {
    grid-column-end: span 16;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w17 {
    grid-column-end: span 17;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w18 {
    grid-column-end: span 18;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w19 {
    grid-column-end: span 19;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w20 {
    grid-column-end: span 20;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w21 {
    grid-column-end: span 21;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w22 {
    grid-column-end: span 22;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w23 {
    grid-column-end: span 23;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-w24 {
    grid-column-end: span 24;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h1 {
    grid-row-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h2 {
    grid-row-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h3 {
    grid-row-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h4 {
    grid-row-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h5 {
    grid-row-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h6 {
    grid-row-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h7 {
    grid-row-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h8 {
    grid-row-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h9 {
    grid-row-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-h10 {
    grid-row-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xs-none {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]) > *:not([class*=xs-x]):not([class*=xs-y]):not([class*=xs-w]):not([class*=xs-h]) {
    display: none !important;
  }
}
.grid-coordinates.force-sm > *.sm-x1 {
  grid-column-start: 1;
}
.grid-coordinates.force-sm > *.sm-x2 {
  grid-column-start: 2;
}
.grid-coordinates.force-sm > *.sm-x3 {
  grid-column-start: 3;
}
.grid-coordinates.force-sm > *.sm-x4 {
  grid-column-start: 4;
}
.grid-coordinates.force-sm > *.sm-x5 {
  grid-column-start: 5;
}
.grid-coordinates.force-sm > *.sm-x6 {
  grid-column-start: 6;
}
.grid-coordinates.force-sm > *.sm-x7 {
  grid-column-start: 7;
}
.grid-coordinates.force-sm > *.sm-x8 {
  grid-column-start: 8;
}
.grid-coordinates.force-sm > *.sm-x9 {
  grid-column-start: 9;
}
.grid-coordinates.force-sm > *.sm-x10 {
  grid-column-start: 10;
}
.grid-coordinates.force-sm > *.sm-x11 {
  grid-column-start: 11;
}
.grid-coordinates.force-sm > *.sm-x12 {
  grid-column-start: 12;
}
.grid-coordinates.force-sm > *.sm-x13 {
  grid-column-start: 13;
}
.grid-coordinates.force-sm > *.sm-x14 {
  grid-column-start: 14;
}
.grid-coordinates.force-sm > *.sm-x15 {
  grid-column-start: 15;
}
.grid-coordinates.force-sm > *.sm-x16 {
  grid-column-start: 16;
}
.grid-coordinates.force-sm > *.sm-x17 {
  grid-column-start: 17;
}
.grid-coordinates.force-sm > *.sm-x18 {
  grid-column-start: 18;
}
.grid-coordinates.force-sm > *.sm-x19 {
  grid-column-start: 19;
}
.grid-coordinates.force-sm > *.sm-x20 {
  grid-column-start: 20;
}
.grid-coordinates.force-sm > *.sm-x21 {
  grid-column-start: 21;
}
.grid-coordinates.force-sm > *.sm-x22 {
  grid-column-start: 22;
}
.grid-coordinates.force-sm > *.sm-x23 {
  grid-column-start: 23;
}
.grid-coordinates.force-sm > *.sm-x24 {
  grid-column-start: 24;
}
.grid-coordinates.force-sm > *.sm-x25 {
  grid-column-start: 25;
}
.grid-coordinates.force-sm > *.sm-x26 {
  grid-column-start: 26;
}
.grid-coordinates.force-sm > *.sm-x27 {
  grid-column-start: 27;
}
.grid-coordinates.force-sm > *.sm-x28 {
  grid-column-start: 28;
}
.grid-coordinates.force-sm > *.sm-x29 {
  grid-column-start: 29;
}
.grid-coordinates.force-sm > *.sm-x30 {
  grid-column-start: 30;
}
.grid-coordinates.force-sm > *.sm-x31 {
  grid-column-start: 31;
}
.grid-coordinates.force-sm > *.sm-x32 {
  grid-column-start: 32;
}
.grid-coordinates.force-sm > *.sm-x33 {
  grid-column-start: 33;
}
.grid-coordinates.force-sm > *.sm-x34 {
  grid-column-start: 34;
}
.grid-coordinates.force-sm > *.sm-x35 {
  grid-column-start: 35;
}
.grid-coordinates.force-sm > *.sm-x36 {
  grid-column-start: 36;
}
.grid-coordinates.force-sm > *.sm-y1 {
  grid-row-start: 1;
}
.grid-coordinates.force-sm > *.sm-y2 {
  grid-row-start: 2;
}
.grid-coordinates.force-sm > *.sm-y3 {
  grid-row-start: 3;
}
.grid-coordinates.force-sm > *.sm-y4 {
  grid-row-start: 4;
}
.grid-coordinates.force-sm > *.sm-y5 {
  grid-row-start: 5;
}
.grid-coordinates.force-sm > *.sm-y6 {
  grid-row-start: 6;
}
.grid-coordinates.force-sm > *.sm-y7 {
  grid-row-start: 7;
}
.grid-coordinates.force-sm > *.sm-y8 {
  grid-row-start: 8;
}
.grid-coordinates.force-sm > *.sm-y9 {
  grid-row-start: 9;
}
.grid-coordinates.force-sm > *.sm-y10 {
  grid-row-start: 10;
}
.grid-coordinates.force-sm > *.sm-w1 {
  grid-column-end: span 1;
}
.grid-coordinates.force-sm > *.sm-w2 {
  grid-column-end: span 2;
}
.grid-coordinates.force-sm > *.sm-w3 {
  grid-column-end: span 3;
}
.grid-coordinates.force-sm > *.sm-w4 {
  grid-column-end: span 4;
}
.grid-coordinates.force-sm > *.sm-w5 {
  grid-column-end: span 5;
}
.grid-coordinates.force-sm > *.sm-w6 {
  grid-column-end: span 6;
}
.grid-coordinates.force-sm > *.sm-w7 {
  grid-column-end: span 7;
}
.grid-coordinates.force-sm > *.sm-w8 {
  grid-column-end: span 8;
}
.grid-coordinates.force-sm > *.sm-w9 {
  grid-column-end: span 9;
}
.grid-coordinates.force-sm > *.sm-w10 {
  grid-column-end: span 10;
}
.grid-coordinates.force-sm > *.sm-w11 {
  grid-column-end: span 11;
}
.grid-coordinates.force-sm > *.sm-w12 {
  grid-column-end: span 12;
}
.grid-coordinates.force-sm > *.sm-w13 {
  grid-column-end: span 13;
}
.grid-coordinates.force-sm > *.sm-w14 {
  grid-column-end: span 14;
}
.grid-coordinates.force-sm > *.sm-w15 {
  grid-column-end: span 15;
}
.grid-coordinates.force-sm > *.sm-w16 {
  grid-column-end: span 16;
}
.grid-coordinates.force-sm > *.sm-w17 {
  grid-column-end: span 17;
}
.grid-coordinates.force-sm > *.sm-w18 {
  grid-column-end: span 18;
}
.grid-coordinates.force-sm > *.sm-w19 {
  grid-column-end: span 19;
}
.grid-coordinates.force-sm > *.sm-w20 {
  grid-column-end: span 20;
}
.grid-coordinates.force-sm > *.sm-w21 {
  grid-column-end: span 21;
}
.grid-coordinates.force-sm > *.sm-w22 {
  grid-column-end: span 22;
}
.grid-coordinates.force-sm > *.sm-w23 {
  grid-column-end: span 23;
}
.grid-coordinates.force-sm > *.sm-w24 {
  grid-column-end: span 24;
}
.grid-coordinates.force-sm > *.sm-w25 {
  grid-column-end: span 25;
}
.grid-coordinates.force-sm > *.sm-w26 {
  grid-column-end: span 26;
}
.grid-coordinates.force-sm > *.sm-w27 {
  grid-column-end: span 27;
}
.grid-coordinates.force-sm > *.sm-w28 {
  grid-column-end: span 28;
}
.grid-coordinates.force-sm > *.sm-w29 {
  grid-column-end: span 29;
}
.grid-coordinates.force-sm > *.sm-w30 {
  grid-column-end: span 30;
}
.grid-coordinates.force-sm > *.sm-w31 {
  grid-column-end: span 31;
}
.grid-coordinates.force-sm > *.sm-w32 {
  grid-column-end: span 32;
}
.grid-coordinates.force-sm > *.sm-w33 {
  grid-column-end: span 33;
}
.grid-coordinates.force-sm > *.sm-w34 {
  grid-column-end: span 34;
}
.grid-coordinates.force-sm > *.sm-w35 {
  grid-column-end: span 35;
}
.grid-coordinates.force-sm > *.sm-w36 {
  grid-column-end: span 36;
}
.grid-coordinates.force-sm > *.sm-h1 {
  grid-row-end: span 1;
}
.grid-coordinates.force-sm > *.sm-h2 {
  grid-row-end: span 2;
}
.grid-coordinates.force-sm > *.sm-h3 {
  grid-row-end: span 3;
}
.grid-coordinates.force-sm > *.sm-h4 {
  grid-row-end: span 4;
}
.grid-coordinates.force-sm > *.sm-h5 {
  grid-row-end: span 5;
}
.grid-coordinates.force-sm > *.sm-h6 {
  grid-row-end: span 6;
}
.grid-coordinates.force-sm > *.sm-h7 {
  grid-row-end: span 7;
}
.grid-coordinates.force-sm > *.sm-h8 {
  grid-row-end: span 8;
}
.grid-coordinates.force-sm > *.sm-h9 {
  grid-row-end: span 9;
}
.grid-coordinates.force-sm > *.sm-h10 {
  grid-row-end: span 10;
}
.grid-coordinates.force-sm > *.sm-none {
  display: none !important;
}
.grid-coordinates.force-sm > *:not([class*=sm-x]):not([class*=sm-y]):not([class*=sm-w]):not([class*=sm-h]) {
  display: none !important;
}
@media all and (width >= 576px) and (width < 768px) {
  .grid-coordinates:not([class*=force-]) > *.sm-x1 {
    grid-column-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x2 {
    grid-column-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x3 {
    grid-column-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x4 {
    grid-column-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x5 {
    grid-column-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x6 {
    grid-column-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x7 {
    grid-column-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x8 {
    grid-column-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x9 {
    grid-column-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x10 {
    grid-column-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x11 {
    grid-column-start: 11;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x12 {
    grid-column-start: 12;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x13 {
    grid-column-start: 13;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x14 {
    grid-column-start: 14;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x15 {
    grid-column-start: 15;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x16 {
    grid-column-start: 16;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x17 {
    grid-column-start: 17;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x18 {
    grid-column-start: 18;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x19 {
    grid-column-start: 19;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x20 {
    grid-column-start: 20;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x21 {
    grid-column-start: 21;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x22 {
    grid-column-start: 22;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x23 {
    grid-column-start: 23;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x24 {
    grid-column-start: 24;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x25 {
    grid-column-start: 25;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x26 {
    grid-column-start: 26;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x27 {
    grid-column-start: 27;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x28 {
    grid-column-start: 28;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x29 {
    grid-column-start: 29;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x30 {
    grid-column-start: 30;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x31 {
    grid-column-start: 31;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x32 {
    grid-column-start: 32;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x33 {
    grid-column-start: 33;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x34 {
    grid-column-start: 34;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x35 {
    grid-column-start: 35;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-x36 {
    grid-column-start: 36;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y1 {
    grid-row-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y2 {
    grid-row-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y3 {
    grid-row-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y4 {
    grid-row-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y5 {
    grid-row-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y6 {
    grid-row-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y7 {
    grid-row-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y8 {
    grid-row-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y9 {
    grid-row-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-y10 {
    grid-row-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w1 {
    grid-column-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w2 {
    grid-column-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w3 {
    grid-column-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w4 {
    grid-column-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w5 {
    grid-column-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w6 {
    grid-column-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w7 {
    grid-column-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w8 {
    grid-column-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w9 {
    grid-column-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w10 {
    grid-column-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w11 {
    grid-column-end: span 11;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w12 {
    grid-column-end: span 12;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w13 {
    grid-column-end: span 13;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w14 {
    grid-column-end: span 14;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w15 {
    grid-column-end: span 15;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w16 {
    grid-column-end: span 16;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w17 {
    grid-column-end: span 17;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w18 {
    grid-column-end: span 18;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w19 {
    grid-column-end: span 19;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w20 {
    grid-column-end: span 20;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w21 {
    grid-column-end: span 21;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w22 {
    grid-column-end: span 22;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w23 {
    grid-column-end: span 23;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w24 {
    grid-column-end: span 24;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w25 {
    grid-column-end: span 25;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w26 {
    grid-column-end: span 26;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w27 {
    grid-column-end: span 27;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w28 {
    grid-column-end: span 28;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w29 {
    grid-column-end: span 29;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w30 {
    grid-column-end: span 30;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w31 {
    grid-column-end: span 31;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w32 {
    grid-column-end: span 32;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w33 {
    grid-column-end: span 33;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w34 {
    grid-column-end: span 34;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w35 {
    grid-column-end: span 35;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-w36 {
    grid-column-end: span 36;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h1 {
    grid-row-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h2 {
    grid-row-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h3 {
    grid-row-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h4 {
    grid-row-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h5 {
    grid-row-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h6 {
    grid-row-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h7 {
    grid-row-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h8 {
    grid-row-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h9 {
    grid-row-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-h10 {
    grid-row-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.sm-none {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]) > *:not([class*=sm-x]):not([class*=sm-y]):not([class*=sm-w]):not([class*=sm-h]) {
    display: none !important;
  }
}
.grid-coordinates.force-md > *.md-x1 {
  grid-column-start: 1;
}
.grid-coordinates.force-md > *.md-x2 {
  grid-column-start: 2;
}
.grid-coordinates.force-md > *.md-x3 {
  grid-column-start: 3;
}
.grid-coordinates.force-md > *.md-x4 {
  grid-column-start: 4;
}
.grid-coordinates.force-md > *.md-x5 {
  grid-column-start: 5;
}
.grid-coordinates.force-md > *.md-x6 {
  grid-column-start: 6;
}
.grid-coordinates.force-md > *.md-x7 {
  grid-column-start: 7;
}
.grid-coordinates.force-md > *.md-x8 {
  grid-column-start: 8;
}
.grid-coordinates.force-md > *.md-x9 {
  grid-column-start: 9;
}
.grid-coordinates.force-md > *.md-x10 {
  grid-column-start: 10;
}
.grid-coordinates.force-md > *.md-x11 {
  grid-column-start: 11;
}
.grid-coordinates.force-md > *.md-x12 {
  grid-column-start: 12;
}
.grid-coordinates.force-md > *.md-x13 {
  grid-column-start: 13;
}
.grid-coordinates.force-md > *.md-x14 {
  grid-column-start: 14;
}
.grid-coordinates.force-md > *.md-x15 {
  grid-column-start: 15;
}
.grid-coordinates.force-md > *.md-x16 {
  grid-column-start: 16;
}
.grid-coordinates.force-md > *.md-x17 {
  grid-column-start: 17;
}
.grid-coordinates.force-md > *.md-x18 {
  grid-column-start: 18;
}
.grid-coordinates.force-md > *.md-x19 {
  grid-column-start: 19;
}
.grid-coordinates.force-md > *.md-x20 {
  grid-column-start: 20;
}
.grid-coordinates.force-md > *.md-x21 {
  grid-column-start: 21;
}
.grid-coordinates.force-md > *.md-x22 {
  grid-column-start: 22;
}
.grid-coordinates.force-md > *.md-x23 {
  grid-column-start: 23;
}
.grid-coordinates.force-md > *.md-x24 {
  grid-column-start: 24;
}
.grid-coordinates.force-md > *.md-x25 {
  grid-column-start: 25;
}
.grid-coordinates.force-md > *.md-x26 {
  grid-column-start: 26;
}
.grid-coordinates.force-md > *.md-x27 {
  grid-column-start: 27;
}
.grid-coordinates.force-md > *.md-x28 {
  grid-column-start: 28;
}
.grid-coordinates.force-md > *.md-x29 {
  grid-column-start: 29;
}
.grid-coordinates.force-md > *.md-x30 {
  grid-column-start: 30;
}
.grid-coordinates.force-md > *.md-x31 {
  grid-column-start: 31;
}
.grid-coordinates.force-md > *.md-x32 {
  grid-column-start: 32;
}
.grid-coordinates.force-md > *.md-x33 {
  grid-column-start: 33;
}
.grid-coordinates.force-md > *.md-x34 {
  grid-column-start: 34;
}
.grid-coordinates.force-md > *.md-x35 {
  grid-column-start: 35;
}
.grid-coordinates.force-md > *.md-x36 {
  grid-column-start: 36;
}
.grid-coordinates.force-md > *.md-x37 {
  grid-column-start: 37;
}
.grid-coordinates.force-md > *.md-x38 {
  grid-column-start: 38;
}
.grid-coordinates.force-md > *.md-x39 {
  grid-column-start: 39;
}
.grid-coordinates.force-md > *.md-x40 {
  grid-column-start: 40;
}
.grid-coordinates.force-md > *.md-x41 {
  grid-column-start: 41;
}
.grid-coordinates.force-md > *.md-x42 {
  grid-column-start: 42;
}
.grid-coordinates.force-md > *.md-x43 {
  grid-column-start: 43;
}
.grid-coordinates.force-md > *.md-x44 {
  grid-column-start: 44;
}
.grid-coordinates.force-md > *.md-x45 {
  grid-column-start: 45;
}
.grid-coordinates.force-md > *.md-y1 {
  grid-row-start: 1;
}
.grid-coordinates.force-md > *.md-y2 {
  grid-row-start: 2;
}
.grid-coordinates.force-md > *.md-y3 {
  grid-row-start: 3;
}
.grid-coordinates.force-md > *.md-y4 {
  grid-row-start: 4;
}
.grid-coordinates.force-md > *.md-y5 {
  grid-row-start: 5;
}
.grid-coordinates.force-md > *.md-y6 {
  grid-row-start: 6;
}
.grid-coordinates.force-md > *.md-y7 {
  grid-row-start: 7;
}
.grid-coordinates.force-md > *.md-y8 {
  grid-row-start: 8;
}
.grid-coordinates.force-md > *.md-y9 {
  grid-row-start: 9;
}
.grid-coordinates.force-md > *.md-y10 {
  grid-row-start: 10;
}
.grid-coordinates.force-md > *.md-w1 {
  grid-column-end: span 1;
}
.grid-coordinates.force-md > *.md-w2 {
  grid-column-end: span 2;
}
.grid-coordinates.force-md > *.md-w3 {
  grid-column-end: span 3;
}
.grid-coordinates.force-md > *.md-w4 {
  grid-column-end: span 4;
}
.grid-coordinates.force-md > *.md-w5 {
  grid-column-end: span 5;
}
.grid-coordinates.force-md > *.md-w6 {
  grid-column-end: span 6;
}
.grid-coordinates.force-md > *.md-w7 {
  grid-column-end: span 7;
}
.grid-coordinates.force-md > *.md-w8 {
  grid-column-end: span 8;
}
.grid-coordinates.force-md > *.md-w9 {
  grid-column-end: span 9;
}
.grid-coordinates.force-md > *.md-w10 {
  grid-column-end: span 10;
}
.grid-coordinates.force-md > *.md-w11 {
  grid-column-end: span 11;
}
.grid-coordinates.force-md > *.md-w12 {
  grid-column-end: span 12;
}
.grid-coordinates.force-md > *.md-w13 {
  grid-column-end: span 13;
}
.grid-coordinates.force-md > *.md-w14 {
  grid-column-end: span 14;
}
.grid-coordinates.force-md > *.md-w15 {
  grid-column-end: span 15;
}
.grid-coordinates.force-md > *.md-w16 {
  grid-column-end: span 16;
}
.grid-coordinates.force-md > *.md-w17 {
  grid-column-end: span 17;
}
.grid-coordinates.force-md > *.md-w18 {
  grid-column-end: span 18;
}
.grid-coordinates.force-md > *.md-w19 {
  grid-column-end: span 19;
}
.grid-coordinates.force-md > *.md-w20 {
  grid-column-end: span 20;
}
.grid-coordinates.force-md > *.md-w21 {
  grid-column-end: span 21;
}
.grid-coordinates.force-md > *.md-w22 {
  grid-column-end: span 22;
}
.grid-coordinates.force-md > *.md-w23 {
  grid-column-end: span 23;
}
.grid-coordinates.force-md > *.md-w24 {
  grid-column-end: span 24;
}
.grid-coordinates.force-md > *.md-w25 {
  grid-column-end: span 25;
}
.grid-coordinates.force-md > *.md-w26 {
  grid-column-end: span 26;
}
.grid-coordinates.force-md > *.md-w27 {
  grid-column-end: span 27;
}
.grid-coordinates.force-md > *.md-w28 {
  grid-column-end: span 28;
}
.grid-coordinates.force-md > *.md-w29 {
  grid-column-end: span 29;
}
.grid-coordinates.force-md > *.md-w30 {
  grid-column-end: span 30;
}
.grid-coordinates.force-md > *.md-w31 {
  grid-column-end: span 31;
}
.grid-coordinates.force-md > *.md-w32 {
  grid-column-end: span 32;
}
.grid-coordinates.force-md > *.md-w33 {
  grid-column-end: span 33;
}
.grid-coordinates.force-md > *.md-w34 {
  grid-column-end: span 34;
}
.grid-coordinates.force-md > *.md-w35 {
  grid-column-end: span 35;
}
.grid-coordinates.force-md > *.md-w36 {
  grid-column-end: span 36;
}
.grid-coordinates.force-md > *.md-w37 {
  grid-column-end: span 37;
}
.grid-coordinates.force-md > *.md-w38 {
  grid-column-end: span 38;
}
.grid-coordinates.force-md > *.md-w39 {
  grid-column-end: span 39;
}
.grid-coordinates.force-md > *.md-w40 {
  grid-column-end: span 40;
}
.grid-coordinates.force-md > *.md-w41 {
  grid-column-end: span 41;
}
.grid-coordinates.force-md > *.md-w42 {
  grid-column-end: span 42;
}
.grid-coordinates.force-md > *.md-w43 {
  grid-column-end: span 43;
}
.grid-coordinates.force-md > *.md-w44 {
  grid-column-end: span 44;
}
.grid-coordinates.force-md > *.md-w45 {
  grid-column-end: span 45;
}
.grid-coordinates.force-md > *.md-h1 {
  grid-row-end: span 1;
}
.grid-coordinates.force-md > *.md-h2 {
  grid-row-end: span 2;
}
.grid-coordinates.force-md > *.md-h3 {
  grid-row-end: span 3;
}
.grid-coordinates.force-md > *.md-h4 {
  grid-row-end: span 4;
}
.grid-coordinates.force-md > *.md-h5 {
  grid-row-end: span 5;
}
.grid-coordinates.force-md > *.md-h6 {
  grid-row-end: span 6;
}
.grid-coordinates.force-md > *.md-h7 {
  grid-row-end: span 7;
}
.grid-coordinates.force-md > *.md-h8 {
  grid-row-end: span 8;
}
.grid-coordinates.force-md > *.md-h9 {
  grid-row-end: span 9;
}
.grid-coordinates.force-md > *.md-h10 {
  grid-row-end: span 10;
}
.grid-coordinates.force-md > *.md-none {
  display: none !important;
}
.grid-coordinates.force-md > *:not([class*=md-x]):not([class*=md-y]):not([class*=md-w]):not([class*=md-h]) {
  display: none !important;
}
@media all and (width >= 768px) and (width < 992px) {
  .grid-coordinates:not([class*=force-]) > *.md-x1 {
    grid-column-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x2 {
    grid-column-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x3 {
    grid-column-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x4 {
    grid-column-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x5 {
    grid-column-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x6 {
    grid-column-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x7 {
    grid-column-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x8 {
    grid-column-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x9 {
    grid-column-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x10 {
    grid-column-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x11 {
    grid-column-start: 11;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x12 {
    grid-column-start: 12;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x13 {
    grid-column-start: 13;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x14 {
    grid-column-start: 14;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x15 {
    grid-column-start: 15;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x16 {
    grid-column-start: 16;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x17 {
    grid-column-start: 17;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x18 {
    grid-column-start: 18;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x19 {
    grid-column-start: 19;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x20 {
    grid-column-start: 20;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x21 {
    grid-column-start: 21;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x22 {
    grid-column-start: 22;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x23 {
    grid-column-start: 23;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x24 {
    grid-column-start: 24;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x25 {
    grid-column-start: 25;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x26 {
    grid-column-start: 26;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x27 {
    grid-column-start: 27;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x28 {
    grid-column-start: 28;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x29 {
    grid-column-start: 29;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x30 {
    grid-column-start: 30;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x31 {
    grid-column-start: 31;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x32 {
    grid-column-start: 32;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x33 {
    grid-column-start: 33;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x34 {
    grid-column-start: 34;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x35 {
    grid-column-start: 35;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x36 {
    grid-column-start: 36;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x37 {
    grid-column-start: 37;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x38 {
    grid-column-start: 38;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x39 {
    grid-column-start: 39;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x40 {
    grid-column-start: 40;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x41 {
    grid-column-start: 41;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x42 {
    grid-column-start: 42;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x43 {
    grid-column-start: 43;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x44 {
    grid-column-start: 44;
  }
  .grid-coordinates:not([class*=force-]) > *.md-x45 {
    grid-column-start: 45;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y1 {
    grid-row-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y2 {
    grid-row-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y3 {
    grid-row-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y4 {
    grid-row-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y5 {
    grid-row-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y6 {
    grid-row-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y7 {
    grid-row-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y8 {
    grid-row-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y9 {
    grid-row-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.md-y10 {
    grid-row-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w1 {
    grid-column-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w2 {
    grid-column-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w3 {
    grid-column-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w4 {
    grid-column-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w5 {
    grid-column-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w6 {
    grid-column-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w7 {
    grid-column-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w8 {
    grid-column-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w9 {
    grid-column-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w10 {
    grid-column-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w11 {
    grid-column-end: span 11;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w12 {
    grid-column-end: span 12;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w13 {
    grid-column-end: span 13;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w14 {
    grid-column-end: span 14;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w15 {
    grid-column-end: span 15;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w16 {
    grid-column-end: span 16;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w17 {
    grid-column-end: span 17;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w18 {
    grid-column-end: span 18;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w19 {
    grid-column-end: span 19;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w20 {
    grid-column-end: span 20;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w21 {
    grid-column-end: span 21;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w22 {
    grid-column-end: span 22;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w23 {
    grid-column-end: span 23;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w24 {
    grid-column-end: span 24;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w25 {
    grid-column-end: span 25;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w26 {
    grid-column-end: span 26;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w27 {
    grid-column-end: span 27;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w28 {
    grid-column-end: span 28;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w29 {
    grid-column-end: span 29;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w30 {
    grid-column-end: span 30;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w31 {
    grid-column-end: span 31;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w32 {
    grid-column-end: span 32;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w33 {
    grid-column-end: span 33;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w34 {
    grid-column-end: span 34;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w35 {
    grid-column-end: span 35;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w36 {
    grid-column-end: span 36;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w37 {
    grid-column-end: span 37;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w38 {
    grid-column-end: span 38;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w39 {
    grid-column-end: span 39;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w40 {
    grid-column-end: span 40;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w41 {
    grid-column-end: span 41;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w42 {
    grid-column-end: span 42;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w43 {
    grid-column-end: span 43;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w44 {
    grid-column-end: span 44;
  }
  .grid-coordinates:not([class*=force-]) > *.md-w45 {
    grid-column-end: span 45;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h1 {
    grid-row-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h2 {
    grid-row-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h3 {
    grid-row-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h4 {
    grid-row-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h5 {
    grid-row-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h6 {
    grid-row-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h7 {
    grid-row-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h8 {
    grid-row-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h9 {
    grid-row-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.md-h10 {
    grid-row-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.md-none {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]) > *:not([class*=md-x]):not([class*=md-y]):not([class*=md-w]):not([class*=md-h]) {
    display: none !important;
  }
}
.grid-coordinates.force-lg > *.lg-x1 {
  grid-column-start: 1;
}
.grid-coordinates.force-lg > *.lg-x2 {
  grid-column-start: 2;
}
.grid-coordinates.force-lg > *.lg-x3 {
  grid-column-start: 3;
}
.grid-coordinates.force-lg > *.lg-x4 {
  grid-column-start: 4;
}
.grid-coordinates.force-lg > *.lg-x5 {
  grid-column-start: 5;
}
.grid-coordinates.force-lg > *.lg-x6 {
  grid-column-start: 6;
}
.grid-coordinates.force-lg > *.lg-x7 {
  grid-column-start: 7;
}
.grid-coordinates.force-lg > *.lg-x8 {
  grid-column-start: 8;
}
.grid-coordinates.force-lg > *.lg-x9 {
  grid-column-start: 9;
}
.grid-coordinates.force-lg > *.lg-x10 {
  grid-column-start: 10;
}
.grid-coordinates.force-lg > *.lg-x11 {
  grid-column-start: 11;
}
.grid-coordinates.force-lg > *.lg-x12 {
  grid-column-start: 12;
}
.grid-coordinates.force-lg > *.lg-x13 {
  grid-column-start: 13;
}
.grid-coordinates.force-lg > *.lg-x14 {
  grid-column-start: 14;
}
.grid-coordinates.force-lg > *.lg-x15 {
  grid-column-start: 15;
}
.grid-coordinates.force-lg > *.lg-x16 {
  grid-column-start: 16;
}
.grid-coordinates.force-lg > *.lg-x17 {
  grid-column-start: 17;
}
.grid-coordinates.force-lg > *.lg-x18 {
  grid-column-start: 18;
}
.grid-coordinates.force-lg > *.lg-x19 {
  grid-column-start: 19;
}
.grid-coordinates.force-lg > *.lg-x20 {
  grid-column-start: 20;
}
.grid-coordinates.force-lg > *.lg-x21 {
  grid-column-start: 21;
}
.grid-coordinates.force-lg > *.lg-x22 {
  grid-column-start: 22;
}
.grid-coordinates.force-lg > *.lg-x23 {
  grid-column-start: 23;
}
.grid-coordinates.force-lg > *.lg-x24 {
  grid-column-start: 24;
}
.grid-coordinates.force-lg > *.lg-x25 {
  grid-column-start: 25;
}
.grid-coordinates.force-lg > *.lg-x26 {
  grid-column-start: 26;
}
.grid-coordinates.force-lg > *.lg-x27 {
  grid-column-start: 27;
}
.grid-coordinates.force-lg > *.lg-x28 {
  grid-column-start: 28;
}
.grid-coordinates.force-lg > *.lg-x29 {
  grid-column-start: 29;
}
.grid-coordinates.force-lg > *.lg-x30 {
  grid-column-start: 30;
}
.grid-coordinates.force-lg > *.lg-x31 {
  grid-column-start: 31;
}
.grid-coordinates.force-lg > *.lg-x32 {
  grid-column-start: 32;
}
.grid-coordinates.force-lg > *.lg-x33 {
  grid-column-start: 33;
}
.grid-coordinates.force-lg > *.lg-x34 {
  grid-column-start: 34;
}
.grid-coordinates.force-lg > *.lg-x35 {
  grid-column-start: 35;
}
.grid-coordinates.force-lg > *.lg-x36 {
  grid-column-start: 36;
}
.grid-coordinates.force-lg > *.lg-x37 {
  grid-column-start: 37;
}
.grid-coordinates.force-lg > *.lg-x38 {
  grid-column-start: 38;
}
.grid-coordinates.force-lg > *.lg-x39 {
  grid-column-start: 39;
}
.grid-coordinates.force-lg > *.lg-x40 {
  grid-column-start: 40;
}
.grid-coordinates.force-lg > *.lg-x41 {
  grid-column-start: 41;
}
.grid-coordinates.force-lg > *.lg-x42 {
  grid-column-start: 42;
}
.grid-coordinates.force-lg > *.lg-x43 {
  grid-column-start: 43;
}
.grid-coordinates.force-lg > *.lg-x44 {
  grid-column-start: 44;
}
.grid-coordinates.force-lg > *.lg-x45 {
  grid-column-start: 45;
}
.grid-coordinates.force-lg > *.lg-x46 {
  grid-column-start: 46;
}
.grid-coordinates.force-lg > *.lg-x47 {
  grid-column-start: 47;
}
.grid-coordinates.force-lg > *.lg-x48 {
  grid-column-start: 48;
}
.grid-coordinates.force-lg > *.lg-x49 {
  grid-column-start: 49;
}
.grid-coordinates.force-lg > *.lg-x50 {
  grid-column-start: 50;
}
.grid-coordinates.force-lg > *.lg-y1 {
  grid-row-start: 1;
}
.grid-coordinates.force-lg > *.lg-y2 {
  grid-row-start: 2;
}
.grid-coordinates.force-lg > *.lg-y3 {
  grid-row-start: 3;
}
.grid-coordinates.force-lg > *.lg-y4 {
  grid-row-start: 4;
}
.grid-coordinates.force-lg > *.lg-y5 {
  grid-row-start: 5;
}
.grid-coordinates.force-lg > *.lg-y6 {
  grid-row-start: 6;
}
.grid-coordinates.force-lg > *.lg-y7 {
  grid-row-start: 7;
}
.grid-coordinates.force-lg > *.lg-y8 {
  grid-row-start: 8;
}
.grid-coordinates.force-lg > *.lg-y9 {
  grid-row-start: 9;
}
.grid-coordinates.force-lg > *.lg-y10 {
  grid-row-start: 10;
}
.grid-coordinates.force-lg > *.lg-w1 {
  grid-column-end: span 1;
}
.grid-coordinates.force-lg > *.lg-w2 {
  grid-column-end: span 2;
}
.grid-coordinates.force-lg > *.lg-w3 {
  grid-column-end: span 3;
}
.grid-coordinates.force-lg > *.lg-w4 {
  grid-column-end: span 4;
}
.grid-coordinates.force-lg > *.lg-w5 {
  grid-column-end: span 5;
}
.grid-coordinates.force-lg > *.lg-w6 {
  grid-column-end: span 6;
}
.grid-coordinates.force-lg > *.lg-w7 {
  grid-column-end: span 7;
}
.grid-coordinates.force-lg > *.lg-w8 {
  grid-column-end: span 8;
}
.grid-coordinates.force-lg > *.lg-w9 {
  grid-column-end: span 9;
}
.grid-coordinates.force-lg > *.lg-w10 {
  grid-column-end: span 10;
}
.grid-coordinates.force-lg > *.lg-w11 {
  grid-column-end: span 11;
}
.grid-coordinates.force-lg > *.lg-w12 {
  grid-column-end: span 12;
}
.grid-coordinates.force-lg > *.lg-w13 {
  grid-column-end: span 13;
}
.grid-coordinates.force-lg > *.lg-w14 {
  grid-column-end: span 14;
}
.grid-coordinates.force-lg > *.lg-w15 {
  grid-column-end: span 15;
}
.grid-coordinates.force-lg > *.lg-w16 {
  grid-column-end: span 16;
}
.grid-coordinates.force-lg > *.lg-w17 {
  grid-column-end: span 17;
}
.grid-coordinates.force-lg > *.lg-w18 {
  grid-column-end: span 18;
}
.grid-coordinates.force-lg > *.lg-w19 {
  grid-column-end: span 19;
}
.grid-coordinates.force-lg > *.lg-w20 {
  grid-column-end: span 20;
}
.grid-coordinates.force-lg > *.lg-w21 {
  grid-column-end: span 21;
}
.grid-coordinates.force-lg > *.lg-w22 {
  grid-column-end: span 22;
}
.grid-coordinates.force-lg > *.lg-w23 {
  grid-column-end: span 23;
}
.grid-coordinates.force-lg > *.lg-w24 {
  grid-column-end: span 24;
}
.grid-coordinates.force-lg > *.lg-w25 {
  grid-column-end: span 25;
}
.grid-coordinates.force-lg > *.lg-w26 {
  grid-column-end: span 26;
}
.grid-coordinates.force-lg > *.lg-w27 {
  grid-column-end: span 27;
}
.grid-coordinates.force-lg > *.lg-w28 {
  grid-column-end: span 28;
}
.grid-coordinates.force-lg > *.lg-w29 {
  grid-column-end: span 29;
}
.grid-coordinates.force-lg > *.lg-w30 {
  grid-column-end: span 30;
}
.grid-coordinates.force-lg > *.lg-w31 {
  grid-column-end: span 31;
}
.grid-coordinates.force-lg > *.lg-w32 {
  grid-column-end: span 32;
}
.grid-coordinates.force-lg > *.lg-w33 {
  grid-column-end: span 33;
}
.grid-coordinates.force-lg > *.lg-w34 {
  grid-column-end: span 34;
}
.grid-coordinates.force-lg > *.lg-w35 {
  grid-column-end: span 35;
}
.grid-coordinates.force-lg > *.lg-w36 {
  grid-column-end: span 36;
}
.grid-coordinates.force-lg > *.lg-w37 {
  grid-column-end: span 37;
}
.grid-coordinates.force-lg > *.lg-w38 {
  grid-column-end: span 38;
}
.grid-coordinates.force-lg > *.lg-w39 {
  grid-column-end: span 39;
}
.grid-coordinates.force-lg > *.lg-w40 {
  grid-column-end: span 40;
}
.grid-coordinates.force-lg > *.lg-w41 {
  grid-column-end: span 41;
}
.grid-coordinates.force-lg > *.lg-w42 {
  grid-column-end: span 42;
}
.grid-coordinates.force-lg > *.lg-w43 {
  grid-column-end: span 43;
}
.grid-coordinates.force-lg > *.lg-w44 {
  grid-column-end: span 44;
}
.grid-coordinates.force-lg > *.lg-w45 {
  grid-column-end: span 45;
}
.grid-coordinates.force-lg > *.lg-w46 {
  grid-column-end: span 46;
}
.grid-coordinates.force-lg > *.lg-w47 {
  grid-column-end: span 47;
}
.grid-coordinates.force-lg > *.lg-w48 {
  grid-column-end: span 48;
}
.grid-coordinates.force-lg > *.lg-w49 {
  grid-column-end: span 49;
}
.grid-coordinates.force-lg > *.lg-w50 {
  grid-column-end: span 50;
}
.grid-coordinates.force-lg > *.lg-h1 {
  grid-row-end: span 1;
}
.grid-coordinates.force-lg > *.lg-h2 {
  grid-row-end: span 2;
}
.grid-coordinates.force-lg > *.lg-h3 {
  grid-row-end: span 3;
}
.grid-coordinates.force-lg > *.lg-h4 {
  grid-row-end: span 4;
}
.grid-coordinates.force-lg > *.lg-h5 {
  grid-row-end: span 5;
}
.grid-coordinates.force-lg > *.lg-h6 {
  grid-row-end: span 6;
}
.grid-coordinates.force-lg > *.lg-h7 {
  grid-row-end: span 7;
}
.grid-coordinates.force-lg > *.lg-h8 {
  grid-row-end: span 8;
}
.grid-coordinates.force-lg > *.lg-h9 {
  grid-row-end: span 9;
}
.grid-coordinates.force-lg > *.lg-h10 {
  grid-row-end: span 10;
}
.grid-coordinates.force-lg > *.lg-none {
  display: none !important;
}
.grid-coordinates.force-lg > *:not([class*=lg-x]):not([class*=lg-y]):not([class*=lg-w]):not([class*=lg-h]) {
  display: none !important;
}
@media all and (width >= 992px) and (width < 1200px) {
  .grid-coordinates:not([class*=force-]) > *.lg-x1 {
    grid-column-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x2 {
    grid-column-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x3 {
    grid-column-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x4 {
    grid-column-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x5 {
    grid-column-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x6 {
    grid-column-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x7 {
    grid-column-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x8 {
    grid-column-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x9 {
    grid-column-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x10 {
    grid-column-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x11 {
    grid-column-start: 11;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x12 {
    grid-column-start: 12;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x13 {
    grid-column-start: 13;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x14 {
    grid-column-start: 14;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x15 {
    grid-column-start: 15;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x16 {
    grid-column-start: 16;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x17 {
    grid-column-start: 17;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x18 {
    grid-column-start: 18;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x19 {
    grid-column-start: 19;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x20 {
    grid-column-start: 20;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x21 {
    grid-column-start: 21;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x22 {
    grid-column-start: 22;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x23 {
    grid-column-start: 23;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x24 {
    grid-column-start: 24;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x25 {
    grid-column-start: 25;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x26 {
    grid-column-start: 26;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x27 {
    grid-column-start: 27;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x28 {
    grid-column-start: 28;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x29 {
    grid-column-start: 29;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x30 {
    grid-column-start: 30;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x31 {
    grid-column-start: 31;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x32 {
    grid-column-start: 32;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x33 {
    grid-column-start: 33;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x34 {
    grid-column-start: 34;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x35 {
    grid-column-start: 35;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x36 {
    grid-column-start: 36;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x37 {
    grid-column-start: 37;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x38 {
    grid-column-start: 38;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x39 {
    grid-column-start: 39;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x40 {
    grid-column-start: 40;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x41 {
    grid-column-start: 41;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x42 {
    grid-column-start: 42;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x43 {
    grid-column-start: 43;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x44 {
    grid-column-start: 44;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x45 {
    grid-column-start: 45;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x46 {
    grid-column-start: 46;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x47 {
    grid-column-start: 47;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x48 {
    grid-column-start: 48;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x49 {
    grid-column-start: 49;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-x50 {
    grid-column-start: 50;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y1 {
    grid-row-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y2 {
    grid-row-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y3 {
    grid-row-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y4 {
    grid-row-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y5 {
    grid-row-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y6 {
    grid-row-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y7 {
    grid-row-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y8 {
    grid-row-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y9 {
    grid-row-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-y10 {
    grid-row-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w1 {
    grid-column-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w2 {
    grid-column-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w3 {
    grid-column-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w4 {
    grid-column-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w5 {
    grid-column-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w6 {
    grid-column-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w7 {
    grid-column-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w8 {
    grid-column-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w9 {
    grid-column-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w10 {
    grid-column-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w11 {
    grid-column-end: span 11;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w12 {
    grid-column-end: span 12;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w13 {
    grid-column-end: span 13;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w14 {
    grid-column-end: span 14;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w15 {
    grid-column-end: span 15;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w16 {
    grid-column-end: span 16;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w17 {
    grid-column-end: span 17;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w18 {
    grid-column-end: span 18;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w19 {
    grid-column-end: span 19;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w20 {
    grid-column-end: span 20;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w21 {
    grid-column-end: span 21;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w22 {
    grid-column-end: span 22;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w23 {
    grid-column-end: span 23;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w24 {
    grid-column-end: span 24;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w25 {
    grid-column-end: span 25;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w26 {
    grid-column-end: span 26;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w27 {
    grid-column-end: span 27;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w28 {
    grid-column-end: span 28;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w29 {
    grid-column-end: span 29;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w30 {
    grid-column-end: span 30;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w31 {
    grid-column-end: span 31;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w32 {
    grid-column-end: span 32;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w33 {
    grid-column-end: span 33;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w34 {
    grid-column-end: span 34;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w35 {
    grid-column-end: span 35;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w36 {
    grid-column-end: span 36;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w37 {
    grid-column-end: span 37;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w38 {
    grid-column-end: span 38;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w39 {
    grid-column-end: span 39;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w40 {
    grid-column-end: span 40;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w41 {
    grid-column-end: span 41;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w42 {
    grid-column-end: span 42;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w43 {
    grid-column-end: span 43;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w44 {
    grid-column-end: span 44;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w45 {
    grid-column-end: span 45;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w46 {
    grid-column-end: span 46;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w47 {
    grid-column-end: span 47;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w48 {
    grid-column-end: span 48;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w49 {
    grid-column-end: span 49;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-w50 {
    grid-column-end: span 50;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h1 {
    grid-row-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h2 {
    grid-row-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h3 {
    grid-row-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h4 {
    grid-row-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h5 {
    grid-row-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h6 {
    grid-row-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h7 {
    grid-row-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h8 {
    grid-row-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h9 {
    grid-row-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-h10 {
    grid-row-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.lg-none {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]) > *:not([class*=lg-x]):not([class*=lg-y]):not([class*=lg-w]):not([class*=lg-h]) {
    display: none !important;
  }
}
.grid-coordinates.force-xl > *.xl-x1 {
  grid-column-start: 1;
}
.grid-coordinates.force-xl > *.xl-x2 {
  grid-column-start: 2;
}
.grid-coordinates.force-xl > *.xl-x3 {
  grid-column-start: 3;
}
.grid-coordinates.force-xl > *.xl-x4 {
  grid-column-start: 4;
}
.grid-coordinates.force-xl > *.xl-x5 {
  grid-column-start: 5;
}
.grid-coordinates.force-xl > *.xl-x6 {
  grid-column-start: 6;
}
.grid-coordinates.force-xl > *.xl-x7 {
  grid-column-start: 7;
}
.grid-coordinates.force-xl > *.xl-x8 {
  grid-column-start: 8;
}
.grid-coordinates.force-xl > *.xl-x9 {
  grid-column-start: 9;
}
.grid-coordinates.force-xl > *.xl-x10 {
  grid-column-start: 10;
}
.grid-coordinates.force-xl > *.xl-x11 {
  grid-column-start: 11;
}
.grid-coordinates.force-xl > *.xl-x12 {
  grid-column-start: 12;
}
.grid-coordinates.force-xl > *.xl-x13 {
  grid-column-start: 13;
}
.grid-coordinates.force-xl > *.xl-x14 {
  grid-column-start: 14;
}
.grid-coordinates.force-xl > *.xl-x15 {
  grid-column-start: 15;
}
.grid-coordinates.force-xl > *.xl-x16 {
  grid-column-start: 16;
}
.grid-coordinates.force-xl > *.xl-x17 {
  grid-column-start: 17;
}
.grid-coordinates.force-xl > *.xl-x18 {
  grid-column-start: 18;
}
.grid-coordinates.force-xl > *.xl-x19 {
  grid-column-start: 19;
}
.grid-coordinates.force-xl > *.xl-x20 {
  grid-column-start: 20;
}
.grid-coordinates.force-xl > *.xl-x21 {
  grid-column-start: 21;
}
.grid-coordinates.force-xl > *.xl-x22 {
  grid-column-start: 22;
}
.grid-coordinates.force-xl > *.xl-x23 {
  grid-column-start: 23;
}
.grid-coordinates.force-xl > *.xl-x24 {
  grid-column-start: 24;
}
.grid-coordinates.force-xl > *.xl-x25 {
  grid-column-start: 25;
}
.grid-coordinates.force-xl > *.xl-x26 {
  grid-column-start: 26;
}
.grid-coordinates.force-xl > *.xl-x27 {
  grid-column-start: 27;
}
.grid-coordinates.force-xl > *.xl-x28 {
  grid-column-start: 28;
}
.grid-coordinates.force-xl > *.xl-x29 {
  grid-column-start: 29;
}
.grid-coordinates.force-xl > *.xl-x30 {
  grid-column-start: 30;
}
.grid-coordinates.force-xl > *.xl-x31 {
  grid-column-start: 31;
}
.grid-coordinates.force-xl > *.xl-x32 {
  grid-column-start: 32;
}
.grid-coordinates.force-xl > *.xl-x33 {
  grid-column-start: 33;
}
.grid-coordinates.force-xl > *.xl-x34 {
  grid-column-start: 34;
}
.grid-coordinates.force-xl > *.xl-x35 {
  grid-column-start: 35;
}
.grid-coordinates.force-xl > *.xl-x36 {
  grid-column-start: 36;
}
.grid-coordinates.force-xl > *.xl-x37 {
  grid-column-start: 37;
}
.grid-coordinates.force-xl > *.xl-x38 {
  grid-column-start: 38;
}
.grid-coordinates.force-xl > *.xl-x39 {
  grid-column-start: 39;
}
.grid-coordinates.force-xl > *.xl-x40 {
  grid-column-start: 40;
}
.grid-coordinates.force-xl > *.xl-x41 {
  grid-column-start: 41;
}
.grid-coordinates.force-xl > *.xl-x42 {
  grid-column-start: 42;
}
.grid-coordinates.force-xl > *.xl-x43 {
  grid-column-start: 43;
}
.grid-coordinates.force-xl > *.xl-x44 {
  grid-column-start: 44;
}
.grid-coordinates.force-xl > *.xl-x45 {
  grid-column-start: 45;
}
.grid-coordinates.force-xl > *.xl-x46 {
  grid-column-start: 46;
}
.grid-coordinates.force-xl > *.xl-x47 {
  grid-column-start: 47;
}
.grid-coordinates.force-xl > *.xl-x48 {
  grid-column-start: 48;
}
.grid-coordinates.force-xl > *.xl-x49 {
  grid-column-start: 49;
}
.grid-coordinates.force-xl > *.xl-x50 {
  grid-column-start: 50;
}
.grid-coordinates.force-xl > *.xl-x51 {
  grid-column-start: 51;
}
.grid-coordinates.force-xl > *.xl-x52 {
  grid-column-start: 52;
}
.grid-coordinates.force-xl > *.xl-x53 {
  grid-column-start: 53;
}
.grid-coordinates.force-xl > *.xl-x54 {
  grid-column-start: 54;
}
.grid-coordinates.force-xl > *.xl-x55 {
  grid-column-start: 55;
}
.grid-coordinates.force-xl > *.xl-x56 {
  grid-column-start: 56;
}
.grid-coordinates.force-xl > *.xl-x57 {
  grid-column-start: 57;
}
.grid-coordinates.force-xl > *.xl-x58 {
  grid-column-start: 58;
}
.grid-coordinates.force-xl > *.xl-x59 {
  grid-column-start: 59;
}
.grid-coordinates.force-xl > *.xl-x60 {
  grid-column-start: 60;
}
.grid-coordinates.force-xl > *.xl-x61 {
  grid-column-start: 61;
}
.grid-coordinates.force-xl > *.xl-x62 {
  grid-column-start: 62;
}
.grid-coordinates.force-xl > *.xl-x63 {
  grid-column-start: 63;
}
.grid-coordinates.force-xl > *.xl-x64 {
  grid-column-start: 64;
}
.grid-coordinates.force-xl > *.xl-y1 {
  grid-row-start: 1;
}
.grid-coordinates.force-xl > *.xl-y2 {
  grid-row-start: 2;
}
.grid-coordinates.force-xl > *.xl-y3 {
  grid-row-start: 3;
}
.grid-coordinates.force-xl > *.xl-y4 {
  grid-row-start: 4;
}
.grid-coordinates.force-xl > *.xl-y5 {
  grid-row-start: 5;
}
.grid-coordinates.force-xl > *.xl-y6 {
  grid-row-start: 6;
}
.grid-coordinates.force-xl > *.xl-y7 {
  grid-row-start: 7;
}
.grid-coordinates.force-xl > *.xl-y8 {
  grid-row-start: 8;
}
.grid-coordinates.force-xl > *.xl-y9 {
  grid-row-start: 9;
}
.grid-coordinates.force-xl > *.xl-y10 {
  grid-row-start: 10;
}
.grid-coordinates.force-xl > *.xl-w1 {
  grid-column-end: span 1;
}
.grid-coordinates.force-xl > *.xl-w2 {
  grid-column-end: span 2;
}
.grid-coordinates.force-xl > *.xl-w3 {
  grid-column-end: span 3;
}
.grid-coordinates.force-xl > *.xl-w4 {
  grid-column-end: span 4;
}
.grid-coordinates.force-xl > *.xl-w5 {
  grid-column-end: span 5;
}
.grid-coordinates.force-xl > *.xl-w6 {
  grid-column-end: span 6;
}
.grid-coordinates.force-xl > *.xl-w7 {
  grid-column-end: span 7;
}
.grid-coordinates.force-xl > *.xl-w8 {
  grid-column-end: span 8;
}
.grid-coordinates.force-xl > *.xl-w9 {
  grid-column-end: span 9;
}
.grid-coordinates.force-xl > *.xl-w10 {
  grid-column-end: span 10;
}
.grid-coordinates.force-xl > *.xl-w11 {
  grid-column-end: span 11;
}
.grid-coordinates.force-xl > *.xl-w12 {
  grid-column-end: span 12;
}
.grid-coordinates.force-xl > *.xl-w13 {
  grid-column-end: span 13;
}
.grid-coordinates.force-xl > *.xl-w14 {
  grid-column-end: span 14;
}
.grid-coordinates.force-xl > *.xl-w15 {
  grid-column-end: span 15;
}
.grid-coordinates.force-xl > *.xl-w16 {
  grid-column-end: span 16;
}
.grid-coordinates.force-xl > *.xl-w17 {
  grid-column-end: span 17;
}
.grid-coordinates.force-xl > *.xl-w18 {
  grid-column-end: span 18;
}
.grid-coordinates.force-xl > *.xl-w19 {
  grid-column-end: span 19;
}
.grid-coordinates.force-xl > *.xl-w20 {
  grid-column-end: span 20;
}
.grid-coordinates.force-xl > *.xl-w21 {
  grid-column-end: span 21;
}
.grid-coordinates.force-xl > *.xl-w22 {
  grid-column-end: span 22;
}
.grid-coordinates.force-xl > *.xl-w23 {
  grid-column-end: span 23;
}
.grid-coordinates.force-xl > *.xl-w24 {
  grid-column-end: span 24;
}
.grid-coordinates.force-xl > *.xl-w25 {
  grid-column-end: span 25;
}
.grid-coordinates.force-xl > *.xl-w26 {
  grid-column-end: span 26;
}
.grid-coordinates.force-xl > *.xl-w27 {
  grid-column-end: span 27;
}
.grid-coordinates.force-xl > *.xl-w28 {
  grid-column-end: span 28;
}
.grid-coordinates.force-xl > *.xl-w29 {
  grid-column-end: span 29;
}
.grid-coordinates.force-xl > *.xl-w30 {
  grid-column-end: span 30;
}
.grid-coordinates.force-xl > *.xl-w31 {
  grid-column-end: span 31;
}
.grid-coordinates.force-xl > *.xl-w32 {
  grid-column-end: span 32;
}
.grid-coordinates.force-xl > *.xl-w33 {
  grid-column-end: span 33;
}
.grid-coordinates.force-xl > *.xl-w34 {
  grid-column-end: span 34;
}
.grid-coordinates.force-xl > *.xl-w35 {
  grid-column-end: span 35;
}
.grid-coordinates.force-xl > *.xl-w36 {
  grid-column-end: span 36;
}
.grid-coordinates.force-xl > *.xl-w37 {
  grid-column-end: span 37;
}
.grid-coordinates.force-xl > *.xl-w38 {
  grid-column-end: span 38;
}
.grid-coordinates.force-xl > *.xl-w39 {
  grid-column-end: span 39;
}
.grid-coordinates.force-xl > *.xl-w40 {
  grid-column-end: span 40;
}
.grid-coordinates.force-xl > *.xl-w41 {
  grid-column-end: span 41;
}
.grid-coordinates.force-xl > *.xl-w42 {
  grid-column-end: span 42;
}
.grid-coordinates.force-xl > *.xl-w43 {
  grid-column-end: span 43;
}
.grid-coordinates.force-xl > *.xl-w44 {
  grid-column-end: span 44;
}
.grid-coordinates.force-xl > *.xl-w45 {
  grid-column-end: span 45;
}
.grid-coordinates.force-xl > *.xl-w46 {
  grid-column-end: span 46;
}
.grid-coordinates.force-xl > *.xl-w47 {
  grid-column-end: span 47;
}
.grid-coordinates.force-xl > *.xl-w48 {
  grid-column-end: span 48;
}
.grid-coordinates.force-xl > *.xl-w49 {
  grid-column-end: span 49;
}
.grid-coordinates.force-xl > *.xl-w50 {
  grid-column-end: span 50;
}
.grid-coordinates.force-xl > *.xl-w51 {
  grid-column-end: span 51;
}
.grid-coordinates.force-xl > *.xl-w52 {
  grid-column-end: span 52;
}
.grid-coordinates.force-xl > *.xl-w53 {
  grid-column-end: span 53;
}
.grid-coordinates.force-xl > *.xl-w54 {
  grid-column-end: span 54;
}
.grid-coordinates.force-xl > *.xl-w55 {
  grid-column-end: span 55;
}
.grid-coordinates.force-xl > *.xl-w56 {
  grid-column-end: span 56;
}
.grid-coordinates.force-xl > *.xl-w57 {
  grid-column-end: span 57;
}
.grid-coordinates.force-xl > *.xl-w58 {
  grid-column-end: span 58;
}
.grid-coordinates.force-xl > *.xl-w59 {
  grid-column-end: span 59;
}
.grid-coordinates.force-xl > *.xl-w60 {
  grid-column-end: span 60;
}
.grid-coordinates.force-xl > *.xl-w61 {
  grid-column-end: span 61;
}
.grid-coordinates.force-xl > *.xl-w62 {
  grid-column-end: span 62;
}
.grid-coordinates.force-xl > *.xl-w63 {
  grid-column-end: span 63;
}
.grid-coordinates.force-xl > *.xl-w64 {
  grid-column-end: span 64;
}
.grid-coordinates.force-xl > *.xl-h1 {
  grid-row-end: span 1;
}
.grid-coordinates.force-xl > *.xl-h2 {
  grid-row-end: span 2;
}
.grid-coordinates.force-xl > *.xl-h3 {
  grid-row-end: span 3;
}
.grid-coordinates.force-xl > *.xl-h4 {
  grid-row-end: span 4;
}
.grid-coordinates.force-xl > *.xl-h5 {
  grid-row-end: span 5;
}
.grid-coordinates.force-xl > *.xl-h6 {
  grid-row-end: span 6;
}
.grid-coordinates.force-xl > *.xl-h7 {
  grid-row-end: span 7;
}
.grid-coordinates.force-xl > *.xl-h8 {
  grid-row-end: span 8;
}
.grid-coordinates.force-xl > *.xl-h9 {
  grid-row-end: span 9;
}
.grid-coordinates.force-xl > *.xl-h10 {
  grid-row-end: span 10;
}
.grid-coordinates.force-xl > *.xl-none {
  display: none !important;
}
.grid-coordinates.force-xl > *:not([class*=xl-x]):not([class*=xl-y]):not([class*=xl-w]):not([class*=xl-h]) {
  display: none !important;
}
@media all and (width >= 1200px) {
  .grid-coordinates:not([class*=force-]) > *.xl-x1 {
    grid-column-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x2 {
    grid-column-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x3 {
    grid-column-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x4 {
    grid-column-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x5 {
    grid-column-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x6 {
    grid-column-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x7 {
    grid-column-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x8 {
    grid-column-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x9 {
    grid-column-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x10 {
    grid-column-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x11 {
    grid-column-start: 11;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x12 {
    grid-column-start: 12;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x13 {
    grid-column-start: 13;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x14 {
    grid-column-start: 14;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x15 {
    grid-column-start: 15;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x16 {
    grid-column-start: 16;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x17 {
    grid-column-start: 17;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x18 {
    grid-column-start: 18;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x19 {
    grid-column-start: 19;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x20 {
    grid-column-start: 20;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x21 {
    grid-column-start: 21;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x22 {
    grid-column-start: 22;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x23 {
    grid-column-start: 23;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x24 {
    grid-column-start: 24;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x25 {
    grid-column-start: 25;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x26 {
    grid-column-start: 26;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x27 {
    grid-column-start: 27;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x28 {
    grid-column-start: 28;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x29 {
    grid-column-start: 29;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x30 {
    grid-column-start: 30;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x31 {
    grid-column-start: 31;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x32 {
    grid-column-start: 32;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x33 {
    grid-column-start: 33;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x34 {
    grid-column-start: 34;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x35 {
    grid-column-start: 35;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x36 {
    grid-column-start: 36;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x37 {
    grid-column-start: 37;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x38 {
    grid-column-start: 38;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x39 {
    grid-column-start: 39;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x40 {
    grid-column-start: 40;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x41 {
    grid-column-start: 41;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x42 {
    grid-column-start: 42;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x43 {
    grid-column-start: 43;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x44 {
    grid-column-start: 44;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x45 {
    grid-column-start: 45;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x46 {
    grid-column-start: 46;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x47 {
    grid-column-start: 47;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x48 {
    grid-column-start: 48;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x49 {
    grid-column-start: 49;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x50 {
    grid-column-start: 50;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x51 {
    grid-column-start: 51;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x52 {
    grid-column-start: 52;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x53 {
    grid-column-start: 53;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x54 {
    grid-column-start: 54;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x55 {
    grid-column-start: 55;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x56 {
    grid-column-start: 56;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x57 {
    grid-column-start: 57;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x58 {
    grid-column-start: 58;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x59 {
    grid-column-start: 59;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x60 {
    grid-column-start: 60;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x61 {
    grid-column-start: 61;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x62 {
    grid-column-start: 62;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x63 {
    grid-column-start: 63;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-x64 {
    grid-column-start: 64;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y1 {
    grid-row-start: 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y2 {
    grid-row-start: 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y3 {
    grid-row-start: 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y4 {
    grid-row-start: 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y5 {
    grid-row-start: 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y6 {
    grid-row-start: 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y7 {
    grid-row-start: 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y8 {
    grid-row-start: 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y9 {
    grid-row-start: 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-y10 {
    grid-row-start: 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w1 {
    grid-column-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w2 {
    grid-column-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w3 {
    grid-column-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w4 {
    grid-column-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w5 {
    grid-column-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w6 {
    grid-column-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w7 {
    grid-column-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w8 {
    grid-column-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w9 {
    grid-column-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w10 {
    grid-column-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w11 {
    grid-column-end: span 11;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w12 {
    grid-column-end: span 12;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w13 {
    grid-column-end: span 13;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w14 {
    grid-column-end: span 14;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w15 {
    grid-column-end: span 15;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w16 {
    grid-column-end: span 16;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w17 {
    grid-column-end: span 17;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w18 {
    grid-column-end: span 18;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w19 {
    grid-column-end: span 19;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w20 {
    grid-column-end: span 20;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w21 {
    grid-column-end: span 21;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w22 {
    grid-column-end: span 22;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w23 {
    grid-column-end: span 23;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w24 {
    grid-column-end: span 24;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w25 {
    grid-column-end: span 25;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w26 {
    grid-column-end: span 26;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w27 {
    grid-column-end: span 27;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w28 {
    grid-column-end: span 28;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w29 {
    grid-column-end: span 29;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w30 {
    grid-column-end: span 30;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w31 {
    grid-column-end: span 31;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w32 {
    grid-column-end: span 32;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w33 {
    grid-column-end: span 33;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w34 {
    grid-column-end: span 34;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w35 {
    grid-column-end: span 35;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w36 {
    grid-column-end: span 36;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w37 {
    grid-column-end: span 37;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w38 {
    grid-column-end: span 38;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w39 {
    grid-column-end: span 39;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w40 {
    grid-column-end: span 40;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w41 {
    grid-column-end: span 41;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w42 {
    grid-column-end: span 42;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w43 {
    grid-column-end: span 43;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w44 {
    grid-column-end: span 44;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w45 {
    grid-column-end: span 45;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w46 {
    grid-column-end: span 46;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w47 {
    grid-column-end: span 47;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w48 {
    grid-column-end: span 48;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w49 {
    grid-column-end: span 49;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w50 {
    grid-column-end: span 50;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w51 {
    grid-column-end: span 51;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w52 {
    grid-column-end: span 52;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w53 {
    grid-column-end: span 53;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w54 {
    grid-column-end: span 54;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w55 {
    grid-column-end: span 55;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w56 {
    grid-column-end: span 56;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w57 {
    grid-column-end: span 57;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w58 {
    grid-column-end: span 58;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w59 {
    grid-column-end: span 59;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w60 {
    grid-column-end: span 60;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w61 {
    grid-column-end: span 61;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w62 {
    grid-column-end: span 62;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w63 {
    grid-column-end: span 63;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-w64 {
    grid-column-end: span 64;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h1 {
    grid-row-end: span 1;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h2 {
    grid-row-end: span 2;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h3 {
    grid-row-end: span 3;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h4 {
    grid-row-end: span 4;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h5 {
    grid-row-end: span 5;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h6 {
    grid-row-end: span 6;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h7 {
    grid-row-end: span 7;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h8 {
    grid-row-end: span 8;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h9 {
    grid-row-end: span 9;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-h10 {
    grid-row-end: span 10;
  }
  .grid-coordinates:not([class*=force-]) > *.xl-none {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]) > *:not([class*=xl-x]):not([class*=xl-y]):not([class*=xl-w]):not([class*=xl-h]) {
    display: none !important;
  }
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y4 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y5 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y6 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y7 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y8 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y9 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y3.threshold-hide > .xs-y10 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y4.threshold-hide > .xs-y5 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y4.threshold-hide > .xs-y6 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y4.threshold-hide > .xs-y7 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y4.threshold-hide > .xs-y8 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y4.threshold-hide > .xs-y9 {
  display: none !important;
}
.grid-coordinates.force-xs.xs-threshold-y4.threshold-hide > .xs-y10 {
  display: none !important;
}
@media all and (width >= 0px) and (width < 576px) {
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y4 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y3.threshold-hide > .xs-y10 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y4.threshold-hide > .xs-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y4.threshold-hide > .xs-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y4.threshold-hide > .xs-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y4.threshold-hide > .xs-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y4.threshold-hide > .xs-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xs-threshold-y4.threshold-hide > .xs-y10 {
    display: none !important;
  }
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y4 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y5 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y6 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y7 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y8 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y9 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y3.threshold-hide > .sm-y10 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y4.threshold-hide > .sm-y5 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y4.threshold-hide > .sm-y6 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y4.threshold-hide > .sm-y7 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y4.threshold-hide > .sm-y8 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y4.threshold-hide > .sm-y9 {
  display: none !important;
}
.grid-coordinates.force-sm.sm-threshold-y4.threshold-hide > .sm-y10 {
  display: none !important;
}
@media all and (width >= 576px) and (width < 768px) {
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y4 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y3.threshold-hide > .sm-y10 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y4.threshold-hide > .sm-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y4.threshold-hide > .sm-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y4.threshold-hide > .sm-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y4.threshold-hide > .sm-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y4.threshold-hide > .sm-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).sm-threshold-y4.threshold-hide > .sm-y10 {
    display: none !important;
  }
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y4 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y5 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y6 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y7 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y8 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y9 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y3.threshold-hide > .md-y10 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y4.threshold-hide > .md-y5 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y4.threshold-hide > .md-y6 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y4.threshold-hide > .md-y7 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y4.threshold-hide > .md-y8 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y4.threshold-hide > .md-y9 {
  display: none !important;
}
.grid-coordinates.force-md.md-threshold-y4.threshold-hide > .md-y10 {
  display: none !important;
}
@media all and (width >= 768px) and (width < 992px) {
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y4 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y3.threshold-hide > .md-y10 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y4.threshold-hide > .md-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y4.threshold-hide > .md-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y4.threshold-hide > .md-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y4.threshold-hide > .md-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y4.threshold-hide > .md-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).md-threshold-y4.threshold-hide > .md-y10 {
    display: none !important;
  }
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y4 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y5 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y6 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y7 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y8 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y9 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y3.threshold-hide > .lg-y10 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y4.threshold-hide > .lg-y5 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y4.threshold-hide > .lg-y6 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y4.threshold-hide > .lg-y7 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y4.threshold-hide > .lg-y8 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y4.threshold-hide > .lg-y9 {
  display: none !important;
}
.grid-coordinates.force-lg.lg-threshold-y4.threshold-hide > .lg-y10 {
  display: none !important;
}
@media all and (width >= 992px) and (width < 1200px) {
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y4 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y3.threshold-hide > .lg-y10 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y4.threshold-hide > .lg-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y4.threshold-hide > .lg-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y4.threshold-hide > .lg-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y4.threshold-hide > .lg-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y4.threshold-hide > .lg-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).lg-threshold-y4.threshold-hide > .lg-y10 {
    display: none !important;
  }
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y4 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y5 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y6 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y7 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y8 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y9 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y3.threshold-hide > .xl-y10 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y4.threshold-hide > .xl-y5 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y4.threshold-hide > .xl-y6 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y4.threshold-hide > .xl-y7 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y4.threshold-hide > .xl-y8 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y4.threshold-hide > .xl-y9 {
  display: none !important;
}
.grid-coordinates.force-xl.xl-threshold-y4.threshold-hide > .xl-y10 {
  display: none !important;
}
@media all and (width >= 1200px) {
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y4 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y3.threshold-hide > .xl-y10 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y4.threshold-hide > .xl-y5 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y4.threshold-hide > .xl-y6 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y4.threshold-hide > .xl-y7 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y4.threshold-hide > .xl-y8 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y4.threshold-hide > .xl-y9 {
    display: none !important;
  }
  .grid-coordinates:not([class*=force-]).xl-threshold-y4.threshold-hide > .xl-y10 {
    display: none !important;
  }
}

/*-------------------------------------------------------------------------*/
/* END OF Grid system with coordinates
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* Backport of PrimeFlex utilities from 9.0 to 8.0
/*-------------------------------------------------------------------------*/
.w-full {
  width: 100% !important;
}

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

.gap-block {
  gap: 1rem !important;
}

.gap-comp {
  gap: 0.5rem !important;
}

.m-block {
  margin: 1rem !important;
}

.m-comp {
  margin: 0.5rem !important;
}

.mt-block {
  margin-top: 1rem !important;
}

.mt-comp {
  margin-top: 0.5rem !important;
}

.mr-block {
  margin-right: 1rem !important;
}

.mr-comp {
  margin-right: 0.5rem !important;
}

.mb-block {
  margin-bottom: 1rem !important;
}

.mb-comp {
  margin-bottom: 0.5rem !important;
}

.ml-block {
  margin-left: 1rem !important;
}

.ml-comp {
  margin-left: 0.5rem !important;
}

.mx-block {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-comp {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-block {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-comp {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.newLayout .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: normal;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

/*-------------------------------------------------------------------------*/
/* Image icons (as background)
/*-------------------------------------------------------------------------*/
.newLayout [class*=t-icon-image-] {
  height: 1.2rem;
  width: 1.2rem;
  background-size: contain !important;
}

/*-------------------------------------------------------------------------*/
/* Buttons
/*-------------------------------------------------------------------------*/
body .newLayout .ui-button.ui-button-icon-only {
  vertical-align: middle;
}
body .newLayout .ui-button.ui-button-icon-only .ui-icon {
  position: static;
  top: unset;
  left: unset;
  margin: 0px;
  display: inline-block;
}
body .newLayout .ui-button.ui-button-icon-only .ui-button-text {
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
}
body .newLayout input[type=button], body .newLayout input[type=submit] {
  margin: 0;
  padding-top: calc(0.3rem + 1px);
  padding-left: calc(1rem + 1px);
  padding-right: calc(1rem + 1px);
  padding-bottom: calc(0.3rem + 1px);
  outline: 0 none;
  border-radius: 3px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  background: #4D9FDC;
  color: #f8fafc;
  border: 1px solid #4D9FDC;
}
body .newLayout input[type=button]:not(:disabled):hover, body .newLayout input[type=submit]:not(:disabled):hover {
  background: #135AA9;
  border-color: #135AA9;
  color: #f8fafc;
  cursor: pointer;
}
body .newLayout input[type=button]:focus, body .newLayout input[type=submit]:focus {
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .newLayout input[type=button]:active, body .newLayout input[type=submit]:active {
  background: #0D438D;
  border-color: #0D438D;
  color: #f8fafc;
}
body .newLayout input[type=button].outlined, body .newLayout input[type=submit].outlined {
  background-color: #EFF8FF;
  color: #4D9FDC;
  border: 1px solid;
}
body .newLayout input[type=button].outlined:enabled:hover, body .newLayout input[type=submit].outlined:enabled:hover {
  background: rgba(77, 159, 220, 0.04);
  color: #4D9FDC;
  border: 1px solid;
}
body .newLayout input[type=button].outlined:enabled:active, body .newLayout input[type=submit].outlined:enabled:active {
  background: rgba(77, 159, 220, 0.16);
  color: #4D9FDC;
  border: 1px solid;
}
body .newLayout input[type=button].flat, body .newLayout input[type=submit].flat {
  background-color: transparent;
  color: #4D9FDC;
  border-color: transparent;
}
body .newLayout input[type=button].flat:enabled:hover, body .newLayout input[type=submit].flat:enabled:hover {
  background: rgba(77, 159, 220, 0.04);
  border-color: transparent;
  color: #4D9FDC;
}
body .newLayout input[type=button].flat:enabled:active, body .newLayout input[type=submit].flat:enabled:active {
  background: rgba(77, 159, 220, 0.16);
  border-color: transparent;
  color: #4D9FDC;
}
body .newLayout input[type=button].secondary, body .newLayout input[type=submit].secondary {
  background: #607D8B;
  color: #ffffff;
  border: 1px solid #607D8B;
}
body .newLayout input[type=button].secondary:not(:disabled):hover, body .newLayout input[type=submit].secondary:not(:disabled):hover {
  background: #56717d;
  border-color: #56717d;
  color: #ffffff;
  cursor: pointer;
}
body .newLayout input[type=button].secondary:focus, body .newLayout input[type=submit].secondary:focus {
  box-shadow: 0 0 0 0.2rem #beccd2;
}
body .newLayout input[type=button].secondary:active, body .newLayout input[type=submit].secondary:active {
  background: #4d646f;
  border-color: #4d646f;
  color: #ffffff;
}
body .newLayout input[type=button].secondary.outlined, body .newLayout input[type=submit].secondary.outlined {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}
body .newLayout input[type=button].secondary.outlined:enabled:hover, body .newLayout input[type=submit].secondary.outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
  border: 1px solid;
}
body .newLayout input[type=button].secondary.outlined:enabled:active, body .newLayout input[type=submit].secondary.outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
  border: 1px solid;
}
body .newLayout input[type=button].secondary.flat, body .newLayout input[type=submit].secondary.flat {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}
body .newLayout input[type=button].secondary.flat:enabled:hover, body .newLayout input[type=submit].secondary.flat:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}
body .newLayout input[type=button].secondary.flat:enabled:active, body .newLayout input[type=submit].secondary.flat:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}

body .ui-button-outlined {
  background-color: #EFF8FF;
}

body .ui-button-outlined.ui-state-hover,
body .ui-button-flat.ui-state-hover,
body .ui-state-hover.ui-button.ui-button-icon-only {
  background: #135AA9;
  border-color: #135AA9;
  color: #f8fafc;
}
body .ui-button-outlined.ui-state-focus,
body .ui-button-flat.ui-state-focus,
body .ui-state-focus.ui-button.ui-button-icon-only {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2em #4D9FDC;
}
body .ui-button-outlined.ui-state-active, body .ui-button-outlined.ui-state-down,
body .ui-button-flat.ui-state-active,
body .ui-state-active.ui-button.ui-button-icon-only,
body .ui-button-flat.ui-state-down,
body .ui-state-down.ui-button.ui-button-icon-only {
  background: #0D438D;
  border-color: #0D438D;
  color: #f8fafc;
}

/*-------------------------------------------------------------------------*/
/* InputText
/*-------------------------------------------------------------------------*/
body .newLayout .ui-inputfield.searchInputText {
  background-image: url("/test/javax.faces.resource/svgs/light/search.svg.xhtml?ln=fontawesome&loc=&hash=jRIC8sZhSmNlvgdfPdsRrtTFxu8=");
  background-repeat: no-repeat;
  padding-left: 2.2rem;
  background-size: 1.2rem;
  background-position-x: 0.5rem;
  background-position-y: 50%;
}

body .newLayout .ui-inputfield.ui-autocomplete-input {
  background-image: url("/test/javax.faces.resource/svgs/light/bars.svg.xhtml?ln=fontawesome&loc=&hash=Bn9e6/O4TW9HxvtKM38A52tBWjc=");
  background-repeat: no-repeat;
  padding-left: 2.2rem;
  background-size: 1.2rem;
  background-position-x: 0.5rem;
  background-position-y: 50%;
}

body .ui-input-icon-left > .ui-inputfield {
  padding-left: 2.1rem;
}

body .ui-input-icon-right > .ui-inputfield {
  padding-right: 2.1rem;
}

body .ui-input-icon-left > span.ui-t-icon:first-of-type {
  left: 0.6rem;
  color: #6c757d;
}

body .ui-input-icon-right > span.ui-t-icon:last-of-type {
  right: 0.6rem;
  color: #6c757d;
}

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

body .ui-input-icon-left > span.ui-t-icon, body .ui-input-icon-right > span.ui-t-icon {
  font-size: 1.2rem;
}

body .ui-float-label.ui-input-icon-left > label {
  margin-left: 1.8rem;
  color: #6c757d;
}

body .ui-float-label.ui-input-icon-left > input.ui-state-focus + label,
body .ui-float-label.ui-input-icon-left > input.ui-state-filled + label,
body .ui-float-label.ui-input-icon-left > input:focus + label,
body .ui-float-label.ui-input-icon-left > input:autofill + label {
  margin-left: 0;
}

/*-------------------------------------------------------------------------*/
/* DatePicker and TimePicker
/*-------------------------------------------------------------------------*/
body .newLayout .p-datepicker.ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text {
  padding: 0.3rem 0 0.3rem 0;
}
body .ui-datepicker .ui-timepicker .ui-picker-up .ui-icon,
body .ui-datepicker .ui-timepicker .ui-picker-down .ui-icon {
  text-indent: 0px;
}

/*-------------------------------------------------------------------------*/
/* DateRangePicker
/*-------------------------------------------------------------------------*/
.t-daterangepicker .t-daterangepicker-labelfrom {
  margin-right: 0.5rem;
}
.t-daterangepicker .t-daterangepicker-labelto {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/*-------------------------------------------------------------------------*/
/* SelectManyCheckboxes + SelectOneRadio
/*-------------------------------------------------------------------------*/
body .newLayout .ui-selectoneradio.ui-grid-responsive .ui-g,
body .newLayout .ui-selectmanycheckbox.ui-grid-responsive .ui-g {
  white-space: nowrap;
}
body .newLayout .ui-selectoneradio.ui-grid-responsive .ui-g div.ui-chkbox,
body .newLayout .ui-selectmanycheckbox.ui-grid-responsive .ui-g div.ui-chkbox {
  vertical-align: top;
}
body .newLayout .ui-selectoneradio.ui-grid-responsive .ui-g label,
body .newLayout .ui-selectmanycheckbox.ui-grid-responsive .ui-g label {
  white-space: pre-wrap;
}
body .newLayout .ui-selectoneradio td,
body .newLayout .ui-selectmanycheckbox td {
  white-space: nowrap;
}
body .newLayout .ui-selectoneradio td label,
body .newLayout .ui-selectmanycheckbox td label {
  white-space: pre-wrap;
}

/*-------------------------------------------------------------------------*/
/* SelectOneMenu + SelectCheckboxMenu (single + multiple)
/*-------------------------------------------------------------------------*/
.ui-fluid .ui-selectonemenu {
  min-width: auto !important;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item {
  padding-right: 20px;
}

body .ui-selectonemenu-items-wrapper,
body .ui-selectcheckboxmenu-items-wrapper {
  height: auto !important;
  max-height: 50vh !important;
}

body .ui-selectcheckboxmenu-multiple-container.ui-inputfield,
body .newLayout .ui-selectonemenu .ui-selectonemenu-label {
  border: none;
}

body .newLayout .ui-selectonemenu .ui-selectonemenu-trigger {
  background-color: #ffffff;
}

/*-------------------------------------------------------------------------*/
/* Autocomplete
/*-------------------------------------------------------------------------*/
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
  padding-right: 20px;
}

/*-------------------------------------------------------------------------*/
/* SearchWithOverlayTable
/*-------------------------------------------------------------------------*/
body .searchwithoverlaytable-overlay .ui-overlaypanel-content {
  max-height: 300px;
  overflow-y: auto;
}

/*-------------------------------------------------------------------------*/
/* Knob
/*-------------------------------------------------------------------------*/
.knob-container {
  display: inline-block;
  padding: 10px;
}

/*-------------------------------------------------------------------------*/
/* Panels (p:panel)
/*-------------------------------------------------------------------------*/
body .newLayout .ui-panel > .ui-panel-titlebar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-titlebar-icon {
  order: 0;
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
  content: "\e902";
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick {
  font-family: "primeicons" !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  background: none;
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
  content: "\e901";
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-title {
  order: 1;
  flex-grow: 10;
}
body .newLayout .ui-panel > .ui-panel-titlebar .ui-panel-actions {
  order: 2;
  float: none !important; /* Overrides components.css */
  flex-grow: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/*-------------------------------------------------------------------------*/
/* Panel cards (for <p:panel>)
/*-------------------------------------------------------------------------*/
body .newLayout .ui-panel.card {
  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);
  border: none;
}
body .newLayout .ui-panel.card > .ui-panel-titlebar {
  border: none;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
  font-weight: 600;
}
body .newLayout .ui-panel.card > .ui-panel-titlebar > .ui-panel-title {
  font-size: 1.1rem;
}
body .newLayout .ui-panel.card > .ui-panel-titlebar + .ui-panel-content {
  border-top: 0 none;
}
body .newLayout .ui-panel.card > .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin-left: -0.6rem;
}
body .newLayout .ui-panel.card > .ui-panel-content {
  border: none;
  background: #ffffff;
  color: #495057;
  padding: 0.7rem;
}
body .newLayout .ui-panel.card > .ui-panel-footer {
  border: none;
  background: #ffffff;
  color: #495057;
  padding: 1rem;
}

.infopanel-info {
  background-color: #B3E5FC;
  border: 1px solid #03A9F4;
  border-radius: 3px;
  padding: 0.7rem;
}

.infopanel-warn {
  background-color: #FFECB3;
  border: 1px solid #FFC107;
  border-radius: 3px;
  padding: 0.7rem;
}

.infopanel-error {
  background-color: #FFCDD2;
  border: 1px solid #EF5350;
  border-radius: 3px;
  padding: 0.7rem;
}

body .newLayout .ui-panel.page-section > .ui-panel-content {
  border: none;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}
body .newLayout .ui-panel.page-section > .ui-panel-titlebar {
  border: none;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}
body .newLayout .ui-panel.page-section > .ui-panel-titlebar .ui-panel-title {
  font-size: 1.5rem;
  font-weight: bold;
}

/*-------------------------------------------------------------------------*/
/* Datatable
/*-------------------------------------------------------------------------*/
.ui-datatable:not(.ui-datatable-custom) .col-icon,
.ui-datatable:not(.ui-datatable-custom) .col-buttons,
.ui-datatable:not(.ui-datatable-custom) .col-min-centered {
  min-width: 1rem;
  width: min-content;
  text-align: center;
}

body .newLayout .ui-datatable table {
  table-layout: auto;
}
body .newLayout .ui-datatable table > tbody > tr > td {
  white-space: pre-line;
}
body .newLayout .ui-datatable table > thead > tr > th {
  white-space: nowrap;
}
body .newLayout .ui-datatable table > thead > tr > th > .ui-column-title {
  white-space: pre-line;
}

.ui-datatable-reflow .ui-reflow-label {
  display: none;
}
.ui-datatable-reflow .ui-reflow-dropdown {
  display: none;
}

/*-------------------------------------------------------------------------*/
/* Sticky table headers
/*-------------------------------------------------------------------------*/
table.table-sticky-headers > thead,
table.table-sticky-firstheader > thead:first-of-type,
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > thead,
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > thead:first-of-type {
  position: -webkit-sticky;
  position: sticky;
  top: 0px; /* offset from the top of the screen when sticky effect applies */
  z-index: 4;
}

div.ui-datatable.table-sticky-headers .ui-datatable-tablewrapper,
div.ui-datatable.table-sticky-firstheader .ui-datatable-tablewrapper {
  overflow: visible;
}

table.table-sticky-headers,
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table,
table.table-sticky-firstheader,
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table {
  border-collapse: separate !important;
}
table.table-sticky-headers > thead > tr:not(:first-of-type) > th,
table.table-sticky-headers > thead > tr:not(:first-of-type) > td,
table.table-sticky-headers > tbody > tr > td,
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > thead > tr:not(:first-of-type) > th,
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > thead > tr:not(:first-of-type) > td,
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > tbody > tr > td,
table.table-sticky-firstheader > thead > tr:not(:first-of-type) > th,
table.table-sticky-firstheader > thead > tr:not(:first-of-type) > td,
table.table-sticky-firstheader > tbody > tr > td,
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > thead > tr:not(:first-of-type) > th,
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > thead > tr:not(:first-of-type) > td,
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > tbody > tr > td {
  border-top: none !important;
}
table.table-sticky-headers > thead > tr > th:not(:first-of-type),
table.table-sticky-headers > tbody > tr > td:not(:first-of-type),
table.table-sticky-headers > thead > tr > td:not(:first-of-type),
table.table-sticky-headers > tbody > tr > th:not(:first-of-type),
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > thead > tr > th:not(:first-of-type),
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > tbody > tr > td:not(:first-of-type),
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > thead > tr > td:not(:first-of-type),
div.ui-datatable.table-sticky-headers > .ui-datatable-tablewrapper > table > tbody > tr > th:not(:first-of-type),
table.table-sticky-firstheader > thead > tr > th:not(:first-of-type),
table.table-sticky-firstheader > tbody > tr > td:not(:first-of-type),
table.table-sticky-firstheader > thead > tr > td:not(:first-of-type),
table.table-sticky-firstheader > tbody > tr > th:not(:first-of-type),
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > thead > tr > th:not(:first-of-type),
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > tbody > tr > td:not(:first-of-type),
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > thead > tr > td:not(:first-of-type),
div.ui-datatable.table-sticky-firstheader > .ui-datatable-tablewrapper > table > tbody > tr > th:not(:first-of-type) {
  border-left: none !important;
}

/*-------------------------------------------------------------------------*/
/* Datatable elements
/*-------------------------------------------------------------------------*/
.ui-datatable.ui-t-noheader > div > table > thead {
  display: none;
}

.newLayout .ui-datatable ul,
.newLayout .ui-datatable ol {
  padding-left: 1rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

/*-------------------------------------------------------------------------*/
/* Columns toggler (overlay attached to body)
/*-------------------------------------------------------------------------*/
body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item {
  padding-right: 20px;
}

/*-------------------------------------------------------------------------*/
/* Html tables rendered as DataTable
/*-------------------------------------------------------------------------*/
body table.html-datatable {
  border-collapse: collapse;
  width: 100%;
}
body table.html-datatable > thead > tr > th {
  background: #f8f9fa;
  color: #495057;
  padding: 0.2rem 0.2rem;
  border: 1px solid #dee2e6;
  text-align: left;
  box-sizing: content-box;
  font-weight: 700;
  vertical-align: middle;
}
body table.html-datatable > tbody > tr {
  background: #ffffff;
  color: #495057;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
body table.html-datatable > tbody > tr > td {
  padding: 0.2rem 0.2rem;
  border: 1px solid #dee2e6;
}
body table.html-datatable > tbody > tr:hover {
  background: #e9ecef;
  color: #495057;
}
body table.html-datatable > tbody > tr:not(.row-odd):not(.row-even):nth-child(even) > td,
body table.html-datatable > tbody > tr.row-even > td {
  background: #fbfcfc;
}
body table.html-datatable > tfoot > td {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  color: #495057;
  padding: 0.2rem 0.2rem;
  font-weight: 700;
  text-align: left;
  box-sizing: content-box;
}

/*-------------------------------------------------------------------------*/
/* Label-Value table
/*-------------------------------------------------------------------------*/
.table-label-value tr {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-right: none;
  border-left: none;
}
.table-label-value tr:first-child {
  border-top: none;
}
.table-label-value tr:last-child {
  border-bottom: none;
}
.table-label-value tr td {
  padding: 0.2rem 0.2rem;
  color: #495057;
}
.table-label-value tr td:first-child {
  font-weight: 600;
  color: #495057;
}

/*-------------------------------------------------------------------------*/
/* Generic menus stuff
/*-------------------------------------------------------------------------*/
body .ui-menu .ui-menu-parent .ui-menu-child,
body .ui-menu.ui-menu-dynamic,
body .menu-overlay.ui-overlaypanel > .ui-overlaypanel-content .ui-menu {
  width: max-content;
  max-width: 50vw;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  width: 1.3rem;
}

/*-------------------------------------------------------------------------*/
/* Global on-demand menu (via overlay panel)
/*-------------------------------------------------------------------------*/
body .menu-overlay.ui-overlaypanel {
  border: none;
}
body .menu-overlay.ui-overlaypanel > .ui-overlaypanel-content {
  padding: 0;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/*-------------------------------------------------------------------------*/
/* t:menu Filter Input
/*-------------------------------------------------------------------------*/
body .ui-menu .ui-menu-filter-container .ui-menu-filter.ui-inputfield {
  width: 100%;
  background-image: url("/test/javax.faces.resource/svgs/light/search.svg.xhtml?ln=fontawesome&loc=&hash=jRIC8sZhSmNlvgdfPdsRrtTFxu8=");
  background-repeat: no-repeat;
  padding-left: 2.2rem;
  background-size: 1.2rem;
  background-position-x: 0.5rem;
  background-position-y: 50%;
}
body .ui-menu .filtered {
  display: none !important;
}
body .ui-menu .matched > * {
  background-color: #eff8ff;
}

/*-------------------------------------------------------------------------*/
/* MenuBar
/*-------------------------------------------------------------------------*/
body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 0px;
}
body .ui-menu.ui-menubar.menubar-light {
  border: none;
  background: transparent;
  padding: 0px;
}
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) {
  margin-right: 0.5rem;
  margin-bottom: 0.1rem;
}
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) > .ui-menuitem-link {
  line-height: normal;
  padding: 0.3rem 1rem;
  border-radius: 3px;
  background: #4D9FDC;
  border: 1px solid #4D9FDC;
  color: #f8fafc;
}
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) > .ui-menuitem-link > .ui-menuitem-text,
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) > .ui-menuitem-link > .ui-icon {
  color: #f8fafc;
}
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) > .ui-menuitem-link.ui-state-hover {
  background: #135AA9;
  border-color: #135AA9;
  color: #f8fafc;
}
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) > .ui-menuitem-link.ui-state-hover > .ui-menuitem-text,
body .ui-menu.ui-menubar.menubar-light > .ui-menu-list > .ui-menuitem:not(.ui-menubar-options) > .ui-menuitem-link.ui-state-hover > .ui-icon {
  color: #f8fafc;
}

/*-------------------------------------------------------------------------*/
/* Command links 
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* Tooltip (global text tooltip, global html tooltip, <t:tooltip> tags)
/*-------------------------------------------------------------------------*/
body .ui-tooltip-text {
  white-space: pre-wrap;
}

body .ui-tooltip .ui-tooltip-text {
  border: 1px solid #e9ecef;
}

.ui-tooltip-arrow {
  display: none;
}

.ui-tooltip.ui-tooltip-global.globalTooltip .ui-tooltip-text {
  max-width: 60vw;
}

.ui-tooltip.ui-tooltip-global.globalTooltipHtml .ui-tooltip-text {
  max-width: 90vw;
}

/*-------------------------------------------------------------------------*/
/* Global tooltip overlay (persistent tooltip via overlay when clicking on a t:icon)
/*-------------------------------------------------------------------------*/
#globalTooltipOverlayPanel > .ui-overlaypanel-content {
  max-width: 60vw;
  max-height: 90vh;
  white-space: pre-wrap;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #e9ecef;
}
#globalTooltipOverlayPanel > .ui-overlaypanel-content.tt-html {
  max-width: 90vw;
  max-height: 90vh;
}

/*-------------------------------------------------------------------------*/
/* Ajax tooltips (ajax-loaded overlay panel behaving like a tooltip)
/*-------------------------------------------------------------------------*/
.ui-t-ajaxtooltip > .ui-overlaypanel-content {
  max-width: 90vw;
  max-height: 90vh;
  white-space: pre-wrap;
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #e9ecef;
}

/*-------------------------------------------------------------------------*/
/* Popups 
/*-------------------------------------------------------------------------*/
/* Popups positionning and sizing */
body {
  /* Popup for error/warn/info messages */
}
body #popupPlaceHolderWrapper > span > span {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  padding-right: 20px;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable) {
  overflow: visible;
  padding: 1px;
  /* Non responsive popups */
  /* Responsive breakpoint-width popups */
  /* Responsive full-viewport popups */
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable) .ui-dialog-content {
  overflow: visible;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-fitcontent .ui-dialog-content .modal-controller {
  width: -moz-fit-content !important;
  width: fit-content;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxxs {
  max-width: calc(100% - 20px);
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxxs .ui-dialog-content {
  width: 26px;
  max-width: 100%;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxsm {
  max-width: calc(100% - 20px);
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxsm .ui-dialog-content {
  width: 602px;
  max-width: 100%;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxmd {
  max-width: calc(100% - 20px);
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxmd .ui-dialog-content {
  width: 794px;
  max-width: 100%;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxlg {
  max-width: calc(100% - 20px);
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxlg .ui-dialog-content {
  width: 1018px;
  max-width: 100%;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxxl {
  max-width: calc(100% - 20px);
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-maxxl .ui-dialog-content {
  width: 1226px;
  max-width: 100%;
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-viewport {
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px);
}
body #popupPlaceHolderWrapper > span > span .ui-dialog:not(.ui-resizable).popup-width-viewport .ui-dialog-content {
  width: 100%;
  max-width: 100%;
}
body .ui-dialog.message-dialog .ui-dialog-content {
  max-height: calc(100vh - (1.6rem + 20px));
  max-width: calc(100vw - 20px);
  overflow: auto;
}

/* Popups styling */
body .ui-dialog {
  background-color: #ffffff;
  /* Footer and buttons containers */
}
body .ui-dialog .ui-dialog-titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .ui-dialog .ui-dialog-titlebar::after, body .ui-dialog .ui-dialog-titlebar::before {
  display: none;
}
body .ui-dialog .ui-dialog-footer > span,
body .ui-dialog .ui-dialog-buttonpane {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  gap: 0.5rem;
}
body .ui-dialog .ui-dialog-footer button,
body .ui-dialog .ui-dialog-buttonpane button {
  margin: 0;
}
body .ui-dialog .popup-bottom-container {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  gap: 0.5rem;
}

/* Message popups content styling */
body .message-dialog .message-details {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
body .message-dialog .message-details i.message-severity-icon {
  font-size: 3rem;
}
body .message-dialog .message-details ul.message-list {
  padding-left: 2rem;
}
body .message-dialog .message-details i.message-severity-icon.message-exception {
  color: #eb1b25;
}
body .message-dialog .message-details i.message-severity-icon.message-error {
  color: #eb1b25;
}
body .message-dialog .message-details i.message-severity-icon.message-warning {
  color: #e07f00;
}
body .message-dialog .message-details i.message-severity-icon.message-info {
  color: #64a2d7;
}

.ui-overlay-hidden {
  top: 0px !important;
  left: 0px !important;
}

span.ui-draggable.ui-draggable-handle {
  display: block;
}

.ui-draggable-dragging,
.ui-sortable-helper {
  z-index: 20000;
  pointer-events: none;
}

body .layout-content .ui-overlaypanel {
  position: fixed;
}

body .ui-overlaypanel.nopadding .ui-overlaypanel-content {
  padding: 0;
}

/*-------------------------------------------------------------------------*/
/* Light version of the overlay panel (no background, no border, no shadow...)
/*-------------------------------------------------------------------------*/
body .ui-overlaypanel.overlaypanel-light {
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
body .ui-overlaypanel.overlaypanel-light .ui-overlaypanel-content {
  padding: 0 0.25rem 0 0.25rem;
}

/*-------------------------------------------------------------------------*/
/* Toolbar
/*-------------------------------------------------------------------------*/
body .newLayout .ui-toolbar .ui-toolbar-group-left,
body .newLayout .ui-toolbar .ui-toolbar-group-right {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}
body .newLayout .ui-toolbar.toolbar-light {
  border: none;
  background: transparent;
  padding: 0px;
}

/*-------------------------------------------------------------------------*/
/* Dividers  
/* (copied from PrimeFaces 11: https://github.com/primefaces/primefaces/blob/11.0.0/primefaces/src/main/resources/META-INF/resources/primefaces/divider/divider.css)
/* This code corresponds to the base for the divider. Styling is managed by the theme's scss.
/*-------------------------------------------------------------------------*/
body .ui-divider-horizontal, body .ui-divider-horizontal-default {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
}
body .ui-divider-horizontal:before, body .ui-divider-horizontal-default:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  content: "";
}
body .ui-divider-horizontal.ui-divider-left, body .ui-divider-left.ui-divider-horizontal-default {
  justify-content: flex-start;
}
body .ui-divider-horizontal.ui-divider-right, body .ui-divider-right.ui-divider-horizontal-default {
  justify-content: flex-end;
}
body .ui-divider-horizontal.ui-divider-center, body .ui-divider-horizontal-default {
  justify-content: center;
}
body .ui-divider-content {
  z-index: 1;
}
body .ui-divider-vertical {
  min-height: 100%;
  display: flex;
  position: relative;
  justify-content: center;
}
body .ui-divider-vertical:before {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  height: 100%;
  content: "";
}
body .ui-divider-vertical.ui-divider-top {
  align-items: flex-start;
}
body .ui-divider-vertical.ui-divider-center, body .ui-divider-vertical.ui-divider-horizontal-default {
  align-items: center;
}
body .ui-divider-vertical.ui-divider-bottom {
  align-items: flex-end;
}
body .newLayout .ui-divider.ui-divider-solid.ui-divider-horizontal:before, body .ui-divider-horizontal-default:before {
  border-top-style: solid;
}
body .newLayout .ui-divider.ui-divider-solid.ui-divider-vertical:before, body .ui-divider-vertical.ui-divider-horizontal-default:before {
  border-left-style: solid;
}
body .newLayout .ui-divider.ui-divider-dashed.ui-divider-horizontal:before, body .ui-divider-dashed.ui-divider-horizontal-default:before {
  border-top-style: dashed;
}
body .newLayout .ui-divider.ui-divider-dashed.ui-divider-vertical:before, body .ui-divider-dashed.ui-divider-vertical.ui-divider-horizontal-default:before {
  border-left-style: dashed;
}
body .newLayout .ui-divider.ui-divider-dotted.ui-divider-horizontal:before, body .ui-divider-dotted.ui-divider-horizontal-default:before {
  border-top-style: dotted;
}
body .newLayout .ui-divider.ui-divider-dotted.ui-divider-horizontal:before, body .ui-divider-dotted.ui-divider-horizontal-default:before {
  border-left-style: dotted;
}
/*-------------------------------------------------------------------------*/
/* RichEditor 
/*-------------------------------------------------------------------------*/
body .rich-text, body .richEditor,
body.cke_editable {
  width: 100%;
  font-family: Arial, Verdana;
  font-size: 12px;
  color: black;
  line-height: 1;
}
body .rich-text th, body .rich-text td, body .richEditor th, body .richEditor td,
body.cke_editable th,
body.cke_editable td {
  text-align: left;
  vertical-align: top;
  padding: 2px;
}
body .rich-text ul, body .rich-text ol, body .richEditor ul, body .richEditor ol,
body.cke_editable ul,
body.cke_editable ol {
  padding-left: 16px;
}
body .rich-text li, body .richEditor li,
body.cke_editable li {
  padding-left: 0px;
}
body .rich-text a, body .rich-text a:visited, body .richEditor a, body .richEditor a:visited,
body.cke_editable a,
body.cke_editable a:visited {
  color: black;
  text-decoration: none;
}
body .rich-text a:hover, body .rich-text .hover:hover, body .richEditor a:hover, body .richEditor .hover:hover,
body.cke_editable a:hover,
body.cke_editable .hover:hover {
  color: #DA8F22;
}
body .rich-text strong, body .richEditor strong,
body.cke_editable strong {
  font-weight: bold;
}
body .rich-text em, body .richEditor em,
body.cke_editable em {
  font-style: italic;
}
body .rich-text hr, body .richEditor hr,
body.cke_editable hr {
  border-bottom: 0;
  border-top-width: 1px;
  border-top-color: black;
}
body .rich-text p, body .richEditor p,
body.cke_editable p {
  margin: 0;
  line-height: 1;
}

html {
  height: 100%;
  font-size: 13px;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans";
  font-size: 13px;
  color: #495057;
}

body.no-overflow {
  overflow: hidden;
}

.layout-grid {
  display: grid;
  width: 100%;
  height: 100vh;
  grid-template-areas: "topbar topbar" "shortcutsbar shortcutsbar" "drawers content";
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
}

.layout-topbar {
  grid-area: topbar;
  z-index: 22;
  background-color: white;
}
.layout-topbar #topBar {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.layout-topbar #topBar .layout-logo {
  margin: 1rem;
  flex: 1;
}
.layout-topbar #topBar .layout-patientbar {
  max-width: 1752px;
  margin: 0.4rem;
  margin-right: 0px;
  flex: 1;
}

.layout-drawers {
  grid-area: drawers;
  z-index: 18;
  background-color: white;
}

.layout-shortcutsbar {
  grid-area: shortcutsbar;
  z-index: 20;
  background-color: white;
  border-bottom: 1px solid #dee2e6;
}

.layout-content-wrapper {
  box-shadow: 0px 3px 4px 0 rgba(0, 0, 0, 0.1) inset;
  grid-area: content;
  background-color: #F6F9FE;
  display: grid;
  grid-template-rows: min-content minmax(0, 1fr);
  grid-template-columns: 100%;
}
.layout-content-wrapper .layout-content-header {
  grid-row: 1;
  z-index: 12;
  padding-top: 0.3rem;
  padding-bottom: 0px;
  padding-right: 1rem;
  padding-left: 1rem;
}
.layout-content-wrapper .layout-content-scroller {
  grid-row: 2;
  overflow: auto;
}
.layout-content-wrapper .layout-content-scroller .layout-content {
  margin: 1rem;
  margin-top: 0.3rem;
  height: calc(100% - 1.3rem);
  padding-top: 0.02px;
  position: relative;
}
.layout-content-wrapper .layout-content-scroller .layout-content .root-controller {
  display: block;
}

.ui-dialog-content .modal-controller {
  display: block;
  height: 100%;
}

body .layout-content-wrapper:not(.newLayoutWrapper) {
  background-color: white;
}
body .root-controller.oldLayout {
  width: -moz-fit-content;
  width: fit-content;
}
body .layout-content > .root-controller.oldLayout:last-child:not(.no-controller-bottom-margin):not(.height-full):not(.h-full) {
  margin-bottom: 1rem;
}

body.no-overflow .ui-tooltip.ui-tooltip-global.globalTooltip,
body.no-overflow .ui-tooltip.ui-tooltip-global.globalTooltipHtml,
body.no-overflow .ui-menu-overlay {
  left: 0px;
  top: 0px;
}

/*-------------------------------------------------------------------------*/
/* Logical tiles (such as ajax erros) and overlays (popups placeholder, error messages, tooltips...)
/*-------------------------------------------------------------------------*/
.layout-tiles-and-logical {
  height: 0px;
  width: 0px;
  overflow: hidden;
}
.layout-tiles-and-logical #ajaxErrorContainer {
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  border: 1px solid red;
  background: white;
  padding: 0.5rem;
}

/*-------------------------------------------------------------------------*/
/* Login page
/*-------------------------------------------------------------------------*/
#loginPage .page-wrapper {
  height: 100vh;
  justify-content: space-between;
  overflow: auto;
  scrollbar-width: thin;
}
#loginPage .javascript-disabled-content {
  align-items: center;
}
#loginPage .javascript-disabled-content > .customer-logo {
  align-self: flex-start;
  max-height: 65px;
}
#loginPage .javascript-enabled-content {
  display: none; /* if javascript is enabled, then this property is set to 'flex' by login.js */
  flex: 1;
}
#loginPage .right-panel {
  display: none;
}
#loginPage .no-javascript-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#loginPage .no-javascript-panel-error {
  padding: 1.5rem;
  margin: 1rem 0;
  border-radius: 3px;
  background: #FFCDD2;
  border: 1px solid #EF5350;
  border-width: 0 0 0 6px;
  color: #B71C1C;
}
#loginPage .error-title {
  font-weight: bold;
}
#loginPage .messages-error-detail {
  font-weight: normal;
}
#loginPage .customer-logo {
  width: auto;
  max-height: 44px;
}
#loginPage .left-panel-customer-logo {
  align-self: flex-start;
}
#loginPage .right-panel-customer-logo {
  display: none;
  max-height: 65px;
}
#loginPage .content {
  justify-content: space-between;
}
#loginPage .connexion-panel {
  flex: 1;
  align-items: center;
}
#loginPage .carefolio-logo {
  max-width: 450px;
  height: auto;
  width: 100%;
}
#loginPage .login-panel {
  margin-top: 1.5rem;
  width: 100%;
  max-width: 350px;
}
#loginPage .login-panel input,
#loginPage .login-panel button,
#loginPage .password-wrapper {
  width: 100%;
}
#loginPage .standard-connexion-wrapper {
  width: 100%;
  max-width: 400px;
}
#loginPage .separator-text {
  font-weight: 600;
  color: #6c757d;
}
#loginPage .public-infos {
  max-width: 725px;
  margin-top: 0.25rem;
}
#loginPage #mainForm\:publicInfosLeftPanelWrapper {
  width: 100%;
}
#loginPage #mainForm\:publicInfosLeftPanelWrapper > div {
  display: flex;
  justify-content: center;
}
#loginPage #mainForm\:publicInfosLeftPanelWrapper .public-infos {
  flex: 1;
}
#loginPage #mainForm\:publicInfosRightPanelWrapper {
  display: none;
}
#loginPage .tecost-logo {
  width: auto;
  max-height: 44px;
}
@media all and (width >= 1200px) {
  #loginPage {
    /* 
     The login-panel is positioned vertically based on the golden ratio relative to the height of its containing column.
     		 Its center aligns with this proportional height, even if the panel's content dynamically changes.
     		*/
  }
  #loginPage .javascript-enabled-content {
    flex-direction: row;
    flex: 1;
  }
  #loginPage .connexion-panel {
    flex: initial;
    justify-content: space-between;
  }
  #loginPage .right-panel {
    display: block;
    flex: 1;
    background-image: url("../../layout/images/login_page/nurse.jpg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    background-color: white;
    box-shadow: inset 5px 0px 15px -5px rgba(0, 0, 0, 0.1);
  }
  #loginPage .login-panel {
    position: relative;
    margin-top: 0;
    top: 38.2%;
    /* 
     Adjusts the panel's position by moving it up by half of its own height. This ensures that the center of the login panel aligns with the golden ratio height proportion, 
     even when the panel's content dynamically changes its height.
    */
    transform: translateY(-50%);
  }
  #loginPage .left-panel-customer-logo {
    display: none;
  }
  #loginPage .right-panel-customer-logo {
    display: block;
  }
  #loginPage #mainForm\:publicInfosLeftPanelWrapper {
    display: none;
  }
  #loginPage #mainForm\:publicInfosRightPanelWrapper {
    display: block;
  }
}

#cbDisplayError form {
  padding: 1rem;
}
#cbDisplayError .title {
  margin-bottom: 1rem;
}
#cbDisplayError .error {
  padding: 1.5rem;
  margin: 1rem 0;
  border-radius: 3px;
  background: #FFCDD2;
  border: 1px solid #EF5350;
  border-width: 0 0 0 6px;
  color: #B71C1C;
}

/*-------------------------------------------------------------------------*/
/* PatientInfo (patient topbar) : styles for the patient bar exclusive to the new layout 
/*-------------------------------------------------------------------------*/
.patientinfo-wrapper {
  min-width: 375px;
}
.patientinfo-wrapper.force-xs.xs-rows3 {
  height: 5.5538461538rem;
}
.patientinfo-wrapper.force-xs.xs-rows4 {
  height: 7.3538461538rem;
}
.patientinfo-wrapper.force-xs.xs-rows10 {
  height: 18.1538461538rem;
}
@media all and (width >= 0px) and (width < 576px) {
  .patientinfo-wrapper:not([class*=force-]).xs-rows3 {
    height: 5.5538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).xs-rows4 {
    height: 7.3538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).xs-rows10 {
    height: 18.1538461538rem;
  }
}
.patientinfo-wrapper.force-sm.sm-rows3 {
  height: 5.5538461538rem;
}
.patientinfo-wrapper.force-sm.sm-rows4 {
  height: 7.3538461538rem;
}
.patientinfo-wrapper.force-sm.sm-rows10 {
  height: 18.1538461538rem;
}
@media all and (width >= 576px) and (width < 768px) {
  .patientinfo-wrapper:not([class*=force-]).sm-rows3 {
    height: 5.5538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).sm-rows4 {
    height: 7.3538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).sm-rows10 {
    height: 18.1538461538rem;
  }
}
.patientinfo-wrapper.force-md.md-rows3 {
  height: 5.5538461538rem;
}
.patientinfo-wrapper.force-md.md-rows4 {
  height: 7.3538461538rem;
}
.patientinfo-wrapper.force-md.md-rows10 {
  height: 18.1538461538rem;
}
@media all and (width >= 768px) and (width < 992px) {
  .patientinfo-wrapper:not([class*=force-]).md-rows3 {
    height: 5.5538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).md-rows4 {
    height: 7.3538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).md-rows10 {
    height: 18.1538461538rem;
  }
}
.patientinfo-wrapper.force-lg.lg-rows3 {
  height: 5.5538461538rem;
}
.patientinfo-wrapper.force-lg.lg-rows4 {
  height: 7.3538461538rem;
}
.patientinfo-wrapper.force-lg.lg-rows10 {
  height: 18.1538461538rem;
}
@media all and (width >= 992px) and (width < 1200px) {
  .patientinfo-wrapper:not([class*=force-]).lg-rows3 {
    height: 5.5538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).lg-rows4 {
    height: 7.3538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).lg-rows10 {
    height: 18.1538461538rem;
  }
}
.patientinfo-wrapper.force-xl.xl-rows3 {
  height: 5.5538461538rem;
}
.patientinfo-wrapper.force-xl.xl-rows4 {
  height: 7.3538461538rem;
}
.patientinfo-wrapper.force-xl.xl-rows10 {
  height: 18.1538461538rem;
}
@media all and (width >= 1200px) {
  .patientinfo-wrapper:not([class*=force-]).xl-rows3 {
    height: 5.5538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).xl-rows4 {
    height: 7.3538461538rem;
  }
  .patientinfo-wrapper:not([class*=force-]).xl-rows10 {
    height: 18.1538461538rem;
  }
}
.patientinfo-wrapper.force-xs {
  width: 0px;
}
.patientinfo-wrapper.force-sm {
  width: 576px;
}
.patientinfo-wrapper.force-md {
  width: 768px;
}
.patientinfo-wrapper.force-lg {
  width: 992px;
}
.patientinfo-wrapper.force-xl {
  width: 1200px;
}
.patientinfo-wrapper .patientinfo {
  display: grid;
  padding: 0 0 0 0.5rem;
  width: 100%;
  grid-auto-rows: 1.8rem;
  border: 1px solid #4D9FDC;
  border-radius: 6px;
  background-color: #eff8ff;
}
.patientinfo-wrapper .patientinfo.force-xs.xs-rows3 {
  grid-template-rows: repeat(3, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-xs.xs-rows4 {
  grid-template-rows: repeat(4, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-xs.xs-rows10 {
  grid-template-rows: repeat(10, 1.8rem);
}
@media all and (width >= 0px) and (width < 576px) {
  .patientinfo-wrapper .patientinfo:not([class*=force-]).xs-rows3 {
    grid-template-rows: repeat(3, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).xs-rows4 {
    grid-template-rows: repeat(4, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).xs-rows10 {
    grid-template-rows: repeat(10, 1.8rem);
  }
}
.patientinfo-wrapper .patientinfo.force-sm.sm-rows3 {
  grid-template-rows: repeat(3, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-sm.sm-rows4 {
  grid-template-rows: repeat(4, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-sm.sm-rows10 {
  grid-template-rows: repeat(10, 1.8rem);
}
@media all and (width >= 576px) and (width < 768px) {
  .patientinfo-wrapper .patientinfo:not([class*=force-]).sm-rows3 {
    grid-template-rows: repeat(3, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).sm-rows4 {
    grid-template-rows: repeat(4, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).sm-rows10 {
    grid-template-rows: repeat(10, 1.8rem);
  }
}
.patientinfo-wrapper .patientinfo.force-md.md-rows3 {
  grid-template-rows: repeat(3, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-md.md-rows4 {
  grid-template-rows: repeat(4, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-md.md-rows10 {
  grid-template-rows: repeat(10, 1.8rem);
}
@media all and (width >= 768px) and (width < 992px) {
  .patientinfo-wrapper .patientinfo:not([class*=force-]).md-rows3 {
    grid-template-rows: repeat(3, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).md-rows4 {
    grid-template-rows: repeat(4, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).md-rows10 {
    grid-template-rows: repeat(10, 1.8rem);
  }
}
.patientinfo-wrapper .patientinfo.force-lg.lg-rows3 {
  grid-template-rows: repeat(3, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-lg.lg-rows4 {
  grid-template-rows: repeat(4, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-lg.lg-rows10 {
  grid-template-rows: repeat(10, 1.8rem);
}
@media all and (width >= 992px) and (width < 1200px) {
  .patientinfo-wrapper .patientinfo:not([class*=force-]).lg-rows3 {
    grid-template-rows: repeat(3, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).lg-rows4 {
    grid-template-rows: repeat(4, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).lg-rows10 {
    grid-template-rows: repeat(10, 1.8rem);
  }
}
.patientinfo-wrapper .patientinfo.force-xl.xl-rows3 {
  grid-template-rows: repeat(3, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-xl.xl-rows4 {
  grid-template-rows: repeat(4, 1.8rem);
}
.patientinfo-wrapper .patientinfo.force-xl.xl-rows10 {
  grid-template-rows: repeat(10, 1.8rem);
}
@media all and (width >= 1200px) {
  .patientinfo-wrapper .patientinfo:not([class*=force-]).xl-rows3 {
    grid-template-rows: repeat(3, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).xl-rows4 {
    grid-template-rows: repeat(4, 1.8rem);
  }
  .patientinfo-wrapper .patientinfo:not([class*=force-]).xl-rows10 {
    grid-template-rows: repeat(10, 1.8rem);
  }
}
.patientinfo-wrapper .patientinfo.grid-collapsed {
  height: 100%;
}
.patientinfo-wrapper .patientinfo.xs-cols24 .patientinfo-range.xs-x24 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xs-cols16 .patientinfo-range.xs-x16 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.sm-cols36 .patientinfo-range.sm-x36 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.sm-cols32 .patientinfo-range.sm-x32 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.sm-cols30 .patientinfo-range.sm-x30 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.sm-cols24 .patientinfo-range.sm-x24 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.sm-cols16 .patientinfo-range.sm-x16 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols45 .patientinfo-range.md-x45 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols42 .patientinfo-range.md-x42 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols40 .patientinfo-range.md-x40 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols36 .patientinfo-range.md-x36 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols32 .patientinfo-range.md-x32 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols30 .patientinfo-range.md-x30 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols24 .patientinfo-range.md-x24 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.md-cols16 .patientinfo-range.md-x16 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols50 .patientinfo-range.lg-x50 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols48 .patientinfo-range.lg-x48 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols45 .patientinfo-range.lg-x45 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols42 .patientinfo-range.lg-x42 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols40 .patientinfo-range.lg-x40 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols36 .patientinfo-range.lg-x36 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols32 .patientinfo-range.lg-x32 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols30 .patientinfo-range.lg-x30 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols24 .patientinfo-range.lg-x24 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.lg-cols16 .patientinfo-range.lg-x16 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols64 .patientinfo-range.xl-x64 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols60 .patientinfo-range.xl-x60 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols56 .patientinfo-range.xl-x56 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols54 .patientinfo-range.xl-x54 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols50 .patientinfo-range.xl-x50 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols48 .patientinfo-range.xl-x48 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols45 .patientinfo-range.xl-x45 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols42 .patientinfo-range.xl-x42 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols40 .patientinfo-range.xl-x40 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols36 .patientinfo-range.xl-x36 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols32 .patientinfo-range.xl-x32 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols30 .patientinfo-range.xl-x30 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols24 .patientinfo-range.xl-x24 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo.xl-cols16 .patientinfo-range.xl-x16 {
  justify-content: end;
}
.patientinfo-wrapper .patientinfo .patientinfo-range {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 4px;
  flex-wrap: nowrap;
  overflow: hidden;
  scrollbar-width: thin;
}
.patientinfo-wrapper .patientinfo .patientinfo-item {
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 3px;
  flex-wrap: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.patientinfo-wrapper .patientinfo .patientinfo-item:empty {
  display: none;
}
.patientinfo-wrapper .patientinfo .patientinfo-item.patientinfo-multiple-runs {
  flex-wrap: wrap;
}
.patientinfo-wrapper .patientinfo .patientinfo-item.patientinfo-multiple-runs .patientinfo-run {
  height: fit-content;
}
.patientinfo-wrapper .patientinfo .patientinfo-run {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
}
.patientinfo-wrapper .patientinfo.mto-cancelled {
  border: 1px solid #7a7a7a;
  background-color: #f0f0f0;
}
.patientinfo-wrapper .patientinfo.mto-closed {
  border: 1px solid #7a7a7a;
  background-color: #f0f0f0;
}
.patientinfo-wrapper .patientinfo.mto-planned {
  border: 1px solid #4D9FDC;
  background-color: #eff8ff;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-critical, .patientinfo-wrapper .patientinfo .patientinfo-run.mod-danger, .patientinfo-wrapper .patientinfo .patientinfo-run.mod-warning, .patientinfo-wrapper .patientinfo .patientinfo-run.mod-activehealthy, .patientinfo-wrapper .patientinfo .patientinfo-run.mod-info {
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
  height: fit-content;
}
.patientinfo-wrapper .patientinfo .patientinfo-run:not([class*=mod-]) {
  color: #495057;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-info {
  border-color: #495057;
  color: #495057;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-activehealthy {
  border-color: #3d9e44;
  background-color: #c8e6c9;
  color: #256029;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-warning {
  border-color: #be8774;
  background-color: #feedaf;
  color: #8a5340;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-danger {
  border-color: #f55656;
  background-color: #f9d9d6;
  color: #db0000;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-critical {
  border-color: #ff0303;
  background-color: #ff0303;
  font-weight: bold;
  color: white;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-inactive {
  color: rgba(73, 80, 87, 0.6);
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-female {
  color: #ef00a7;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.mod-male {
  color: #0040af;
}
.patientinfo-wrapper .patientinfo .patientinfo-run-text {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2rem;
}
.patientinfo-wrapper .patientinfo .patientinfo-run-icon {
  min-width: 1.23rem;
  overflow: visible;
  font-size: 1.1rem;
  line-height: 1.2rem;
}
.patientinfo-wrapper .patientinfo .patientinfo-run-image {
  height: 100%;
  padding: 3px;
}
.patientinfo-wrapper .patientinfo .patientinfo-run-image img {
  width: 100%;
  height: 100%;
  max-width: fit-content;
  object-fit: contain;
  object-position: left;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.ui-commandlink:hover {
  text-decoration: none;
}
.patientinfo-wrapper .patientinfo .patientinfo-run.ui-commandlink:hover .patientinfo-run-text {
  text-decoration: underline;
}
.patientinfo-wrapper .patientinfo .patientinfo-range.big {
  column-gap: 6px;
}
.patientinfo-wrapper .patientinfo .patientinfo-range.big .patientinfo-run-text {
  font-size: 1.1rem;
}
.patientinfo-wrapper .patientinfo .patientinfo-range.big .patientinfo-run-icon {
  font-size: 1.1rem !important;
}
.patientinfo-wrapper .patientinfo .patientinfo-range.bold .patientinfo-run-text {
  font-weight: bold;
}
.patientinfo-wrapper .patientinfo .patientinfo-range.bold .patientinfo-run-icon {
  font-weight: bold;
}

/*-------------------------------------------------------------------------*/
/* END OF THE NEW PatientInfo (patient topbar)
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* Shortcuts bar
/*-------------------------------------------------------------------------*/
body #shortcutsBarFragmentForm .shortcutsbar.ui-menubar {
  background: transparent;
  border: none;
  padding: 0rem 0.25rem 0.5rem 0.25rem;
}
body #shortcutsBarFragmentForm .shortcutsbar.ui-menubar > .ui-menu-list > .ui-menuitem:not(:first-child) > .ui-menuitem-link {
  border-left: 1px solid #dee2e6;
}
body #shortcutsBarFragmentForm .shortcutsbar.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  border-radius: 0px;
  padding: 0.25rem 1rem;
}
body #shortcutsBarFragmentForm .shortcutsbar.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-icon-triangle-1-s:last-child {
  margin: 0px -0.25rem 0px 0.25rem;
}

/*-------------------------------------------------------------------------*/
/* Drawers (generic layout stuff)
/*-------------------------------------------------------------------------*/
.layout-drawers > div,
.layout-drawers > div > form {
  height: 100%;
}
.layout-drawers .drawers-vertical {
  height: 100%;
  box-shadow: 3px 0px 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: nowrap;
  align-items: start;
}
.layout-drawers .drawers-vertical .drawers-tabs {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.layout-drawers .drawers-vertical .drawers-tabs .drawers-tab {
  width: 3.6rem;
  height: 3.6rem;
  color: #6c757d;
  border-bottom: 1px solid #dee2e6;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-drawers .drawers-vertical .drawers-tabs .drawers-tab.drawers-tab-active {
  color: #4D9FDC;
  background-color: white;
}
.layout-drawers .drawers-vertical .drawers-tabs .drawers-tab.drawers-tab-active::before {
  content: " ";
  border-left: 3px solid #4D9FDC;
  position: absolute;
  left: 1px;
  height: 3.6rem;
}
.layout-drawers .drawers-vertical .drawers-tabs .drawers-tab:hover {
  color: #495057;
  background-color: #e9ecef;
}
.layout-drawers .drawers-vertical .drawers-tabs .drawers-tab-icon {
  font-size: 1.8rem;
}
.layout-drawers .drawers-vertical .drawers-contents {
  height: 100%;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content {
  width: 300px;
  background-color: white;
  height: 100%;
  display: none;
  border-left: 1px solid #dee2e6;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content.drawers-content-active {
  overflow: auto;
  display: grid;
  grid-template-rows: min-content;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content .drawers-content-header {
  background-color: white;
  padding: 0.8rem 0.9rem;
  height: 3.6rem;
  border-bottom: 1px solid #dee2e6;
  flex-direction: row;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: start;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content .drawers-content-header .drawers-content-title {
  font-size: 1rem;
  font-weight: 700;
  flex-grow: 1;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content .drawers-content-header .drawers-content-actions {
  display: flex;
  flex-wrap: nowrap;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content .drawers-content-content {
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
}
.layout-drawers .drawers-vertical .drawers-contents .drawers-content .drawers-content-content .drawers-content-scroll {
  padding: 0.5rem 0.8rem 4rem 0.8rem;
}
@media all and (width < 992px) {
  .layout-drawers .drawers-vertical .drawers-contents {
    width: 0;
  }
  .layout-drawers .drawers-vertical .drawers-contents .drawers-content-active {
    box-shadow: 3px 0px 4px 0 rgba(0, 0, 0, 0.1);
  }
}

/*-------------------------------------------------------------------------*/
/* Page header area with application warning messages
/*-------------------------------------------------------------------------*/
.pageheader {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #dee2e6;
}
.pageheader.pageheader-notitle {
  border-bottom: none;
  background: transparent;
}
.pageheader .pageheader-text {
  flex-grow: 0;
}
.pageheader .pageheader-text .pageheader-separator > .ui-icon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 0.8rem;
  color: #495057;
}
.pageheader .pageheader-warnings {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-left: 0.5rem;
}
.pageheader .pageheader-warnings > .pageheader-warning {
  padding: 0px 0.5rem;
}
.pageheader .pageheader-warnings > .pageheader-warning::after,
.pageheader .pageheader-warnings > .pageheader-warning::before {
  content: " *** ";
}
.pageheader .pageheader-warnings .pageheader-warning-FAKE_LOGIN {
  background-color: red;
  color: white;
}
.pageheader .pageheader-warnings .pageheader-warning-SUPERUSER_REMOTE {
  background-color: #C70039;
  color: white;
}
.pageheader .pageheader-warnings .pageheader-warning-APP_READONLY {
  background-color: darkorange;
  color: black;
}
.pageheader .pageheader-warnings .pageheader-warning-CONFIG_ILLEGAL {
  background-color: maroon;
  color: white;
}
.pageheader .pageheader-warnings .pageheader-warning-GC_MORFLING {
  background-color: yellow;
  color: black;
}
.pageheader .pageheader-warnings .pageheader-warning-INSTANCE_TEST {
  background-color: fuchsia;
  color: white;
}
.pageheader .pageheader-warnings .pageheader-warning-INSTANCE_VALIDATION {
  background-color: limegreen;
  color: white;
}
.pageheader .pageheader-warnings .pageheader-warning-INSTANCE_FORMATION {
  background-color: steelblue;
  color: white;
}

/*-------------------------------------------------------------------------*/
/* Userbar 
/*-------------------------------------------------------------------------*/
#userBarFragmentForm .userbar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem;
  margin-left: 0;
}
#userBarFragmentForm .userbar .userbar-perimeter .ui-selectonemenu {
  width: 14rem;
}
#userBarFragmentForm .userbar .userbar-perimeter .hidden-btn {
  display: none;
}
#userBarFragmentForm .userbar .userbar-menu-buttons {
  width: 100%;
  padding: 0;
}
#userBarFragmentForm .userbar .userbar-menu-buttons.ui-menu {
  background: none;
  border: none;
}
#userBarFragmentForm .userbar .userbar-menu-buttons.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.23rem;
}
#userBarFragmentForm .userbar .userbar-menu-buttons.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.submenu-environmentSubMenu > .ui-menuitem-link .ui-icon,
#userBarFragmentForm .userbar .userbar-menu-buttons.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.submenu-environmentSubMenu > .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
  margin: 0;
}
#userBarFragmentForm .userbar .userbar-menu-buttons.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.submenu-environmentSubMenu > .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
  font-size: 1rem;
}
#userBarFragmentForm .userbar .userbar-avatar {
  position: relative;
}
#userBarFragmentForm .userbar .userbar-avatar-button {
  height: 2.46rem;
  width: 2.46rem;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #495057;
  filter: drop-shadow(rgba(0, 0, 0, 0.25) 0 0 2px);
}
#userBarFragmentForm .userbar .userbar-avatar-button .ui-icon {
  display: none;
}
#userBarFragmentForm .userbar .userbar-avatar-button .ui-button-text {
  padding: 0px;
}
#userBarFragmentForm .userbar .userbar-avatar-notifications-badge {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 2px 2px);
}
#userBarFragmentForm .userbar .userbar-avatar-notifications-badge.has-unresolved-or-unignored-notifications {
  background-color: white;
  border: 1px solid #4D9FDC;
}
#userBarFragmentForm .userbar .userbar-avatar-notifications-badge.has-unread-notifications {
  background-color: #4D9FDC;
}
@media all and (width >= 0px) and (width < 576px) {
  #userBarFragmentForm .userbar {
    width: fit-content;
    flex: initial;
  }
  #userBarFragmentForm .userbar-menu {
    display: none;
  }
}

/*-------------------------------------------------------------------------*/
/* Drawer for main application menu
/*-------------------------------------------------------------------------*/
body .ui-menu.mainmenu-menu {
  width: 100%;
  border: none;
  background: none;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-group {
  margin: 1.2rem 0rem 0.8rem 0rem;
  padding: 0px;
  pointer-events: none;
  background: white;
  position: sticky;
  top: 0px;
  z-index: 1;
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: center;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-group::before {
  border-bottom: 1px solid #dee2e6;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  content: "";
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-group.mainmenu-group-hiddenheader {
  display: none;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-group > h3 {
  padding: 0 0.5rem;
  background-color: #ffffff;
  z-index: 1;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-group .ui-icon {
  display: none;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-category {
  margin: 0.75rem 0rem 0.25rem 0rem;
  padding: 0px 0px 0.1rem 0px;
  background: white;
  position: sticky;
  top: 0px;
  z-index: 1;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-widget-header.mainmenu-category.mainmenu-category-hiddenheader {
  display: none;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.mainmenu-entry {
  margin: 0px;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.mainmenu-entry.mainmenu-entry-current > .ui-menuitem-text {
  color: #4D9FDC;
}
body .ui-menu.mainmenu-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.mainmenu-entry.mainmenu-entry-current::before {
  content: " ";
  border-left: 3px solid #4D9FDC;
  position: absolute;
  left: 0.2rem;
}
body .ui-menu.mainmenu-menu.ui-menu-filterable .ui-menu-filter-container {
  background-color: white;
  height: 2rem;
  position: sticky;
  top: 0px;
  z-index: 2;
}
body .ui-menu.mainmenu-menu.ui-menu-filterable .ui-widget-header.mainmenu-category, body .ui-menu.mainmenu-menu.ui-menu-filterable .ui-widget-header.mainmenu-group {
  position: sticky;
  top: 2rem;
  z-index: 1;
}

/*-------------------------------------------------------------------------*/
/* Drawer for patient selector
/*-------------------------------------------------------------------------*/
body .patientselector .ui-datatable > .ui-datatable-header {
  margin-bottom: 0.7rem;
  padding: 0;
  border: none;
  background-color: white;
  position: sticky;
  top: 0px;
}
body .patientselector .ui-datatable > .ui-datatable-header .patientselector-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
body .patientselector .ui-datatable > .ui-datatable-header .ui-selectonebutton {
  display: flex;
  padding: 0;
}
body .patientselector .ui-datatable > .ui-datatable-header .ui-selectonebutton .ui-button {
  flex: 1 1 auto;
}
body .patientselector .ui-datatable > .ui-datatable-header .ui-selectonebutton .ui-button-text {
  padding: 0.3rem 0.5rem;
  white-space: nowrap;
}
body .patientselector .ui-datatable > .ui-datatable-header .ui-selectonemenu {
  width: 100%;
}
body .patientselector .ui-datatable .ui-datatable-tablewrapper > table {
  table-layout: fixed;
}
body .patientselector .ui-datatable .ui-datatable-data > tr > td {
  border: none;
}
body .patientselector .ui-datatable .patientselector-col-label {
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .patientselector .ui-datatable .patientselector-col-relieve-btn {
  width: 1.6rem;
}

/*-------------------------------------------------------------------------*/
/* END OF THE PATIENT SELECTOR DRAWER
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/* Drawer for patient lifeline
/*-------------------------------------------------------------------------*/
body .patientlifeline .filter {
  display: flex;
  justify-content: space-evenly;
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}
body .patientlifeline .encountertype-chbx {
  display: flex;
  gap: 0.3rem;
}
body .patientlifeline .checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
body .patientlifeline .encountertype-squaredecorator {
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  margin-bottom: 1px;
}
body .patientlifeline .encountertype-squaredecorator.encountertype-squaredecorator-HOSP {
  background-color: #0c5ade;
}
body .patientlifeline .encountertype-squaredecorator.encountertype-squaredecorator-EMERGENCY {
  background-color: red;
}
body .patientlifeline .encountertype-squaredecorator.encountertype-squaredecorator-PLANNED_OUTPATIENT {
  background-color: #00d900;
}
body .patientlifeline .death-item,
body .patientlifeline .birth-item {
  font-weight: 600;
}
body .patientlifeline .death-item {
  margin-bottom: 0.5rem;
}
body .patientlifeline .birth-item {
  margin-top: 0.5rem;
}
body .patientlifeline ul.carestories-list,
body .patientlifeline ul.medicaltakeovers-list,
body .patientlifeline ul.caretakeovers-list {
  list-style-type: none;
}
body .patientlifeline ul.carestories-list > li {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}
body .patientlifeline .medicaltakeovers-list {
  margin-left: 0.8rem;
}
body .patientlifeline .caretakeovers-list {
  margin-left: 1.7rem;
}
body .patientlifeline .carestory-selected {
  border: 1px solid black;
  border-radius: 3px;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  padding: 0.3rem;
}
body .patientlifeline .carestory-selected.carestory-status-CLOSED {
  border-color: #7a7a7a;
  background-color: #F0F0F0;
}
body .patientlifeline .carestory-selected.carestory-status-OPEN {
  border-color: #4D9FDC;
  background-color: #eff8ff;
}
body .patientlifeline .carestory-selected > div > .patientfile-link,
body .patientlifeline .medicaltakeover-selected > div > .patientfile-link,
body .patientlifeline .caretakeover-selected > div > .patientfile-link {
  background-color: rgba(77, 159, 220, 0.7);
}
body .patientlifeline .carestory-selected > div > .patientfile-link.ui-commandlink,
body .patientlifeline .medicaltakeover-selected > div > .patientfile-link.ui-commandlink,
body .patientlifeline .caretakeover-selected > div > .patientfile-link.ui-commandlink {
  color: #f8fafc;
  transition: none;
}
body .patientlifeline .carestory-selected > div > .patientfile-link.ui-commandlink:hover,
body .patientlifeline .medicaltakeover-selected > div > .patientfile-link.ui-commandlink:hover,
body .patientlifeline .caretakeover-selected > div > .patientfile-link.ui-commandlink:hover {
  background-color: rgba(77, 159, 220, 0.7);
}
body .patientlifeline .carestory-selected > div > .patientfile-link.ui-state-disabled,
body .patientlifeline .medicaltakeover-selected > div > .patientfile-link.ui-state-disabled,
body .patientlifeline .caretakeover-selected > div > .patientfile-link.ui-state-disabled {
  opacity: 1;
}
body .patientlifeline .carestory-selected.child-patientfile-selected > div > .patientfile-link,
body .patientlifeline .medicaltakeover-selected.child-patientfile-selected > div > .patientfile-link,
body .patientlifeline .caretakeover-selected.child-patientfile-selected > div > .patientfile-link {
  font-weight: 600;
  background-color: inherit;
  color: inherit;
}
body .patientlifeline .carestory-selected.child-patientfile-selected > div > .patientfile-link.ui-commandlink:hover,
body .patientlifeline .medicaltakeover-selected.child-patientfile-selected > div > .patientfile-link.ui-commandlink:hover,
body .patientlifeline .caretakeover-selected.child-patientfile-selected > div > .patientfile-link.ui-commandlink:hover {
  background-color: inherit;
}
body .patientlifeline .externaltreatment-not-in-same-mto {
  padding: 0.25rem 1rem;
}
body .patientlifeline .patientfile-link {
  justify-content: space-between;
  gap: 0.3rem;
}
body .patientlifeline .patientfile-link.ui-commandlink {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.25rem 1rem;
  width: 100%;
  float: none;
  border: 0 none;
  border-radius: 0;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  color: #495057;
}
body .patientlifeline .patientfile-link.ui-commandlink:hover {
  background-color: #e9ecef;
  text-decoration: none !important;
}
body .patientlifeline .patientfile-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
body .patientlifeline .patientfile-subinfo-label {
  font-style: italic;
  font-weight: normal;
}
body .patientlifeline .patientfile-status-infotag {
  padding: 0.15rem 0.3rem;
  height: fit-content;
  border: 1px solid #495057;
  border-radius: 3px;
  text-transform: uppercase;
  color: #495057;
  font-weight: 600;
  font-size: 0.8rem;
  text-wrap: nowrap;
}

/*-------------------------------------------------------------------------*/
/* END OF THE PATIENT LIFELINE
/*-------------------------------------------------------------------------*/
body .ui-overlaypanel.document-viewer-overlay {
  z-index: 14 !important;
  box-shadow: -3px 0px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.t-icon-image-today{background-image:url('../../layout/images/today.png')!important;}
.t-icon-image-cutGreen{background-image:url('../../layout/images/cut_green.png')!important;}
.t-icon-image-empty{background-image:url('../../layout/images/empty.png')!important;}
.t-icon-image-receiveAndLock{background-image:url('../../layout/images/receive_and_lock.png')!important;}
.t-icon-image-workflowFinalize{background-image:url('../../layout/images/workflow_finalize.png')!important;}
.t-icon-image-workflowAdd{background-image:url('../../layout/images/workflow_add.png')!important;}
.t-icon-image-checklistComplete{background-image:url('../../layout/images/complete.png')!important;}
.t-icon-image-checklistIncomplete{background-image:url('../../layout/images/incomplete.png')!important;}
.t-icon-image-removeBed{background-image:url('../../layout/images/remove_bed.png')!important;}
.t-icon-image-heatedBed{background-image:url('../../layout/images/heated_bed.png')!important;}
.t-icon-image-incubatorBed{background-image:url('../../layout/images/incubator_bed.png')!important;}
.t-icon-image-relievePpRejected{background-image:url('../../layout/images/prescription/prescription_relieve_protocol_rejected.png')!important;}
.t-icon-image-actToValidate{background-image:url('../../layout/images/planification/careValidation/act_administer.png')!important;}
.t-icon-image-actValidated{background-image:url('../../layout/images/act_validated.png')!important;}
.t-icon-image-actCanceled{background-image:url('../../layout/images/act_canceled.png')!important;}
.t-icon-image-validationActPose{background-image:url('../../layout/images/planification/careValidation/act_pose.png')!important;}
.t-icon-image-validationActPoseValidated{background-image:url('../../layout/images/planification/careValidation/act_pose_validated.png')!important;}
.t-icon-image-validationActPoseB{background-image:url('../../layout/images/planification/careValidation/act_pose_b.png')!important;}
.t-icon-image-validationActPosePersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_pose_personal_validated.png')!important;}
.t-icon-image-validationActPoseCancelled{background-image:url('../../layout/images/planification/careValidation/act_pose_cancelled.png')!important;}
.t-icon-image-validationActWithdraw{background-image:url('../../layout/images/planification/careValidation/act_withdraw.png')!important;}
.t-icon-image-validationActWithdrawValidated{background-image:url('../../layout/images/planification/careValidation/act_withdraw_validated.png')!important;}
.t-icon-image-validationActWithdrawB{background-image:url('../../layout/images/planification/careValidation/act_withdraw_b.png')!important;}
.t-icon-image-validationActWithdrawPersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_withdraw_personal_validated.png')!important;}
.t-icon-image-validationActWithdrawCancelled{background-image:url('../../layout/images/planification/careValidation/act_withdraw_cancelled.png')!important;}
.t-icon-image-validationActWithdrawR{background-image:url('../../layout/images/planification/careValidation/act_withdraw_r.png')!important;}
.t-icon-image-validationActChange{background-image:url('../../layout/images/planification/careValidation/act_change.png')!important;}
.t-icon-image-validationActChangeValidated{background-image:url('../../layout/images/planification/careValidation/act_change_validated.png')!important;}
.t-icon-image-validationActChangeB{background-image:url('../../layout/images/planification/careValidation/act_change_b.png')!important;}
.t-icon-image-validationActChangePersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_change_personal_validated.png')!important;}
.t-icon-image-validationActChangeCancelled{background-image:url('../../layout/images/planification/careValidation/act_change_cancelled.png')!important;}
.t-icon-image-validationActChangeFlow{background-image:url('../../layout/images/planification/careValidation/act_change_flow.png')!important;}
.t-icon-image-validationActChangeFlowValidated{background-image:url('../../layout/images/planification/careValidation/act_change_flow_validated.png')!important;}
.t-icon-image-validationActChangeFlowB{background-image:url('../../layout/images/planification/careValidation/act_change_flow_b.png')!important;}
.t-icon-image-validationActChangeFlowPersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_change_flow_personal_validated.png')!important;}
.t-icon-image-validationActChangeFlowCancelled{background-image:url('../../layout/images/planification/careValidation/act_change_flow_cancelled.png')!important;}
.t-icon-image-validationActAddDrug{background-image:url('../../layout/images/planification/careValidation/act_add_drug.png')!important;}
.t-icon-image-validationActAddDrugValidated{background-image:url('../../layout/images/planification/careValidation/act_add_drug_validated.png')!important;}
.t-icon-image-validationActAddDrugB{background-image:url('../../layout/images/planification/careValidation/act_add_drug_b.png')!important;}
.t-icon-image-validationActAddDrugPersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_add_drug_personal_validated.png')!important;}
.t-icon-image-validationActAddDrugCancelled{background-image:url('../../layout/images/planification/careValidation/act_add_drug_cancelled.png')!important;}
.t-icon-image-validationActAdminister{background-image:url('../../layout/images/planification/careValidation/act_administer.png')!important;}
.t-icon-image-validationActAdministerValidated{background-image:url('../../layout/images/planification/careValidation/act_administer_validated.png')!important;}
.t-icon-image-validationActAdministerB{background-image:url('../../layout/images/planification/careValidation/act_administer_b.png')!important;}
.t-icon-image-validationActAdministerPersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_administer_personal_validated.png')!important;}
.t-icon-image-validationActAdministerCancelled{background-image:url('../../layout/images/planification/careValidation/act_administer_cancelled.png')!important;}
.t-icon-image-validationActResume{background-image:url('../../layout/images/planification/careValidation/act_resume.png')!important;}
.t-icon-image-validationActResumeValidated{background-image:url('../../layout/images/planification/careValidation/act_resume_validated.png')!important;}
.t-icon-image-validationActResumeB{background-image:url('../../layout/images/planification/careValidation/act_resume_b.png')!important;}
.t-icon-image-validationActResumePersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_resume_personal_validated.png')!important;}
.t-icon-image-validationActResumeCancelled{background-image:url('../../layout/images/planification/careValidation/act_resume_cancelled.png')!important;}
.t-icon-image-validationActSuspend{background-image:url('../../layout/images/planification/careValidation/act_suspend.png')!important;}
.t-icon-image-validationActSuspendValidated{background-image:url('../../layout/images/planification/careValidation/act_suspend_validated.png')!important;}
.t-icon-image-validationActSuspendB{background-image:url('../../layout/images/planification/careValidation/act_suspend_b.png')!important;}
.t-icon-image-validationActSuspendPersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_suspend_personal_validated.png')!important;}
.t-icon-image-validationActSuspendCancelled{background-image:url('../../layout/images/planification/careValidation/act_suspend_cancelled.png')!important;}
.t-icon-image-validationActToValidate{background-image:url('../../layout/images/planification/careValidation/act_to_validate.png')!important;}
.t-icon-image-validationActValidated{background-image:url('../../layout/images/planification/careValidation/act_validated.png')!important;}
.t-icon-image-validationActToValidateB{background-image:url('../../layout/images/planification/careValidation/act_to_validate_b.png')!important;}
.t-icon-image-validationActPersonalValidated{background-image:url('../../layout/images/planification/careValidation/act_personal_validated.png')!important;}
.t-icon-image-validationActToValidateCancelled{background-image:url('../../layout/images/planification/careValidation/act_to_validate_cancelled.png')!important;}
.t-icon-image-validationActAdministerZero{background-image:url('../../layout/images/planification/careValidation/act_administer_zero.png')!important;}
.t-icon-image-validationActAdministerValidatedZero{background-image:url('../../layout/images/planification/careValidation/act_administer_validated_zero.png')!important;}
.t-icon-image-validationActAdministerBZero{background-image:url('../../layout/images/planification/careValidation/act_administer_b_zero.png')!important;}
.t-icon-image-validationDoctorVisit{background-image:url('../../layout/images/planification/careValidation/doctor_visit.png')!important;}
.t-icon-image-validationNurseVisit{background-image:url('../../layout/images/planification/careValidation/nurse_visit.png')!important;}
.t-icon-image-validationDoubleValidate{background-image:url('../../layout/images/planification/careValidation/double_validate_act.png')!important;}
.t-icon-image-validationDoubleValidation{background-image:url('../../layout/images/planification/careValidation/act_double_validation.png')!important;}
.t-icon-image-actMoved{background-image:url('../../layout/images/planification/careValidation/act_moved.png')!important;}
.t-icon-image-actCommented{background-image:url('../../layout/images/planification/careValidation/act_comment.png')!important;}
.t-icon-image-blouses{background-image:url('../../layout/images/mesures_protection/blouses.gif')!important;}
.t-icon-image-gants{background-image:url('../../layout/images/mesures_protection/gants.gif')!important;}
.t-icon-image-lunettes{background-image:url('../../layout/images/mesures_protection/lunettes.gif')!important;}
.t-icon-image-masques{background-image:url('../../layout/images/mesures_protection/masques.gif')!important;}
.t-icon-image-masquesFfp2{background-image:url('../../layout/images/mesures_protection/masques_ffp2.gif')!important;}
.t-icon-image-masquesLunettes{background-image:url('../../layout/images/mesures_protection/masques_lunettes.gif')!important;}
.t-icon-image-desinfectionMains{background-image:url('../../layout/images/mesures_protection/desinfection_mains.png')!important;}
.t-icon-image-aerosol{background-image:url('../../layout/images/mesures_protection/aerosol.gif')!important;}
.t-icon-image-gouttes{background-image:url('../../layout/images/mesures_protection/gouttes.gif')!important;}
.t-icon-image-contact{background-image:url('../../layout/images/mesures_protection/contact.png')!important;}
.t-icon-image-contactCd{background-image:url('../../layout/images/mesures_protection/contact_cd.png')!important;}
.t-icon-image-contactN{background-image:url('../../layout/images/mesures_protection/contact_n.png')!important;}
.t-icon-image-contactS{background-image:url('../../layout/images/mesures_protection/contact_s.png')!important;}
.t-icon-image-protecteur{background-image:url('../../layout/images/mesures_protection/protecteur.gif')!important;}
.t-icon-image-protecteurShort{background-image:url('../../layout/images/mesures_protection/protecteur_court.png')!important;}
.t-icon-image-protecteurLong{background-image:url('../../layout/images/mesures_protection/protecteur_long.png')!important;}
.t-icon-image-singleRoom{background-image:url('../../layout/images/mesures_protection/single_room.png')!important;}
.t-icon-image-vitalNutritionMonitoringMeal0{background-image:url('../../layout/images/vitals/plate_empty.png')!important;}
.t-icon-image-vitalNutritionMonitoringMeal14{background-image:url('../../layout/images/vitals/plate_1_4.png')!important;}
.t-icon-image-vitalNutritionMonitoringMeal12{background-image:url('../../layout/images/vitals/plate_1_2.png')!important;}
.t-icon-image-vitalNutritionMonitoringMeal34{background-image:url('../../layout/images/vitals/plate_3_4.png')!important;}
.t-icon-image-vitalNutritionMonitoringMeal1{background-image:url('../../layout/images/vitals/plate_full.png')!important;}
.t-icon-image-vitalPupilsReactivityNe{background-image:url('../../layout/images/pupil_reactivity_not_evaluated.png')!important;}
.t-icon-image-vitalPupilsReactivityReactive{background-image:url('../../layout/images/pupil_reactivity_positive.png')!important;}
.t-icon-image-vitalPupilsReactivityAreactive{background-image:url('../../layout/images/pupil_reactivity_negative.png')!important;}
.t-icon-image-vitalPupilsStateNe{background-image:url('../../layout/images/pupil_not_evaluated.png')!important;}
.t-icon-image-vitalPupilsStateMyosis{background-image:url('../../layout/images/pupil_myosis.png')!important;}
.t-icon-image-vitalPupilsStateNormal{background-image:url('../../layout/images/pupil_normal.png')!important;}
.t-icon-image-vitalPupilsStateMydriasis{background-image:url('../../layout/images/pupil_mydriasis.png')!important;}
.t-icon-image-vitalBabypresentationOp{background-image:url('../../layout/images/vitals/bb_presentations/OP.png')!important;}
.t-icon-image-vitalBabypresentationOida{background-image:url('../../layout/images/vitals/bb_presentations/OIDA.png')!important;}
.t-icon-image-vitalBabypresentationOidt{background-image:url('../../layout/images/vitals/bb_presentations/OIDT.png')!important;}
.t-icon-image-vitalBabypresentationOidp{background-image:url('../../layout/images/vitals/bb_presentations/OIDP.png')!important;}
.t-icon-image-vitalBabypresentationOs{background-image:url('../../layout/images/vitals/bb_presentations/OS.png')!important;}
.t-icon-image-vitalBabypresentationOiga{background-image:url('../../layout/images/vitals/bb_presentations/OIGA.png')!important;}
.t-icon-image-vitalBabypresentationOigt{background-image:url('../../layout/images/vitals/bb_presentations/OIGT.png')!important;}
.t-icon-image-vitalBabypresentationOigp{background-image:url('../../layout/images/vitals/bb_presentations/OIGP.png')!important;}
.t-icon-image-vitalBabypresentationDhtg{background-image:url('../../layout/images/vitals/bb_presentations/DHTG.png')!important;}
.t-icon-image-vitalBabypresentationDhtd{background-image:url('../../layout/images/vitals/bb_presentations/DHTD.png')!important;}
.t-icon-image-vitalBabypresentationDbtg{background-image:url('../../layout/images/vitals/bb_presentations/DBTG.png')!important;}
.t-icon-image-vitalBabypresentationDbtd{background-image:url('../../layout/images/vitals/bb_presentations/DBTD.png')!important;}
.t-icon-image-progressNotesRegroup{background-image:url('../../layout/images/regroup_black_small.png')!important;}
.t-icon-image-manualExport{background-image:url('../../layout/images/manual_export.png')!important;}
.t-icon-image-omRadNone{background-image:url('../../layout/images/om/rad-none.png')!important;}
.t-icon-image-omRadMinimal{background-image:url('../../layout/images/om/rad-minimal.png')!important;}
.t-icon-image-omRadLow{background-image:url('../../layout/images/om/rad-low.png')!important;}
.t-icon-image-omRadMedium{background-image:url('../../layout/images/om/rad-medium.png')!important;}
.t-icon-image-omRadHigh{background-image:url('../../layout/images/om/rad-high.png')!important;}
.t-icon-image-omCopyConsultation{background-image:url('../../layout/images/copy_consultation.png')!important;}
.t-icon-image-attendeeResponseNeedAction{background-image:url('../../layout/images/help_g.png')!important;}
.t-icon-image-attendeeResponseTentative{background-image:url('../../layout/images/inprogress_status.png')!important;}
.t-icon-image-attendeeResponseDelegated{background-image:url('../../layout/images/delegate_test.png')!important;}
.t-icon-color-white{color:#ffffff !important;}
.t-icon-color-darkgrey{color:#a9a9a9 !important;}
.t-icon-color-gray{color:#808080 !important;}
.t-icon-color-limegreen{color:#32cd32 !important;}
.t-icon-color-lightblue{color:#add8e6 !important;}
.t-icon-color-yellow{color:#ffff00 !important;}
.t-icon-color-darkviolet{color:#9400d3 !important;}
.t-icon-color-brown{color:#a52a2a !important;}
.t-icon-color-purple{color:#800080 !important;}
.t-icon-color-browngreen{color:#02bf8b !important;}
.t-icon-color-red{color:#ff0000 !important;}
.t-icon-color-alert{color:#ff0000 !important;}
.t-icon-color-action{color:#ff0000 !important;}
.t-icon-color-green{color:#008000 !important;}
.t-icon-color-validated{color:#008000 !important;}
.t-icon-color-blue{color:#0000ff !important;}
.t-icon-color-turquoise{color:#02bfa5 !important;}
.t-icon-color-sic-blue{color:#64a2d7 !important;}
.t-icon-color-black{color:#000000 !important;}
.t-icon-color-orange{color:#ffae42 !important;}
.t-icon-color-warning{color:#ffff00 !important;}
.t-icon-color-running{color:#00ff00 !important;}
.t-icon-color-stopped{color:#787878 !important;}
.t-icon-color-consultation-blue{color:#0d9eff !important;}
.t-icon-color-rehab-orange{color:#ddc100 !important;}
.t-icon-color-prestation-violet{color:#b36dff !important;}
.t-icon-color-om-orange{color:#e07f00 !important;}