@charset "UTF-8";
.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.labs-container {
  background: white;
  width: 600px;
  margin: 20px auto;
  margin-bottom: 20px;
  padding: 40px 40px 50px;
  height: 95%;
}

.labs-internal-container {
  overflow-y: scroll;
  position: absolute;
  height: 85%;
  width: 560px;
}

.labs-category {
  margin: 40px 0;
}

.labs-item {
  margin: 5px 0;
}

.labs-content {
  display: -ms-flexbox;
  display: flex;
}

.labs-label {
  -ms-flex: 0.8;
      flex: 0.8;
}

.labs-value {
  -ms-flex: 0.2;
      flex: 0.2;
}

.labs-description {
  color: #909090;
  width: 430px;
}

input.toggle {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

.labs-scrollbox {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

input.toggle + label {
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
}

input.toggle + label:hover {
  cursor: pointer;
}

input.toggle + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  transition: .25s ease-in-out;
}

input.toggle + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: .25s ease-in-out;
}

input.toggle:checked + label:before {
  width: 50px;
  background: #13bf11;
}

input.toggle:checked + label:after {
  left: 20px;
  box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2);
}

.profiler-main-container {
  display: -ms-flexbox;
  display: flex;
  padding: 0 20px;
}

.profiler-main-container a {
  color: #0096ED;
}

.profiler-main-aside {
  -ms-flex: 0 0 30%;
      flex: 0 0 30%;
}

.profiler-process-table {
  width: 100%;
}

.profiler-object-table {
  width: 100%;
}

.profiler-object {
  margin-left: 20px;
}

.profiler-process-table td {
  padding-bottom: 8px;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

html {
  direction: ltr;
  font-size: var(--font-size-reference);
}

body {
  font-family: "CentraleSansCnd";
  color: #333333;
  overflow: hidden;
  font-size: var(--font-size-body);
}

body, html {
  height: 100%;
}

.overlay-body {
  position: relative;
}

.overlay::after {
  content: "";
  display: block;
  position: fixed;
  /* could also be absolute */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

hr {
  border: 0;
  height: 1px;
  background: #d9d9d9;
}

h3,
h4,
h5 {
  font-family: inherit;
  font-weight: bold;
  text-rendering: optimizelegibility;
}

h3 {
  line-height: 2.5rem;
  margin: 10px 0;
}

h4 {
  font-size: 1.09375rem;
  line-height: 1.25rem;
}

h5 {
  color: inherit;
  font-size: var(--font-size-body);
  line-height: 1.25rem;
  margin: 10px 0;
}

textArea {
  min-height: 65px;
  padding: var(--spacing-8) 10px var(--spacing-8) var(--spacing-8);
}

@media (min-width: 3840px) {
  textArea {
    padding: var(--spacing-8) var(--spacing-12) var(--spacing-8) var(--spacing-8);
  }
}

textArea::-webkit-scrollbar {
  width: var(--spacing-8);
  height: var(--spacing-8);
}

textArea::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #737373;
}

input[type].ng-invalid-custom-function.ng-touched {
  border: 1px red solid !important;
}

form input.ng-invalid-custom-function.ng-touched {
  border: 1px red solid !important;
}

form.ng-invalid-custom-function {
  border: 0px !important;
}

select.ng-invalid-custom-function.ng-touched {
  border: 1px red solid !important;
}

select {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  padding: 4px 6px;
}

@media (min-width: 3840px) {
  select {
    height: var(--sizing-32);
    padding: var(--spacing-8);
    line-height: var(--sizing-32);
  }
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

strong {
  font-family: "CentraleSansCndBold";
}

/*
Baseado em
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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

* {
  box-sizing: border-box;
  text-decoration: none;
  outline: 0 !important;
}

button:selected {
  outline: 0;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.tooltip {
  position: absolute;
  z-index: 99999;
  display: block;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
  animation: tasy-fadein 0.4s ease !important;
}

.tooltip[data-popper-placement^='top'] > .tooltip-arrow {
  bottom: calc(var(--spacing-4) * -1);
}

.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
  top: calc(var(--spacing-4) * -1);
}

.tooltip[data-popper-placement^='left'] > .tooltip-arrow {
  right: calc(var(--spacing-4) * -1);
}

.tooltip[data-popper-placement^='right'] > .tooltip-arrow {
  left: calc(var(--spacing-4) * -1);
}

.tooltip-arrow, .tooltip-arrow::before {
  height: var(--sizing-8);
  position: absolute;
  z-index: -1;
  width: var(--sizing-8);
}

.tooltip-arrow::before {
  background: #595959;
  content: '';
  transform: rotate(45deg);
}

.tooltip.in {
  opacity: 1;
}

.tooltip.top, .tooltip.bottom {
  padding: var(--spacing-4) 0;
}

.tooltip.top {
  margin-top: calc((var(--spacing-4) / 2) * -1);
}

.tooltip.bottom {
  margin-top: calc(var(--spacing-4) / 2);
}

.tooltip-inner {
  background-color: #595959;
  border-radius: 4px;
  color: #ffffff;
  max-width: 200px;
  padding: var(--spacing-8);
  text-align: left;
  word-wrap: break-word;
}

.tooltip-warning .tooltip-inner {
  background-color: #f28729 !important;
  color: white !important;
}

.tooltip-warning .tooltip-arrow::before {
  background-color: #f28729 !important;
}

.tooltip.large .tooltip-inner {
  max-height: 30vh;
  max-width: 30vwcpo;
  overflow: auto;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #595959;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #595959;
  border-width: 0 5px 5px;
}

.dark-skin .tooltip-inner, .dark-skin .tooltip-arrow::before {
  background: #e8e8e8;
}

.dark-skin .tooltip-inner {
  color: #212121;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

/* FLEXBOX */
[class*="u-flex"] {
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-flex-row {
  -ms-flex-direction: row !important;
      flex-direction: row !important;
}

.u-flex-column {
  -ms-flex-direction: column !important;
      flex-direction: column !important;
}

.u-flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

/* INLINE */
.u-txt-nowrap {
  white-space: nowrap !important;
}

.u-txt-bold {
  font-family: "CentraleSansCndBold" !important;
}

.u-hide {
  display: none !important;
}

.u-hide\@empty:empty {
  display: none;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.btn-blue, .btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton, .btn-green {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: calc(var(--sizing-40) * 2);
  height: var(--sizing-32);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--spacing-4);
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  transition: background-color 0.1s ease;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  position: relative;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.btn-blue::before, .btn-gray::before, .w-dt-result__button.is_dpkb::before, .w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .btn_actions::before, #segment-buttons .btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .wbutton::before, .btn-green::before {
  transition: opacity .2s ease-in-out;
  content: " ";
  width: calc(100% + var(--spacing-8));
  height: calc(100% + var(--spacing-8));
  position: absolute;
  opacity: 0;
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.wbutton-has-icon.btn-blue, .wbutton-has-icon.btn-gray, .wbutton-has-icon.w-dt-result__button.is_dpkb, .wbutton-has-icon.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .wbutton-has-icon.btn_actions, #segment-buttons .wbutton-has-icon.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton-has-icon.wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .wbutton-has-icon.btn-green {
  min-width: calc(var(--sizing-24) * 2);
  padding: var(--spacing-8);
}

.btn-blue:hover, .btn-gray:hover, .w-dt-result__button.is_dpkb:hover, .w-dt-result__button.is_dpkb_visible:hover, .segment-spinner-date .btn_actions:hover, #segment-buttons .btn_actions:hover, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:hover, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:hover, #segment-buttons .segment-spinner-date-button-picker .wbutton:hover, .btn-green:hover {
  background-color: var(--btn-background-hover-color);
}

.btn-blue:active, .btn-gray:active, .w-dt-result__button.is_dpkb:active, .w-dt-result__button.is_dpkb_visible:active, .segment-spinner-date .btn_actions:active, #segment-buttons .btn_actions:active, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:active, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:active, #segment-buttons .segment-spinner-date-button-picker .wbutton:active, .btn-green:active {
  background-color: var(--btn-background-active-color);
}

.btn-blue:focus::before, .btn-gray:focus::before, .w-dt-result__button.is_dpkb:focus::before, .w-dt-result__button.is_dpkb_visible:focus::before, .segment-spinner-date .btn_actions:focus::before, #segment-buttons .btn_actions:focus::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:focus::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:focus::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:focus::before, .btn-green:focus::before, .focus.btn-blue::before, .focus.btn-gray::before, .focus.w-dt-result__button.is_dpkb::before, .focus.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .focus.btn_actions::before, #segment-buttons .focus.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .focus.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .focus.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .focus.wbutton::before, .focus.btn-green::before {
  opacity: 1;
}

.btn-blue:disabled, .btn-gray:disabled, .w-dt-result__button.is_dpkb:disabled, .w-dt-result__button.is_dpkb_visible:disabled, .segment-spinner-date .btn_actions:disabled, #segment-buttons .btn_actions:disabled, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled, .btn-green:disabled, .disable.btn-blue, .disable.btn-gray, .disable.w-dt-result__button.is_dpkb, .disable.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .disable.btn_actions, #segment-buttons .disable.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton, .disable.btn-green {
  cursor: default;
  background-color: var(--btn-background-disabled-color);
  box-shadow: none;
}

.btn-blue:disabled::before, .btn-gray:disabled::before, .w-dt-result__button.is_dpkb:disabled::before, .w-dt-result__button.is_dpkb_visible:disabled::before, .segment-spinner-date .btn_actions:disabled::before, #segment-buttons .btn_actions:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled::before, .btn-green:disabled::before, .disable.btn-blue::before, .disable.btn-gray::before, .disable.w-dt-result__button.is_dpkb::before, .disable.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .disable.btn_actions::before, #segment-buttons .disable.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton::before, .disable.btn-green::before {
  content: none !important;
}

.btn-blue:disabled .wbutton-imagepanel, .btn-gray:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible:disabled .wbutton-imagepanel, .segment-spinner-date .btn_actions:disabled .wbutton-imagepanel, #segment-buttons .btn_actions:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .btn-green:disabled .wbutton-imagepanel, .disable.btn-blue .wbutton-imagepanel, .disable.btn-gray .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .disable.btn_actions .wbutton-imagepanel, #segment-buttons .disable.btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .disable.btn-green .wbutton-imagepanel {
  opacity: .36;
}

.hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green, .hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green {
  visibility: hidden;
}

.btn-blue .wbutton-container-panel, .btn-gray .wbutton-container-panel, .w-dt-result__button.is_dpkb .wbutton-container-panel, .w-dt-result__button.is_dpkb_visible .wbutton-container-panel, .segment-spinner-date .btn_actions .wbutton-container-panel, #segment-buttons .btn_actions .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-container-panel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .btn-green .wbutton-container-panel {
  display: inline;
  vertical-align: middle;
}

.btn-blue .wbutton-text, .btn-gray .wbutton-text, .w-dt-result__button.is_dpkb .wbutton-text, .w-dt-result__button.is_dpkb_visible .wbutton-text, .segment-spinner-date .btn_actions .wbutton-text, #segment-buttons .btn_actions .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-text, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-text, .btn-green .wbutton-text {
  font-size: var(--font-size-body);
}

.btn-blue .wbutton-imagepanel, .btn-gray .wbutton-imagepanel, .w-dt-result__button.is_dpkb .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .btn_actions .wbutton-imagepanel, #segment-buttons .btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .btn-green .wbutton-imagepanel {
  width: var(--sizing-16);
  height: var(--sizing-16);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: var(--spacing-8);
}

.btn-blue .wbutton-imagepanel img, .btn-gray .wbutton-imagepanel img, .w-dt-result__button.is_dpkb .wbutton-imagepanel img, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel img, .segment-spinner-date .btn_actions .wbutton-imagepanel img, #segment-buttons .btn_actions .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel img, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .btn-green .wbutton-imagepanel img {
  width: 100%;
}

.btn-blue {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-blue-50);
  --btn-background-hover-color: #25669d;
  --btn-background-active-color: #1f5482;
  --btn-background-disabled-color: #b1cbe0;
}

.btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-10);
  --btn-background-hover-color: #d5d5d5;
  --btn-background-active-color: #b0b0b0;
  --btn-background-disabled-color: #fbfbfb;
}

.btn-green {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-green-55);
  --btn-background-hover-color: #1b6e2a;
  --btn-background-active-color: #165b22;
  --btn-background-disabled-color: #adceb3;
}

.btn-green:hide, .btn-green.hide {
  visibility: hidden;
}

.btn-save-add, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button {
  letter-spacing: 0.2px;
  color: #808080;
  position: relative;
  height: var(--sizing-32);
  padding: var(--spacing-8) 0;
  border: none;
  background-color: transparent;
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  cursor: pointer;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  content: "";
  display: inline-block;
  left: -var(--sizing-16);
  width: var(--sizing-16);
  height: var(--sizing-16);
  margin-right: var(--spacing-8);
  vertical-align: bottom;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.btn-save-add--disabled, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button {
  color: #bfbfbf;
  cursor: initial;
}

.btn-save-add--disabled:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before {
  filter: grayscale(100%);
  opacity: .5;
}

.btn-link-blue {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.btn-link-blue:focus {
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #03abff;
  --btn-background-hover-color: #3fbfff;
  --btn-background-active-color: #016699;
  --btn-background-disabled-color: #014466;
}

.dark-skin .btn-gray, .dark-skin .w-dt-result__button.is_dpkb, .dark-skin .w-dt-result__button.is_dpkb_visible, .dark-skin .segment-spinner-date .btn_actions, .segment-spinner-date .dark-skin .btn_actions, .dark-skin #segment-buttons .btn_actions, #segment-buttons .dark-skin .btn_actions, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-20);
  --btn-background-hover-color: #d2d2d2;
  --btn-background-active-color: #757575;
  --btn-background-disabled-color: #4e4e4e;
}

.dark-skin .btn-green {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #7bcc00;
  --btn-background-hover-color: #9ad83d;
  --btn-background-active-color: #497a00;
  --btn-background-disabled-color: #384d00;
}

.dark-skin .btn-link-blue {
  color: #4accff;
}

.dark-skin .btn-link-blue:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue::before, .dark-skin .btn-gray::before, .dark-skin .w-dt-result__button.is_dpkb::before, .dark-skin .w-dt-result__button.is_dpkb_visible::before, .dark-skin .segment-spinner-date .btn_actions::before, .segment-spinner-date .dark-skin .btn_actions::before, .dark-skin #segment-buttons .btn_actions::before, #segment-buttons .dark-skin .btn_actions::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton::before, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .btn-green::before {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button {
  color: #ffffff;
}

.dark-skin .btn-save-add:hover, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:hover, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:hover {
  opacity: .76;
}

.dark-skin .btn-save-add:active, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:active, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:active {
  opacity: .60;
}

.dark-skin .btn-save-add:focus, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:focus, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add--disabled:before, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled .dark-skin button:before {
  opacity: .4;
}

.wfilter, .wstd-locator__filter {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: 100%;
  padding: var(--spacing-16) var(--spacing-28) var(--spacing-16) var(--spacing-16);
  background-color: #f2f2f2;
  z-index: 1;
}

.wfilter .title, .wstd-locator__filter .title {
  margin-bottom: 28px;
}

.wfilter-top {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 16px;
  margin-right: 28px;
}

.wfilter-title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.wfilter-bottom {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 16px;
}

.wfilter-button {
  margin-left: 16px;
}

.wfilter-options {
  display: inline-block;
  position: relative;
}

.wfilter-options > .wpopupmenu {
  display: block;
}

.wfilter-options-button:after {
  content: "";
  border: 4px solid transparent;
  border-bottom-color: #0096ed;
  margin-left: 3px;
  margin-top: -4px;
  vertical-align: middle;
  display: inline-block;
}

.wfilter .wfilter-modal--advanced .filter-dimensions-area, .wstd-locator__filter .wfilter-modal--advanced .filter-dimensions-area {
  height: 75px;
}

.wfilter .w-mdetail, .wstd-locator__filter .w-mdetail {
  background-color: transparent;
}

.wfilter .w-mdetail .w-mdetail__container, .wstd-locator__filter .w-mdetail .w-mdetail__container {
  padding-left: 0px;
}

/* ICONS */
/*Clearing Floats*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* Form wrapper styling */
.w-dt-result {
  display: -ms-flexbox;
  display: flex;
  /* Form text input */
  /* Form submit button */
}

.w-dt-result__input {
  border: none !important;
  height: 30px !important;
  display: block;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

@media (min-width: 3840px) {
  .w-dt-result__input {
    height: var(--sizing-32) !important;
  }
}

.w-dt-result__input:-ms-input-placeholder {
  font-size: var(--font-size-body) !important;
  color: rgba(51, 51, 51, 0.35);
}

.w-dt-result__input::placeholder {
  font-size: var(--font-size-body) !important;
  color: rgba(51, 51, 51, 0.35);
}

.w-dt-result__ctnr {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  width: 100%;
  height: var(--sizing-32);
  border: 1px solid #b3b3b3;
}

.w-dt-result__ctnr.is-invalid {
  border-left: 1px solid #f0bb29 !important;
  border-bottom: 1px solid #f0bb29 !important;
  border-top: 1px solid #f0bb29 !important;
}

.w-dt-result__ctnr.ng-invalid-required {
  border-left: 1px solid #db2a36;
  border-bottom: 1px solid #db2a36;
  border-top: 1px solid #db2a36;
}

.w-dt-result__ctnr.is-focused {
  border-left: 1px solid #0096ed;
  border-bottom: 1px solid #0096ed;
  border-top: 1px solid #0096ed;
}

.w-dt-result.is-spinner .w-dt-result__ctnr {
  padding: 0;
}

.w-dt-result.is-spinner .w-dt-result__input:not(:disabled):-moz-read-only {
  background-color: #fff;
}

.w-dt-result.is-spinner .w-dt-result__input:not(:disabled):read-only {
  background-color: #fff;
}

.w-dt-result__txtbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.w-dt-result__txtbox-arrow {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.w-dt-result__txtbox--date .w-dt-result__input {
  font-size: 15px;
}

@media (min-width: 3840px) {
  .w-dt-result__txtbox--date .w-dt-result__input {
    font-size: var(--font-size-body);
  }
}

.w-dt-result__txtbox--time {
  width: 75px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-dt-result__txtbox--time .w-dt-result__input {
  text-align: center;
  padding-left: 0;
}

.w-dt-result__txtbox .w-dt-result__input.is-invalid {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5tb2RlcmF0ZS13YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkluZm9idXR0b25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibW9kZXJhdGUtd2FybmluZyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTgsMTYgQzMuNjM2MzYzNjQsMTYgMCwxMi4zNjM2MzY0IDAsOCBDMCwzLjYzNjM2MzY0IDMuNjM2MzYzNjQsMCA4LDAgQzEyLjM2MzYzNjQsMCAxNiwzLjYzNjM2MzY0IDE2LDggQzE2LDEyLjM2MzYzNjQgMTIuMzYzNjM2NCwxNiA4LDE2IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRjk1MTQiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDIgTDksMiBMOSwxMC43MjcyNzI3IEw3LDEwLjcyNzI3MjcgTDcsMiBaIE03LDExLjgxODE4MTggTDksMTEuODE4MTgxOCBMOSwxNCBMNywxNCBMNywxMS44MTgxODE4IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #f0bb29;
  background-size: 16px;
}

.w-dt-result__ctrls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.w-dt-result__arrow {
  display: block;
  padding: 0;
  border: 0;
  height: 100%;
  background-color: transparent;
  color: #7c7c7c;
}

.w-dt-result__arrow:focus {
  color: #0096ed;
}

.w-dt-result__arrow:disabled {
  color: #bfbfbf;
}

.w-dt-result__arrow:not(:disabled) {
  cursor: pointer;
}

.w-dt-result__arrow:before {
  content: "";
  display: block;
  border: 4px solid transparent;
}

.w-dt-result__arrow--right {
  padding-right: var(--spacing-8);
}

.w-dt-result__arrow--right:before {
  margin-right: calc(var(--spacing-4) * -1);
  border-left-color: currentColor;
}

.w-dt-result__arrow--left {
  padding-left: var(--spacing-8);
}

.w-dt-result__arrow--left:before {
  border-right-color: currentColor;
  margin-left: calc(var(--spacing-4) * -1);
}

.w-dt-result__arrow--up:before {
  margin-bottom: calc(var(--spacing-4) * -1);
  border-bottom-color: currentColor;
}

.w-dt-result__arrow--down:before {
  margin-top: calc(var(--spacing-4) * -1);
  border-top-color: currentColor;
}

.w-dt-result__arrow--up, .w-dt-result__arrow--down {
  padding-right: var(--spacing-8);
}

.w-dt-result__arrow--up + .w-dt-result__arrow--down {
  margin-top: 6px;
}

@media (min-width: 3840px) {
  .w-dt-result__arrow--up + .w-dt-result__arrow--down {
    margin-top: 12px;
  }
}

.w-dt-result__button {
  overflow: visible;
  position: relative;
  border-top: 1px solid #999999;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-left: none;
  background: #ffffff;
  padding: var(--spacing-8);
  height: var(--sizing-32);
  background-repeat: no-repeat;
  -ms-flex: 0 0 36px;
      flex: 0 0 36px;
}

@media (min-width: 3840px) {
  .w-dt-result__button {
    -ms-flex: 0 0 var(--sizing-32);
        flex: 0 0 var(--sizing-32);
    background-size: 36px;
  }
}

.w-dt-result__button:disabled {
  background-color: #e8e8e8;
  border: 1px solid #bfbfbf;
  border-left: 0px;
}

.w-dt-result__button:hover:enabled {
  background-color: #e6e6e6;
  cursor: pointer;
}

.w-dt-result__button.is_dpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon.svg");
  background-position: center;
}

.w-dt-result__button.is_dpkb {
  -ms-flex: 1;
      flex: 1;
}

.w-dt-result__button.is_dpkb_visible {
  -ms-flex: 1;
      flex: 1;
  background-color: #b3b3b3 !important;
}

.w-dt-result__button.is_tpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/time_picker_icon.svg");
  background-position: center;
}

.w-dt-result__button.is_dtpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon.svg"), url("/assets/framework/images/components/w-datepicker/time_picker_icon.svg");
  background-position-y: center, center;
  background-position-x: var(--spacing-8), var(--spacing-32);
  -ms-flex: 0 0 56px;
      flex: 0 0 56px;
}

@media (min-width: 3840px) {
  .w-dt-result__button.is_dtpkr {
    -ms-flex: 0 0 112px;
        flex: 0 0 112px;
  }
}

.w-dt-result__button.ng-invalid-required {
  border-right: 1px solid #db2a36;
  border-bottom: 1px solid #db2a36;
  border-top: 1px solid #db2a36;
  border-left: none;
}

.w-dt-result__button.is-invalid {
  background-position: center;
  border-right: 1px solid #f0bb29 !important;
  border-bottom: 1px solid #f0bb29 !important;
  border-top: 1px solid #f0bb29 !important;
}

.w-dt-result__button.is-focused {
  border-right: 1px solid #0096ed;
  border-bottom: 1px solid #0096ed;
  border-top: 1px solid #0096ed;
}

.w-dt_result_dialog .ngdialog-content {
  position: fixed;
  overflow: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: inline-table;
}

.w-dt_result_dialog .ngdialog-close::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
}

@media (min-width: 3840px) {
  .w-dt_result_dialog .ngdialog-close::before {
    width: 48px;
    height: 48px;
  }
}

.w-dt_result_dialog .ngdialog-overlay {
  opacity: 0;
}

/* DATE PICKER
*
** TimePicker states (.w-dtpkr)
*   .is-simple  - Remove every .is-secondary items within the datepicker
*/
.w-dtpkr {
  display: inline-block;
  padding: var(--spacing-28);
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  font-family: "CentraleSansCndBook";
  white-space: nowrap;
  cursor: default;
  z-index: 1;
  /* (1/2) - WTimePicker - Changes the style when within a WDatePicker */
}

@media (min-width: 3840px) {
  .w-dtpkr {
    width: 100%;
    height: calc(inherit * 2);
  }
}

.w-dtpkr .w-tmpkr {
  padding: 0;
  box-shadow: none;
  vertical-align: top;
  /*rtl:ignore*/
  direction: ltr;
}

@media (min-width: 3840px) {
  .w-dtpkr .w-tmpkr {
    width: 386px;
    height: calc(initial * 2);
  }
}

.w-dtpkr.is-simple .is-secondary {
  display: none;
}

.w-dtpkr__calendar {
  display: inline-block;
  width: 256px;
  height: 274px;
  /* (2/2) - WTimePicker - Changes the style when within a WDatePicker */
}

@media (min-width: 3840px) {
  .w-dtpkr__calendar {
    width: 700px;
    height: 700px;
  }
}

.w-dtpkr__calendar + .w-tmpkr {
  padding-left: var(--spacing-12);
  margin-top: 100px;
}

@media (min-width: 3840px) {
  .w-dtpkr__calendar + .w-tmpkr {
    margin-top: 300px;
  }
}

.w-dtpkr__months {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 30px;
}

@media (min-width: 3840px) {
  .w-dtpkr__months {
    height: var(--spacing-32);
  }
}

.w-dtpkr__days {
  display: inline-block;
  min-height: 0;
  padding: var(--spacing-12) 0;
}

.w-dtpkr__days.is-monthly_yearly {
  padding: 0 0 var(--spacing-12) 0;
}

/*
** Day States (.w-dtpkr__day)
*   .is-selected   - Represents the selected day
*   .is-current    - Represents the current day
*   .is-disabled   - Represents the disabled day
*   :hover         - Only applied to non disabled nor empty fields
*
** Number states (.w-dtpkr__day__number)
*   .is-primary            - Represents the primary number
*   .is-primary.is-special - Represents a special primary number
*   .is-special            - Represents a special number
*/
.w-dtpkr__day {
  width: 36px;
  height: 36px;
  font-size: var(--font-size-subtitle);
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  /* Whenever the day is disabled the color turns to gray*/
}

@media (min-width: 3840px) {
  .w-dtpkr__day {
    width: 96px;
    height: 96px;
  }
}

.w-dtpkr__day.is-monthly_yearly {
  width: 64px;
  height: 64px;
}

@media (min-width: 3840px) {
  .w-dtpkr__day.is-monthly_yearly {
    width: 124px;
    height: 124px;
  }
}

.w-dtpkr__day.is-selected {
  background-color: #dcecff;
}

.w-dtpkr__day.is-current {
  border: 1px solid #0096ed;
}

.w-dtpkr__day:not(.is-selected).is-disabled .w-dtpkr__day__number.is-primary, .w-dtpkr__day:not(.is-selected).is-disabled .w-dtpkr__day__number.is-secondary {
  color: #d9d9d9;
}

.w-dtpkr__day:not(:empty):hover {
  background-color: #e6e6e6;
  cursor: pointer;
}

.w-dtpkr__day.is-disabled:not(:empty):hover .is-primary,
.w-dtpkr__day.is-disabled:not(:empty):hover .is-secondary {
  color: #333333;
}

.w-dtpkr__day__number {
  display: block;
  text-align: center;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #8c8c8c;
}

@media (min-width: 3840px) {
  .w-dtpkr__day__number {
    font-size: var(--font-size-subtitle);
  }
}

.w-dtpkr__day__number.is-primary {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #333333;
  font-size: var(--font-size-body);
}

.w-dtpkr__day__number.is-primary.is-special {
  font-family: "CentraleSansCndBold";
}

.w-dtpkr__day__number.is-primary.is-appointment {
  font-family: "CentraleSansCndBook";
  font-style: italic;
}

.w-dtpkr__day__number.is-secondary {
  font-size: var(--font-size-caption);
  color: #bfbfbf;
}

.w-dtpkr__day__number.is-secondary-info {
  color: #333333;
}

.w-dtpkr__day__number.is-special {
  color: #e86c00;
}

.w-dtpkr__day__number.is-appointment {
  color: #008a75;
}

.w-dtpkr__week__day {
  width: 36px;
  float: left;
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #333333;
  text-align: center;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .w-dtpkr__week__day {
    width: 96px;
  }
}

.w-dtpkr__prev,
.w-dtpkr__next {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  border: 1px solid #aaa;
  margin: 0 8px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .w-dtpkr__prev,
  .w-dtpkr__next {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
}

/*rtl:begin:options:
{
  "autoRename": true,
  "stringMap":[
    {
      "name"    : "prev-next",
      "search"  : ["dtpkr__prev"],
      "replace" : ["dtpkr__next"]
    }]
}*/
.w-dtpkr__prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjQsOCAwLDQgNCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.w-dtpkr__next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

/*rtl:end:options*/
.w-dtpkr__header,
.w-dtpkr__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: var(--spacing-20);
}

@media (min-width: 3840px) {
  .w-dtpkr__header,
  .w-dtpkr__footer {
    height: var(--sizing-32);
  }
}

/*
** Label States
*   .is-primary   - Represents the primary label
*/
.w-dtpkr__month,
.w-dtpkr__year {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: center;
}

.w-dtpkr__month__label + .w-dtpkr__month__label,
.w-dtpkr__year__label + .w-dtpkr__month__label, .w-dtpkr__month__label +
.w-dtpkr__year__label,
.w-dtpkr__year__label +
.w-dtpkr__year__label {
  margin-top: 8px;
}

.w-dtpkr__month__label,
.w-dtpkr__year__label {
  display: block;
  /* color: $gray45; */
  color: #0096ed;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
}

.w-dtpkr__month__label.is-primary,
.w-dtpkr__year__label.is-primary {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndMedium";
  /* color: $80; */
  color: #2aacf7;
  font-size: var(--font-size-subtitle);
}

.w-dtpkr__month__label.is-secondary,
.w-dtpkr__year__label.is-secondary {
  font-size: var(--font-size-caption);
  color: #bfbfbf;
}

.w-dtpkr__texts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.w-dtpkr__today-text,
.w-dtpkr__done,
.w-dtpkr__clear,
.w-dtpkr__today {
  margin: 8px;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #2aacf7;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-body);
  text-align: center;
  cursor: pointer;
}

.w-dtpkr__done,
.w-dtpkr__clear,
.w-dtpkr__time-range {
  margin: -6px 8px -10px 8px;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #787878;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  text-align: center;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
}

/*
** Special items states
*   .w-dtpkr__special__item.is-primary   - Represents the primary special item
*/
.w-dtpkr__special {
  border-top: 1px solid #d9d9d9;
  max-height: 96px;
  padding-top: var(--spacing-8);
  margin-top: 20px;
  overflow: auto;
}

.w-dtpkr__special__item {
  padding: var(--spacing-8);
  padding-bottom: 0;
  overflow: hidden;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #e86c00;
}

.w-dtpkr__special__item.is-primary {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
}

.w-dtpkr__special__item.is-secondary {
  font-size: var(--font-size-body);
}

.w-dtpkr__special .ng-scope li {
  font-size: 1rem;
}

.w-dtpkr__dot__slot {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  margin-left: 15px;
  position: absolute;
  margin-top: 22px;
}

.ngdialog.w-dt_result_dialog {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.w-dt_result_dialog.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.w-dt_result_dialog .ngdialog-overlay {
  background: transparent !important;
  opacity: 0 !important;
}

.ngdialog.w-dt_result_dialog .ngdialog-content {
  animation: none !important;
}

.dark-skin .w-dt-result__ctnr input {
  border: 1px solid #c4c4c4;
  background-color: #4d4d4d;
  color: #ffffff;
}

@media (min-width: 3840px) {
  .dark-skin .w-dt-result__ctnr input {
    background-color: var(--color-gray-65);
  }
}

.dark-skin .w-dt-result__ctnr.is-focused input {
  border-width: 2px;
  border-style: solid;
  border-color: #41c9fe;
  border-right: 1px solid #c4c4c4;
}

.dark-skin .w-dt-result__button {
  background-color: #4d4d4d;
  border: 1px solid #c4c4c4;
  border-left: 0px;
}

@media (min-width: 3840px) {
  .dark-skin .w-dt-result__button {
    background-color: var(--color-gray-65);
  }
}

.dark-skin .w-dt-result__button.is_dpkr {
  background-origin: border-box;
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon__dark_v3.svg");
}

.dark-skin .w-dt-result__button.is_tpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon__dark_v3.svg");
  background-position: center;
}

.dark-skin .w-dt-result__button.is_dtpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon__dark_v3.svg"), url("/assets/framework/images/components/w-datepicker/time_picker_icon__dark_v2.svg");
  background-position-y: center, center;
  background-position-x: var(--spacing-8), var(--spacing-32);
  -ms-flex: 0 0 56px;
      flex: 0 0 56px;
}

@media (min-width: 3840px) {
  .dark-skin .w-dt-result__button.is_dtpkr {
    -ms-flex: 0 0 112px;
        flex: 0 0 112px;
  }
}

.dark-skin .w-dt-result__button.is-focused:not(.is-invalid):not(.ng-invalid-required) {
  border-width: 2px;
  border-style: solid;
  border-color: #41c9fe;
  border-left: 0px;
}

.dark-skin .w-dt-result__button.is-invalid {
  border: 2px solid #ff830f;
  border-left: 0px;
}

.dark-skin .w-dt-result__button:hover:enabled {
  background-color: transparent;
  cursor: pointer;
}

.dark-skin .w-dt-result__txtbox--date .w-dt-result__input {
  font-size: 15px;
}

.dark-skin .w-dt-result__txtbox .w-dt-result__input.is-invalid {
  background-image: url("/assets/framework/images/warning__dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #ff830f;
  border-right: 1px solid #c4c4c4;
}

.dark-skin .w-dt-result.is-spinner .w-container-input .w-dt-result__input {
  background-color: #383838;
}

.dark-skin.w-dtpkr {
  background-color: #4d4d4d;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

.dark-skin.w-dtpkr .w-tmpkr {
  background-color: #4d4d4d;
  box-shadow: 0 !important;
}

.dark-skin .w-dtpkr {
  background-color: #4d4d4d;
}

.dark-skin .w-dtpkr__month__label, .dark-skin .w-dtpkr__year__label {
  color: #4accff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__today {
  color: #4accff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__week__day {
  color: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__day:not(.is-selected).is-disabled .is-primary,
.dark-skin .w-dtpkr__day:not(.is-selected).is-disabled .is-secondary {
  color: #a6a6a6;
}

.dark-skin .w-dtpkr__day.is-selected {
  background-color: #9dd3e3;
}

.dark-skin .w-dtpkr__day.is-selected span {
  color: #212121 !important;
}

.dark-skin .w-dtpkr__day.is-current {
  border-color: #8c8c8c;
  color: #404040;
}

.dark-skin .w-dtpkr__day.is-disabled:not(:empty):hover, .dark-skin .w-dtpkr__day:not(:empty):hover {
  background-color: #777777;
}

.dark-skin .w-dtpkr__day.is-disabled:not(:empty):hover .is-primary,
.dark-skin .w-dtpkr__day.is-disabled:not(:empty):hover .is-secondary, .dark-skin .w-dtpkr__day:not(:empty):hover .is-primary,
.dark-skin .w-dtpkr__day:not(:empty):hover .is-secondary {
  color: #ffffff;
}

.dark-skin .w-dtpkr__day__number {
  color: #d6d6d6;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__day__number.is-special {
  color: #ffcd05;
}

.dark-skin .w-dtpkr__special {
  border-color: rgba(214, 214, 214, 0.12);
}

.dark-skin .w-dtpkr__special__item {
  color: #ffcd05;
}

.dark-skin .w-dtpkr__prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjZDZkNmQ2IiBwb2ludHM9IjQsOCAwLDQgNCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.dark-skin .w-dtpkr__next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjZDZkNmQ2IiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.dark-skin .w-dtpkr__prev, .dark-skin .w-dtpkr__next {
  border: none;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.custom_size_wpaint.ngdialog-content {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  background-color: transparent !important;
}

.custom_size_wpaint {
  padding: 0px !important;
}

.custom_size_wpaint .dialog-default, .custom_size_wpaint .dialog-box {
  width: 100% !important;
  background-color: transparent;
  height: 100% !important;
}

.custom_size_wpaint .popupContent {
  background-color: rgba(0, 0, 0, 0.8);
}

.custom_size_wpaint .wpaint_header_container, .custom_size_wpaint .wpaint_footer_container {
  padding: 12px 24px;
  width: 100%;
  height: 60px;
  background-color: #333333;
  color: #ffffff;
  vertical-align: middle;
}

.custom_size_wpaint .selectorRightArrow {
  right: 0px;
  background: url("/assets/framework/images/components/w-paint/icons/slideshowRight.svg") no-repeat center;
}

.custom_size_wpaint .selectorLeftArrow {
  left: 0px;
  background: url("/assets/framework/images/components/w-paint/icons/slideshowLeft.svg") no-repeat center;
}

.custom_size_wpaint #wimageview_image {
  transition: opacity 0.2s linear;
}

.custom_size_wpaint .selectorLeftArrow, .custom_size_wpaint .selectorRightArrow {
  height: 64px;
  width: 24px;
  margin: auto 24px;
  top: 50%;
  position: absolute;
  cursor: pointer;
}

.custom_size_wpaint .selectorLeftArrow.disabledArrow, .custom_size_wpaint .selectorRightArrow.disabledArrow {
  opacity: 0.3;
  cursor: auto;
}

.custom_size_wpaint .wpaint_icon {
  height: 36px;
  width: 36px;
  margin: auto;
  cursor: pointer;
}

.custom_size_wpaint .wpaint_icon.icon_selection {
  background: url("/assets/framework/images/components/w-paint/icons/selection.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_crop {
  background: url("/assets/framework/images/components/w-paint/icons/crop.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_brush {
  background: url("/assets/framework/images/components/w-paint/icons/brush.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_pencil {
  background: url("/assets/framework/images/components/w-paint/icons/pencil.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_line {
  background: url("/assets/framework/images/components/w-paint/icons/line.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_layers {
  background: url("/assets/framework/images/components/w-paint/icons/layers.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_edit {
  background: url("/assets/framework/images/components/w-paint/icons/edit.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_selectarea {
  background: url("/assets/framework/images/components/w-paint/icons/selectArea.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_rectangle {
  background: url("/assets/framework/images/components/w-paint/icons/rectangle.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_ellipse {
  background: url("/assets/framework/images/components/w-paint/icons/ellipse.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_type {
  background: url("/assets/framework/images/components/w-paint/icons/type.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_pick_color {
  background: url("/assets/framework/images/components/w-paint/icons/picker.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_color {
  background: url("/assets/framework/images/components/w-paint/icons/color.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_fillcolor {
  background: url("/assets/framework/images/components/w-paint/icons/fillColor.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_linecolor {
  background: url("/assets/framework/images/components/w-paint/icons/lineColor.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_redo {
  background: url("/assets/framework/images/components/w-paint/icons/redo.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_undo {
  background: url("/assets/framework/images/components/w-paint/icons/undo.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_zoomin {
  background: url("/assets/framework/images/components/w-paint/icons/zoomIn.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_zoomout {
  background: url("/assets/framework/images/components/w-paint/icons/zoomOut.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_delete {
  background: url("/assets/framework/images/components/w-paint/icons/delete.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_reload {
  background: url("/assets/framework/images/components/w-paint/icons/reload.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_print {
  background: url("/assets/framework/images/components/w-paint/icons/print.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_download {
  background: url("/assets/framework/images/components/w-paint/icons/download.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_arrow {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -540px -40px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_curve {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -137px -72px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_curve_arrow {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat 8px -72px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_three_line {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -40px -71px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_brackets {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -88px -69px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_asterisk {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -191px -70px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_erase {
  background: url("/assets/framework/images/components/w-paint/icons/erase.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_brightness {
  background: url("/assets/framework/images/components/w-paint/icons/tool-brightness.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_contrast {
  background: url("/assets/framework/images/components/w-paint/icons/tool-contrast.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon :hover {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.custom_size_wpaint .wpaint_controls_icon {
  height: 36px;
  width: 36px;
  display: -ms-flexbox;
  display: flex;
}

.custom_size_wpaint .wpaint_controls_icon.active {
  background-color: #4D4D4D !important;
}

.custom_size_wpaint .wpaint_controls_icon.disabled {
  opacity: 0.3;
  filter: gray;
  cursor: auto;
}

.custom_size_wpaint .wpaint_controls_icon .icon_separator {
  border-right: 1px solid #4D4D4D;
  height: 24px;
  width: 1px;
  margin: 0px auto;
}

.custom_size_wpaint .wpaint_controls_icon #layers_base, .custom_size_wpaint .wpaint_controls_icon #all_colors, .custom_size_wpaint .wpaint_controls_icon #all_lines {
  margin-left: 36px;
  display: block;
  padding: 7px;
  padding-bottom: 5px;
  position: absolute;
  background-color: #4d4d4d;
  z-index: 1000;
  font-size: var(--font-size-caption);
}

.custom_size_wpaint .wpaint_controls_icon .btn-brightness-contrast {
  margin-left: 36px;
  width: 300px;
  height: 36px;
  display: block;
  padding: 2px;
  position: absolute;
  background-color: #4d4d4d;
  z-index: 1000;
  font-size: var(--font-size-caption);
}

.custom_size_wpaint .wpaint_controls_icon #all_colors {
  padding-right: 5px;
  padding-bottom: 5px;
}

.custom_size_wpaint .wpaint_controls_icon #all_lines {
  padding: 0px;
}

.custom_size_wpaint .wpaint_controls_icon #selected_line_icon.active {
  background-color: #4D4D4D !important;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left {
  height: 36px;
  margin-right: 24px;
  float: left;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left .filename_container {
  display: inline-block;
  margin: 6px 12px 0px 12px;
  height: 24px;
  vertical-align: top;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left .filename_container input {
  width: 42px;
  height: 18px;
  padding-left: 5px;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #anti_alias {
  display: inline-block;
  vertical-align: top;
  padding: 6px 0px 0px 8px;
  margin-right: 12px;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #round_container ~ .icon_separator {
  display: none;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #size_container:not(.ng-hide) ~ .icon_separator, .custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #round_container:not(.ng-hide) ~ .icon_separator {
  display: inline-block;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left .icon_separator {
  display: inline-block;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_right {
  height: 36px;
  margin-left: 24px;
  float: right;
  display: block;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_right .wpaint_controls_icon, .custom_size_wpaint .wpaint_header_container .wpaint_header_item_right .icon_separator {
  display: block;
  float: right;
}

.custom_size_wpaint .wpaint_header_container .icon_separator {
  border-right: 1px solid #4D4D4D;
  height: 24px;
  width: 1px;
  margin: 6px 12px 0px 12px;
}

.custom_size_wpaint .wpaint_main_container {
  width: 100%;
  height: calc(100% - 120px);
  display: inline-block;
}

.custom_size_wpaint .wpaint_main_container_view {
  height: calc(100% - 66px);
  overflow: auto;
}

.custom_size_wpaint .wpaint_main_container .wpaint_left_controls {
  text-align: center;
  height: 100%;
  width: 36px;
  display: inline-block;
  float: left;
  background-color: #333333;
  color: #ffffff;
}

.custom_size_wpaint .wpaint_main_container .wpaint_left_controls .icon_separator {
  border-top: 1px solid #4D4D4D;
  width: 24px;
  height: 1px;
  margin: 0px auto;
}

.custom_size_wpaint .wpaint_main_container .wpaint_component {
  padding: 15px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  overflow: auto !important;
  cursor: auto;
}

.wpaint_component canvas {
  border: 1px solid #808080;
  position: absolute;
  outline: 0;
  /* disable select canvas */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
  /* disable antialiasing */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

.wpaint_component img {
  border: none;
}

.wpaint_component td, .wpaint_component th {
  vertical-align: top;
}

.wpaint_component table {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.wpaint_component input[type="text"], .wpaint_component input[type="button"], .wpaint_component select, .wpaint_component input[type="number"] {
  border: 1px solid #393939;
}

.wpaint_component input[type="range"] {
  margin-left: 0px;
  width: 100%;
}

.wpaint_component input[type="button"]:disabled {
  visibility: hidden;
}

.wpaint_component input[type="button"] {
  background: #ACC7DE;
}

/* ==== ID ================================================================== */
.wpaint_component #canvas_handlers {
  border: 1px solid #808080;
  position: absolute;
  margin-left: 105px;
}

.wpaint_component #canvas_back {
  background-color: #ffffff;
}

.wpaint_component #drop_zone {
  border: 5px dashed  #CCCCCC;
  text-align: center;
  width: 400px;
  height: 200px;
  margin: 10px;
  margin-left: 60px;
  display: none;
  position: absolute;
  background-color: #ffffff;
}

.wpaint_component #canvas_container {
  margin: 10px 5px 5px 50px;
}

.wpaint_component #uploadprogress {
  position: absolute;
  top: 5px;
  z-index: 100;
  left: 300px;
  height: 15px;
  width: 600px;
  display: none;
}

.wpaint_component #preview {
  width: 150px;
  height: 160px;
  /*background-color:#989898;*/
  background-color: #DDECFE;
  border: 1px solid #393939;
  /*	margin:0px;
	padding:0px;*/
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 10px;
  /*	right:10px;*/
  z-index: 10;
}

.wpaint_component #preview canvas {
  cursor: pointer;
}

.wpaint_component #layers_base {
  width: 140px;
  /*background-color:#989898;*/
  background-color: #DDECFE;
  border: 1px solid #393939;
  padding: 5px;
  position: relative;
  float: right;
  /*right:10px;*/
  /*top:195px;*/
  z-index: 10;
}

/*#layers_base{
	width:140px;
	background-color:#989898;
	border:1px solid #393939;
	padding:5px;
	position:fixed;
	right:10px;
	top:195px;
	z-index:10;
	}*/
.wpaint_component #canvas_layers {
  margin-left: 105px;
}

.wpaint_component #menu_left {
  margin-left: -38px;
  position: fixed;
  width: 132px;
  min-height: 490px;
  margin-right: 5px;
  z-index: 11;
}

.wpaint_component #menu_left_container .active {
  background-color: #5680c1 !important;
}

.wpaint_component #menu_left_container a {
  float: left;
  border: 1px solid #393939;
  /*background: #DDECFE url('../app/common/factories/w-paint/images/all.png') no-repeat 0px 0px;*/
  /*background-color:#DDECFE;*/
  width: 30px;
  margin: 0px 1px 1px 0px;
  height: 22px;
  overflow: hidden;
  display: block;
}

.wpaint_component #action_attributes {
  min-height: 20px;
  font-size: 15px;
  width: 91%;
}

.wpaint_component #info {
  padding: 5px 3px 5px 2px;
  min-height: 57px;
  font-size: 11px;
}

/*#action_attributes input{
	font-size:13px;
        height:20px;
	width:100%;
	}*/
.wpaint_component #popup {
  position: fixed;
  border: 1px solid #000000;
  background-color: #dbeaf9;
  width: 400px;
  max-height: 550px;
  overflow-y: scroll;
  margin: 0px auto 0px auto;
  top: 50px;
  left: 50%;
  margin-left: -200px;
  display: none;
  padding: 10px;
  font-size: 12px;
  z-index: 12;
}

.wpaint_component #popup h2 {
  margin-top: 0px;
  cursor: move;
}

.wpaint_component #popup td {
  height: 20px;
}

.wpaint_component #popup textarea {
  color: #000000;
  width: 100%;
  border: 1px solid #393939;
  padding-left: 5px;
}

.wpaint_component #popup .button {
  margin-right: 5px;
  background-color: #5680c1;
  width: 60px;
  height: 25px;
}

.wpaint_component #popup select {
  display: inline-block;
  font-weight: normal;
  height: 15px;
  line-height: 30px;
  padding: 4px 6px;
  vertical-align: middle;
}

.wpaint_component #resize-w, .wpaint_component #resize-h, .wpaint_component #resize-wh {
  background-color: #4D4D4D;
  /*background-color:#DDECFE;*/
  width: 5px;
  height: 5px;
  margin-left: 105px;
  position: absolute;
}

/* ==== classes ============================================================= */
.wpaint_main_container .block {
  border: 1px solid #393939;
  padding: 5px;
  margin-top: 5px;
  /*background-color:#818181;*/
  background-color: #DDECFE;
}

.wpaint_main_container .layer {
  margin-bottom: 2px;
  border: 1px solid #393939;
  /*background-color:#989898;*/
  background-color: #ACC7DE;
  padding: 1px 5px 3px 5px;
  border-radius: 3px;
  font-size: 11px;
  height: 16px;
  overflow: hidden;
  color: #333333;
}

.wpaint_main_container .layers_arrow {
  text-decoration: none;
  color: #000000;
  display: block;
  float: right;
  margin-left: 5px;
  /*background-color:#727272;*/
  background-color: #ACC7DE;
  padding: 0px 5px 0px 5px;
  border: 1px solid #393939;
  font-size: 11px;
}

.wpaint_main_container .layer_title {
  display: block;
  float: left;
  cursor: pointer;
  min-width: 85px;
  width: 10px;
  overflow: hidden;
  line-height: 1.3;
}

.wpaint_main_container #layers_base .active {
  background-color: #5680c1;
}

.wpaint_main_container .layer_delete {
  float: right;
  cursor: pointer;
  padding: 0px 3px 0px 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat 0px -50px;
}

.wpaint_main_container .layer_visible {
  float: right;
  cursor: pointer;
  padding: 0px 3px 0px 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -100px -50px;
}

.wpaint_main_container .layer_unvisible {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -50px -50px;
}

.wpaint_main_container .layer_add {
  border: 1px solid #393939;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
  background-color: #5680c1;
  cursor: pointer;
}

.wpaint_main_container .mini-color {
  width: 14px;
  height: 14px;
  margin: 0px 3px 3px 0px;
  float: left;
  border: 1px solid #393939;
  cursor: pointer;
}

.wpaint_main_container .mini-color:hover {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.wpaint_main_container .attribute-title {
  text-align: center;
  font-weight: bold;
}

.wpaint_main_container #main_colour, .wpaint_main_container #second_colour {
  background-color: transparent;
  margin-top: 10px;
  width: 14px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.wpaint_main_container #main_colour:hover, .wpaint_main_container #second_colour:hover {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.wpaint_main_container #main_colour_alt, .wpaint_main_container #second_colour_alt {
  border: 1px solid #393939;
  margin-top: 10px;
  width: 100%;
  height: 40px;
}

.wpaint_main_container #main_colour_rgb {
  margin-top: 5px;
  width: 100%;
  color: #000000;
  text-align: right;
}

.wpaint_main_container #main_colour_rgb input {
  width: 35px;
}

.wpaint_component .attribute-area {
  border: 1px solid #393939;
  /*background-color:#989898;*/
  background-color: #ACC7DE;
  margin: 5px 5px 5px 5px;
  text-align: center;
  /*padding:5px 0px 5px 0px;*/
  padding: 0px;
  cursor: pointer;
  /* disable select */
  -webkit-user-select: none;
  -moz-user-select: none;
  color: #222;
}

.wpaint_component .error {
  padding: 20px;
  margin: 10px;
  border: 1px solid #ff0000;
  background-color: #ffffff;
  width: 400px;
  font-weight: bold;
}

.wpaint_component .group {
  border: 1px solid #888888;
  margin: 5px 0px 5px 0px;
  padding: 5px;
}

/* ==== menu ================================================================ */
.wpaint_component .ddsmoothmenu {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  font: 12px Arial,sans-serif;
  background: #2D2D2D;
  width: 100%;
  padding-left: 10px;
}

.wpaint_component .ddsmoothmenu ul {
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.wpaint_component .ddsmoothmenu ul li {
  position: relative;
  display: inline;
  float: left;
  color: #2d2b2b;
}

.wpaint_component .ddsmoothmenu ul li .rightarrowclass {
  display: none !important;
}

.wpaint_component .ddsmoothmenu ul li ul li .rightarrowclass {
  display: block !important;
}

.wpaint_component .ddsmoothmenu ul li a {
  display: block;
  color: #2D2D2D;
  padding: 8px 10px;
  text-decoration: none;
  color: #cccccc;
}

.wpaint_component .ddsmoothmenu ul li a.selected {
  background: #FFFFFF !important;
  color: #2d2b2b;
}

.wpaint_component .ddsmoothmenu ul li ul li a.selected {
  background-color: #E4EBF8 !important;
}

.wpaint_component .ddsmoothmenu ul li a:hover {
  background: #E4EBF8;
  color: #2D2D2D;
}

.wpaint_component .ddsmoothmenu .hide_ul {
  position: absolute;
  left: -3000px;
  display: none;
  visibility: hidden;
  border: 1px solid #5680C1;
  border-top: 0px;
}

.wpaint_component .ddsmoothmenu ul li ul {
  position: absolute;
  left: -3000px;
  display: none;
  visibility: hidden;
  border: 1px solid #5680C1;
  border-top: 0px;
}

.wpaint_component .ddsmoothmenu ul li ul li {
  display: list-item;
  background: #ffffff;
  float: none;
}

.wpaint_component .ddsmoothmenu ul li ul li ul {
  top: 0;
  border-top: 1px solid #5680C1;
}

.wpaint_component .ddsmoothmenu ul li ul li a {
  padding: 4px 5px 4px 5px;
  margin: 0;
  color: #2D2D2D;
}

* html .ddsmoothmenu {
  height: 1%;
}

/*Hack for IE7 and below*/
.wpaint_component .downarrowclass {
  position: absolute;
  top: 12px;
  right: 7px;
}

.wpaint_component .rightarrowclass {
  position: absolute;
  top: 6px;
  right: 5px;
}

.wpaint_component .ddshadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: #ccc;
}

.wpaint_component .ddsmoothmenu .mid-line {
  background-color: #ff0000;
  border-top: 1px solid #e5e5e5;
  font-size: 0;
  padding: 0 8px 0 8px;
}

.wpaint_component #size_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #size_container input, .wpaint_component #power_container input, .wpaint_component #strength_container input, .wpaint_component #sensitivity_container input, .wpaint_component #round_container input {
  width: 28px;
  font-size: 13px;
  padding: 0px 5px;
  height: 20px;
}

.wpaint_component #size_container input {
  margin-left: 44px;
}

.wpaint_component #power_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #power_container input {
  margin-left: 30px;
}

.wpaint_component #strength_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #strength_container input {
  margin-left: 15px;
}

.wpaint_component #sensitivity_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #sensitivity_container input {
  margin-left: 3px;
}

.wpaint_component #round_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #round_container input {
  margin-left: 30px;
}

.wpaint_component * {
  box-sizing: content-box !important;
}

/* input range / brightness and contrast */
.btn-brightness-contrast input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background: transparent;
  padding: 10px 0px 0px;
}

.btn-brightness-contrast input[type=range]:focus {
  outline: none;
}

.btn-brightness-contrast input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #aba9a9;
  border-radius: 1px;
  border: 0px solid #000000;
}

.btn-brightness-contrast input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #aba9a9;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #aba9a9;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

.btn-brightness-contrast input[type=range]:focus::-webkit-slider-runnable-track {
  background: #aba9a9;
}

.btn-brightness-contrast input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #aba9a9;
  border-radius: 1px;
  border: 0px solid #000000;
}

.btn-brightness-contrast input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #aba9a9;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #aba9a9;
  cursor: pointer;
}

.btn-brightness-contrast input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #d5151500;
  border-color: transparent;
  color: transparent;
}

.btn-brightness-contrast input[type=range]::-ms-fill-lower {
  background: #aba9a9;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}

.btn-brightness-contrast input[type=range]::-ms-fill-upper {
  background: #aba9a9;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}

.btn-brightness-contrast input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #aba9a9;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #aba9a9;
  cursor: pointer;
}

.btn-brightness-contrast input[type=range]:focus::-ms-fill-lower {
  background: #aba9a9;
}

.btn-brightness-contrast input[type=range]:focus::-ms-fill-upper {
  background: #aba9a9;
}

.range-wrap {
  position: relative;
  margin: 0 auto 3rem;
}

.range {
  width: 100%;
}

.bubble {
  color: #aba9a9;
  padding: 0px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}

.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  top: -1px;
  left: 50%;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.segment-spinner-date .segment-spinner-date-button, #segment-buttons .segment-spinner-date-button {
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
}

.segment-spinner-date .segment-spinner-date-button button, #segment-buttons .segment-spinner-date-button button {
  border-radius: 0;
}

.segment-spinner-date .segment-spinner-date-button-previous .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-previous .wbutton-container .wbutton {
  border-radius: 4px 0 0 4px;
  padding: 0 12px 0 12px;
}

.segment-spinner-date .segment-spinner-date-button-next .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-next .wbutton-container .wbutton {
  border-radius: 0 4px 4px 0;
  padding: 0 12px 0 12px;
}

.segment-spinner-date .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  font-weight: bold;
}

.segment-spinner-date .segment-spinner-date-button-picker .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-container .wbutton {
  min-width: 8px;
  line-height: 18px;
}

.segment-spinner-date-container, #segment-buttons {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  margin-right: 20px;
}

/* ICONS */
/* TIME PICKER */
.w-tmpkr {
  display: inline-block;
  padding: var(--spacing-28);
  background-color: #fff;
  box-shadow: 0 0 var(--sizing-8) rgba(0, 0, 0, 0.3);
  font-family: "CentraleSansCndBook";
  text-align: center;
  vertical-align: top;
  cursor: default;
}

.w-tmpkr__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-tmpkr__current-hour {
  display: inline-block;
  display: none;
  margin-bottom: var(--spacing-24);
  font-size: var(--font-size-subtitle);
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndMedium";
  color: #0096ed;
}

.w-tmpkr__control {
  /*rtl:ignore*/
  width: -moz-min-content;
  width: min-content;
}

.w-tmpkr__control + .w-tmpkr__control {
  margin-left: var(--spacing-8);
}

.w-tmpkr__control__separator {
  width: var(--sizing-8);
  text-align: center;
}

.w-tmpkr__control__up, .w-tmpkr__control__down, .w-tmpkr__control__value {
  display: block;
  width: 36px;
  height: 36px;
}

@media (min-width: 3840px) {
  .w-tmpkr__control__up, .w-tmpkr__control__down, .w-tmpkr__control__value {
    width: 74px;
    height: 78px;
  }
}

.w-tmpkr__control__up, .w-tmpkr__control__down {
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .w-tmpkr__control__up, .w-tmpkr__control__down {
    background-size: 48px;
    margin: 0 auto;
  }
}

.w-tmpkr__control__up:hover, .w-tmpkr__control__down:hover {
  background-color: #d9d9d9;
}

.w-tmpkr__control__up {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNOS45LDQuOUw1LjIsMC4xQzUuMiwwLDUuMSwwLDUsMEM0LjksMCw0LjgsMCw0LjgsMC4xTDAuMSw0LjlDMCw1LDAsNS4xLDAsNS4xYzAsMC4xLDAsMC4yLDAuMSwwLjJsMC41LDAuNUMwLjcsNiwwLjcsNiwwLjgsNkMwLjksNiwxLDYsMS4xLDUuOUw1LDEuOGwzLjksNC4xQzksNiw5LjEsNiw5LjIsNmMwLjEsMCwwLjIsMCwwLjItMC4xbDAuNS0wLjVDMTAsNS4zLDEwLDUuMiwxMCw1LjFDMTAsNS4xLDEwLDUsOS45LDQuOUw5LjksNC45eiBNOS45LDQuOSIvPjwvc3ZnPg==);
}

.w-tmpkr__control__down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNOS45LDEuMUMxMCwxLDEwLDAuOSwxMCwwLjljMC0wLjEsMC0wLjItMC4xLTAuMkw5LjQsMC4xQzkuMywwLDkuMywwLDkuMiwwQzkuMSwwLDksMCw4LjksMC4xTDUsNC4yTDEuMSwwLjFDMSwwLDAuOSwwLDAuOCwwQzAuNywwLDAuNywwLDAuNiwwLjFMMC4xLDAuNkMwLDAuNywwLDAuOCwwLDAuOUMwLDAuOSwwLDEsMC4xLDEuMWw0LjcsNC44QzQuOCw2LDQuOSw2LDUsNmMwLjEsMCwwLjIsMCwwLjItMC4xTDkuOSwxLjFMOS45LDEuMXogTTkuOSwxLjEiLz48L3N2Zz4=);
}

.w-tmpkr__control__value {
  font-size: var(--font-size-subtitle) !important;
  text-align: center;
  border: 1px solid #cccccc !important;
  padding: var(--spacing-8) var(--spacing-4) !important;
}

.w-tmpkr__control__value:-moz-read-only {
  background-color: #fff !important;
  opacity: inherit !important;
}

.w-tmpkr__control__value:read-only {
  background-color: #fff !important;
  opacity: inherit !important;
}

.w-tmpkr__now {
  padding-top: var(--spacing-8);
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #2aacf7;
  font-family: "CentraleSansCndMedium";
  font-size: var(--font-size-body);
  text-align: center;
  cursor: pointer;
  margin-top: var(--spacing-20);
}

.dark-skin .w-tmpkr {
  background-color: #4d4d4d;
  box-shadow: 0;
}

.dark-skin .w-tmpkr__control__up {
  background-color: #696969;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNOS45LDQuOUw1LjIsMC4xQzUuMiwwLDUuMSwwLDUsMEM0LjksMCw0LjgsMCw0LjgsMC4xTDAuMSw0LjlDMCw1LDAsNS4xLDAsNS4xYzAsMC4xLDAsMC4yLDAuMSwwLjJsMC41LDAuNUMwLjcsNiwwLjcsNiwwLjgsNkMwLjksNiwxLDYsMS4xLDUuOUw1LDEuOGwzLjksNC4xQzksNiw5LjEsNiw5LjIsNmMwLjEsMCwwLjIsMCwwLjItMC4xbDAuNS0wLjVDMTAsNS4zLDEwLDUuMiwxMCw1LjFDMTAsNS4xLDEwLDUsOS45LDQuOUw5LjksNC45eiBNOS45LDQuOSIvPjwvc3ZnPg==);
}

.dark-skin .w-tmpkr__control__down {
  background-color: #696969;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNOS45LDEuMUMxMCwxLDEwLDAuOSwxMCwwLjljMC0wLjEsMC0wLjItMC4xLTAuMkw5LjQsMC4xQzkuMywwLDkuMywwLDkuMiwwQzkuMSwwLDksMCw4LjksMC4xTDUsNC4yTDEuMSwwLjFDMSwwLDAuOSwwLDAuOCwwQzAuNywwLDAuNywwLDAuNiwwLjFMMC4xLDAuNkMwLDAuNywwLDAuOCwwLDAuOUMwLDAuOSwwLDEsMC4xLDEuMWw0LjcsNC44QzQuOCw2LDQuOSw2LDUsNmMwLjEsMCwwLjIsMCwwLjItMC4xTDkuOSwxLjFMOS45LDEuMXogTTkuOSwxLjEiLz48L3N2Zz4=);
}

.dark-skin .w-tmpkr__control__down:hover {
  background-color: #4accff;
}

.dark-skin .w-tmpkr__control__value {
  background-color: var(--color-gray-55) !important;
  border: none !important;
  color: var(--color-white) !important;
}

.dark-skin .w-tmpkr__control__value:not(:-moz-read-only):focus {
  background: #595959;
}

.dark-skin .w-tmpkr__control__value:not(:read-only):focus {
  background: #595959;
}

.dark-skin .w-tmpkr__control__value:-moz-read-only {
  background: transparent;
  color: rgba(232, 232, 232, 0.5);
}

.dark-skin .w-tmpkr__control__value:read-only {
  background: transparent;
  color: rgba(232, 232, 232, 0.5);
}

.dark-skin .w-tmpkr__now {
  color: #4accff;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

/***************************
*        CHANGELOG:
*   1.0.8 - June 11, 2020
***************************
* http://design.emr.philips.com.br/library/wip/guidelines/styling-interfaces/colours/
***************************/
/**
* These tokens must be used in fonts only, no attribute font size
* Ex: font-size: --font-size-body;
*/
/**
* These tokens should only be used to define sizes of elements, icons, boxes and the like.
* Ex: width, height
*/
/**
* These tokens should only be used for internal, external and element spacing.
* Ex: padding, margin, left, right, bottom, top
*/
/***************************
*        CHANGELOG:
*   1.0.6 - May 26, 2021
***************************
* http://design.emr.philips.com.br/library/wip/guidelines/styling-interfaces/visual-guidelines/
***************************/
:root,
::before,
::after {
  --line-height-reference: 28px;
  --font-size-reference: 16px;
  --font-size-caption: 0.75rem;
  --font-size-body: 0.87rem;
  --font-size-subtitle: 1rem;
  --font-size-header-1: 2.625rem;
  --font-size-header-2: 2rem;
  --font-size-header-3: 1.75rem;
  --font-size-header-4: 1.5rem;
  --font-size-header-5: 1.125rem;
  --font-size-header-6: 1rem;
  --font-size-header-7: 0.75rem;
  --sizing-6: 6px;
  --sizing-8: 8px;
  --sizing-10: 10px;
  --sizing-12: 12px;
  --sizing-14: 14px;
  --sizing-16: 16px;
  --sizing-18: 18px;
  --sizing-20: 20px;
  --sizing-24: 24px;
  --sizing-28: 28px;
  --sizing-32: 32px;
  --sizing-34: 34px;
  --sizing-40: 40px;
  --sizing-44: 44px;
  --sizing-48: 48px;
  --sizing-64: 64px;
  --sizing-80: 80px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --color-white: #FFFFFF;
  --color-blue-80: #092F52;
  --color-blue-75: #0D3459;
  --color-blue-70: #123E68;
  --color-blue-65: #164776;
  --color-blue-60: #195386;
  --color-blue-55: #236197;
  --color-blue-50: #296FAB;
  --color-blue-45: #337FBF;
  --color-blue-40: #438BCA;
  --color-blue-35: #5A9ADA;
  --color-blue-30: #72ABEB;
  --color-blue-25: #8DB9EF;
  --color-blue-20: #ABCBF7;
  --color-blue-15: #C5DAFB;
  --color-blue-10: #DEEAFF;
  --color-blue-05: #f2f6ff;
  --color-blue-group-80: #1C255C;
  --color-blue-group-75: #1C2D66;
  --color-blue-group-70: #1A3670;
  --color-blue-group-65: #1C417A;
  --color-blue-group-60: #1D4C84;
  --color-blue-group-55: #1B578E;
  --color-blue-group-50: #176498;
  --color-blue-group-45: #1474A4;
  --color-blue-group-47: #1474A440;
  --color-blue-group-40: #2B86B2;
  --color-blue-group-35: #439AC1;
  --color-blue-group-30: #5DAFD1;
  --color-blue-group-25: #7CC0D9;
  --color-blue-group-20: #9DD3E3;
  --color-blue-group-15: #BFE2EB;
  --color-blue-group-10: #DAF1F7;
  --color-blue-group-05: #F0F8FA;
  --color-blue-group-03: #03ABFF26;
  --color-aqua-80: #183842;
  --color-aqua-75: #18414B;
  --color-aqua-70: #174A52;
  --color-aqua-65: #16555A;
  --color-aqua-60: #136363;
  --color-aqua-55: #14726C;
  --color-aqua-50: #158275;
  --color-aqua-45: #189383;
  --color-aqua-40: #299F8F;
  --color-aqua-35: #42ADA1;
  --color-aqua-30: #5CBCB7;
  --color-aqua-25: #79C8C6;
  --color-aqua-20: #9BD4D5;
  --color-aqua-15: #C1E4E6;
  --color-aqua-10: #DAF1F2;
  --color-aqua-05: #F0F9FA;
  --color-green-80: #0C382B;
  --color-green-75: #06422D;
  --color-green-70: #004E30;
  --color-green-65: #005B33;
  --color-green-60: #006B34;
  --color-green-55: #1E782E;
  --color-green-50: #3E8A29;
  --color-green-45: #5F9920;
  --color-green-40: #77A422;
  --color-green-35: #97B326;
  --color-green-30: #B0BD31;
  --color-green-25: #BECC44;
  --color-green-20: #CED95F;
  --color-green-15: #DEE784;
  --color-green-10: #ECF2AC;
  --color-green-05: #F7FAD4;
  --color-orange-80: #5C1B2E;
  --color-orange-75: #6E202D;
  --color-orange-70: #802726;
  --color-orange-65: #923323;
  --color-orange-60: #A63D21;
  --color-orange-55: #BA4C1E;
  --color-orange-50: #CC6116;
  --color-orange-45: #DE7510;
  --color-orange-40: #E38B10;
  --color-orange-35: #E6A219;
  --color-orange-30: #EBB626;
  --color-orange-25: #F2C544;
  --color-orange-20: #F7D368;
  --color-orange-15: #FCE290;
  --color-orange-10: #FCEDBA;
  --color-orange-05: #FDF5D7;
  --color-pink-80: #5C0C3C;
  --color-pink-75: #6B0E3F;
  --color-pink-70: #801145;
  --color-pink-65: #97144C;
  --color-pink-60: #AD1C57;
  --color-pink-55: #BE2A5D;
  --color-pink-50: #D13B66;
  --color-pink-45: #E04A71;
  --color-pink-40: #E85D80;
  --color-pink-35: #E8728E;
  --color-pink-30: #EC8BA1;
  --color-pink-25: #EEA4B5;
  --color-pink-20: #F2BAC6;
  --color-pink-15: #F6D0D7;
  --color-pink-10: #FAE6EA;
  --color-pink-05: #FBF5F6;
  --color-purple-80: #401442;
  --color-purple-75: #4D174A;
  --color-purple-70: #5E1A54;
  --color-purple-65: #6F1E5F;
  --color-purple-60: #82236F;
  --color-purple-55: #902C7E;
  --color-purple-50: #9C3790;
  --color-purple-45: #AB46A4;
  --color-purple-40: #B35BB2;
  --color-purple-42: #AB46A4;
  --color-purple-35: #B972BF;
  --color-purple-30: #C48CD4;
  --color-purple-25: #CDA2DC;
  --color-purple-20: #D6B9E6;
  --color-purple-15: #E0D1F1;
  --color-purple-10: #EEE6FC;
  --color-purple-05: #F7F5FF;
  --color-gray-80: #171717;
  --color-gray-75: #212121;
  --color-gray-70: #2B2B2B;
  --color-gray-65: #383838;
  --color-gray-60: #454545;
  --color-gray-55: #4D4D4D;
  --color-gray-50: #595959;
  --color-gray-45: #696969;
  --color-gray-40: #787878;
  --color-gray-35: #8C8C8C;
  --color-gray-30: #9E9E9E;
  --color-gray-25: #B0B0B0;
  --color-gray-20: #C4C4C4;
  --color-gray-15: #D6D6D6;
  --color-gray-10: #E8E8E8;
  --color-gray-05: #F5F5F5;
  --color-signal-indigo-60: #3262DB;
  --color-signal-indigo-45: #4C87FC;
  --color-signal-indigo-30: #80B5FF;
  --color-signal-blue-60: #008EE8;
  --color-signal-blue-45: #03ABFF;
  --color-signal-blue-30: #41C9FE;
  --color-signal-cyan-60: #00C9A4;
  --color-signal-cyan-45: #00E6C6;
  --color-signal-cyan-30: #91F2E7;
  --color-signal-green-60: #009957;
  --color-signal-green-45: #00BD5E;
  --color-signal-green-30: #45DE85;
  --color-signal-lime-60: #7BCC00;
  --color-signal-lime-45: #9DE807;
  --color-signal-lime-30: #C6F759;
  --color-signal-yellow-60: #F2A200;
  --color-signal-yellow-45: #FFCD05;
  --color-signal-yellow-30: #FFED5E;
  --color-signal-orange-60: #E65800;
  --color-signal-orange-45: #FF830F;
  --color-signal-orange-30: #FFB640;
  --color-signal-red-60: #DE3835;
  --color-signal-red-45: #FA5A4B;
  --color-signal-red-40: #FF6D59;
  --color-signal-red-30: #FF8370;
  --color-signal-red-20: #FFA799;
  --color-signal-pink-60: #F23D9A;
  --color-signal-pink-45: #FF6BC4;
  --color-signal-pink-30: #FF94DA;
  --color-signal-purple-60: #A128ED;
  --color-signal-purple-45: #C04AFF;
  --color-signal-purple-30: #D780FF;
  --color-signal-gray-60: #454545;
  --color-signal-gray-45: #696969;
  --color-signal-gray-30: #9E9E9E;
  --background-body: var(--color-white);
  --background-panel: var(--color-white);
  --border-color-panel: var(--color-gray-25);
  --text-color-neutral: var(--color-gray-75);
  --background-neutral: var(--color-white);
  --border-color-neutral: var(--color-gray-75);
}

:root .accessibility,
::before .accessibility,
::after .accessibility {
  --font-size-caption: 1rem;
  --font-size-body: 2rem;
  --font-size-subtitle: 2.25rem;
  --font-size-h2: 5.94rem;
  --font-size-h4: 2.34rem;
  --font-size-h6: 1.54rem;
}

@media (min-width: 3840px) {
  :root,
  ::before,
  ::after {
    --line-height-reference: 28px;
    --font-size-reference: 32px;
    --font-size-caption: 0.875rem;
    --font-size-body:	1rem;
    --font-size-subtitle:	1.25rem;
    --font-size-header-1: 2.625rem;
    --font-size-header-2: 2rem;
    --font-size-header-3: 1.75rem;
    --font-size-header-4: 1.5625rem;
    --font-size-header-5: 1.25rem;
    --font-size-header-6: 1.0625rem;
    --sizing-6: 18px;
    --sizing-8: 24px;
    --sizing-10: 28px;
    --sizing-12: 32px;
    --sizing-14: 36px;
    --sizing-16: 40px;
    --sizing-18: 44px;
    --sizing-20: 48px;
    --sizing-24: 56px;
    --sizing-28: 64px;
    --sizing-32: 72px;
    --sizing-34: 76px;
    --sizing-40: 80px;
    --sizing-44: 120px;
    --sizing-48: 160px;
    --sizing-64: 212px;
    --sizing-80: 276px;
    --spacing-4: 8px;
    --spacing-6: 12px;
    --spacing-8: 16px;
    --spacing-10: 20px;
    --spacing-12: 24px;
    --spacing-16: 32px;
    --spacing-18: 36px;
    --spacing-20: 40px;
    --spacing-24: 48px;
    --spacing-28: 56px;
    --spacing-32: 64px;
    --spacing-36: 72px;
    --spacing-40: 80px;
    --spacing-48: 120px;
    --spacing-64: 160px;
  }
  :root .accessibility,
  ::before .accessibility,
  ::after .accessibility {
    --font-size-caption: 2rem;
    --font-size-body: 2.12rem;
    --font-size-subtitle: 2.24rem;
    --font-size-h2: 7.8rem;
    --font-size-h4: 3.4rem;
    --font-size-h6: 2.5rem;
  }
}

.dark-skin {
  --background-body: var(--color-gray-75);
  --background-panel: var(--color-gray-65);
  --text-color-neutral: var(--color-white);
  --border-color-neutral: #5e5e5e;
  --background-neutral: var(--color-gray-65);
  --border-color-panel: var(--color-gray-25);
  color: #FFFFFF;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  -ms-flex: 1;
      flex: 1;
}

.container:before {
  clear: both;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after {
  content: "";
  display: table;
  line-height: 0;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar {
  background: transparent;
  box-shadow: none;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container {
  background: transparent;
  box-shadow: none;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab {
  background: #4d4d4d;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-title,
.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-label {
  color: #c4c4c4;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-title.wtab-link-horizontal,
.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-label.wtab-link-horizontal {
  color: #c4c4c4;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-breadcrumb-separador {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNjNGM0YzQiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2NCAxNDk2Ljk5OTM5IDQ2OCAxNTAxLjAxMjQzIDQ2NCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
  cursor: pointer;
}

/* Number of columns available*/
/* Margin of each panel*/
.wschematic {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
  padding: var(--spacing-8);
  min-height: 0;
  min-width: 0;
}

.dynamic-container-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

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

.has-drop-down-menu + .drop-down-menu-content,
.wschematic-content,
.schematics-object,
.schematic-tab-panel,
.region-cel,
.region-cont-row,
.region-cont-column,
.layout-regions {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.schematic-tab-panel {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wschematic-content {
  position: relative;
}

.wschematic-content.has-child:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -8px;
  bottom: 0px;
  width: 4px;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.wschematic-dropdown {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.wschematic-breadcrumbs {
  margin-bottom: var(--spacing-8);
}

.wschematic-breadcrumbs .wtabpanel-horizontal, .wschematic-breadcrumbs .w-bars__tabs {
  height: auto;
  padding-right: 0;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #595959;
  background-color: transparent;
  line-height: normal;
  box-shadow: none;
}

.wschematic-breadcrumbs .wtabpanel-breadcrumb-separador {
  width: 6px;
  height: 100%;
  margin-left: -18px;
  /*rtl:begin:remove*/
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuNDA2LDEuMjA5IDYuNDA2LDcuNDQ5IDAuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) bottom no-repeat;
  /*rtl:end:remove*/
  /*rtl:raw:
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYuNDA2LDEuMjA5IDAuNDA2LDcuNDQ5IDYuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) bottom no-repeat;
    */
}

.wschematic-breadcrumbs .wtab-horizontal:nth-of-type(1), .wschematic-breadcrumbs .w-bars__tab:nth-of-type(1) {
  margin-left: 0;
}

.wschematic-breadcrumbs .wtab-horizontal, .wschematic-breadcrumbs .w-bars__tab {
  display: block;
  padding: 0;
  margin-left: 8px;
  max-width: 300px;
  min-width: 100px;
}

.wschematic-breadcrumbs .wtab-horizontal .wtab, .wschematic-breadcrumbs .w-bars__tab .wtab {
  background: #f2f2f2;
  max-width: 300px;
  min-width: 100px;
  height: 24px;
  padding: 0 8px;
  margin-top: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.wschematic-breadcrumbs .wtab-horizontal .wtab:hover, .wschematic-breadcrumbs .w-bars__tab .wtab:hover {
  background: #FFF;
}

.wschematic-breadcrumbs .wtab-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.wschematic-breadcrumbs .wtab-mark-horizontal {
  display: none;
}

.wschematic-breadcrumbs .wtab-title {
  max-width: 80px;
  color: #333333;
}

.wschematic-breadcrumbs .wtab-label {
  max-width: 220px;
  color: #808080;
}

.wschematic-breadcrumbs .wtab-label:before {
  content: ':';
  display: inline-block;
  margin-left: 0px;
  margin-right: 2px;
}

.wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title {
  padding: 0;
  text-align: left;
  font-family: "CentraleSansCndBook";
  float: left;
  display: block;
  font-size: var(--font-size-caption);
}

.wschematic-breadcrumbs .wtabpanel-content {
  display: none !important;
}

.wschematic-breadcrumbs .wtab-breadcrumb-separador {
  /*rtl:begin:remove*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2NCAxNDk2Ljk5OTM5IDQ2OCAxNTAxLjAxMjQzIDQ2NCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  /*rtl:end:remove*/
  /*rtl:raw:
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2OCAxNDk2Ljk5OTM5IDQ2NCAxNTAxLjAxMjQzIDQ2OCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    */
  background-position: center;
  width: 4px;
  height: 9px;
  margin: 8px 8px 0 0;
  float: left;
  position: relative;
}

.wschematic-breadcrumbs .wtab-link-horizontal {
  height: auto;
  line-height: 24px;
}

.wschematic-dropdown > select {
  width: auto;
}

.wschematic-dropdown > .w-listbox {
  display: inline-block;
  width: 167px;
  height: 32px;
  padding: 8px 24px 8px 16px;
  border-radius: 4px;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  background-color: #e6e6e6;
  box-shadow: inset 0 1px 0 #f2f2f2, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.wschematic-dropdown > .w-listbox:hover {
  background-color: #f2f2f2;
}

.wschematic-dropdown > .w-listbox:active {
  background-color: #cccccc;
}

.wschematic-dropdown > .w-listbox:disabled, .wschematic-dropdown > .w-listbox.disable {
  background-color: #e6e6e6;
}

.wschematic-dropdown > .w-listbox:focus, .wschematic-dropdown > .w-listbox.focus {
  border: none;
  box-shadow: 0 0 0 1px #BFBFBF, 0 0 0 2px #0096ed, inset 0 1px 0 #f2f2f2, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.dark-skin .wschematic-dropdown > .w-listbox {
  box-shadow: inset 0 1px 0 #404040, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.dark-skin .wschematic-dropdown > .w-listbox:hover {
  background: #d5d5d5;
}

.wschematic .has-drop-down-menu {
  padding: 0 24px 24px 0;
  -ms-flex: initial;
      flex: initial;
}

.wschematic:before,
.wschematic:after,
.region-col[class*="region-row"]:before,
.region-col[class*="region-row"]:after {
  content: "";
  display: table;
}

.wschematic:after,
.region-col[class*="region-row"]:after {
  clear: both;
}

.pn,
.region-col,
[class|="pn"],
[class*="region-col"] {
  box-sizing: border-box;
  position: relative;
  float: left;
  background-color: #fff;
}

.region-row {
  height: 50%;
}

.pn div.action-btns {
  position: absolute;
  left: calc(100% - 6px);
  transform: translateX(-100%);
  top: 6px;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.pn div.close-btn {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  content: "";
  margin-left: 8px;
  margin-right: 8px;
  height: 16px;
  width: 16px;
  top: 1px;
}

.pn div.split-btn {
  background-image: url("/assets/framework/images/components/w-new-handlebar/split.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  content: "";
  margin-left: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  z-index: 17;
  position: absolute;
  top: 2px;
}

.split-btn-no-rigth {
  right: 0px;
}

.split-btn-with-filter-close {
  right: 16px;
}

.split-btn-with-rigth {
  right: 24px;
}

.pn {
  margin-right: var(--spacing-16);
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.pn-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.pn:last-child {
  margin-right: 0;
}

.pn-1 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.pn-2 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 2;
      flex: 2;
}

.pn-3 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 3;
      flex: 3;
}

.pn-4 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 4;
      flex: 4;
}

.pn-5 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 5;
      flex: 5;
}

.pn-6 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 6;
      flex: 6;
}

.pn-7 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 7;
      flex: 7;
}

.pn-8 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 8;
      flex: 8;
}

.pn-9 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 9;
      flex: 9;
}

.pn-10 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 10;
      flex: 10;
}

.pn-11 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 11;
      flex: 11;
}

.pn-12 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 12;
      flex: 12;
}

.region-cont-row {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.region-cont-column {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.layout-regions > div,
.region-cont-row > .region-cel,
.region-cont-row > .region-cont-column {
  border-left: 1px solid #bfbfbf;
}

.layout-regions > div:first-child,
.region-cont-row > .region-cel:first-child,
.region-cont-row > .region-cont-column:first-child {
  border-left: none;
}

.region-cont-column > .region-cel {
  border-bottom: 1px solid #bfbfbf;
}

.layout-regions .region-row:first-child {
  border-bottom: 1px solid #bfbfbf;
}

.layout-regions .region-cont-column > .region-cel:last-child {
  border-bottom: none;
}

[class*="region-col"] > .region-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

[class*="schematic-mock-"] {
  height: 100%;
}

.drop-down-menu {
  min-width: 192px;
  max-width: 296px;
  margin: 10px 0;
}

.wschematic-nav-bar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--spacing-8);
}

.wschematic-nav-bar .wschematic-breadcrumbs {
  margin-bottom: 0;
}

.wschematic-wtree {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
}

.region-cel {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  position: relative;
}

.dynamic_container {
  overflow-y: auto;
}

.is-full-screen {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}

.pn {
  animation: tasy-fadein 0.4s ease !important;
}

.schematic-external-access-modal {
  padding: 28px 0 0 0;
}

.schematic-external-access-modal .schematic-tasy-patientbar {
  margin-bottom: 0;
}

.schematic-external-access-modal .schematic-tasy-patientbar + .wschematic-nav-bar {
  margin-top: unset !important;
}

.dark-skin.wschematic {
  background-color: #212121;
}

.dark-skin.wschematic .wschematic-content.has-child:after {
  background: #383838;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.dark-skin.schematic-external-access-modal {
  background: #4d4d4d;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.dark-skin .pn,
.dark-skin .region-col,
.dark-skin [class|="pn"],
.dark-skin [class*="region-col"] {
  background-color: #383838;
}

.dark-skin .pn-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.dark-skin .layout-regions > div,
.dark-skin .region-cont-row > .region-cel,
.dark-skin .region-cont-row > .region-cont-column {
  border-color: #c4c4c4;
}

.no-region-separator .layout-regions > div,
.no-region-separator .region-cont-row > .region-cel,
.no-region-separator .region-cont-row > .region-cont-column {
  border-left: none;
}

.pn--collapsed {
  inline-size: var(--spacing-8);
  max-inline-size: var(--spacing-8);
  margin-inline-end: var(--spacing-8);
}

.pn--collapsed > :not(.pn__disclosure-button--position) {
  display: none;
}

.pn__disclosure-button--position {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translate(100%, -50%);
  z-index: 999;
}

.pn__disclosure-button--collapsed {
  inset-inline-end: var(--spacing-8);
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Gmail style scrollbar */
::-webkit-scrollbar {
  overflow: visible;
  width: 12px;
  height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb {
  background-color: #B3B3B3;
  background-clip: padding-box;
  border-radius: 6px;
  border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
  border: 0px;
}

::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

body::-webkit-scrollbar-track-piece {
  background-clip: padding-box;
  border: solid transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* Dark Skin */
.dark-skin ::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
}

.dark-skin ::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin ::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.dark-skin ::-webkit-scrollbar-corner {
  background-color: transparent;
}

[data-touch="true"] {
  /* GRID */
  /* TEXTBOX */
  /* ATTRIBUTE CONTAINER */
  /* BUTTON */
  /* MEDIUM SIZED BUTTONS */
  /* LINK BUTTON */
  /* BUTTONS DECK | WIZARD */
  /* TAB PANEL */
  /* CHECKBOX */
  /* RADIO GROUP */
  /* LISTBOX */
  /* LISTBOX POPUP */
}

[data-touch="true"] .ui-grid-row {
  height: 48px !important;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox {
  font-size: 24px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  height: 49px;
  padding: 10px 8px;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:disabled, [data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:-moz-read-only {
  color: #999999;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:disabled, [data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:read-only {
  color: #999999;
}

[data-touch="true"] .w-attr-container:not([data-touch="false"]) .w-attr-container__content--inline {
  margin-top: 26px;
}

[data-touch="true"] .w-attr-container:not([data-touch="false"]) .w-attr-container__label {
  height: 18px !important;
  font-size: 18px !important;
  line-height: 18px !important;
  color: #808080 !important;
}

[data-touch="true"] [class*="btn-"]:not(.btn-link-blue):not([data-touch="false"]) {
  font-size: 24px;
  height: 97px;
  min-width: 284px;
  padding: 19px 28px;
}

[data-touch="true"] [class*="btn-"]:not(.btn-link-blue):not([data-touch="false"]) .wbutton-text {
  font-size: 24px;
}

[data-touch="true"] w-persistence-action-bar:not([data-touch="false"]) {
  height: initial;
  -ms-flex-align: center;
      align-items: center;
}

[data-touch="true"] w-buttons-deck:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] w-persistence-action-bar:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-handlebar-new:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-wdbpanel:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-wdlgpanel-button:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue) {
  height: 50px;
  min-width: 122px;
  padding: 14px 16px;
  font-size: var(--font-size-header-5);
}

[data-touch="true"] .btn-link-blue:not([data-touch="false"]),
[data-touch="true"] .wpab-button-link:not([data-touch="false"]),
[data-touch="true"] .wtabpanel-wizard-bottom-abort:not([data-touch="false"]) {
  font-size: 24px;
  line-height: 24px;
  min-width: 49px;
  height: 49px;
}

[data-touch="true"] .btn-save-add:before, [data-touch="true"] w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button [data-touch="true"] button:before {
  vertical-align: middle;
}

[data-touch="true"] .w-buttons-deck,
[data-touch="true"] .wtabpanel-wizard-bottom {
  padding: 42px 32px;
}

[data-touch="true"] .wtabpanel-wizard-bottom {
  -ms-flex-pack: center;
      justify-content: center;
  height: initial;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtabpanel-vertical {
  padding: 32px 0 0 0;
  overflow-y: auto;
  background-color: #e6e6e6;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtabpanel-vertical + .wtabpanel-content {
  box-shadow: -4px 1px 4px -2px rgba(0, 0, 0, 0.2);
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-activated-vertical .wtab-link-vertical {
  background-color: #fff;
  font-size: var(--font-size-header-5);
  color: #696969;
  font-family: "CentraleSansCndBook";
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-mark-vertical {
  display: none;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-link-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 46px;
  width: 100% !important;
  padding: 12px 32px;
  font-size: var(--font-size-header-5);
  line-height: 22px;
  color: #696969;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel,
[data-touch="true"] .wcheckbox:not([data-touch="false"]) .checkboxStyleAngular {
  width: 29px;
  height: 29px;
  margin: 0;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel {
  border-color: #b3b3b3;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel:after {
  position: initial;
  display: block;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-main-label {
  font-size: 24px;
  line-height: 24px;
}

[data-touch="true"] .filter-container {
  min-width: 0;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .group-box-container + .group-box-container {
  margin-top: 8px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton div {
  margin: initial;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input + label:before {
  width: 29px;
  height: 29px;
  box-sizing: border-box;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input + label:after {
  content: '';
  display: block;
  width: 100%;
  height: 49px;
  position: absolute;
  top: -10px;
  left: -10px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input:checked + label:before {
  background-color: #000000;
  box-shadow: inset 0 0 0 8px #FFFFFF;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton .rg-label {
  font-size: 24px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .group-box-column {
  -ms-flex-pack: center;
      justify-content: center;
  height: 49px;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox {
  height: 49px;
  display: -ms-flexbox;
  display: flex;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox:after {
  border-width: 6px;
  border-top-color: #666666;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox__label {
  font-size: 24px;
  color: #666666;
}

[data-touch="true"] .w-listbox__content {
  padding: 0;
}

[data-touch="true"] .w-listbox__content a {
  font-size: 24px;
  height: 52px;
  line-height: 36px;
  padding: 8px;
  color: #666666;
}

[data-touch="true"] .w-listbox__content a:hover {
  color: #333333;
}

/* DIALOG BOX */
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box.wdialogbox-container,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box.wdialogbox-container {
  max-width: 486px;
  max-height: 297px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box .dialog-content {
  max-width: 486px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box .dialog-content {
  padding: 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box.wdialogbox-container,
.tasy-wdialogbox[data-touch="true"] .dialog-box.wdialogbox-container {
  width: 486px;
  height: 297px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-header,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-header {
  font-size: 28px;
  line-height: 34px;
  padding: 15px 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-footer,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-footer {
  padding: 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content {
  padding-bottom: 0;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content > .gwt-Label:not([data-touch="false"]),
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content > bind-html:not([data-touch="false"]),
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content > .gwt-Label:not([data-touch="false"]),
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content > bind-html:not([data-touch="false"]) {
  font-size: 24px;
  line-height: 26px;
  color: #333333;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-icon,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-icon {
  display: none;
}

.w-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: 0 calc(var(--spacing-8) * -1);
  overflow-y: auto;
  overflow-x: hidden;
  /* Any w-form within a w-form doesnt need to have negative margin */
}

.w-form .w-form {
  margin: 0;
  overflow: initial;
}

.w-form__row,
.w-form__break,
.w-form__cluster,
.span12 {
  width: 100%;
}

.w-fieldset-subgroup {
  border-top: 1px solid #d9d9d9;
  margin: 1px var(--spacing-8) var(--spacing-4) var(--spacing-8);
  height: 1px;
}

.adv-filter-form {
  -ms-flex: 1;
      flex: 1;
}

.w-form__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-form__row .w-attr-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-form__row > .span1 {
  width: 8.33333%;
}

.w-form__row > .span1.w-attr-container--is-composed {
  width: calc(8.33333% + 8px);
}

.w-form__row > .offset1 {
  margin-left: 8.33333%;
}

.w-form__row > .span2 {
  width: 16.66667%;
}

.w-form__row > .span2.w-attr-container--is-composed {
  width: calc(16.66667% + 8px);
}

.w-form__row > .offset2 {
  margin-left: 16.66667%;
}

.w-form__row > .span3 {
  width: 25%;
}

.w-form__row > .span3.w-attr-container--is-composed {
  width: calc(25% + 8px);
}

.w-form__row > .offset3 {
  margin-left: 25%;
}

.w-form__row > .span4 {
  width: 33.33333%;
}

.w-form__row > .span4.w-attr-container--is-composed {
  width: calc(33.33333% + 8px);
}

.w-form__row > .offset4 {
  margin-left: 33.33333%;
}

.w-form__row > .span5 {
  width: 41.66667%;
}

.w-form__row > .span5.w-attr-container--is-composed {
  width: calc(41.66667% + 8px);
}

.w-form__row > .offset5 {
  margin-left: 41.66667%;
}

.w-form__row > .span6 {
  width: 50%;
}

.w-form__row > .span6.w-attr-container--is-composed {
  width: calc(50% + 8px);
}

.w-form__row > .offset6 {
  margin-left: 50%;
}

.w-form__row > .span7 {
  width: 58.33333%;
}

.w-form__row > .span7.w-attr-container--is-composed {
  width: calc(58.33333% + 8px);
}

.w-form__row > .offset7 {
  margin-left: 58.33333%;
}

.w-form__row > .span8 {
  width: 66.66667%;
}

.w-form__row > .span8.w-attr-container--is-composed {
  width: calc(66.66667% + 8px);
}

.w-form__row > .offset8 {
  margin-left: 66.66667%;
}

.w-form__row > .span9 {
  width: 75%;
}

.w-form__row > .span9.w-attr-container--is-composed {
  width: calc(75% + 8px);
}

.w-form__row > .offset9 {
  margin-left: 75%;
}

.w-form__row > .span10 {
  width: 83.33333%;
}

.w-form__row > .span10.w-attr-container--is-composed {
  width: calc(83.33333% + 8px);
}

.w-form__row > .offset10 {
  margin-left: 83.33333%;
}

.w-form__row > .span11 {
  width: 91.66667%;
}

.w-form__row > .span11.w-attr-container--is-composed {
  width: calc(91.66667% + 8px);
}

.w-form__row > .offset11 {
  margin-left: 91.66667%;
}

.w-form__row:before, .w-form__row:after {
  content: "";
  display: table;
  line-height: 0;
}

.w-form__row:after {
  clear: both;
}

.w-form__cluster {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 6px 0;
}

@media (min-width: 3840px) {
  .w-form__cluster {
    padding: var(--spacing-8) 0;
  }
}

.w-form__cluster .w-attr-container {
  padding: 0px var(--spacing-8);
}

.w-form__cluster .w-attr-container__content--inline {
  margin-top: 0;
}

.w-form--inline {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

.w-form--inline > .w-attr-container {
  padding: 0;
}

.w-attr-container {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: var(--spacing-12) var(--spacing-8);
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.w-attr-container:hover .w-attr-container__info {
  display: inline-block;
}

.w-attr-container--is-composed {
  margin-left: calc(var(--spacing-8) * -1);
}

.w-attr-container__label {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

@media (min-width: 3840px) {
  .w-attr-container__label {
    height: 50px;
    margin-bottom: var(--spacing-8);
  }
}

.w-attr-container__label--disabled {
  color: #bfbfbf !important;
}

.w-attr-container__content {
  max-width: 100%;
}

.w-attr-container__content--inline {
  display: inline-block;
  max-width: calc(100% - 25px);
  margin-top: 22px;
}

@media (min-width: 3840px) {
  .w-attr-container__content--inline {
    max-width: calc(100% - var(--spacing-24));
    margin-top: var(--spacing-24);
  }
}

.w-attr-container__content .wrichedit {
  padding: 0px;
}

.w-attr-container-no-lr-padding {
  padding: 6px 0px;
}

[class*="dpf-"] {
  min-width: 100%;
  max-width: 100%;
}

[class*="dpf-"]:before {
  display: none;
}

.is-debugging .w-form > [class*="dpf-"]:before {
  content: "100% = 12 columns";
  display: none;
  background-color: #ff8900;
  padding: 2px 4px;
  position: absolute;
  top: 12px;
  font-size: 10px;
  transform: translateY(-100%);
  white-space: nowrap;
  color: #fff;
}

.is-debugging .w-form > [class*="dpf-"]:hover:before {
  display: block;
}

.is-debugging .w-form > [class*="dpf-"]:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 12px;
  bottom: 12px;
  display: block;
  border: 1px dashed #ff8900;
  background-color: rgba(250, 161, 82, 0.2);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
}

@media screen and (max-width: 1599px) {
  .dpf-pn-8 .dpf-50, .dpf-pn-9 .dpf-50, .dpf-pn-12 .dpf-50 {
    min-width: 8.33333%;
    max-width: 8.33333%;
  }
  .dpf-pn-6 .dpf-50, .dpf-pn-8 .dpf-100, .dpf-pn-9 .dpf-100, .dpf-pn-12 .dpf-100, .dpf-pn-12 .dpf-150 {
    min-width: 16.66667%;
    max-width: 16.66667%;
  }
  .dpf-pn-4 .dpf-50, .dpf-pn-8 .dpf-150, .dpf-pn-9 .dpf-150, .dpf-pn-9 .dpf-200, .dpf-pn-12 .dpf-200, .dpf-pn-12 .dpf-250 {
    min-width: 25%;
    max-width: 25%;
  }
  .dpf-pn-3 .dpf-50, .dpf-pn-6 .dpf-100, .dpf-pn-6 .dpf-150, .dpf-pn-8 .dpf-200, .dpf-pn-9 .dpf-250, .dpf-pn-12 .dpf-300, .dpf-pn-12 .dpf-350 {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
  .dpf-pn-8 .dpf-250, .dpf-pn-8 .dpf-300, .dpf-pn-9 .dpf-300, .dpf-pn-9 .dpf-350, .dpf-pn-12 .dpf-400, .dpf-pn-12 .dpf-450 {
    min-width: 41.66667%;
    max-width: 41.66667%;
  }
  .dpf-pn-4 .dpf-100, .dpf-pn-4 .dpf-150, .dpf-pn-6 .dpf-200, .dpf-pn-6 .dpf-250, .dpf-pn-8 .dpf-350, .dpf-pn-9 .dpf-400, .dpf-pn-12 .dpf-500, .dpf-pn-12 .dpf-550 {
    min-width: 50%;
    max-width: 50%;
  }
  .dpf-pn-8 .dpf-400, .dpf-pn-9 .dpf-450, .dpf-pn-9 .dpf-500, .dpf-pn-12 .dpf-600, .dpf-pn-12 .dpf-650 {
    min-width: 58.33333%;
    max-width: 58.33333%;
  }
  .dpf-pn-3 .dpf-100, .dpf-pn-3 .dpf-150, .dpf-pn-6 .dpf-300, .dpf-pn-6 .dpf-350, .dpf-pn-8 .dpf-450, .dpf-pn-8 .dpf-500, .dpf-pn-9 .dpf-550, .dpf-pn-12 .dpf-700, .dpf-pn-12 .dpf-750 {
    min-width: 66.66667%;
    max-width: 66.66667%;
  }
  .dpf-pn-4 .dpf-200, .dpf-pn-4 .dpf-250, .dpf-pn-8 .dpf-550, .dpf-pn-9 .dpf-600, .dpf-pn-9 .dpf-650, .dpf-pn-12 .dpf-800, .dpf-pn-12 .dpf-850 {
    min-width: 75%;
    max-width: 75%;
  }
  .dpf-pn-6 .dpf-400, .dpf-pn-6 .dpf-450, .dpf-pn-8 .dpf-600, .dpf-pn-9 .dpf-700, .dpf-pn-12 .dpf-900, .dpf-pn-12 .dpf-950 {
    min-width: 83.33333%;
    max-width: 83.33333%;
  }
  .dpf-pn-8 .dpf-650, .dpf-pn-8 .dpf-700, .dpf-pn-9 .dpf-750, .dpf-pn-9 .dpf-800, .dpf-pn-12 .dpf-1000, .dpf-pn-12 .dpf-1050 {
    min-width: 91.66667%;
    max-width: 91.66667%;
  }
  .dpf-pn-3 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-3 .dpf-50:before {
    content: "50px ~ 4 colums" !important;
  }
  .dpf-pn-3 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-3 .dpf-100:before {
    content: "100px ~ 8 colums" !important;
  }
  .dpf-pn-3 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-3 .dpf-150:before {
    content: "150px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-4 .dpf-50:before {
    content: "50px ~ 3 colums" !important;
  }
  .dpf-pn-4 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-4 .dpf-100:before {
    content: "100px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-4 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-4 .dpf-200:before {
    content: "200px ~ 9 colums" !important;
  }
  .dpf-pn-4 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-4 .dpf-250:before {
    content: "250px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-6 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-6 .dpf-100:before {
    content: "100px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-6 .dpf-150:before {
    content: "150px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-6 .dpf-200:before {
    content: "200px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-6 .dpf-250:before {
    content: "250px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-6 .dpf-300:before {
    content: "300px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-6 .dpf-350:before {
    content: "350px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-6 .dpf-400:before {
    content: "400px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-6 .dpf-450:before {
    content: "450px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-8 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-8 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-8 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-8 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-8 .dpf-200:before {
    content: "200px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-8 .dpf-250:before {
    content: "250px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-8 .dpf-300:before {
    content: "300px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-8 .dpf-350:before {
    content: "350px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-8 .dpf-400:before {
    content: "400px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-8 .dpf-450:before {
    content: "450px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-8 .dpf-500:before {
    content: "500px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-8 .dpf-550:before {
    content: "550px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-8 .dpf-600:before {
    content: "600px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-8 .dpf-650:before {
    content: "650px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-8 .dpf-700:before {
    content: "700px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-9 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-9 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-9 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-9 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-9 .dpf-250:before {
    content: "250px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-9 .dpf-300:before {
    content: "300px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-9 .dpf-350:before {
    content: "350px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-9 .dpf-400:before {
    content: "400px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-9 .dpf-450:before {
    content: "450px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-9 .dpf-500:before {
    content: "500px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-9 .dpf-600:before {
    content: "600px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-9 .dpf-650:before {
    content: "650px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-9 .dpf-700:before {
    content: "700px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-9 .dpf-750:before {
    content: "750px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-9 .dpf-800:before {
    content: "800px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-12 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-12 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-12 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-12 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-12 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-12 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-12 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-12 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-12 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-12 .dpf-500:before {
    content: "500px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-12 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-12 .dpf-600:before {
    content: "600px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-12 .dpf-650:before {
    content: "650px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-12 .dpf-700:before {
    content: "700px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-12 .dpf-750:before {
    content: "750px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-12 .dpf-800:before {
    content: "800px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-12 .dpf-850:before {
    content: "850px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-12 .dpf-900:before {
    content: "900px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-12 .dpf-950:before {
    content: "950px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-12 .dpf-1000:before {
    content: "1000px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-12 .dpf-1050:before {
    content: "1050px ~ 11 colums" !important;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .dpf-pn-8 .dpf-50, .dpf-pn-9 .dpf-50, .dpf-pn-12 .dpf-50, .dpf-pn-12 .dpf-100 {
    min-width: 8.33333%;
    max-width: 8.33333%;
  }
  .dpf-pn-4 .dpf-50, .dpf-pn-6 .dpf-50, .dpf-pn-6 .dpf-100, .dpf-pn-8 .dpf-100, .dpf-pn-8 .dpf-150, .dpf-pn-9 .dpf-100, .dpf-pn-9 .dpf-150, .dpf-pn-12 .dpf-150, .dpf-pn-12 .dpf-200, .dpf-pn-12 .dpf-250 {
    min-width: 16.66667%;
    max-width: 16.66667%;
  }
  .dpf-pn-3 .dpf-50, .dpf-pn-6 .dpf-150, .dpf-pn-8 .dpf-200, .dpf-pn-9 .dpf-200, .dpf-pn-9 .dpf-250, .dpf-pn-12 .dpf-300, .dpf-pn-12 .dpf-350 {
    min-width: 25%;
    max-width: 25%;
  }
  .dpf-pn-4 .dpf-100, .dpf-pn-6 .dpf-200, .dpf-pn-8 .dpf-250, .dpf-pn-8 .dpf-300, .dpf-pn-9 .dpf-300, .dpf-pn-9 .dpf-350, .dpf-pn-12 .dpf-400, .dpf-pn-12 .dpf-450 {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
  .dpf-pn-6 .dpf-250, .dpf-pn-8 .dpf-350, .dpf-pn-8 .dpf-400, .dpf-pn-9 .dpf-400, .dpf-pn-9 .dpf-450, .dpf-pn-12 .dpf-500, .dpf-pn-12 .dpf-550, .dpf-pn-12 .dpf-600 {
    min-width: 41.66667%;
    max-width: 41.66667%;
  }
  .dpf-pn-3 .dpf-100, .dpf-pn-3 .dpf-150, .dpf-pn-4 .dpf-150, .dpf-pn-4 .dpf-200, .dpf-pn-6 .dpf-300, .dpf-pn-6 .dpf-350, .dpf-pn-8 .dpf-450, .dpf-pn-9 .dpf-500, .dpf-pn-9 .dpf-550, .dpf-pn-12 .dpf-650, .dpf-pn-12 .dpf-700, .dpf-pn-12 .dpf-750 {
    min-width: 50%;
    max-width: 50%;
  }
  .dpf-pn-6 .dpf-400, .dpf-pn-8 .dpf-500, .dpf-pn-8 .dpf-550, .dpf-pn-9 .dpf-600, .dpf-pn-12 .dpf-800, .dpf-pn-12 .dpf-850 {
    min-width: 58.33333%;
    max-width: 58.33333%;
  }
  .dpf-pn-4 .dpf-250, .dpf-pn-4 .dpf-300, .dpf-pn-6 .dpf-450, .dpf-pn-8 .dpf-600, .dpf-pn-8 .dpf-650, .dpf-pn-9 .dpf-650, .dpf-pn-9 .dpf-700, .dpf-pn-12 .dpf-900, .dpf-pn-12 .dpf-950, .dpf-pn-12 .dpf-1000 {
    min-width: 66.66667%;
    max-width: 66.66667%;
  }
  .dpf-pn-3 .dpf-200, .dpf-pn-6 .dpf-500, .dpf-pn-8 .dpf-700, .dpf-pn-9 .dpf-750, .dpf-pn-9 .dpf-800, .dpf-pn-12 .dpf-1050, .dpf-pn-12 .dpf-1100 {
    min-width: 75%;
    max-width: 75%;
  }
  .dpf-pn-4 .dpf-350, .dpf-pn-6 .dpf-550, .dpf-pn-6 .dpf-600, .dpf-pn-8 .dpf-750, .dpf-pn-8 .dpf-800, .dpf-pn-9 .dpf-850, .dpf-pn-9 .dpf-900, .dpf-pn-12 .dpf-1150, .dpf-pn-12 .dpf-1200, .dpf-pn-12 .dpf-1250 {
    min-width: 83.33333%;
    max-width: 83.33333%;
  }
  .dpf-pn-6 .dpf-650, .dpf-pn-8 .dpf-850, .dpf-pn-8 .dpf-900, .dpf-pn-9 .dpf-950, .dpf-pn-9 .dpf-1000, .dpf-pn-12 .dpf-1300, .dpf-pn-12 .dpf-1350 {
    min-width: 91.66667%;
    max-width: 91.66667%;
  }
  .dpf-pn-3 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-3 .dpf-50:before {
    content: "50px ~ 3 colums" !important;
  }
  .dpf-pn-3 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-3 .dpf-100:before {
    content: "100px ~ 6 colums" !important;
  }
  .dpf-pn-3 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-3 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-3 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-3 .dpf-200:before {
    content: "200px ~ 9 colums" !important;
  }
  .dpf-pn-4 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-4 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-4 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-4 .dpf-100:before {
    content: "100px ~ 4 colums" !important;
  }
  .dpf-pn-4 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-4 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-4 .dpf-200:before {
    content: "200px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-4 .dpf-250:before {
    content: "250px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-4 .dpf-300:before {
    content: "300px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-4 .dpf-350:before {
    content: "350px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-6 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-6 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-6 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-6 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-6 .dpf-200:before {
    content: "200px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-6 .dpf-250:before {
    content: "250px ~ 5 colums" !important;
  }
  .dpf-pn-6 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-6 .dpf-300:before {
    content: "300px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-6 .dpf-350:before {
    content: "350px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-6 .dpf-400:before {
    content: "400px ~ 7 colums" !important;
  }
  .dpf-pn-6 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-6 .dpf-450:before {
    content: "450px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-6 .dpf-500:before {
    content: "500px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-6 .dpf-550:before {
    content: "550px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-6 .dpf-600:before {
    content: "600px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-6 .dpf-650:before {
    content: "650px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-8 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-8 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-8 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-8 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-8 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-8 .dpf-250:before {
    content: "250px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-8 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-8 .dpf-350:before {
    content: "350px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-8 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-8 .dpf-450:before {
    content: "450px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-8 .dpf-500:before {
    content: "500px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-8 .dpf-550:before {
    content: "550px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-8 .dpf-600:before {
    content: "600px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-8 .dpf-650:before {
    content: "650px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-8 .dpf-700:before {
    content: "700px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-8 .dpf-750:before {
    content: "750px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-8 .dpf-800:before {
    content: "800px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-8 .dpf-850:before {
    content: "850px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-8 .dpf-900:before {
    content: "900px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-9 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-9 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-9 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-9 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-9 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-9 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-9 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-9 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-9 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-9 .dpf-500:before {
    content: "500px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-9 .dpf-600:before {
    content: "600px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-9 .dpf-650:before {
    content: "650px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-9 .dpf-700:before {
    content: "700px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-9 .dpf-750:before {
    content: "750px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-9 .dpf-800:before {
    content: "800px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-9 .dpf-850:before {
    content: "850px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-9 .dpf-900:before {
    content: "900px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-9 .dpf-950:before {
    content: "950px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-9 .dpf-1000:before {
    content: "1000px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-12 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-12 .dpf-100:before {
    content: "100px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-12 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-12 .dpf-200:before {
    content: "200px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-12 .dpf-250:before {
    content: "250px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-12 .dpf-300:before {
    content: "300px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-12 .dpf-350:before {
    content: "350px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-12 .dpf-400:before {
    content: "400px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-12 .dpf-450:before {
    content: "450px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-12 .dpf-500:before {
    content: "500px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-12 .dpf-550:before {
    content: "550px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-12 .dpf-600:before {
    content: "600px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-12 .dpf-650:before {
    content: "650px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-12 .dpf-700:before {
    content: "700px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-12 .dpf-750:before {
    content: "750px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-12 .dpf-800:before {
    content: "800px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-12 .dpf-850:before {
    content: "850px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-12 .dpf-900:before {
    content: "900px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-12 .dpf-950:before {
    content: "950px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-12 .dpf-1000:before {
    content: "1000px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-12 .dpf-1050:before {
    content: "1050px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1100:after {
    width: 1100px !important;
  }
  .dpf-pn-12 .dpf-1100:before {
    content: "1100px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1150:after {
    width: 1150px !important;
  }
  .dpf-pn-12 .dpf-1150:before {
    content: "1150px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1200:after {
    width: 1200px !important;
  }
  .dpf-pn-12 .dpf-1200:before {
    content: "1200px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1250:after {
    width: 1250px !important;
  }
  .dpf-pn-12 .dpf-1250:before {
    content: "1250px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1300:after {
    width: 1300px !important;
  }
  .dpf-pn-12 .dpf-1300:before {
    content: "1300px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1350:after {
    width: 1350px !important;
  }
  .dpf-pn-12 .dpf-1350:before {
    content: "1350px ~ 11 colums" !important;
  }
}

@media screen and (min-width: 1920px) {
  .dpf-pn-6 .dpf-50, .dpf-pn-8 .dpf-50, .dpf-pn-9 .dpf-50, .dpf-pn-9 .dpf-100, .dpf-pn-12 .dpf-50, .dpf-pn-12 .dpf-100 {
    min-width: 8.33333%;
    max-width: 8.33333%;
  }
  .dpf-pn-3 .dpf-50, .dpf-pn-4 .dpf-50, .dpf-pn-6 .dpf-100, .dpf-pn-8 .dpf-100, .dpf-pn-8 .dpf-150, .dpf-pn-9 .dpf-150, .dpf-pn-9 .dpf-200, .dpf-pn-12 .dpf-150, .dpf-pn-12 .dpf-200, .dpf-pn-12 .dpf-250 {
    min-width: 16.66667%;
    max-width: 16.66667%;
  }
  .dpf-pn-4 .dpf-100, .dpf-pn-6 .dpf-150, .dpf-pn-6 .dpf-200, .dpf-pn-8 .dpf-200, .dpf-pn-8 .dpf-250, .dpf-pn-9 .dpf-250, .dpf-pn-9 .dpf-300, .dpf-pn-12 .dpf-300, .dpf-pn-12 .dpf-350, .dpf-pn-12 .dpf-400 {
    min-width: 25%;
    max-width: 25%;
  }
  .dpf-pn-3 .dpf-100, .dpf-pn-4 .dpf-150, .dpf-pn-6 .dpf-250, .dpf-pn-8 .dpf-300, .dpf-pn-8 .dpf-350, .dpf-pn-9 .dpf-350, .dpf-pn-9 .dpf-400, .dpf-pn-12 .dpf-450, .dpf-pn-12 .dpf-500, .dpf-pn-12 .dpf-550, .dpf-pn-12 .dpf-600 {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
  .dpf-pn-4 .dpf-200, .dpf-pn-6 .dpf-300, .dpf-pn-6 .dpf-350, .dpf-pn-8 .dpf-400, .dpf-pn-8 .dpf-450, .dpf-pn-9 .dpf-450, .dpf-pn-9 .dpf-500, .dpf-pn-9 .dpf-550, .dpf-pn-12 .dpf-650, .dpf-pn-12 .dpf-700, .dpf-pn-12 .dpf-750 {
    min-width: 41.66667%;
    max-width: 41.66667%;
  }
  .dpf-pn-3 .dpf-150, .dpf-pn-4 .dpf-250, .dpf-pn-6 .dpf-400, .dpf-pn-8 .dpf-500, .dpf-pn-8 .dpf-550, .dpf-pn-9 .dpf-550, .dpf-pn-9 .dpf-600, .dpf-pn-9 .dpf-650, .dpf-pn-12 .dpf-800, .dpf-pn-12 .dpf-850, .dpf-pn-12 .dpf-900 {
    min-width: 50%;
    max-width: 50%;
  }
  .dpf-pn-4 .dpf-300, .dpf-pn-6 .dpf-450, .dpf-pn-6 .dpf-500, .dpf-pn-8 .dpf-600, .dpf-pn-8 .dpf-650, .dpf-pn-9 .dpf-700, .dpf-pn-9 .dpf-750, .dpf-pn-12 .dpf-950, .dpf-pn-12 .dpf-1000, .dpf-pn-12 .dpf-1050 {
    min-width: 58.33333%;
    max-width: 58.33333%;
  }
  .dpf-pn-3 .dpf-200, .dpf-pn-3 .dpf-250, .dpf-pn-4 .dpf-350, .dpf-pn-6 .dpf-550, .dpf-pn-8 .dpf-700, .dpf-pn-8 .dpf-750, .dpf-pn-9 .dpf-800, .dpf-pn-9 .dpf-850, .dpf-pn-9 .dpf-900, .dpf-pn-12 .dpf-1100, .dpf-pn-12 .dpf-1150, .dpf-pn-12 .dpf-1200 {
    min-width: 66.66667%;
    max-width: 66.66667%;
  }
  .dpf-pn-4 .dpf-400, .dpf-pn-6 .dpf-600, .dpf-pn-6 .dpf-650, .dpf-pn-8 .dpf-800, .dpf-pn-8 .dpf-850, .dpf-pn-9 .dpf-925, .dpf-pn-9 .dpf-975, .dpf-pn-12 .dpf-1250, .dpf-pn-12 .dpf-1300, .dpf-pn-12 .dpf-1350 {
    min-width: 75%;
    max-width: 75%;
  }
  .dpf-pn-3 .dpf-300, .dpf-pn-4 .dpf-450, .dpf-pn-6 .dpf-700, .dpf-pn-8 .dpf-900, .dpf-pn-8 .dpf-950, .dpf-pn-9 .dpf-1050, .dpf-pn-9 .dpf-1100, .dpf-pn-12 .dpf-1400, .dpf-pn-12 .dpf-1450, .dpf-pn-12 .dpf-1500 {
    min-width: 83.33333%;
    max-width: 83.33333%;
  }
  .dpf-pn-4 .dpf-500, .dpf-pn-6 .dpf-750, .dpf-pn-6 .dpf-800, .dpf-pn-8 .dpf-1000, .dpf-pn-8 .dpf-1050, .dpf-pn-9 .dpf-1150, .dpf-pn-9 .dpf-1200, .dpf-pn-12 .dpf-1550, .dpf-pn-12 .dpf-1600, .dpf-pn-12 .dpf-1650 {
    min-width: 91.66667%;
    max-width: 91.66667%;
  }
  .dpf-pn-3 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-3 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-3 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-3 .dpf-100:before {
    content: "100px ~ 4 colums" !important;
  }
  .dpf-pn-3 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-3 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-3 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-3 .dpf-200:before {
    content: "200px ~ 8 colums" !important;
  }
  .dpf-pn-3 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-3 .dpf-250:before {
    content: "250px ~ 8 colums" !important;
  }
  .dpf-pn-3 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-3 .dpf-300:before {
    content: "300px ~ 10 colums" !important;
  }
  .dpf-pn-4 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-4 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-4 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-4 .dpf-100:before {
    content: "100px ~ 3 colums" !important;
  }
  .dpf-pn-4 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-4 .dpf-150:before {
    content: "150px ~ 4 colums" !important;
  }
  .dpf-pn-4 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-4 .dpf-200:before {
    content: "200px ~ 5 colums" !important;
  }
  .dpf-pn-4 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-4 .dpf-250:before {
    content: "250px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-4 .dpf-300:before {
    content: "300px ~ 7 colums" !important;
  }
  .dpf-pn-4 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-4 .dpf-350:before {
    content: "350px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-4 .dpf-400:before {
    content: "400px ~ 9 colums" !important;
  }
  .dpf-pn-4 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-4 .dpf-450:before {
    content: "450px ~ 10 colums" !important;
  }
  .dpf-pn-4 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-4 .dpf-500:before {
    content: "500px ~ 11 colums" !important;
  }
  .dpf-pn-6 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-6 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-6 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-6 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-6 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-6 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-6 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-6 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-6 .dpf-250:before {
    content: "250px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-6 .dpf-300:before {
    content: "300px ~ 5 colums" !important;
  }
  .dpf-pn-6 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-6 .dpf-350:before {
    content: "350px ~ 5 colums" !important;
  }
  .dpf-pn-6 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-6 .dpf-400:before {
    content: "400px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-6 .dpf-450:before {
    content: "450px ~ 7 colums" !important;
  }
  .dpf-pn-6 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-6 .dpf-500:before {
    content: "500px ~ 7 colums" !important;
  }
  .dpf-pn-6 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-6 .dpf-550:before {
    content: "550px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-6 .dpf-600:before {
    content: "600px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-6 .dpf-650:before {
    content: "650px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-6 .dpf-700:before {
    content: "700px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-6 .dpf-750:before {
    content: "750px ~ 11 colums" !important;
  }
  .dpf-pn-6 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-6 .dpf-800:before {
    content: "800px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-8 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-8 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-8 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-8 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-8 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-8 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-8 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-8 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-8 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-8 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-8 .dpf-500:before {
    content: "500px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-8 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-8 .dpf-600:before {
    content: "600px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-8 .dpf-650:before {
    content: "650px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-8 .dpf-700:before {
    content: "700px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-8 .dpf-750:before {
    content: "750px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-8 .dpf-800:before {
    content: "800px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-8 .dpf-850:before {
    content: "850px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-8 .dpf-900:before {
    content: "900px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-8 .dpf-950:before {
    content: "950px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-8 .dpf-1000:before {
    content: "1000px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-8 .dpf-1050:before {
    content: "1050px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-9 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-9 .dpf-100:before {
    content: "100px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-9 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-9 .dpf-200:before {
    content: "200px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-9 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-9 .dpf-300:before {
    content: "300px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-9 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-9 .dpf-400:before {
    content: "400px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-9 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-9 .dpf-500:before {
    content: "500px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-9 .dpf-600:before {
    content: "600px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-9 .dpf-650:before {
    content: "650px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-9 .dpf-700:before {
    content: "700px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-9 .dpf-750:before {
    content: "750px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-9 .dpf-800:before {
    content: "800px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-9 .dpf-850:before {
    content: "850px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-9 .dpf-900:before {
    content: "900px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-925:after {
    width: 925px !important;
  }
  .dpf-pn-9 .dpf-925:before {
    content: "925px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-975:after {
    width: 975px !important;
  }
  .dpf-pn-9 .dpf-975:before {
    content: "975px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-9 .dpf-1050:before {
    content: "1050px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-1100:after {
    width: 1100px !important;
  }
  .dpf-pn-9 .dpf-1100:before {
    content: "1100px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-1150:after {
    width: 1150px !important;
  }
  .dpf-pn-9 .dpf-1150:before {
    content: "1150px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-1200:after {
    width: 1200px !important;
  }
  .dpf-pn-9 .dpf-1200:before {
    content: "1200px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-12 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-12 .dpf-100:before {
    content: "100px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-12 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-12 .dpf-200:before {
    content: "200px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-12 .dpf-250:before {
    content: "250px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-12 .dpf-300:before {
    content: "300px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-12 .dpf-350:before {
    content: "350px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-12 .dpf-400:before {
    content: "400px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-12 .dpf-450:before {
    content: "450px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-12 .dpf-500:before {
    content: "500px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-12 .dpf-550:before {
    content: "550px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-12 .dpf-600:before {
    content: "600px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-12 .dpf-650:before {
    content: "650px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-12 .dpf-700:before {
    content: "700px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-12 .dpf-750:before {
    content: "750px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-12 .dpf-800:before {
    content: "800px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-12 .dpf-850:before {
    content: "850px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-12 .dpf-900:before {
    content: "900px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-12 .dpf-950:before {
    content: "950px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-12 .dpf-1000:before {
    content: "1000px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-12 .dpf-1050:before {
    content: "1050px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-1100:after {
    width: 1100px !important;
  }
  .dpf-pn-12 .dpf-1100:before {
    content: "1100px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1150:after {
    width: 1150px !important;
  }
  .dpf-pn-12 .dpf-1150:before {
    content: "1150px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1200:after {
    width: 1200px !important;
  }
  .dpf-pn-12 .dpf-1200:before {
    content: "1200px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1250:after {
    width: 1250px !important;
  }
  .dpf-pn-12 .dpf-1250:before {
    content: "1250px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1300:after {
    width: 1300px !important;
  }
  .dpf-pn-12 .dpf-1300:before {
    content: "1300px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1350:after {
    width: 1350px !important;
  }
  .dpf-pn-12 .dpf-1350:before {
    content: "1350px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1400:after {
    width: 1400px !important;
  }
  .dpf-pn-12 .dpf-1400:before {
    content: "1400px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1450:after {
    width: 1450px !important;
  }
  .dpf-pn-12 .dpf-1450:before {
    content: "1450px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1500:after {
    width: 1500px !important;
  }
  .dpf-pn-12 .dpf-1500:before {
    content: "1500px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1550:after {
    width: 1550px !important;
  }
  .dpf-pn-12 .dpf-1550:before {
    content: "1550px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1600:after {
    width: 1600px !important;
  }
  .dpf-pn-12 .dpf-1600:before {
    content: "1600px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1650:after {
    width: 1650px !important;
  }
  .dpf-pn-12 .dpf-1650:before {
    content: "1650px ~ 11 colums" !important;
  }
}

.w-form__anchor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: initial !important;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.w-form__anchor .dpf-50 {
  min-width: 50px;
  max-width: 150px;
  -ms-flex: 1;
      flex: 1;
}

.w-form__anchor .dpf-100 {
  min-width: 100px;
  max-width: 200px;
  -ms-flex: 2;
      flex: 2;
}

.w-form__anchor .dpf-150 {
  min-width: 150px;
  max-width: 250px;
  -ms-flex: 3;
      flex: 3;
}

.w-form__anchor .dpf-200 {
  min-width: 200px;
  max-width: 300px;
  -ms-flex: 4;
      flex: 4;
}

.w-form__anchor .dpf-250 {
  min-width: 250px;
  max-width: 350px;
  -ms-flex: 5;
      flex: 5;
}

.w-form__anchor .dpf-300 {
  min-width: 300px;
  max-width: 400px;
  -ms-flex: 6;
      flex: 6;
}

.w-form__anchor .dpf-350 {
  min-width: 350px;
  max-width: 450px;
  -ms-flex: 7;
      flex: 7;
}

.w-form__anchor .dpf-400 {
  min-width: 400px;
  max-width: 500px;
  -ms-flex: 8;
      flex: 8;
}

.w-form__anchor .dpf-450 {
  min-width: 450px;
  max-width: 550px;
  -ms-flex: 9;
      flex: 9;
}

.w-form__anchor .dpf-500 {
  min-width: 500px;
  max-width: 600px;
  -ms-flex: 10;
      flex: 10;
}

.w-form__anchor .dpf-550 {
  min-width: 550px;
  max-width: 650px;
  -ms-flex: 11;
      flex: 11;
}

.w-form__anchor .dpf-600 {
  min-width: 600px;
  max-width: 700px;
  -ms-flex: 12;
      flex: 12;
}

.w-form__anchor .dpf-650 {
  min-width: 650px;
  max-width: 750px;
  -ms-flex: 13;
      flex: 13;
}

.w-form__anchor .dpf-700 {
  min-width: 700px;
  max-width: 800px;
  -ms-flex: 14;
      flex: 14;
}

.w-form__anchor .dpf-750 {
  min-width: 750px;
  max-width: 850px;
  -ms-flex: 15;
      flex: 15;
}

.w-form__anchor .dpf-800 {
  min-width: 800px;
  max-width: 900px;
  -ms-flex: 16;
      flex: 16;
}

.w-form__anchor .dpf-850 {
  min-width: 850px;
  max-width: 950px;
  -ms-flex: 17;
      flex: 17;
}

.w-form__anchor .dpf-900 {
  min-width: 900px;
  max-width: 1000px;
  -ms-flex: 18;
      flex: 18;
}

.w-form__anchor .dpf-950 {
  min-width: 950px;
  max-width: 1050px;
  -ms-flex: 19;
      flex: 19;
}

.w-form__anchor .dpf-1000 {
  min-width: 1000px;
  max-width: 1100px;
  -ms-flex: 20;
      flex: 20;
}

.w-form__anchor .dpf-1050 {
  min-width: 1050px;
  max-width: 1150px;
  -ms-flex: 21;
      flex: 21;
}

.w-form__anchor .dpf-1100 {
  min-width: 1100px;
  max-width: 1200px;
  -ms-flex: 22;
      flex: 22;
}

.w-form__anchor .dpf-1150 {
  min-width: 1150px;
  max-width: 1250px;
  -ms-flex: 23;
      flex: 23;
}

.w-form__anchor .dpf-1200 {
  min-width: 1200px;
  max-width: 1300px;
  -ms-flex: 24;
      flex: 24;
}

.w-form__anchor .dpf-1250 {
  min-width: 1250px;
  max-width: 1350px;
  -ms-flex: 25;
      flex: 25;
}

.w-form__anchor .dpf-1300 {
  min-width: 1300px;
  max-width: 1400px;
  -ms-flex: 26;
      flex: 26;
}

.w-form__anchor .dpf-1350 {
  min-width: 1350px;
  max-width: 1450px;
  -ms-flex: 27;
      flex: 27;
}

.w-form__anchor .dpf-1400 {
  min-width: 1400px;
  max-width: 1500px;
  -ms-flex: 28;
      flex: 28;
}

.w-form__anchor .dpf-1450 {
  min-width: 1450px;
  max-width: 1550px;
  -ms-flex: 29;
      flex: 29;
}

.w-form__anchor .dpf-1500 {
  min-width: 1500px;
  max-width: 1600px;
  -ms-flex: 30;
      flex: 30;
}

.w-form__anchor .dpf-1550 {
  min-width: 1550px;
  max-width: 1650px;
  -ms-flex: 31;
      flex: 31;
}

.w-form__anchor .dpf-1600 {
  min-width: 1600px;
  max-width: 1700px;
  -ms-flex: 32;
      flex: 32;
}

.w-form__anchor .dpf-1650 {
  min-width: 1650px;
  max-width: 1750px;
  -ms-flex: 33;
      flex: 33;
}

.dark-skin .w-attr-container__label--disabled {
  color: #8c8c8c !important;
}

.full-height-container {
  left: 0;
  right: 0;
  bottom: 0;
  position: relative;
  background-color: #f8f6f3;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: auto;
}

.container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.funcao {
  outline: 0;
  float: left;
  margin: 10px 15px;
  text-align: center;
  height: 148px;
  width: 128px;
}

.funcao-contents {
}

.funcao-contents.funcao-disabled {
  opacity: 0.3;
}

.funcao-contents:active:not(.suppress-active),
.funcao:not(.click-focus):focus .funcao-contents:not(.suppress-active),
.drag-representation:not(.placing) .funcao-contents {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

/* Don't animate the initial scaling.  */
.funcao-contents:active:not(.suppress-active),
.funcao-contents.suppress-active {
  transition-duration: 0;
  -webkit-transition-duration: 0;
}

.funcao-contents > span {
  display: block;
  /*font-size: var(--font-size-caption);*/
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}

.funcao-img-container {
  /* -webkit-mask-image set by JavaScript to the image source. */
  -webkit-mask-size: 100% 100%;
  margin-left: auto;
  margin-right: auto;
}

.funcao-img-container > * {
  height: 64px;
  width: 64px;
}

.funcao-icon-div {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  background-color: white;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  display: -webkit-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  vertical-align: middle;
  z-index: 0;
}

.funcao-icon-div .funcao-img-container {
  bottom: 10px;
  left: 10px;
  position: absolute;
}

.funcao-icon-div .color-stripe {
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
  bottom: 0;
  height: 3px;
  opacity: 1.0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.launch-click-target {
  cursor: pointer;
}

.funcao .invisible {
  visibility: hidden;
}

.tasy-group-box.span12 {
  margin-left: 0px;
  margin-bottom: 10px;
  background-color: white;
}

.tasy-group-box.span12 span.gwt-RadioButton {
  margin-left: 6px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.tasy-group-box .group-box-container {
  display: -ms-flexbox;
  display: flex;
}

.tasy-group-box .group-box-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 0 auto;
      flex: 0 auto;
  min-width: 0;
}

/*!
* Sobrescrita do estilo da ui-grid para deixa com a aparência requerida pelo design.
*/
.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -2px;
}

.ui-grid-column-menu-button-last-col {
  margin-right: 0;
}

.ui-grid-viewport {
  max-width: 100%;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: transparent;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: transparent;
}

.ui-grid-header-cell .ui-grid-cell-contents {
  margin-right: 5px;
}

.ui-grid-cell-contents {
  padding-left: 2px;
}

[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  width: 6px;
  margin-left: 0;
}

.ui-grid-pager-panel {
  bottom: inherit;
}

.ui-grid-pager-control {
  margin-left: 5px;
}

.ui-grid-pager-control button {
  height: 24px;
  padding: 6px 8px;
}

.ui-grid-pager-control input {
  padding: 2px 3px 2px 7px;
  height: 24px;
}

@font-face {
  font-family: 'ui-grid';
  src: url("/assets/fonts/ui-grid.eot");
  src: url("/assets/fonts/ui-grid/ui-grid.woff") format("woff"), url("/assets/fonts/ui-grid/ui-grid.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

schematics-form {
  min-height: 0;
  height: 100%;
}

:root {
  --breakpoint-font-size-root: 16px;
  --breakpoint-media-query-min-width: 1440px;
  --breakpoint-media-query-max-width: 1919px;
  --breakpoint-grid-columns: 12;
  --breakpoint-grid-fluid-margin: 16px;
  --breakpoint-grid-fluid-gap: 16px;
  --breakpoint-application-template-sidebar-width: 400px;
  --breakpoint-application-template-content-navigation-scrollable-width-fixed: 1280px;
  --breakpoint-application-template-content-scrollable-width-fixed: 1280px;
  --breakpoint-application-template-main-scrollable-gap: var(--foundation-space-10);
  --breakpoint-application-template-main-scrollable-padding: var(--foundation-space-10) var(--foundation-space-none) var(--foundation-space-10) var(--foundation-space-none);
  --breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal: var(--generation-on-xsmall-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --breakpoint-header-bar-container-row-gap: var(--foundation-space-7);
  --breakpoint-menu-popover-container-min-width: 240px;
  --breakpoint-menu-popover-container-max-width: 480px;
  --breakpoint-menu-popover-container-max-height: 572px;
  --breakpoint-flex-container-space-0: var(--foundation-space-none);
  --breakpoint-flex-container-space-2: var(--foundation-space-05);
  --breakpoint-flex-container-space-4: var(--foundation-space-1);
  --breakpoint-flex-container-space-8: var(--foundation-space-2);
  --breakpoint-flex-container-space-12: var(--foundation-space-3);
  --breakpoint-flex-container-space-16: var(--foundation-space-4);
  --breakpoint-flex-container-space-20: var(--foundation-space-5);
  --breakpoint-flex-container-space-24: var(--foundation-space-6);
  --breakpoint-flex-container-space-28: var(--foundation-space-7);
  --breakpoint-flex-container-space-32: var(--foundation-space-8);
  --breakpoint-flex-container-space-40: var(--foundation-space-10);
  --breakpoint-flex-container-space-48: var(--foundation-space-12);
  --breakpoint-flex-container-space-64: var(--foundation-space-16);
  --breakpoint-flex-container-space-80: var(--foundation-space-20);
  --breakpoint-flex-container-space-96: var(--foundation-space-24)
;
}

:root {
  --brand-on-light-color-primary-normal: var(--foundation-emr-color-blue-50);
  --brand-on-light-color-primary-hover: var(--foundation-emr-color-blue-55);
  --brand-on-light-color-primary-active: var(--foundation-emr-color-blue-60);
  --brand-on-light-color-primary-selected: var(--foundation-emr-color-blue-50);
  --brand-on-light-color-primary-disabled: rgb(from var(--foundation-emr-color-blue-50) r g b / 0.3);
  --brand-on-light-color-primary-low: var(--brand-color-300);
  --brand-on-light-color-on-primary-normal: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-hover: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-active: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-selected: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-disabled: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-primary-signal-normal: var(--foundation-emr-signal-blue-50);
  --brand-on-light-color-primary-signal-hover: var(--foundation-emr-signal-blue-60);
  --brand-on-light-color-primary-signal-active: var(--foundation-emr-signal-blue-70);
  --brand-on-light-color-primary-signal-selected: var(--foundation-emr-signal-blue-50);
  --brand-on-light-color-primary-signal-disabled: rgb(from var(--foundation-emr-signal-blue-50) r g b / 0.3);
  --brand-on-light-color-on-primary-signal-normal: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-signal-hover: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-signal-active: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-signal-selected: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-on-primary-signal-disabled: var(--foundation-emr-color-neutral-white);
  --brand-on-light-color-secondary-normal: var(--foundation-emr-color-gray-10);
  --brand-on-light-color-secondary-hover: var(--foundation-emr-color-gray-15);
  --brand-on-light-color-secondary-active: var(--foundation-emr-color-gray-20);
  --brand-on-light-color-secondary-selected: var(--foundation-emr-color-blue-10);
  --brand-on-light-color-secondary-disabled: var(--foundation-emr-color-gray-05);
  --brand-on-light-color-on-secondary-normal: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-secondary-hover: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-secondary-active: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-secondary-selected: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-secondary-disabled: var(--foundation-emr-color-gray-25);
  --brand-on-light-color-quiet-normal: var(--foundation-emr-color-neutral-transparent);
  --brand-on-light-color-quiet-hover: var(--foundation-emr-color-neutral-transparent);
  --brand-on-light-color-quiet-active: var(--foundation-emr-color-neutral-transparent);
  --brand-on-light-color-quiet-disabled: var(--foundation-emr-color-neutral-transparent);
  --brand-on-light-color-on-quiet-normal: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-quiet-hover: rgb(from var(--foundation-emr-color-gray-75) r g b / 0.8);
  --brand-on-light-color-on-quiet-active: rgb(from var(--foundation-emr-color-gray-75) r g b / 0.65);
  --brand-on-light-color-on-quiet-disabled: var(--foundation-emr-color-gray-25);
  --brand-on-light-color-quiet-list-normal: var(--foundation-emr-color-neutral-transparent);
  --brand-on-light-color-quiet-list-hover: var(--foundation-emr-color-gray-05);
  --brand-on-light-color-quiet-list-active: var(--foundation-emr-color-gray-10);
  --brand-on-light-color-quiet-list-selected: var(--foundation-emr-color-blue-10);
  --brand-on-light-color-quiet-list-disabled: var(--foundation-emr-color-neutral-transparent);
  --brand-on-light-color-on-quiet-list-normal: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-quiet-list-hover: rgb(from var(--foundation-emr-color-gray-75) r g b / 0.8);
  --brand-on-light-color-on-quiet-list-active: rgb(from var(--foundation-emr-color-gray-75) r g b / 0.65);
  --brand-on-light-color-on-quiet-list-selected: var(--foundation-emr-color-gray-75);
  --brand-on-light-color-on-quiet-list-disabled: var(--foundation-emr-color-gray-25);
  --brand-on-dark-color-primary-normal: var(--foundation-emr-signal-blue-30);
  --brand-on-dark-color-primary-hover: var(--foundation-emr-signal-blue-20);
  --brand-on-dark-color-primary-active: var(--foundation-emr-signal-blue-40);
  --brand-on-dark-color-primary-selected: var(--foundation-emr-color-group-blue-20);
  --brand-on-dark-color-primary-disabled: rgb(from var(--foundation-emr-signal-blue-30) r g b / 0.3);
  --brand-on-dark-color-primary-low: var(--brand-color-300);
  --brand-on-dark-color-on-primary-normal: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-hover: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-active: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-selected: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-disabled: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-primary-signal-normal: var(--foundation-emr-signal-blue-30);
  --brand-on-dark-color-primary-signal-hover: var(--foundation-emr-signal-blue-20);
  --brand-on-dark-color-primary-signal-active: var(--foundation-emr-signal-blue-40);
  --brand-on-dark-color-primary-signal-selected: var(--foundation-emr-color-group-blue-20);
  --brand-on-dark-color-primary-signal-disabled: rgb(from var(--foundation-emr-signal-blue-30) r g b / 0.3);
  --brand-on-dark-color-on-primary-signal-normal: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-signal-hover: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-signal-active: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-signal-selected: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-primary-signal-disabled: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-secondary-normal: var(--foundation-emr-color-gray-20);
  --brand-on-dark-color-secondary-hover: var(--foundation-emr-color-gray-15);
  --brand-on-dark-color-secondary-active: var(--foundation-emr-color-gray-40);
  --brand-on-dark-color-secondary-selected: var(--foundation-emr-color-group-blue-20);
  --brand-on-dark-color-secondary-disabled: var(--foundation-emr-color-gray-55);
  --brand-on-dark-color-on-secondary-normal: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-secondary-hover: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-secondary-active: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-secondary-selected: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-secondary-disabled: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-quiet-normal: var(--foundation-emr-color-neutral-transparent);
  --brand-on-dark-color-quiet-hover: var(--foundation-emr-color-neutral-transparent);
  --brand-on-dark-color-quiet-active: var(--foundation-emr-color-neutral-transparent);
  --brand-on-dark-color-quiet-disabled: var(--foundation-emr-color-neutral-transparent);
  --brand-on-dark-color-on-quiet-normal: var(--foundation-emr-color-neutral-white);
  --brand-on-dark-color-on-quiet-hover: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.8);
  --brand-on-dark-color-on-quiet-active: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.6);
  --brand-on-dark-color-on-quiet-disabled: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.4);
  --brand-on-dark-color-quiet-list-normal: var(--foundation-emr-color-neutral-transparent);
  --brand-on-dark-color-quiet-list-hover: var(--foundation-emr-color-gray-60);
  --brand-on-dark-color-quiet-list-active: var(--foundation-emr-color-gray-55);
  --brand-on-dark-color-quiet-list-selected: var(--foundation-emr-color-group-blue-20);
  --brand-on-dark-color-quiet-list-disabled: var(--foundation-emr-color-neutral-transparent);
  --brand-on-dark-color-on-quiet-list-normal: var(--foundation-emr-color-neutral-white);
  --brand-on-dark-color-on-quiet-list-hover: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.8);
  --brand-on-dark-color-on-quiet-list-active: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.6);
  --brand-on-dark-color-on-quiet-list-selected: var(--foundation-emr-color-gray-75);
  --brand-on-dark-color-on-quiet-list-disabled: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.4);
  --brand-on-bright-background-content-static: var(--generation-color-neutral-black);
  --brand-on-bright-background-content-primary: var(--generation-color-s-blue-750);
  --brand-on-bright-background-content-secondary: var(--generation-color-s-blue-700);
  --brand-on-bright-background-content-tertiary: var(--generation-color-s-blue-50);
  --brand-color-50: var(--generation-color-s-blue-50);
  --brand-color-100: var(--generation-color-s-blue-100);
  --brand-color-150: var(--generation-color-s-blue-150);
  --brand-color-200: var(--generation-color-s-blue-200);
  --brand-color-250: var(--generation-color-s-blue-250);
  --brand-color-300: var(--generation-color-s-blue-300);
  --brand-color-350: var(--generation-color-s-blue-350);
  --brand-color-400: var(--generation-color-s-blue-400);
  --brand-color-450: var(--generation-color-s-blue-450);
  --brand-color-500: var(--generation-color-s-blue-500);
  --brand-color-550: var(--generation-color-s-blue-550);
  --brand-color-600: var(--generation-color-s-blue-600);
  --brand-color-650: var(--generation-color-s-blue-650);
  --brand-color-700: var(--generation-color-s-blue-700);
  --brand-color-750: var(--generation-color-s-blue-750);
  --brand-color-800: var(--generation-color-s-blue-800);
  --brand-color-850: var(--generation-color-s-blue-850);
  --brand-color-900: var(--generation-color-s-blue-900);
  --brand-color-950: var(--generation-color-s-blue-950);
  --brand-ref-on-light-color-surface-primary-normal: var(--generation-color-blue-50);
  --brand-ref-on-light-color-primary-normal: var(--foundation-emr-color-blue-50);
  --brand-ref-on-light-color-primary-hover: #25669D;
  --brand-ref-on-light-color-primary-active: #1F5482;
  --brand-ref-on-light-color-primary-disabled: #B1CBE0;
  --brand-ref-on-light-color-on-primary-default: var(--generation-color-neutral-white);
  --brand-ref-on-light-color-on-primary-disabled: var(--generation-color-neutral-white);
  --brand-ref-on-light-color-secondary-normal: var(--generation-color-gray-100);
  --brand-ref-on-light-color-secondary-hover: #D5D5D5;
  --brand-ref-on-light-color-secondary-active: #B0B0B0;
  --brand-ref-on-light-color-secondary-disabled: #FBFBFB;
  --brand-ref-on-light-color-on-secondary-default: var(--generation-color-gray-800);
  --brand-ref-on-light-color-on-secondary-disabled: #AFAFAF;
  --brand-ref-on-light-color-on-emphasis-normal: #0096ED;
  --brand-ref-on-light-color-on-emphasis-hover: #0096ED;
  --brand-ref-on-light-color-on-emphasis-active: #0096ED;
  --brand-ref-on-light-color-on-emphasis-disabled: #BFBFBF;
  --brand-ref-on-light-color-on-quiet-normal: var(--generation-color-gray-800);
  --brand-ref-on-light-color-on-quiet-hover: var(--generation-color-gray-850);
  --brand-ref-on-light-color-on-quiet-active: var(--generation-color-gray-900);
  --brand-ref-on-light-color-on-quiet-disabled: #BFBFBF;
  --brand-ref-on-dark-color-surface-primary-normal: var(--generation-color-blue-900);
  --brand-ref-on-dark-color-primary-normal: var(--brand-color-450);
  --brand-ref-on-dark-color-primary-hover: #3fbfff;
  --brand-ref-on-dark-color-primary-active: #016699;
  --brand-ref-on-dark-color-primary-disabled: #014466;
  --brand-ref-on-dark-color-secondary-normal: var(--generation-color-gray-200);
  --brand-ref-on-dark-color-secondary-hover: #D2D2D2;
  --brand-ref-on-dark-color-secondary-active: #757575;
  --brand-ref-on-dark-color-secondary-disabled: #4E4E4E;
  --brand-ref-on-dark-color-on-secondary-default: var(--generation-color-gray-800);
  --brand-ref-on-dark-color-on-secondary-disabled: var(--generation-color-gray-800);
  --brand-ref-on-dark-color-on-emphasis-normal: var(--foundation-emr-signal-blue-20);
  --brand-ref-on-dark-color-on-emphasis-hover: rgb(from var(--foundation-emr-signal-blue-20) r g b / 0.76);
  --brand-ref-on-dark-color-on-emphasis-active: rgb(from var(--foundation-emr-signal-blue-20) r g b / 0.6);
  --brand-ref-on-dark-color-on-emphasis-disabled: rgb(from var(--foundation-emr-signal-blue-20) r g b / 0.4);
  --brand-ref-on-dark-color-on-quiet-normal: var(--generation-color-neutral-white);
  --brand-ref-on-dark-color-on-quiet-hover: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.76);
  --brand-ref-on-dark-color-on-quiet-active: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.6);
  --brand-ref-on-dark-color-on-quiet-disabled: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.4);
  --brand-ref-on-dark-color-primary-signal-normal: var(--foundation-emr-signal-blue-30);
  --brand-ref-on-dark-color-primary-signal-hover: var(--foundation-emr-signal-blue-20);
  --brand-ref-on-dark-color-primary-signal-active: var(--foundation-emr-signal-blue-40)
;
}

:root {
  --foundation-emr-color-neutral-white: #ffffff;
  --foundation-emr-color-neutral-black: #000000;
  --foundation-emr-color-neutral-transparent: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0);
  --foundation-emr-color-gray-10: #e8e8e8;
  --foundation-emr-color-gray-15: #d6d6d6;
  --foundation-emr-color-gray-20: #c4c4c4;
  --foundation-emr-color-gray-25: #b0b0b0;
  --foundation-emr-color-gray-30: #9e9e9e;
  --foundation-emr-color-gray-35: #8c8c8c;
  --foundation-emr-color-gray-40: #787878;
  --foundation-emr-color-gray-45: #696969;
  --foundation-emr-color-gray-50: #595959;
  --foundation-emr-color-gray-55: #4d4d4d;
  --foundation-emr-color-gray-60: #454545;
  --foundation-emr-color-gray-65: #383838;
  --foundation-emr-color-gray-70: #2b2b2b;
  --foundation-emr-color-gray-75: #212121;
  --foundation-emr-color-gray-80: #171717;
  --foundation-emr-color-gray-85: #0e0e0e;
  --foundation-emr-color-gray-90: #050505;
  --foundation-emr-color-gray-05: #f5f5f5;
  --foundation-emr-color-group-blue-10: #daf1f7;
  --foundation-emr-color-group-blue-15: #bfe2eb;
  --foundation-emr-color-group-blue-20: #9dd3e3;
  --foundation-emr-color-group-blue-25: #7cc0d9;
  --foundation-emr-color-group-blue-30: #5dafd1;
  --foundation-emr-color-group-blue-35: #439ac1;
  --foundation-emr-color-group-blue-40: #2b86b2;
  --foundation-emr-color-group-blue-45: #1474a4;
  --foundation-emr-color-group-blue-50: #176498;
  --foundation-emr-color-group-blue-55: #1b578e;
  --foundation-emr-color-group-blue-60: #1d4c84;
  --foundation-emr-color-group-blue-65: #1c417a;
  --foundation-emr-color-group-blue-70: #1a3670;
  --foundation-emr-color-group-blue-75: #1c2d66;
  --foundation-emr-color-group-blue-80: #1c255c;
  --foundation-emr-color-group-blue-85: #191d4f;
  --foundation-emr-color-group-blue-90: #0a0c1e;
  --foundation-emr-color-group-blue-05: #f0f8fa;
  --foundation-emr-color-blue-10: #deeaff;
  --foundation-emr-color-blue-15: #c5dafb;
  --foundation-emr-color-blue-20: #abcbf7;
  --foundation-emr-color-blue-25: #8db9ef;
  --foundation-emr-color-blue-30: #72abeb;
  --foundation-emr-color-blue-35: #5a9ada;
  --foundation-emr-color-blue-40: #438bcc;
  --foundation-emr-color-blue-45: #337fbf;
  --foundation-emr-color-blue-50: #296fab;
  --foundation-emr-color-blue-55: #236197;
  --foundation-emr-color-blue-60: #1c5385;
  --foundation-emr-color-blue-65: #164776;
  --foundation-emr-color-blue-70: #123e68;
  --foundation-emr-color-blue-75: #0d3459;
  --foundation-emr-color-blue-80: #092f52;
  --foundation-emr-color-blue-85: #05294a;
  --foundation-emr-color-blue-90: #02101b;
  --foundation-emr-color-blue-05: #f2f6ff;
  --foundation-emr-color-aqua-10: #daf1f2;
  --foundation-emr-color-aqua-15: #c1e4e6;
  --foundation-emr-color-aqua-20: #9bd5d6;
  --foundation-emr-color-aqua-25: #79c8c6;
  --foundation-emr-color-aqua-30: #5cbcb7;
  --foundation-emr-color-aqua-35: #42ada1;
  --foundation-emr-color-aqua-40: #299f8f;
  --foundation-emr-color-aqua-45: #189383;
  --foundation-emr-color-aqua-50: #158275;
  --foundation-emr-color-aqua-55: #14726c;
  --foundation-emr-color-aqua-60: #136363;
  --foundation-emr-color-aqua-65: #15555a;
  --foundation-emr-color-aqua-70: #174a52;
  --foundation-emr-color-aqua-75: #18414b;
  --foundation-emr-color-aqua-80: #183842;
  --foundation-emr-color-aqua-85: #0f303b;
  --foundation-emr-color-aqua-90: #061316;
  --foundation-emr-color-aqua-05: #f0f9fa;
  --foundation-emr-color-green-10: #ecf2ac;
  --foundation-emr-color-green-15: #dee784;
  --foundation-emr-color-green-20: #ced95f;
  --foundation-emr-color-green-25: #becc44;
  --foundation-emr-color-green-30: #b0bd31;
  --foundation-emr-color-green-35: #97b326;
  --foundation-emr-color-green-40: #77a422;
  --foundation-emr-color-green-45: #5f9920;
  --foundation-emr-color-green-50: #3e8a29;
  --foundation-emr-color-green-55: #1e782e;
  --foundation-emr-color-green-60: #006b34;
  --foundation-emr-color-green-65: #005b33;
  --foundation-emr-color-green-70: #004e30;
  --foundation-emr-color-green-75: #06422d;
  --foundation-emr-color-green-80: #0c382b;
  --foundation-emr-color-green-85: #102e26;
  --foundation-emr-color-green-90: #06120e;
  --foundation-emr-color-green-05: #f7fad4;
  --foundation-emr-color-orange-10: #fcedba;
  --foundation-emr-color-orange-15: #fce290;
  --foundation-emr-color-orange-20: #f7d368;
  --foundation-emr-color-orange-25: #f2c544;
  --foundation-emr-color-orange-30: #ebb626;
  --foundation-emr-color-orange-35: #e6a219;
  --foundation-emr-color-orange-40: #e38b10;
  --foundation-emr-color-orange-45: #de7510;
  --foundation-emr-color-orange-50: #cc6116;
  --foundation-emr-color-orange-55: #b44c1e;
  --foundation-emr-color-orange-60: #a63d21;
  --foundation-emr-color-orange-65: #923323;
  --foundation-emr-color-orange-70: #802726;
  --foundation-emr-color-orange-75: #6e202d;
  --foundation-emr-color-orange-80: #5c1b2e;
  --foundation-emr-color-orange-85: #4d192b;
  --foundation-emr-color-orange-90: #1e0910;
  --foundation-emr-color-orange-05: #fdf5d7;
  --foundation-emr-color-pink-10: #fae6ea;
  --foundation-emr-color-pink-15: #f6d0d7;
  --foundation-emr-color-pink-20: #f2bac6;
  --foundation-emr-color-pink-25: #eea4b5;
  --foundation-emr-color-pink-30: #ec8ba1;
  --foundation-emr-color-pink-35: #e8728e;
  --foundation-emr-color-pink-40: #e85d80;
  --foundation-emr-color-pink-45: #e04a71;
  --foundation-emr-color-pink-50: #d13b66;
  --foundation-emr-color-pink-55: #be2a5d;
  --foundation-emr-color-pink-60: #ad1c57;
  --foundation-emr-color-pink-65: #97144c;
  --foundation-emr-color-pink-70: #801145;
  --foundation-emr-color-pink-75: #6b0e3f;
  --foundation-emr-color-pink-80: #5c0c3c;
  --foundation-emr-color-pink-85: #4d0a34;
  --foundation-emr-color-pink-90: #1e0414;
  --foundation-emr-color-pink-05: #fbf5f6;
  --foundation-emr-color-purple-10: #eee6fc;
  --foundation-emr-color-purple-15: #e0d1f1;
  --foundation-emr-color-purple-20: #d6b9e6;
  --foundation-emr-color-purple-25: #cda2dc;
  --foundation-emr-color-purple-30: #c48cd4;
  --foundation-emr-color-purple-35: #b972bf;
  --foundation-emr-color-purple-40: #b35bb2;
  --foundation-emr-color-purple-45: #ab46a4;
  --foundation-emr-color-purple-50: #9c3790;
  --foundation-emr-color-purple-55: #902c7e;
  --foundation-emr-color-purple-60: #82236f;
  --foundation-emr-color-purple-65: #6f1e5f;
  --foundation-emr-color-purple-70: #5e1a54;
  --foundation-emr-color-purple-75: #4d174a;
  --foundation-emr-color-purple-80: #401442;
  --foundation-emr-color-purple-85: #331138;
  --foundation-emr-color-purple-90: #160718;
  --foundation-emr-color-purple-05: #f7f5ff;
  --foundation-emr-signal-indigo-20: #9dc8ff;
  --foundation-emr-signal-indigo-30: #80b5ff;
  --foundation-emr-signal-indigo-40: #63a2ff;
  --foundation-emr-signal-indigo-45: #4c87fc;
  --foundation-emr-signal-indigo-50: #3975ed;
  --foundation-emr-signal-indigo-60: #3262db;
  --foundation-emr-signal-blue-20: #4accff;
  --foundation-emr-signal-blue-30: #41c9fe;
  --foundation-emr-signal-blue-40: #21b9ff;
  --foundation-emr-signal-blue-45: #03abff;
  --foundation-emr-signal-blue-50: #009bf5;
  --foundation-emr-signal-blue-60: #008ee8;
  --foundation-emr-signal-blue-70: #036CC8;
  --foundation-emr-signal-cyan-30: #91f2e7;
  --foundation-emr-signal-cyan-40: #5eeedd;
  --foundation-emr-signal-cyan-45: #00e6c6;
  --foundation-emr-signal-cyan-50: #00d9b8;
  --foundation-emr-signal-cyan-60: #00c9a4;
  --foundation-emr-signal-cyan-65: #22a78e;
  --foundation-emr-signal-green-30: #45de85;
  --foundation-emr-signal-green-40: #23cc72;
  --foundation-emr-signal-green-45: #00bd5e;
  --foundation-emr-signal-green-50: #00ab5b;
  --foundation-emr-signal-green-60: #009957;
  --foundation-emr-signal-green-65: #00854c;
  --foundation-emr-signal-green-70: #00854B;
  --foundation-emr-signal-lime-30: #c6f759;
  --foundation-emr-signal-lime-40: #b7f03c;
  --foundation-emr-signal-lime-45: #9feb07;
  --foundation-emr-signal-lime-50: #8dde00;
  --foundation-emr-signal-lime-60: #7bcc00;
  --foundation-emr-signal-lime-65: #72a22a;
  --foundation-emr-signal-yellow-30: #ffed5e;
  --foundation-emr-signal-yellow-40: #ffdd19;
  --foundation-emr-signal-yellow-45: #ffcd05;
  --foundation-emr-signal-yellow-50: #fab700;
  --foundation-emr-signal-yellow-60: #f2a200;
  --foundation-emr-signal-orange-30: #ffb640;
  --foundation-emr-signal-orange-40: #ff9f19;
  --foundation-emr-signal-orange-45: #ff830f;
  --foundation-emr-signal-orange-50: #f76700;
  --foundation-emr-signal-orange-60: #e65800;
  --foundation-emr-signal-orange-70: #CC4B00;
  --foundation-emr-signal-red-20: #ffa799;
  --foundation-emr-signal-red-30: #ff8370;
  --foundation-emr-signal-red-40: #ff6d59;
  --foundation-emr-signal-red-45: #fa5a4b;
  --foundation-emr-signal-red-50: #f2463d;
  --foundation-emr-signal-red-60: #de3835;
  --foundation-emr-signal-red-70: #C2231F;
  --foundation-emr-signal-pink-30: #ff9cdc;
  --foundation-emr-signal-pink-40: #ff8ad6;
  --foundation-emr-signal-pink-45: #ff6bc4;
  --foundation-emr-signal-pink-50: #ff4cb2;
  --foundation-emr-signal-pink-60: #f23d9a;
  --foundation-emr-signal-purple-20: #EE99FF;
  --foundation-emr-signal-purple-30: #d780ff;
  --foundation-emr-signal-purple-40: #cf66ff;
  --foundation-emr-signal-purple-45: #c04aff;
  --foundation-emr-signal-purple-50: #af3bed;
  --foundation-emr-signal-purple-60: #a128ed;
  --foundation-emr-signal-gray-30: var(--foundation-emr-color-gray-30);
  --foundation-emr-signal-gray-45: var(--foundation-emr-color-gray-45);
  --foundation-emr-signal-gray-60: var(--foundation-emr-color-gray-60);
  --foundation-ai-purple-2: #0c0712;
  --foundation-ai-purple-6: #201230;
  --foundation-ai-purple-10: #2d1943;
  --foundation-ai-purple-14: #3a2055;
  --foundation-ai-purple-18: #442664;
  --foundation-ai-purple-22: #4f2b73;
  --foundation-ai-purple-26: #593181;
  --foundation-ai-purple-30: #633790;
  --foundation-ai-purple-34: #6f3c9f;
  --foundation-ai-purple-38: #7741aa;
  --foundation-ai-purple-42: #8146b9;
  --foundation-ai-purple-46: #8b51bd;
  --foundation-ai-purple-50: #925cc1;
  --foundation-ai-purple-54: #9a67c5;
  --foundation-ai-purple-58: #a272ca;
  --foundation-ai-purple-62: #aa7ece;
  --foundation-ai-purple-66: #b189d2;
  --foundation-ai-purple-70: #b994d6;
  --foundation-ai-purple-74: #c19fdb;
  --foundation-ai-purple-78: #caaee0;
  --foundation-ai-purple-82: #d2b9e4;
  --foundation-ai-purple-86: #dcc8ea;
  --foundation-ai-purple-90: #e5d6f0;
  --foundation-ai-purple-94: #efe5f5;
  --foundation-ai-purple-98: #f8f4fb;
  --foundation-dls-color-neutral-white: #ffffff;
  --foundation-dls-color-neutral-black: #000000;
  --foundation-dls-color-neutral-transparent: rgb(from var(--foundation-dls-color-neutral-white) r g b / 0);
  --foundation-dls-color-gray-10: #e8e8e8;
  --foundation-dls-color-gray-15: #d6d6d6;
  --foundation-dls-color-gray-20: #c4c4c4;
  --foundation-dls-color-gray-25: #b0b0b0;
  --foundation-dls-color-gray-30: #9e9e9e;
  --foundation-dls-color-gray-35: #8c8c8c;
  --foundation-dls-color-gray-40: #787878;
  --foundation-dls-color-gray-45: #696969;
  --foundation-dls-color-gray-50: #595959;
  --foundation-dls-color-gray-55: #4d4d4d;
  --foundation-dls-color-gray-60: #454545;
  --foundation-dls-color-gray-65: #383838;
  --foundation-dls-color-gray-70: #2b2b2b;
  --foundation-dls-color-gray-75: #212121;
  --foundation-dls-color-gray-80: #171717;
  --foundation-dls-color-gray-85: #0e0e0e;
  --foundation-dls-color-gray-90: #050505;
  --foundation-dls-color-gray-05: #f5f5f5;
  --foundation-dls-color-group-blue-10: #daf1f7;
  --foundation-dls-color-group-blue-15: #bfe2eb;
  --foundation-dls-color-group-blue-20: #9dd3e3;
  --foundation-dls-color-group-blue-25: #7cc0d9;
  --foundation-dls-color-group-blue-30: #5dafd1;
  --foundation-dls-color-group-blue-35: #439ac1;
  --foundation-dls-color-group-blue-40: #2b86b2;
  --foundation-dls-color-group-blue-45: #1474a4;
  --foundation-dls-color-group-blue-50: #176498;
  --foundation-dls-color-group-blue-55: #1b578e;
  --foundation-dls-color-group-blue-60: #1d4c84;
  --foundation-dls-color-group-blue-65: #1c417a;
  --foundation-dls-color-group-blue-70: #1a3670;
  --foundation-dls-color-group-blue-75: #1c2d66;
  --foundation-dls-color-group-blue-80: #1c255c;
  --foundation-dls-color-group-blue-85: #191d4f;
  --foundation-dls-color-group-blue-90: #0a0c1e;
  --foundation-dls-color-group-blue-05: #f0f8fa;
  --foundation-dls-color-blue-10: #deeaff;
  --foundation-dls-color-blue-15: #c5dafb;
  --foundation-dls-color-blue-20: #abcbf7;
  --foundation-dls-color-blue-25: #8db9ef;
  --foundation-dls-color-blue-30: #72abeb;
  --foundation-dls-color-blue-35: #5a9ada;
  --foundation-dls-color-blue-40: #438bcc;
  --foundation-dls-color-blue-45: #337fbf;
  --foundation-dls-color-blue-50: #296fab;
  --foundation-dls-color-blue-55: #236197;
  --foundation-dls-color-blue-60: #1c5385;
  --foundation-dls-color-blue-65: #164776;
  --foundation-dls-color-blue-70: #123e68;
  --foundation-dls-color-blue-75: #0d3459;
  --foundation-dls-color-blue-80: #092f52;
  --foundation-dls-color-blue-85: #05294a;
  --foundation-dls-color-blue-90: #02101b;
  --foundation-dls-color-blue-05: #f2f6ff;
  --foundation-dls-color-aqua-10: #daf1f2;
  --foundation-dls-color-aqua-15: #c1e4e6;
  --foundation-dls-color-aqua-20: #9bd5d6;
  --foundation-dls-color-aqua-25: #79c8c6;
  --foundation-dls-color-aqua-30: #5cbcb7;
  --foundation-dls-color-aqua-35: #42ada1;
  --foundation-dls-color-aqua-40: #299f8f;
  --foundation-dls-color-aqua-45: #189383;
  --foundation-dls-color-aqua-50: #158275;
  --foundation-dls-color-aqua-55: #14726c;
  --foundation-dls-color-aqua-60: #136363;
  --foundation-dls-color-aqua-65: #15555a;
  --foundation-dls-color-aqua-70: #174a52;
  --foundation-dls-color-aqua-75: #18414b;
  --foundation-dls-color-aqua-80: #183842;
  --foundation-dls-color-aqua-85: #0f303b;
  --foundation-dls-color-aqua-90: #061316;
  --foundation-dls-color-aqua-05: #f0f9fa;
  --foundation-dls-color-green-10: #ecf2ac;
  --foundation-dls-color-green-15: #dee784;
  --foundation-dls-color-green-20: #ced95f;
  --foundation-dls-color-green-25: #becc44;
  --foundation-dls-color-green-30: #b0bd31;
  --foundation-dls-color-green-35: #97b326;
  --foundation-dls-color-green-40: #77a422;
  --foundation-dls-color-green-45: #5f9920;
  --foundation-dls-color-green-50: #3e8a29;
  --foundation-dls-color-green-55: #1e782e;
  --foundation-dls-color-green-60: #006b34;
  --foundation-dls-color-green-65: #005b33;
  --foundation-dls-color-green-70: #004e30;
  --foundation-dls-color-green-75: #06422d;
  --foundation-dls-color-green-80: #0c382b;
  --foundation-dls-color-green-85: #102e26;
  --foundation-dls-color-green-90: #06120e;
  --foundation-dls-color-green-05: #f7fad4;
  --foundation-dls-color-orange-10: #fcedba;
  --foundation-dls-color-orange-15: #fce290;
  --foundation-dls-color-orange-20: #f7d368;
  --foundation-dls-color-orange-25: #f2c544;
  --foundation-dls-color-orange-30: #ebb626;
  --foundation-dls-color-orange-35: #e6a219;
  --foundation-dls-color-orange-40: #e38b10;
  --foundation-dls-color-orange-45: #de7510;
  --foundation-dls-color-orange-50: #cc6116;
  --foundation-dls-color-orange-55: #b44c1e;
  --foundation-dls-color-orange-60: #a63d21;
  --foundation-dls-color-orange-65: #923323;
  --foundation-dls-color-orange-70: #802726;
  --foundation-dls-color-orange-75: #6e202d;
  --foundation-dls-color-orange-80: #5c1b2e;
  --foundation-dls-color-orange-85: #4d192b;
  --foundation-dls-color-orange-90: #1e0910;
  --foundation-dls-color-orange-05: #fdf5d7;
  --foundation-dls-color-pink-10: #fae6ea;
  --foundation-dls-color-pink-15: #f6d0d7;
  --foundation-dls-color-pink-20: #f2bac6;
  --foundation-dls-color-pink-25: #eea4b5;
  --foundation-dls-color-pink-30: #ec8ba1;
  --foundation-dls-color-pink-35: #e8728e;
  --foundation-dls-color-pink-40: #e85d80;
  --foundation-dls-color-pink-45: #e04a71;
  --foundation-dls-color-pink-50: #d13b66;
  --foundation-dls-color-pink-55: #be2a5d;
  --foundation-dls-color-pink-60: #ad1c57;
  --foundation-dls-color-pink-65: #97144c;
  --foundation-dls-color-pink-70: #801145;
  --foundation-dls-color-pink-75: #6b0e3f;
  --foundation-dls-color-pink-80: #5c0c3c;
  --foundation-dls-color-pink-85: #4d0a34;
  --foundation-dls-color-pink-90: #1e0414;
  --foundation-dls-color-pink-05: #fbf5f6;
  --foundation-dls-color-purple-10: #eee6fc;
  --foundation-dls-color-purple-15: #e0d1f1;
  --foundation-dls-color-purple-20: #d6b9e6;
  --foundation-dls-color-purple-25: #cda2dc;
  --foundation-dls-color-purple-30: #c48cd4;
  --foundation-dls-color-purple-35: #b972bf;
  --foundation-dls-color-purple-40: #b35bb2;
  --foundation-dls-color-purple-45: #ab46a4;
  --foundation-dls-color-purple-50: #9c3790;
  --foundation-dls-color-purple-55: #902c7e;
  --foundation-dls-color-purple-60: #82236f;
  --foundation-dls-color-purple-65: #6f1e5f;
  --foundation-dls-color-purple-70: #5e1a54;
  --foundation-dls-color-purple-75: #4d174a;
  --foundation-dls-color-purple-80: #401442;
  --foundation-dls-color-purple-85: #331138;
  --foundation-dls-color-purple-90: #160718;
  --foundation-dls-color-purple-05: #f7f5ff;
  --foundation-dls-signal-indigo-30: #80b5ff;
  --foundation-dls-signal-indigo-40: #63a2ff;
  --foundation-dls-signal-indigo-45: #4c87fc;
  --foundation-dls-signal-indigo-50: #3975ed;
  --foundation-dls-signal-indigo-60: #3262db;
  --foundation-dls-signal-blue-30: #41c9fe;
  --foundation-dls-signal-blue-40: #21b9ff;
  --foundation-dls-signal-blue-45: #03abff;
  --foundation-dls-signal-blue-50: #009bf5;
  --foundation-dls-signal-blue-60: #008ee8;
  --foundation-dls-signal-blue-70: #036CC8;
  --foundation-dls-signal-cyan-30: #91f2e7;
  --foundation-dls-signal-cyan-40: #5eeedd;
  --foundation-dls-signal-cyan-45: #00e6c6;
  --foundation-dls-signal-cyan-50: #00d9b8;
  --foundation-dls-signal-cyan-60: #00c9a4;
  --foundation-dls-signal-green-30: #45de85;
  --foundation-dls-signal-green-40: #23cc72;
  --foundation-dls-signal-green-45: #00bd5e;
  --foundation-dls-signal-green-50: #00ab5b;
  --foundation-dls-signal-green-60: #009957;
  --foundation-dls-signal-green-70: #00854B;
  --foundation-dls-signal-lime-30: #c6f759;
  --foundation-dls-signal-lime-40: #b7f03c;
  --foundation-dls-signal-lime-45: #9feb07;
  --foundation-dls-signal-lime-50: #8dde00;
  --foundation-dls-signal-lime-60: #7bcc00;
  --foundation-dls-signal-yellow-30: #ffed5e;
  --foundation-dls-signal-yellow-40: #ffdd19;
  --foundation-dls-signal-yellow-45: #ffcd05;
  --foundation-dls-signal-yellow-50: #fab700;
  --foundation-dls-signal-yellow-60: #f2a200;
  --foundation-dls-signal-orange-30: #ffb640;
  --foundation-dls-signal-orange-40: #ff9f19;
  --foundation-dls-signal-orange-45: #ff830f;
  --foundation-dls-signal-orange-50: #f76700;
  --foundation-dls-signal-orange-60: #e65800;
  --foundation-dls-signal-orange-70: #CC4B00;
  --foundation-dls-signal-red-30: #ff8370;
  --foundation-dls-signal-red-40: #ff6d59;
  --foundation-dls-signal-red-45: #fa5a4b;
  --foundation-dls-signal-red-50: #f2463d;
  --foundation-dls-signal-red-60: #de3835;
  --foundation-dls-signal-red-70: #C2231F;
  --foundation-dls-signal-pink-30: #ff9cdc;
  --foundation-dls-signal-pink-40: #ff8ad6;
  --foundation-dls-signal-pink-45: #ff6bc4;
  --foundation-dls-signal-pink-50: #ff4cb2;
  --foundation-dls-signal-pink-60: #f23d9a;
  --foundation-dls-signal-purple-30: #d780ff;
  --foundation-dls-signal-purple-40: #cf66ff;
  --foundation-dls-signal-purple-45: #c04aff;
  --foundation-dls-signal-purple-50: #af3bed;
  --foundation-dls-signal-purple-60: #a128ed;
  --foundation-fil-color-neutral-white: #fff;
  --foundation-fil-color-neutral-black: #000000;
  --foundation-fil-color-neutral-transparent: rgb(from var(--foundation-fil-color-neutral-white) r g b / 0);
  --foundation-fil-color-gray-2: hsl(0,0%,4%);
  --foundation-fil-color-gray-6: hsl(0,0%,9%);
  --foundation-fil-color-gray-10: hsl(0,0%,14%);
  --foundation-fil-color-gray-14: hsl(0,0%,17%);
  --foundation-fil-color-gray-18: hsl(0,0%,21%);
  --foundation-fil-color-gray-22: hsl(0,0%,24%);
  --foundation-fil-color-gray-26: hsl(0,0%,27%);
  --foundation-fil-color-gray-30: hsl(0,0%,30%);
  --foundation-fil-color-gray-34: hsl(0,0%,33%);
  --foundation-fil-color-gray-38: hsl(0,0%,36%);
  --foundation-fil-color-gray-42: hsl(0,0%,39%);
  --foundation-fil-color-gray-46: hsl(0,0%,42%);
  --foundation-fil-color-gray-50: hsl(0,0%,46%);
  --foundation-fil-color-gray-54: hsl(0,0%,49%);
  --foundation-fil-color-gray-58: hsl(0,0%,52%);
  --foundation-fil-color-gray-62: hsl(0,0%,56%);
  --foundation-fil-color-gray-66: hsl(0,0%,60%);
  --foundation-fil-color-gray-70: hsl(0,0%,64%);
  --foundation-fil-color-gray-74: hsl(0,0%,68%);
  --foundation-fil-color-gray-78: hsl(0,0%,72%);
  --foundation-fil-color-gray-82: hsl(0,0%,77%);
  --foundation-fil-color-gray-86: hsl(0,0%,82%);
  --foundation-fil-color-gray-90: hsl(0,0%,86%);
  --foundation-fil-color-gray-94: hsl(0,0%,91%);
  --foundation-fil-color-gray-98: hsl(0,0%,97%);
  --foundation-fil-color-blue-2: hsl(213,100%,4%);
  --foundation-fil-color-blue-6: hsl(213,100%,10%);
  --foundation-fil-color-blue-10: hsl(212,100%,15%);
  --foundation-fil-color-blue-14: hsl(212,100%,18%);
  --foundation-fil-color-blue-18: hsl(212,100%,21%);
  --foundation-fil-color-blue-22: hsl(211,100%,24%);
  --foundation-fil-color-blue-26: hsl(211,100%,27%);
  --foundation-fil-color-blue-30: hsl(211,100%,30%);
  --foundation-fil-color-blue-34: hsl(210,100%,32%);
  --foundation-fil-color-blue-38: hsl(210,100%,35%);
  --foundation-fil-color-blue-42: hsl(210,100%,38%);
  --foundation-fil-color-blue-46: hsl(209,100%,41%);
  --foundation-fil-color-blue-50: hsl(209,100%,43%);
  --foundation-fil-color-blue-54: hsl(209,100%,47%);
  --foundation-fil-color-blue-58: hsl(208,100%,49%);
  --foundation-fil-color-blue-62: hsl(208,100%,54%);
  --foundation-fil-color-blue-66: hsl(208,100%,59%);
  --foundation-fil-color-blue-70: hsl(207,100%,62%);
  --foundation-fil-color-blue-74: hsl(207,100%,67%);
  --foundation-fil-color-blue-78: hsl(207,100%,72%);
  --foundation-fil-color-blue-82: hsl(206,100%,77%);
  --foundation-fil-color-blue-86: hsl(206,100%,81%);
  --foundation-fil-color-blue-90: hsl(206,100%,86%);
  --foundation-fil-color-blue-94: hsl(205,100%,91%);
  --foundation-fil-color-blue-98: hsl(205,100%,97%);
  --foundation-fil-color-aqua-2: hsl(172,60%,3%);
  --foundation-fil-color-aqua-6: hsl(172,60%,7%);
  --foundation-fil-color-aqua-10: hsl(173,60%,10%);
  --foundation-fil-color-aqua-14: hsl(173,60%,12%);
  --foundation-fil-color-aqua-18: hsl(173,60%,14%);
  --foundation-fil-color-aqua-22: hsl(174,60%,16%);
  --foundation-fil-color-aqua-26: hsl(174,60%,19%);
  --foundation-fil-color-aqua-30: hsl(174,60%,21%);
  --foundation-fil-color-aqua-34: hsl(175,60%,23%);
  --foundation-fil-color-aqua-38: hsl(175,60%,25%);
  --foundation-fil-color-aqua-42: hsl(175,60%,27%);
  --foundation-fil-color-aqua-46: hsl(176,60%,29%);
  --foundation-fil-color-aqua-50: hsl(176,60%,32%);
  --foundation-fil-color-aqua-54: hsl(176,60%,34%);
  --foundation-fil-color-aqua-58: hsl(177,60%,36%);
  --foundation-fil-color-aqua-62: hsl(177,60%,39%);
  --foundation-fil-color-aqua-66: hsl(177,60%,42%);
  --foundation-fil-color-aqua-70: hsl(178,60%,44%);
  --foundation-fil-color-aqua-74: hsl(178,60%,47%);
  --foundation-fil-color-aqua-78: hsl(178,60%,50%);
  --foundation-fil-color-aqua-82: hsl(179,60%,60%);
  --foundation-fil-color-aqua-86: hsl(179,60%,69%);
  --foundation-fil-color-aqua-90: hsl(179,60%,78%);
  --foundation-fil-color-aqua-94: hsl(180,60%,87%);
  --foundation-fil-color-aqua-98: hsl(180,60%,95%);
  --foundation-fil-color-cool-green-2: hsl(145,92%,2%);
  --foundation-fil-color-cool-green-6: hsl(145,92%,6%);
  --foundation-fil-color-cool-green-10: hsl(146,92%,8%);
  --foundation-fil-color-cool-green-14: hsl(146,92%,10%);
  --foundation-fil-color-cool-green-18: hsl(146,92%,12%);
  --foundation-fil-color-cool-green-22: hsl(147,92%,14%);
  --foundation-fil-color-cool-green-26: hsl(147,92%,16%);
  --foundation-fil-color-cool-green-30: hsl(147,92%,18%);
  --foundation-fil-color-cool-green-34: hsl(148,92%,20%);
  --foundation-fil-color-cool-green-38: hsl(148,92%,22%);
  --foundation-fil-color-cool-green-42: hsl(148,92%,23%);
  --foundation-fil-color-cool-green-46: hsl(149,92%,25%);
  --foundation-fil-color-cool-green-50: hsl(149,92%,27%);
  --foundation-fil-color-cool-green-54: hsl(149,92%,29%);
  --foundation-fil-color-cool-green-58: hsl(150,92%,31%);
  --foundation-fil-color-cool-green-62: hsl(150,92%,33%);
  --foundation-fil-color-cool-green-66: hsl(150,92%,36%);
  --foundation-fil-color-cool-green-70: hsl(151,81%,40%);
  --foundation-fil-color-cool-green-74: hsl(151,70%,45%);
  --foundation-fil-color-cool-green-78: hsl(151,70%,48%);
  --foundation-fil-color-cool-green-82: hsl(152,70%,56%);
  --foundation-fil-color-cool-green-86: hsl(152,70%,67%);
  --foundation-fil-color-cool-green-90: hsl(152,81%,73%);
  --foundation-fil-color-cool-green-94: hsl(153,92%,82%);
  --foundation-fil-color-cool-green-98: hsl(153,92%,94%);
  --foundation-fil-color-green-2: hsl(86,87%,2%);
  --foundation-fil-color-green-6: hsl(86,87%,5%);
  --foundation-fil-color-green-10: hsl(85,87%,8%);
  --foundation-fil-color-green-14: hsl(85,87%,10%);
  --foundation-fil-color-green-18: hsl(85,87%,12%);
  --foundation-fil-color-green-22: hsl(84,87%,14%);
  --foundation-fil-color-green-26: hsl(84,87%,16%);
  --foundation-fil-color-green-30: hsl(84,87%,18%);
  --foundation-fil-color-green-34: hsl(83,87%,19%);
  --foundation-fil-color-green-38: hsl(83,87%,21%);
  --foundation-fil-color-green-42: hsl(83,87%,23%);
  --foundation-fil-color-green-46: hsl(82,87%,25%);
  --foundation-fil-color-green-50: hsl(82,87%,27%);
  --foundation-fil-color-green-54: hsl(82,87%,29%);
  --foundation-fil-color-green-58: hsl(81,87%,31%);
  --foundation-fil-color-green-62: hsl(81,87%,33%);
  --foundation-fil-color-green-66: hsl(81,87%,35%);
  --foundation-fil-color-green-70: hsl(80,79%,39%);
  --foundation-fil-color-green-74: hsl(80,70%,43%);
  --foundation-fil-color-green-78: hsl(80,70%,46%);
  --foundation-fil-color-green-82: hsl(79,70%,49%);
  --foundation-fil-color-green-86: hsl(79,70%,58%);
  --foundation-fil-color-green-90: hsl(79,79%,65%);
  --foundation-fil-color-green-94: hsl(78,87%,75%);
  --foundation-fil-color-green-98: hsl(78,87%,91%);
  --foundation-fil-color-gold-yellow-2: hsl(34,100%,3%);
  --foundation-fil-color-gold-yellow-6: hsl(34,100%,7%);
  --foundation-fil-color-gold-yellow-10: hsl(35,100%,10%);
  --foundation-fil-color-gold-yellow-14: hsl(35,100%,13%);
  --foundation-fil-color-gold-yellow-18: hsl(35,100%,15%);
  --foundation-fil-color-gold-yellow-22: hsl(36,100%,17%);
  --foundation-fil-color-gold-yellow-26: hsl(36,100%,19%);
  --foundation-fil-color-gold-yellow-30: hsl(36,100%,21%);
  --foundation-fil-color-gold-yellow-34: hsl(37,100%,23%);
  --foundation-fil-color-gold-yellow-38: hsl(37,100%,25%);
  --foundation-fil-color-gold-yellow-42: hsl(37,100%,28%);
  --foundation-fil-color-gold-yellow-46: hsl(38,100%,30%);
  --foundation-fil-color-gold-yellow-50: hsl(38,100%,32%);
  --foundation-fil-color-gold-yellow-54: hsl(38,100%,34%);
  --foundation-fil-color-gold-yellow-58: hsl(39,100%,36%);
  --foundation-fil-color-gold-yellow-62: hsl(39,100%,39%);
  --foundation-fil-color-gold-yellow-66: hsl(39,100%,41%);
  --foundation-fil-color-gold-yellow-70: hsl(40,100%,43%);
  --foundation-fil-color-gold-yellow-74: hsl(40,100%,46%);
  --foundation-fil-color-gold-yellow-78: hsl(40,100%,49%);
  --foundation-fil-color-gold-yellow-82: hsl(41,100%,56%);
  --foundation-fil-color-gold-yellow-86: hsl(41,100%,65%);
  --foundation-fil-color-gold-yellow-90: hsl(41,100%,76%);
  --foundation-fil-color-gold-yellow-94: hsl(42,100%,85%);
  --foundation-fil-color-gold-yellow-98: hsl(42,100%,94%);
  --foundation-fil-color-orange-2: hsl(22,100%,3%);
  --foundation-fil-color-orange-6: hsl(22,100%,8%);
  --foundation-fil-color-orange-10: hsl(23,100%,12%);
  --foundation-fil-color-orange-14: hsl(23,100%,15%);
  --foundation-fil-color-orange-18: hsl(23,100%,18%);
  --foundation-fil-color-orange-22: hsl(24,100%,20%);
  --foundation-fil-color-orange-26: hsl(24,100%,23%);
  --foundation-fil-color-orange-30: hsl(24,100%,26%);
  --foundation-fil-color-orange-34: hsl(25,100%,28%);
  --foundation-fil-color-orange-38: hsl(25,100%,30%);
  --foundation-fil-color-orange-42: hsl(25,100%,33%);
  --foundation-fil-color-orange-46: hsl(26,100%,35%);
  --foundation-fil-color-orange-50: hsl(26,100%,38%);
  --foundation-fil-color-orange-54: hsl(26,100%,40%);
  --foundation-fil-color-orange-58: hsl(27,100%,43%);
  --foundation-fil-color-orange-62: hsl(27,100%,46%);
  --foundation-fil-color-orange-66: hsl(27,100%,49%);
  --foundation-fil-color-orange-70: hsl(28,100%,53%);
  --foundation-fil-color-orange-74: hsl(28,100%,60%);
  --foundation-fil-color-orange-78: hsl(28,100%,66%);
  --foundation-fil-color-orange-82: hsl(29,100%,71%);
  --foundation-fil-color-orange-86: hsl(29,100%,78%);
  --foundation-fil-color-orange-90: hsl(29,100%,84%);
  --foundation-fil-color-orange-94: hsl(30,100%,90%);
  --foundation-fil-color-orange-98: hsl(30,100%,96%);
  --foundation-fil-color-magenta-2: hsl(330,96%,5%);
  --foundation-fil-color-magenta-6: hsl(330,96%,11%);
  --foundation-fil-color-magenta-10: hsl(329,96%,15%);
  --foundation-fil-color-magenta-14: hsl(329,96%,18%);
  --foundation-fil-color-magenta-18: hsl(329,96%,22%);
  --foundation-fil-color-magenta-22: hsl(328,96%,24%);
  --foundation-fil-color-magenta-26: hsl(328,96%,27%);
  --foundation-fil-color-magenta-30: hsl(328,96%,30%);
  --foundation-fil-color-magenta-34: hsl(327,96%,33%);
  --foundation-fil-color-magenta-38: hsl(327,96%,36%);
  --foundation-fil-color-magenta-42: hsl(327,96%,39%);
  --foundation-fil-color-magenta-46: hsl(326,96%,42%);
  --foundation-fil-color-magenta-50: hsl(326,96%,45%);
  --foundation-fil-color-magenta-54: hsl(326,96%,48%);
  --foundation-fil-color-magenta-58: hsl(325,96%,56%);
  --foundation-fil-color-magenta-62: hsl(325,96%,62%);
  --foundation-fil-color-magenta-66: hsl(325,96%,68%);
  --foundation-fil-color-magenta-70: hsl(324,96%,72%);
  --foundation-fil-color-magenta-74: hsl(324,96%,75%);
  --foundation-fil-color-magenta-78: hsl(324,96%,79%);
  --foundation-fil-color-magenta-82: hsl(323,96%,83%);
  --foundation-fil-color-magenta-86: hsl(323,96%,86%);
  --foundation-fil-color-magenta-90: hsl(323,96%,90%);
  --foundation-fil-color-magenta-94: hsl(322,96%,94%);
  --foundation-fil-color-magenta-98: hsl(322,96%,98%);
  --foundation-fil-color-purple-2: hsl(268,45%,5%);
  --foundation-fil-color-purple-6: hsl(268,45%,13%);
  --foundation-fil-color-purple-10: hsl(269,45%,18%);
  --foundation-fil-color-purple-14: hsl(269,45%,23%);
  --foundation-fil-color-purple-18: hsl(269,45%,27%);
  --foundation-fil-color-purple-22: hsl(270,45%,31%);
  --foundation-fil-color-purple-26: hsl(270,45%,35%);
  --foundation-fil-color-purple-30: hsl(270,45%,39%);
  --foundation-fil-color-purple-34: hsl(271,45%,43%);
  --foundation-fil-color-purple-38: hsl(271,45%,46%);
  --foundation-fil-color-purple-42: hsl(271,45%,50%);
  --foundation-fil-color-purple-46: hsl(272,45%,53%);
  --foundation-fil-color-purple-50: hsl(272,45%,56%);
  --foundation-fil-color-purple-54: hsl(272,45%,59%);
  --foundation-fil-color-purple-58: hsl(273,45%,62%);
  --foundation-fil-color-purple-62: hsl(273,45%,65%);
  --foundation-fil-color-purple-66: hsl(273,45%,68%);
  --foundation-fil-color-purple-70: hsl(274,45%,71%);
  --foundation-fil-color-purple-74: hsl(274,45%,74%);
  --foundation-fil-color-purple-78: hsl(274,45%,78%);
  --foundation-fil-color-purple-82: hsl(275,45%,81%);
  --foundation-fil-color-purple-86: hsl(275,45%,85%);
  --foundation-fil-color-purple-90: hsl(275,45%,89%);
  --foundation-fil-color-purple-94: hsl(276,45%,93%);
  --foundation-fil-color-purple-98: hsl(276,45%,97%);
  --foundation-fil-color-warm-red-2: hsl(345,86%,5%);
  --foundation-fil-color-warm-red-6: hsl(345,86%,11%);
  --foundation-fil-color-warm-red-10: hsl(344,86%,16%);
  --foundation-fil-color-warm-red-14: hsl(344,86%,20%);
  --foundation-fil-color-warm-red-18: hsl(344,86%,23%);
  --foundation-fil-color-warm-red-22: hsl(343,86%,26%);
  --foundation-fil-color-warm-red-26: hsl(343,86%,29%);
  --foundation-fil-color-warm-red-30: hsl(343,86%,32%);
  --foundation-fil-color-warm-red-34: hsl(342,86%,35%);
  --foundation-fil-color-warm-red-38: hsl(342,86%,38%);
  --foundation-fil-color-warm-red-42: hsl(342,86%,42%);
  --foundation-fil-color-warm-red-46: hsl(341,86%,45%);
  --foundation-fil-color-warm-red-50: hsl(341,86%,48%);
  --foundation-fil-color-warm-red-54: hsl(341,86%,55%);
  --foundation-fil-color-warm-red-58: hsl(340,86%,60%);
  --foundation-fil-color-warm-red-62: hsl(340,86%,65%);
  --foundation-fil-color-warm-red-66: hsl(340,86%,68%);
  --foundation-fil-color-warm-red-70: hsl(339,86%,72%);
  --foundation-fil-color-warm-red-74: hsl(339,86%,76%);
  --foundation-fil-color-warm-red-78: hsl(339,86%,79%);
  --foundation-fil-color-warm-red-82: hsl(338,86%,83%);
  --foundation-fil-color-warm-red-86: hsl(338,86%,87%);
  --foundation-fil-color-warm-red-90: hsl(338,86%,90%);
  --foundation-fil-color-warm-red-94: hsl(337,86%,94%);
  --foundation-fil-color-warm-red-98: hsl(337,86%,97%);
  --foundation-fil-signal-red-2: hsl(354,98%,5%);
  --foundation-fil-signal-red-6: hsl(354,98%,11%);
  --foundation-fil-signal-red-10: hsl(353,98%,15%);
  --foundation-fil-signal-red-14: hsl(353,98%,19%);
  --foundation-fil-signal-red-18: hsl(353,98%,22%);
  --foundation-fil-signal-red-22: hsl(352,98%,25%);
  --foundation-fil-signal-red-26: hsl(352,98%,28%);
  --foundation-fil-signal-red-30: hsl(352,98%,31%);
  --foundation-fil-signal-red-34: hsl(351,98%,34%);
  --foundation-fil-signal-red-38: hsl(351,98%,37%);
  --foundation-fil-signal-red-42: hsl(351,98%,40%);
  --foundation-fil-signal-red-46: hsl(350,98%,43%);
  --foundation-fil-signal-red-50: hsl(350,98%,46%);
  --foundation-fil-signal-red-54: hsl(350,98%,50%);
  --foundation-fil-signal-red-58: hsl(349,98%,60%);
  --foundation-fil-signal-red-62: hsl(349,98%,65%);
  --foundation-fil-signal-red-66: hsl(349,98%,70%);
  --foundation-fil-signal-red-70: hsl(348,98%,73%);
  --foundation-fil-signal-red-74: hsl(348,98%,77%);
  --foundation-fil-signal-red-78: hsl(348,98%,80%);
  --foundation-fil-signal-red-82: hsl(347,98%,84%);
  --foundation-fil-signal-red-86: hsl(347,98%,87%);
  --foundation-fil-signal-red-90: hsl(347,98%,91%);
  --foundation-fil-signal-red-94: hsl(346,98%,94%);
  --foundation-fil-signal-red-98: hsl(346,98%,98%);
  --foundation-fil-signal-orange-2: hsl(15,98%,4%);
  --foundation-fil-signal-orange-6: hsl(15,98%,10%);
  --foundation-fil-signal-orange-10: hsl(16,98%,14%);
  --foundation-fil-signal-orange-14: hsl(16,98%,17%);
  --foundation-fil-signal-orange-18: hsl(16,98%,20%);
  --foundation-fil-signal-orange-22: hsl(17,98%,22%);
  --foundation-fil-signal-orange-26: hsl(17,98%,25%);
  --foundation-fil-signal-orange-30: hsl(17,98%,28%);
  --foundation-fil-signal-orange-34: hsl(18,98%,30%);
  --foundation-fil-signal-orange-38: hsl(18,98%,33%);
  --foundation-fil-signal-orange-42: hsl(18,98%,36%);
  --foundation-fil-signal-orange-46: hsl(19,98%,38%);
  --foundation-fil-signal-orange-50: hsl(19,98%,41%);
  --foundation-fil-signal-orange-54: hsl(19,98%,44%);
  --foundation-fil-signal-orange-58: hsl(20,98%,47%);
  --foundation-fil-signal-orange-62: hsl(20,98%,51%);
  --foundation-fil-signal-orange-66: hsl(20,98%,56%);
  --foundation-fil-signal-orange-70: hsl(21,98%,62%);
  --foundation-fil-signal-orange-74: hsl(21,98%,67%);
  --foundation-fil-signal-orange-78: hsl(21,98%,71%);
  --foundation-fil-signal-orange-82: hsl(22,98%,76%);
  --foundation-fil-signal-orange-86: hsl(22,98%,81%);
  --foundation-fil-signal-orange-90: hsl(22,98%,86%);
  --foundation-fil-signal-orange-94: hsl(23,98%,91%);
  --foundation-fil-signal-orange-98: hsl(23,98%,97%);
  --foundation-fil-signal-yellow-2: hsl(43,98%,3%);
  --foundation-fil-signal-yellow-6: hsl(43,98%,6%);
  --foundation-fil-signal-yellow-10: hsl(44,98%,9%);
  --foundation-fil-signal-yellow-14: hsl(44,98%,11%);
  --foundation-fil-signal-yellow-18: hsl(44,98%,13%);
  --foundation-fil-signal-yellow-22: hsl(45,98%,15%);
  --foundation-fil-signal-yellow-26: hsl(45,98%,17%);
  --foundation-fil-signal-yellow-30: hsl(45,98%,19%);
  --foundation-fil-signal-yellow-34: hsl(46,98%,21%);
  --foundation-fil-signal-yellow-38: hsl(46,98%,23%);
  --foundation-fil-signal-yellow-42: hsl(46,98%,25%);
  --foundation-fil-signal-yellow-46: hsl(47,98%,26%);
  --foundation-fil-signal-yellow-50: hsl(47,98%,28%);
  --foundation-fil-signal-yellow-54: hsl(47,98%,30%);
  --foundation-fil-signal-yellow-58: hsl(48,98%,32%);
  --foundation-fil-signal-yellow-62: hsl(48,98%,34%);
  --foundation-fil-signal-yellow-66: hsl(48,98%,37%);
  --foundation-fil-signal-yellow-70: hsl(49,98%,38%);
  --foundation-fil-signal-yellow-74: hsl(49,98%,41%);
  --foundation-fil-signal-yellow-78: hsl(49,98%,43%);
  --foundation-fil-signal-yellow-82: hsl(50,98%,46%);
  --foundation-fil-signal-yellow-86: hsl(50,98%,48%);
  --foundation-fil-signal-yellow-90: hsl(50,98%,61%);
  --foundation-fil-signal-yellow-94: hsl(51,98%,74%);
  --foundation-fil-signal-yellow-98: hsl(51,98%,92%);
  --foundation-fil-signal-green-2: hsl(117,88%,2%);
  --foundation-fil-signal-green-6: hsl(117,88%,6%);
  --foundation-fil-signal-green-10: hsl(117,88%,8%);
  --foundation-fil-signal-green-14: hsl(117,88%,11%);
  --foundation-fil-signal-green-18: hsl(116,88%,13%);
  --foundation-fil-signal-green-22: hsl(116,88%,15%);
  --foundation-fil-signal-green-26: hsl(115,88%,16%);
  --foundation-fil-signal-green-30: hsl(115,88%,18%);
  --foundation-fil-signal-green-34: hsl(114,88%,20%);
  --foundation-fil-signal-green-38: hsl(114,88%,22%);
  --foundation-fil-signal-green-42: hsl(114,88%,24%);
  --foundation-fil-signal-green-46: hsl(113,88%,26%);
  --foundation-fil-signal-green-50: hsl(113,88%,28%);
  --foundation-fil-signal-green-54: hsl(113,88%,30%);
  --foundation-fil-signal-green-58: hsl(112,88%,32%);
  --foundation-fil-signal-green-62: hsl(112,88%,34%);
  --foundation-fil-signal-green-66: hsl(112,88%,37%);
  --foundation-fil-signal-green-70: hsl(111,88%,39%);
  --foundation-fil-signal-green-74: hsl(111,88%,41%);
  --foundation-fil-signal-green-78: hsl(111,88%,44%);
  --foundation-fil-signal-green-82: hsl(110,88%,46%);
  --foundation-fil-signal-green-86: hsl(110,88%,51%);
  --foundation-fil-signal-green-90: hsl(110,88%,71%);
  --foundation-fil-signal-green-94: hsl(109,88%,84%);
  --foundation-fil-signal-green-98: hsl(109,88%,94%);
  --foundation-fil-signal-blue-2: hsl(206,88%,3%);
  --foundation-fil-signal-blue-6: hsl(206,88%,9%);
  --foundation-fil-signal-blue-10: hsl(205,88%,13%);
  --foundation-fil-signal-blue-14: hsl(205,88%,16%);
  --foundation-fil-signal-blue-18: hsl(205,88%,19%);
  --foundation-fil-signal-blue-22: hsl(204,88%,21%);
  --foundation-fil-signal-blue-26: hsl(204,88%,24%);
  --foundation-fil-signal-blue-30: hsl(204,88%,26%);
  --foundation-fil-signal-blue-34: hsl(203,88%,29%);
  --foundation-fil-signal-blue-38: hsl(203,88%,31%);
  --foundation-fil-signal-blue-42: hsl(203,88%,34%);
  --foundation-fil-signal-blue-46: hsl(202,88%,36%);
  --foundation-fil-signal-blue-50: hsl(202,88%,39%);
  --foundation-fil-signal-blue-54: hsl(202,88%,41%);
  --foundation-fil-signal-blue-58: hsl(201,88%,44%);
  --foundation-fil-signal-blue-62: hsl(201,88%,47%);
  --foundation-fil-signal-blue-66: hsl(201,88%,50%);
  --foundation-fil-signal-blue-70: hsl(200,88%,55%);
  --foundation-fil-signal-blue-74: hsl(200,88%,61%);
  --foundation-fil-signal-blue-78: hsl(200,88%,67%);
  --foundation-fil-signal-blue-82: hsl(199,88%,72%);
  --foundation-fil-signal-blue-86: hsl(199,88%,78%);
  --foundation-fil-signal-blue-90: hsl(199,88%,84%);
  --foundation-fil-signal-blue-94: hsl(199,88%,90%);
  --foundation-fil-signal-blue-98: hsl(198,88%,96%);
  --foundation-size-1: 4px;
  --foundation-size-2: 8px;
  --foundation-size-3: 12px;
  --foundation-size-4: 16px;
  --foundation-size-5: 20px;
  --foundation-size-6: 24px;
  --foundation-size-7: 28px;
  --foundation-size-8: 32px;
  --foundation-size-9: 36px;
  --foundation-size-10: 40px;
  --foundation-size-11: 44px;
  --foundation-size-12: 48px;
  --foundation-size-13: 52px;
  --foundation-size-14: 56px;
  --foundation-size-15: 60px;
  --foundation-size-16: 64px;
  --foundation-size-17: 68px;
  --foundation-size-18: 72px;
  --foundation-size-19: 76px;
  --foundation-size-20: 80px;
  --foundation-size-22: 88px;
  --foundation-size-24: 96px;
  --foundation-size-26: 104px;
  --foundation-size-28: 112px;
  --foundation-size-30: 120px;
  --foundation-size-32: 128px;
  --foundation-size-34: 136px;
  --foundation-size-35: 140px;
  --foundation-size-36: 148px;
  --foundation-size-38: 152px;
  --foundation-size-40: 160px;
  --foundation-size-42: 164px;
  --foundation-size-none: 0px;
  --foundation-size-05: 2px;
  --foundation-size-075: 3px;
  --foundation-size-025: 1px;
  --foundation-space-1: 4px;
  --foundation-space-2: 8px;
  --foundation-space-3: 12px;
  --foundation-space-4: 16px;
  --foundation-space-5: 20px;
  --foundation-space-6: 24px;
  --foundation-space-7: 28px;
  --foundation-space-8: 32px;
  --foundation-space-9: 36px;
  --foundation-space-10: 40px;
  --foundation-space-11: 44px;
  --foundation-space-12: 48px;
  --foundation-space-13: 52px;
  --foundation-space-14: 56px;
  --foundation-space-15: 60px;
  --foundation-space-16: 64px;
  --foundation-space-17: 68px;
  --foundation-space-18: 72px;
  --foundation-space-19: 76px;
  --foundation-space-20: 80px;
  --foundation-space-22: 88px;
  --foundation-space-24: 96px;
  --foundation-space-26: 104px;
  --foundation-space-28: 112px;
  --foundation-space-30: 120px;
  --foundation-space-32: 128px;
  --foundation-space-34: 136px;
  --foundation-space-36: 148px;
  --foundation-space-38: 152px;
  --foundation-space-40: 160px;
  --foundation-space-none: 0px;
  --foundation-space-05: 2px;
  --foundation-space-025: 1px;
  --foundation-space-inset-none: var(--foundation-space-none);
  --foundation-space-inset-xxsmall: var(--foundation-space-025);
  --foundation-space-inset-xsmall: var(--foundation-space-05);
  --foundation-space-inset-small: var(--foundation-space-1);
  --foundation-space-inset-medium: var(--foundation-space-2);
  --foundation-space-inset-large: var(--foundation-space-4);
  --foundation-space-inset-xlarge: var(--foundation-space-6);
  --foundation-space-inset-xxlarge: var(--foundation-space-8);
  --foundation-space-offset-none: 0px;
  --foundation-space-offset-xxsmall: 1px;
  --foundation-space-offset-xsmall: 2px;
  --foundation-space-offset-small: 4px;
  --foundation-space-offset-medium: 8px;
  --foundation-space-offset-large: 16px;
  --foundation-space-offset-xlarge: 24px;
  --foundation-space-offset-xxlarge: 32px;
  --foundation-space-negative-xxsmall: -1px;
  --foundation-space-negative-xsmall: -2px;
  --foundation-space-negative-small: -4px;
  --foundation-space-negative-medium: -8px;
  --foundation-space-negative-large: -16px;
  --foundation-space-negative-xlarge: -24px;
  --foundation-space-negative-xxlarge: -32px;
  --foundation-font-family-sans: CentraleSans;
  --foundation-font-family-condensed: CentraleSansCnd;
  --foundation-font-family-next: Neue Frutiger World;
  --foundation-border-radius-1: 2px;
  --foundation-border-radius-2: 4px;
  --foundation-border-radius-3: 6px;
  --foundation-border-radius-4: 8px;
  --foundation-border-radius-5: 12px;
  --foundation-border-radius-6: 16px;
  --foundation-border-radius-7: 20px;
  --foundation-border-radius-8: 24px;
  --foundation-border-radius-9: 28px;
  --foundation-border-radius-10: 32px;
  --foundation-border-radius-full: 99px;
  --foundation-border-radius-none: 0px;
  --foundation-border-radius-circle: 50%;
  --foundation-focus-z-index: 1000
;
}

:root {
  --generation-color-neutral-black: var(--foundation-emr-color-neutral-black);
  --generation-color-neutral-white: var(--foundation-emr-color-neutral-white);
  --generation-color-neutral-transparent: var(--foundation-emr-color-neutral-transparent);
  --generation-color-group-blue-50: var(--foundation-emr-color-group-blue-05);
  --generation-color-group-blue-100: var(--foundation-emr-color-group-blue-10);
  --generation-color-group-blue-150: var(--foundation-emr-color-group-blue-15);
  --generation-color-group-blue-200: var(--foundation-emr-color-group-blue-20);
  --generation-color-group-blue-250: var(--foundation-emr-color-group-blue-25);
  --generation-color-group-blue-300: var(--foundation-emr-color-group-blue-30);
  --generation-color-group-blue-350: var(--foundation-emr-color-group-blue-35);
  --generation-color-group-blue-400: var(--foundation-emr-color-group-blue-40);
  --generation-color-group-blue-450: var(--foundation-emr-color-group-blue-45);
  --generation-color-group-blue-500: var(--foundation-emr-color-group-blue-45);
  --generation-color-group-blue-550: var(--foundation-emr-color-group-blue-50);
  --generation-color-group-blue-600: var(--foundation-emr-color-group-blue-55);
  --generation-color-group-blue-650: var(--foundation-emr-color-group-blue-60);
  --generation-color-group-blue-700: var(--foundation-emr-color-group-blue-65);
  --generation-color-group-blue-750: var(--foundation-emr-color-group-blue-70);
  --generation-color-group-blue-800: var(--foundation-emr-color-group-blue-75);
  --generation-color-group-blue-850: var(--foundation-emr-color-group-blue-80);
  --generation-color-group-blue-900: var(--foundation-emr-color-group-blue-85);
  --generation-color-group-blue-950: var(--foundation-emr-color-group-blue-90);
  --generation-color-blue-50: var(--foundation-emr-color-blue-05);
  --generation-color-blue-100: var(--foundation-emr-color-blue-10);
  --generation-color-blue-150: var(--foundation-emr-color-blue-15);
  --generation-color-blue-200: var(--foundation-emr-color-blue-20);
  --generation-color-blue-250: var(--foundation-emr-color-blue-25);
  --generation-color-blue-300: var(--foundation-emr-color-blue-30);
  --generation-color-blue-350: var(--foundation-emr-color-blue-35);
  --generation-color-blue-400: var(--foundation-emr-color-blue-40);
  --generation-color-blue-450: var(--foundation-emr-color-blue-45);
  --generation-color-blue-500: var(--foundation-emr-color-blue-45);
  --generation-color-blue-550: var(--foundation-emr-color-blue-50);
  --generation-color-blue-600: var(--foundation-emr-color-blue-55);
  --generation-color-blue-650: var(--foundation-emr-color-blue-60);
  --generation-color-blue-700: var(--foundation-emr-color-blue-65);
  --generation-color-blue-750: var(--foundation-emr-color-blue-70);
  --generation-color-blue-800: var(--foundation-emr-color-blue-75);
  --generation-color-blue-850: var(--foundation-emr-color-blue-80);
  --generation-color-blue-900: var(--foundation-emr-color-blue-85);
  --generation-color-blue-950: var(--foundation-emr-color-blue-90);
  --generation-color-aqua-50: var(--foundation-emr-color-aqua-05);
  --generation-color-aqua-100: var(--foundation-emr-color-aqua-10);
  --generation-color-aqua-150: var(--foundation-emr-color-aqua-15);
  --generation-color-aqua-200: var(--foundation-emr-color-aqua-20);
  --generation-color-aqua-250: var(--foundation-emr-color-aqua-25);
  --generation-color-aqua-300: var(--foundation-emr-color-aqua-30);
  --generation-color-aqua-350: var(--foundation-emr-color-aqua-35);
  --generation-color-aqua-400: var(--foundation-emr-color-aqua-40);
  --generation-color-aqua-450: var(--foundation-emr-color-aqua-45);
  --generation-color-aqua-500: var(--foundation-emr-color-aqua-45);
  --generation-color-aqua-550: var(--foundation-emr-color-aqua-50);
  --generation-color-aqua-600: var(--foundation-emr-color-aqua-55);
  --generation-color-aqua-650: var(--foundation-emr-color-aqua-60);
  --generation-color-aqua-700: var(--foundation-emr-color-aqua-65);
  --generation-color-aqua-750: var(--foundation-emr-color-aqua-70);
  --generation-color-aqua-800: var(--foundation-emr-color-aqua-75);
  --generation-color-aqua-850: var(--foundation-emr-color-aqua-80);
  --generation-color-aqua-900: var(--foundation-emr-color-aqua-85);
  --generation-color-aqua-950: var(--foundation-emr-color-aqua-90);
  --generation-color-green-50: var(--foundation-emr-color-green-05);
  --generation-color-green-100: var(--foundation-emr-color-green-10);
  --generation-color-green-150: var(--foundation-emr-color-green-15);
  --generation-color-green-200: var(--foundation-emr-color-green-20);
  --generation-color-green-250: var(--foundation-emr-color-green-25);
  --generation-color-green-300: var(--foundation-emr-color-green-30);
  --generation-color-green-350: var(--foundation-emr-color-green-35);
  --generation-color-green-400: var(--foundation-emr-color-green-40);
  --generation-color-green-450: var(--foundation-emr-color-green-45);
  --generation-color-green-500: var(--foundation-emr-color-green-45);
  --generation-color-green-550: var(--foundation-emr-color-green-50);
  --generation-color-green-600: var(--foundation-emr-color-green-55);
  --generation-color-green-650: var(--foundation-emr-color-green-60);
  --generation-color-green-700: var(--foundation-emr-color-green-65);
  --generation-color-green-750: var(--foundation-emr-color-green-70);
  --generation-color-green-800: var(--foundation-emr-color-green-75);
  --generation-color-green-850: var(--foundation-emr-color-green-80);
  --generation-color-green-900: var(--foundation-emr-color-green-85);
  --generation-color-green-950: var(--foundation-emr-color-green-90);
  --generation-color-cool-green-50: var(--foundation-emr-color-green-05);
  --generation-color-cool-green-100: var(--foundation-emr-color-green-10);
  --generation-color-cool-green-150: var(--foundation-emr-color-green-15);
  --generation-color-cool-green-200: var(--foundation-emr-color-green-20);
  --generation-color-cool-green-250: var(--foundation-emr-color-green-25);
  --generation-color-cool-green-300: var(--foundation-emr-color-green-30);
  --generation-color-cool-green-350: var(--foundation-emr-color-green-35);
  --generation-color-cool-green-400: var(--foundation-emr-color-green-40);
  --generation-color-cool-green-450: var(--foundation-emr-color-green-45);
  --generation-color-cool-green-500: var(--foundation-emr-color-green-45);
  --generation-color-cool-green-550: var(--foundation-emr-color-green-50);
  --generation-color-cool-green-600: var(--foundation-emr-color-green-55);
  --generation-color-cool-green-650: var(--foundation-emr-color-green-60);
  --generation-color-cool-green-700: var(--foundation-emr-color-green-65);
  --generation-color-cool-green-750: var(--foundation-emr-color-green-70);
  --generation-color-cool-green-800: var(--foundation-emr-color-green-75);
  --generation-color-cool-green-850: var(--foundation-emr-color-green-80);
  --generation-color-cool-green-900: var(--foundation-emr-color-green-85);
  --generation-color-cool-green-950: var(--foundation-emr-color-green-90);
  --generation-color-gold-yellow-50: var(--foundation-emr-color-orange-05);
  --generation-color-gold-yellow-100: var(--foundation-emr-color-orange-10);
  --generation-color-gold-yellow-150: var(--foundation-emr-color-orange-15);
  --generation-color-gold-yellow-200: var(--foundation-emr-color-orange-20);
  --generation-color-gold-yellow-250: var(--foundation-emr-color-orange-25);
  --generation-color-gold-yellow-300: var(--foundation-emr-color-orange-30);
  --generation-color-gold-yellow-350: var(--foundation-emr-color-orange-35);
  --generation-color-gold-yellow-400: var(--foundation-emr-color-orange-40);
  --generation-color-gold-yellow-450: var(--foundation-emr-color-orange-45);
  --generation-color-gold-yellow-500: var(--foundation-emr-color-orange-45);
  --generation-color-gold-yellow-550: var(--foundation-emr-color-orange-50);
  --generation-color-gold-yellow-600: var(--foundation-emr-color-orange-55);
  --generation-color-gold-yellow-650: var(--foundation-emr-color-orange-60);
  --generation-color-gold-yellow-700: var(--foundation-emr-color-orange-65);
  --generation-color-gold-yellow-750: var(--foundation-emr-color-orange-70);
  --generation-color-gold-yellow-800: var(--foundation-emr-color-orange-75);
  --generation-color-gold-yellow-850: var(--foundation-emr-color-orange-80);
  --generation-color-gold-yellow-900: var(--foundation-emr-color-orange-85);
  --generation-color-gold-yellow-950: var(--foundation-emr-color-orange-90);
  --generation-color-orange-50: var(--foundation-emr-color-orange-05);
  --generation-color-orange-100: var(--foundation-emr-color-orange-10);
  --generation-color-orange-150: var(--foundation-emr-color-orange-15);
  --generation-color-orange-200: var(--foundation-emr-color-orange-20);
  --generation-color-orange-250: var(--foundation-emr-color-orange-25);
  --generation-color-orange-300: var(--foundation-emr-color-orange-30);
  --generation-color-orange-350: var(--foundation-emr-color-orange-35);
  --generation-color-orange-400: var(--foundation-emr-color-orange-40);
  --generation-color-orange-450: var(--foundation-emr-color-orange-45);
  --generation-color-orange-500: var(--foundation-emr-color-orange-45);
  --generation-color-orange-550: var(--foundation-emr-color-orange-50);
  --generation-color-orange-600: var(--foundation-emr-color-orange-55);
  --generation-color-orange-650: var(--foundation-emr-color-orange-60);
  --generation-color-orange-700: var(--foundation-emr-color-orange-65);
  --generation-color-orange-750: var(--foundation-emr-color-orange-70);
  --generation-color-orange-800: var(--foundation-emr-color-orange-75);
  --generation-color-orange-850: var(--foundation-emr-color-orange-80);
  --generation-color-orange-900: var(--foundation-emr-color-orange-85);
  --generation-color-orange-950: var(--foundation-emr-color-orange-90);
  --generation-color-pink-50: var(--foundation-emr-color-pink-05);
  --generation-color-pink-100: var(--foundation-emr-color-pink-10);
  --generation-color-pink-150: var(--foundation-emr-color-pink-15);
  --generation-color-pink-200: var(--foundation-emr-color-pink-20);
  --generation-color-pink-250: var(--foundation-emr-color-pink-25);
  --generation-color-pink-300: var(--foundation-emr-color-pink-30);
  --generation-color-pink-350: var(--foundation-emr-color-pink-35);
  --generation-color-pink-400: var(--foundation-emr-color-pink-40);
  --generation-color-pink-450: var(--foundation-emr-color-pink-45);
  --generation-color-pink-500: var(--foundation-emr-color-pink-45);
  --generation-color-pink-550: var(--foundation-emr-color-pink-50);
  --generation-color-pink-600: var(--foundation-emr-color-pink-55);
  --generation-color-pink-650: var(--foundation-emr-color-pink-60);
  --generation-color-pink-700: var(--foundation-emr-color-pink-65);
  --generation-color-pink-750: var(--foundation-emr-color-pink-70);
  --generation-color-pink-800: var(--foundation-emr-color-pink-75);
  --generation-color-pink-850: var(--foundation-emr-color-pink-80);
  --generation-color-pink-900: var(--foundation-emr-color-pink-85);
  --generation-color-pink-950: var(--foundation-emr-color-pink-90);
  --generation-color-purple-50: var(--foundation-emr-color-purple-05);
  --generation-color-purple-100: var(--foundation-emr-color-purple-10);
  --generation-color-purple-150: var(--foundation-emr-color-purple-15);
  --generation-color-purple-200: var(--foundation-emr-color-purple-20);
  --generation-color-purple-250: var(--foundation-emr-color-purple-25);
  --generation-color-purple-300: var(--foundation-emr-color-purple-30);
  --generation-color-purple-350: var(--foundation-emr-color-purple-35);
  --generation-color-purple-400: var(--foundation-emr-color-purple-40);
  --generation-color-purple-450: var(--foundation-emr-color-purple-45);
  --generation-color-purple-500: var(--foundation-emr-color-purple-45);
  --generation-color-purple-550: var(--foundation-emr-color-purple-50);
  --generation-color-purple-600: var(--foundation-emr-color-purple-55);
  --generation-color-purple-650: var(--foundation-emr-color-purple-60);
  --generation-color-purple-700: var(--foundation-emr-color-purple-65);
  --generation-color-purple-750: var(--foundation-emr-color-purple-70);
  --generation-color-purple-800: var(--foundation-emr-color-purple-75);
  --generation-color-purple-850: var(--foundation-emr-color-purple-80);
  --generation-color-purple-900: var(--foundation-emr-color-purple-85);
  --generation-color-purple-950: var(--foundation-emr-color-purple-90);
  --generation-color-gray-50: var(--foundation-emr-color-gray-05);
  --generation-color-gray-100: var(--foundation-emr-color-gray-10);
  --generation-color-gray-150: var(--foundation-emr-color-gray-15);
  --generation-color-gray-200: var(--foundation-emr-color-gray-20);
  --generation-color-gray-250: var(--foundation-emr-color-gray-25);
  --generation-color-gray-300: var(--foundation-emr-color-gray-30);
  --generation-color-gray-350: var(--foundation-emr-color-gray-35);
  --generation-color-gray-400: var(--foundation-emr-color-gray-40);
  --generation-color-gray-450: var(--foundation-emr-color-gray-45);
  --generation-color-gray-500: var(--foundation-emr-color-gray-45);
  --generation-color-gray-550: var(--foundation-emr-color-gray-50);
  --generation-color-gray-600: var(--foundation-emr-color-gray-55);
  --generation-color-gray-650: var(--foundation-emr-color-gray-60);
  --generation-color-gray-700: var(--foundation-emr-color-gray-65);
  --generation-color-gray-750: var(--foundation-emr-color-gray-70);
  --generation-color-gray-800: var(--foundation-emr-color-gray-75);
  --generation-color-gray-850: var(--foundation-emr-color-gray-80);
  --generation-color-gray-900: var(--foundation-emr-color-gray-85);
  --generation-color-gray-950: var(--foundation-emr-color-gray-90);
  --generation-color-s-blue-50: #f0fbff;
  --generation-color-s-blue-100: #d1f2ff;
  --generation-color-s-blue-150: #B8EBFF;
  --generation-color-s-blue-200: #9EE4FF;
  --generation-color-s-blue-250: #8ADEFF;
  --generation-color-s-blue-300: var(--foundation-emr-signal-blue-30);
  --generation-color-s-blue-350: #57CAFF;
  --generation-color-s-blue-400: var(--foundation-emr-signal-blue-40);
  --generation-color-s-blue-450: var(--foundation-emr-signal-blue-45);
  --generation-color-s-blue-500: var(--foundation-emr-signal-blue-45);
  --generation-color-s-blue-550: var(--foundation-emr-signal-blue-50);
  --generation-color-s-blue-600: var(--foundation-emr-signal-blue-60);
  --generation-color-s-blue-650: #0065B3;
  --generation-color-s-blue-700: #005299;
  --generation-color-s-blue-750: #003F7A;
  --generation-color-s-blue-800: #00326B;
  --generation-color-s-blue-850: #002B5C;
  --generation-color-s-blue-900: #00244D;
  --generation-color-s-blue-950: #001733;
  --generation-density-xsmall: var(--generation-dimension-050);
  --generation-density-small: var(--generation-dimension-1);
  --generation-density-medium: var(--generation-dimension-2);
  --generation-density-large: var(--generation-dimension-3);
  --generation-density-xlarge: var(--generation-dimension-4);
  --generation-button-shadow-null: 0px 0px 0px 0px var(--mode-shadow-color-null);
  --generation-button-shadow-default: 0px 1px 0px 0px var(--generation-on-dark-shadow-color-default);
  --generation-font-family: var(--foundation-font-family-condensed);
  --generation-outline-offset-focus: var(--foundation-space-offset-none);
  --generation-outline-offset-focus-visible: var(--foundation-space-offset-xsmall);
  --generation-cell-min-height: var(--foundation-size-7);
  --generation-cell-padding-left: var(--foundation-space-2);
  --generation-cell-padding-right: var(--foundation-space-2);
  --generation-cell-strikethrough-height: var(--foundation-size-025);
  --generation-cell-min-width-column-header: var(--foundation-size-28);
  --generation-cell-column-gap-column-header: var(--foundation-space-1);
  --generation-cell-merge-padding-left-level: var(--foundation-space-2);
  --generation-cell-merge-padding-left-inner: var(--foundation-space-3);
  --generation-cell-merge-gap: var(--foundation-space-1);
  --generation-column-header-left-content-min-width: var(--foundation-size-8);
  --generation-column-header-left-content-column-gap: var(--foundation-space-1);
  --generation-column-header-text-min-width: var(--foundation-size-8);
  --generation-column-header-right-content-column-gap: var(--foundation-space-1);
  --generation-column-header-arrow-up-display-unordered: none;
  --generation-column-header-arrow-up-display-ascending: block;
  --generation-column-header-arrow-up-display-descending: none;
  --generation-column-header-arrow-down-display-unordered: none;
  --generation-column-header-arrow-down-display-ascending: none;
  --generation-column-header-arrow-down-display-descending: block;
  --generation-comp-scrollbar-inline-size: var(--foundation-size-3);
  --generation-comp-scrollbar-block-size: var(--foundation-size-3);
  --generation-comp-scrollbar-border-width-none: var(--generation-border-width-thin);
  --generation-comp-scrollbar-border-width-hover: var(--generation-border-width-none);
  --generation-comp-scrollbar-border-width-active: var(--generation-border-width-none);
  --generation-comp-date-picker-cell-weekly-width: var(--foundation-size-9);
  --generation-comp-date-picker-cell-weekly-height: var(--foundation-size-9);
  --generation-comp-date-picker-cell-yearly-single-width: var(--foundation-size-16);
  --generation-comp-date-picker-cell-yearly-single-height: var(--foundation-size-16);
  --generation-comp-date-picker-cell-yearly-multi-width: var(--foundation-size-16);
  --generation-comp-date-picker-cell-yearly-multi-height: var(--foundation-size-16);
  --generation-comp-date-picker-container-weekly-padding-horizontal: var(--foundation-space-none);
  --generation-comp-date-picker-weekdays-column-gap: var(--foundation-space-none);
  --generation-comp-date-picker-weekly-row-gap: var(--foundation-space-none);
  --generation-comp-date-picker-yearly-row-gap: var(--foundation-space-none);
  --generation-comp-date-picker-outline-offset-focus-visible: -1px;
  --generation-comp-date-picker-border-width-default: var(--generation-border-width-hairline);
  --generation-comp-date-picker-border-width-current-date: var(--generation-border-width-hairline);
  --generation-comp-date-picker-border-width-icon-container: var(--generation-border-width-hairline);
  --generation-comp-date-picker-border-width-neutral: var(--generation-border-width-hairline);
  --generation-comp-date-picker-border-width-primary: var(--generation-border-width-hairline);
  --generation-comp-date-picker-border-width-none: var(--generation-border-width-none);
  --generation-comp-date-picker-border-radius-default: var(--foundation-border-radius-none);
  --generation-comp-date-picker-border-radius-none: var(--foundation-border-radius-none);
  --generation-comp-date-picker-border-radius-start: var(--foundation-border-radius-none);
  --generation-comp-date-picker-border-radius-end: var(--foundation-border-radius-none);
  --generation-comp-date-picker-border-radius-all: var(--foundation-border-radius-none);
  --generation-comp-date-picker-inner-container-indicator-transform: none;
  --generation-comp-date-picker-content-indicator-transform: none;
  --generation-comp-date-picker-icon-navigation-right: EmrIconArrowCircleRightSvg;
  --generation-comp-date-picker-icon-navigation-left: EmrIconArrowCircleLeftSvg;
  --generation-comp-date-picker-icon-navigation-up: EmrIconArrowCircleUpSvg;
  --generation-comp-date-picker-icon-navigation-down: EmrIconArrowCircleDownSvg;
  --generation-comp-date-picker-event-sign-signal-width: var(--foundation-size-7);
  --generation-comp-date-picker-event-sign-signal-height: var(--foundation-size-1);
  --generation-comp-field-icon-width: var(--foundation-size-3);
  --generation-comp-field-icon-height: var(--foundation-size-3);
  --generation-comp-date-input-icon-calendar: EmrIconDatePickerSvg;
  --generation-comp-time-input-icon-clock: EmrIconTimePickerSvg;
  --generation-comp-action-list-icon: DlsIconMoreHorizontalSvg;
  --generation-comp-picklist-dialog-dialog-padding: var(--foundation-space-7);
  --generation-border-radius-1: 2px;
  --generation-border-radius-2: 4px;
  --generation-border-radius-3: 6px;
  --generation-border-radius-4: 8px;
  --generation-border-radius-5: 12px;
  --generation-border-radius-6: 16px;
  --generation-border-radius-7: 20px;
  --generation-border-radius-8: 24px;
  --generation-border-radius-9: 28px;
  --generation-border-radius-10: 32px;
  --generation-border-radius-cta: var(--foundation-border-radius-2);
  --generation-border-radius-input: var(--foundation-border-radius-2);
  --generation-border-radius-container: var(--foundation-border-radius-none);
  --generation-border-radius-none: 0px;
  --generation-border-radius-circle: 50%;
  --generation-border-radius-full: 9999px;
  --generation-on-light-shadow-1: 0px 1px 2px 0px var(--generation-on-light-shadow-color-default);
  --generation-on-light-shadow-2: 0px 1px 4px 0px var(--generation-on-light-shadow-color-default);
  --generation-on-light-shadow-3: 0px 1px 6px 0px var(--generation-on-light-shadow-color-default);
  --generation-on-light-shadow-4: 0px 2px 10px 0px var(--generation-on-light-shadow-color-default);
  --generation-on-light-shadow-5: 0px 4px 12px 0px var(--generation-on-light-shadow-color-default);
  --generation-on-light-shadow-6: 0px 8px 24px 0px var(--generation-on-light-shadow-color-default);
  --generation-on-light-shadow-none: 0px 0px 0px 0px var(--generation-on-light-shadow-color-null);
  --generation-on-light-shadow-color-null: var(--generation-color-neutral-transparent);
  --generation-on-light-shadow-color-default: rgb(from var(--foundation-emr-color-neutral-black) r g b / 0.2);
  --generation-on-light-surface-primary: var(--foundation-emr-color-neutral-white);
  --generation-on-light-surface-secondary: var(--foundation-emr-color-gray-05);
  --generation-on-light-surface-tertiary: var(--foundation-emr-color-gray-20);
  --generation-on-light-surface-static: var(--foundation-emr-color-neutral-black);
  --generation-on-light-surface-overlay: rgb(from var(--generation-color-gray-950) r g b / 0.3);
  --generation-on-light-surface-none: var(--generation-color-neutral-transparent);
  --generation-on-light-surface-inverted-primary: var(--foundation-emr-color-gray-55);
  --generation-on-light-background-neutral-normal: var(--generation-color-gray-100);
  --generation-on-light-background-neutral-hover: var(--generation-color-gray-150);
  --generation-on-light-background-neutral-active: var(--generation-color-gray-200);
  --generation-on-light-background-neutral-high: var(--foundation-emr-color-gray-10);
  --generation-on-light-background-neutral-low: var(--foundation-emr-color-gray-05);
  --generation-on-light-background-neutral-none: var(--foundation-emr-color-neutral-transparent);
  --generation-on-light-background-disabled-normal: var(--generation-color-gray-100);
  --generation-on-light-background-sensitive-data-normal: var(--generation-color-gray-250);
  --generation-on-light-background-quiet-normal: var(--generation-color-neutral-transparent);
  --generation-on-light-background-quiet-hover: var(--generation-color-gray-50);
  --generation-on-light-background-quiet-active: var(--generation-color-gray-100);
  --generation-on-light-background-quiet-disabled: var(--generation-color-neutral-transparent);
  --generation-on-light-background-quiet-emphasis-normal: var(--generation-color-neutral-transparent);
  --generation-on-light-background-quiet-emphasis-hover: var(--generation-color-gray-50);
  --generation-on-light-background-quiet-emphasis-active: var(--generation-color-gray-100);
  --generation-on-light-background-quiet-emphasis-disabled: var(--generation-color-neutral-transparent);
  --generation-on-light-background-secondary-normal: var(--generation-color-gray-100);
  --generation-on-light-background-secondary-hover: var(--generation-color-gray-150);
  --generation-on-light-background-secondary-active: var(--generation-color-gray-200);
  --generation-on-light-background-accent-normal: var(--generation-color-green-600);
  --generation-on-light-background-accent-hover: var(--generation-color-green-650);
  --generation-on-light-background-accent-active: var(--generation-color-green-700);
  --generation-on-light-background-accent-disabled: #ADCEB3;
  --generation-on-light-background-quiet-list-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-light-background-quiet-list-hover: var(--foundation-emr-color-gray-05);
  --generation-on-light-background-quiet-list-active: var(--foundation-emr-color-gray-10);
  --generation-on-light-background-quiet-list-disabled: var(--foundation-emr-color-neutral-white);
  --generation-on-light-background-virtual-assistant-high-emphasis-normal: var(--foundation-emr-signal-purple-60);
  --generation-on-light-background-virtual-assistant-low-emphasis-normal: var(--foundation-emr-color-gray-05);
  --generation-on-light-alert-global-background-high-danger-normal: var(--foundation-emr-signal-red-70);
  --generation-on-light-alert-global-background-high-danger-hover: var(--foundation-emr-signal-red-50);
  --generation-on-light-alert-global-background-high-danger-active: var(--foundation-emr-signal-red-60);
  --generation-on-light-alert-global-background-high-danger-disabled: #E6ADAD;
  --generation-on-light-alert-global-background-high-on-danger-normal: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-global-background-high-on-danger-hover: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-global-background-high-on-danger-active: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-global-background-high-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-light-alert-global-background-high-warning-hover: var(--foundation-emr-signal-orange-40);
  --generation-on-light-alert-global-background-high-warning-active: var(--foundation-emr-signal-orange-50);
  --generation-on-light-alert-global-background-high-on-warning-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-warning-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-warning-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-light-alert-global-background-high-caution-hover: var(--foundation-emr-signal-yellow-40);
  --generation-on-light-alert-global-background-high-caution-active: var(--foundation-emr-signal-yellow-50);
  --generation-on-light-alert-global-background-high-on-caution-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-caution-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-caution-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-safety-normal: var(--foundation-emr-signal-green-45);
  --generation-on-light-alert-global-background-high-safety-hover: var(--foundation-emr-signal-green-40);
  --generation-on-light-alert-global-background-high-safety-active: var(--foundation-emr-signal-green-50);
  --generation-on-light-alert-global-background-high-on-safety-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-safety-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-safety-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-light-alert-global-background-high-information-hover: var(--foundation-emr-signal-blue-40);
  --generation-on-light-alert-global-background-high-information-active: var(--foundation-emr-signal-blue-50);
  --generation-on-light-alert-global-background-high-on-information-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-information-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-information-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-neutral-normal: var(--generation-color-gray-250);
  --generation-on-light-alert-global-background-high-neutral-hover: var(--generation-color-gray-200);
  --generation-on-light-alert-global-background-high-neutral-active: var(--generation-color-gray-300);
  --generation-on-light-alert-global-background-high-on-neutral-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-neutral-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-high-on-neutral-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-background-low-danger-normal: rgb(from var(--generation-on-light-alert-global-background-high-danger-normal) r g b / 0.1);
  --generation-on-light-alert-global-background-low-danger-hover: rgb(from var(--generation-on-light-alert-global-background-high-danger-normal) r g b / 0.2);
  --generation-on-light-alert-global-background-low-danger-active: rgb(from var(--generation-on-light-alert-global-background-high-danger-normal) r g b / 0.3);
  --generation-on-light-alert-global-background-low-caution-normal: rgb(from var(--generation-on-light-alert-global-background-high-caution-normal) r g b / 0.1);
  --generation-on-light-alert-global-background-low-caution-hover: rgb(from var(--generation-on-light-alert-global-background-high-caution-normal) r g b / 0.2);
  --generation-on-light-alert-global-background-low-caution-active: rgb(from var(--generation-on-light-alert-global-background-high-caution-normal) r g b / 0.3);
  --generation-on-light-alert-global-background-low-warning-normal: rgb(from var(--generation-on-light-alert-global-background-high-warning-normal) r g b / 0.1);
  --generation-on-light-alert-global-background-low-warning-hover: rgb(from var(--generation-on-light-alert-global-background-high-warning-normal) r g b / 0.2);
  --generation-on-light-alert-global-background-low-warning-active: rgb(from var(--generation-on-light-alert-global-background-high-warning-normal) r g b / 0.3);
  --generation-on-light-alert-global-background-low-safety-normal: rgb(from var(--generation-on-light-alert-global-background-high-safety-normal) r g b / 0.1);
  --generation-on-light-alert-global-background-low-safety-hover: rgb(from var(--generation-on-light-alert-global-background-high-safety-normal) r g b / 0.2);
  --generation-on-light-alert-global-background-low-safety-active: rgb(from var(--generation-on-light-alert-global-background-high-safety-normal) r g b / 0.3);
  --generation-on-light-alert-global-background-low-information-normal: rgb(from var(--generation-on-light-alert-global-background-high-information-normal) r g b / 0.1);
  --generation-on-light-alert-global-background-low-information-hover: rgb(from var(--generation-on-light-alert-global-background-high-information-normal) r g b / 0.2);
  --generation-on-light-alert-global-background-low-information-active: rgb(from var(--generation-on-light-alert-global-background-high-information-normal) r g b / 0.3);
  --generation-on-light-alert-global-background-low-neutral-normal: var(--foundation-emr-color-gray-05);
  --generation-on-light-alert-global-background-low-neutral-hover: var(--foundation-emr-color-gray-10);
  --generation-on-light-alert-global-background-low-neutral-active: var(--foundation-emr-color-gray-15);
  --generation-on-light-alert-global-border-danger-normal: var(--foundation-emr-signal-red-70);
  --generation-on-light-alert-global-border-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-light-alert-global-border-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-light-alert-global-border-safety-normal: var(--foundation-emr-signal-green-45);
  --generation-on-light-alert-global-border-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-light-alert-global-border-neutral-normal: var(--foundation-emr-color-gray-15);
  --generation-on-light-alert-global-border-neutral-hover: var(--foundation-emr-color-gray-25);
  --generation-on-light-alert-global-border-neutral-active: var(--foundation-emr-color-gray-35);
  --generation-on-light-alert-global-text-danger-normal: var(--foundation-emr-signal-red-70);
  --generation-on-light-alert-global-text-danger-hover: var(--foundation-emr-signal-red-50);
  --generation-on-light-alert-global-text-danger-active: var(--foundation-emr-signal-red-60);
  --generation-on-light-alert-global-text-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-light-alert-global-text-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-light-alert-global-text-safety-normal: var(--foundation-emr-signal-green-45);
  --generation-on-light-alert-global-text-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-light-alert-global-text-neutral-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-text-on-signal-normal: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-global-text-on-signal-inverse-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-global-text-low-on-neutral-normal: var(--foundation-emr-color-gray-50);
  --generation-on-light-alert-global-text-low-on-neutral-hover: var(--foundation-emr-color-gray-60);
  --generation-on-light-alert-global-text-low-on-neutral-active: var(--foundation-emr-color-gray-70);
  --generation-on-light-alert-japan-background-high-danger-normal: var(--foundation-emr-signal-red-70);
  --generation-on-light-alert-japan-background-high-danger-hover: var(--foundation-emr-signal-red-50);
  --generation-on-light-alert-japan-background-high-danger-active: var(--foundation-emr-signal-red-60);
  --generation-on-light-alert-japan-background-high-danger-disabled: #E6ADAD;
  --generation-on-light-alert-japan-background-high-on-danger-normal: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-japan-background-high-on-danger-hover: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-japan-background-high-on-danger-active: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-japan-background-high-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-light-alert-japan-background-high-warning-hover: var(--foundation-emr-signal-orange-40);
  --generation-on-light-alert-japan-background-high-warning-active: var(--foundation-emr-signal-orange-50);
  --generation-on-light-alert-japan-background-high-on-warning-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-warning-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-warning-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-light-alert-japan-background-high-caution-hover: var(--foundation-emr-signal-yellow-40);
  --generation-on-light-alert-japan-background-high-caution-active: var(--foundation-emr-signal-yellow-50);
  --generation-on-light-alert-japan-background-high-on-caution-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-caution-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-caution-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-safety-normal: var(--foundation-emr-signal-green-45);
  --generation-on-light-alert-japan-background-high-safety-hover: var(--foundation-emr-signal-green-40);
  --generation-on-light-alert-japan-background-high-safety-active: var(--foundation-emr-signal-green-50);
  --generation-on-light-alert-japan-background-high-on-safety-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-safety-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-safety-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-light-alert-japan-background-high-information-hover: var(--foundation-emr-signal-blue-40);
  --generation-on-light-alert-japan-background-high-information-active: var(--foundation-emr-signal-blue-50);
  --generation-on-light-alert-japan-background-high-on-information-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-information-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-information-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-neutral-normal: var(--generation-color-gray-250);
  --generation-on-light-alert-japan-background-high-neutral-hover: var(--generation-color-gray-200);
  --generation-on-light-alert-japan-background-high-neutral-active: var(--generation-color-gray-300);
  --generation-on-light-alert-japan-background-high-on-neutral-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-neutral-hover: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-high-on-neutral-active: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-background-low-danger-normal: rgb(from var(--generation-on-light-alert-japan-background-high-danger-normal) r g b / 0.1);
  --generation-on-light-alert-japan-background-low-danger-hover: rgb(from var(--generation-on-light-alert-japan-background-high-danger-normal) r g b / 0.2);
  --generation-on-light-alert-japan-background-low-danger-active: rgb(from var(--generation-on-light-alert-japan-background-high-danger-normal) r g b / 0.3);
  --generation-on-light-alert-japan-background-low-caution-normal: rgb(from var(--generation-on-light-alert-japan-background-high-caution-normal) r g b / 0.1);
  --generation-on-light-alert-japan-background-low-caution-hover: rgb(from var(--generation-on-light-alert-japan-background-high-caution-normal) r g b / 0.2);
  --generation-on-light-alert-japan-background-low-caution-active: rgb(from var(--generation-on-light-alert-japan-background-high-caution-normal) r g b / 0.3);
  --generation-on-light-alert-japan-background-low-warning-normal: rgb(from var(--generation-on-light-alert-japan-background-high-warning-normal) r g b / 0.1);
  --generation-on-light-alert-japan-background-low-warning-hover: rgb(from var(--generation-on-light-alert-japan-background-high-warning-normal) r g b / 0.2);
  --generation-on-light-alert-japan-background-low-warning-active: rgb(from var(--generation-on-light-alert-japan-background-high-warning-normal) r g b / 0.3);
  --generation-on-light-alert-japan-background-low-safety-normal: rgb(from var(--generation-on-light-alert-japan-background-high-safety-normal) r g b / 0.1);
  --generation-on-light-alert-japan-background-low-safety-hover: rgb(from var(--generation-on-light-alert-japan-background-high-safety-normal) r g b / 0.2);
  --generation-on-light-alert-japan-background-low-safety-active: rgb(from var(--generation-on-light-alert-japan-background-high-safety-normal) r g b / 0.3);
  --generation-on-light-alert-japan-background-low-information-normal: rgb(from var(--generation-on-light-alert-japan-background-high-information-normal) r g b / 0.1);
  --generation-on-light-alert-japan-background-low-information-hover: rgb(from var(--generation-on-light-alert-japan-background-high-information-normal) r g b / 0.2);
  --generation-on-light-alert-japan-background-low-information-active: rgb(from var(--generation-on-light-alert-japan-background-high-information-normal) r g b / 0.3);
  --generation-on-light-alert-japan-background-low-neutral-normal: var(--foundation-emr-color-gray-05);
  --generation-on-light-alert-japan-background-low-neutral-hover: var(--foundation-emr-color-gray-10);
  --generation-on-light-alert-japan-background-low-neutral-active: var(--foundation-emr-color-gray-15);
  --generation-on-light-alert-japan-border-danger-normal: var(--foundation-emr-signal-red-50);
  --generation-on-light-alert-japan-border-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-light-alert-japan-border-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-light-alert-japan-border-safety-normal: var(--foundation-emr-signal-green-45);
  --generation-on-light-alert-japan-border-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-light-alert-japan-border-neutral-normal: var(--generation-color-gray-250);
  --generation-on-light-alert-japan-text-danger-normal: var(--foundation-emr-signal-red-70);
  --generation-on-light-alert-japan-text-danger-hover: var(--foundation-emr-signal-red-50);
  --generation-on-light-alert-japan-text-danger-active: var(--foundation-emr-signal-red-60);
  --generation-on-light-alert-japan-text-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-light-alert-japan-text-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-light-alert-japan-text-safety-normal: var(--foundation-emr-signal-green-45);
  --generation-on-light-alert-japan-text-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-light-alert-japan-text-neutral-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-alert-japan-text-on-signal-normal: var(--generation-on-light-text-on-signal);
  --generation-on-light-alert-japan-text-on-signal-inverse-normal: var(--generation-on-light-text-on-signal-inverse);
  --generation-on-light-text-primary: var(--generation-color-gray-800);
  --generation-on-light-text-secondary: var(--generation-color-gray-700);
  --generation-on-light-text-tertiary: var(--generation-color-gray-600);
  --generation-on-light-text-placeholder: var(--generation-color-gray-400);
  --generation-on-light-text-helper: var(--generation-color-gray-300);
  --generation-on-light-text-disabled: var(--generation-color-gray-250);
  --generation-on-light-text-on-signal: var(--foundation-emr-color-neutral-white);
  --generation-on-light-text-on-signal-inverse: var(--foundation-emr-color-gray-75);
  --generation-on-light-text-active-normal: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-text-inverse-primary: var(--generation-color-neutral-white);
  --generation-on-light-text-inverse-secondary: var(--generation-color-gray-150);
  --generation-on-light-text-inverse-tertiary: var(--generation-color-gray-250);
  --generation-on-light-text-inverse-disabled: var(--generation-color-gray-400);
  --generation-on-light-text-virtual-assistant-normal: var(--foundation-emr-signal-purple-60);
  --generation-on-light-border-color-normal: var(--foundation-emr-color-gray-25);
  --generation-on-light-border-color-hover: var(--foundation-emr-color-gray-25);
  --generation-on-light-border-color-active: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-border-color-selected: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-border-color-disabled: var(--foundation-emr-color-gray-25);
  --generation-on-light-border-color-read-only: var(--foundation-emr-color-gray-25);
  --generation-on-light-border-color-sensitive-data: var(--generation-on-light-background-sensitive-data-normal);
  --generation-on-light-border-color-content: var(--foundation-emr-color-gray-10);
  --generation-on-light-border-color-column-header: var(--foundation-emr-color-gray-20);
  --generation-on-light-border-color-neutral: var(--generation-color-gray-100);
  --generation-on-light-border-color-highlighted: var(--generation-color-gray-350);
  --generation-on-light-border-color-null: var(--generation-color-neutral-transparent);
  --generation-on-light-border-color-primary: var(--generation-color-gray-800);
  --generation-on-light-border-color-inverse-normal: var(--generation-on-dark-border-color-normal);
  --generation-on-light-border-color-inverse-hover: var(--generation-on-dark-border-color-hover);
  --generation-on-light-border-color-inverse-active: var(--brand-on-dark-color-primary-active);
  --generation-on-light-border-color-inverse-selected: var(--brand-on-dark-color-primary-active);
  --generation-on-light-border-color-inverse-disabled: var(--generation-on-dark-border-color-disabled);
  --generation-on-light-border-color-inverse-read-only: var(--generation-on-dark-border-color-read-only);
  --generation-on-light-border-color-inverse-sensitive-data: var(--generation-on-dark-border-color-sensitive-data);
  --generation-on-light-border-color-inverse-neutral: var(--generation-on-dark-border-color-neutral);
  --generation-on-light-border-color-inverse-null: var(--generation-on-dark-border-color-null);
  --generation-on-light-border-color-inverse-primary: var(--generation-on-dark-border-color-primary);
  --generation-on-light-outline-color-focus: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-outline-color-focus-visible: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-icon-color-primary: var(--generation-color-gray-800);
  --generation-on-light-icon-color-secondary: var(--generation-color-gray-700);
  --generation-on-light-icon-color-tertiary: var(--generation-color-gray-600);
  --generation-on-light-icon-color-placeholder: var(--generation-color-gray-400);
  --generation-on-light-icon-color-default: var(--generation-color-gray-450);
  --generation-on-light-icon-color-disabled: var(--foundation-emr-color-gray-25);
  --generation-on-light-icon-color-inverse-primary: var(--generation-color-neutral-white);
  --generation-on-light-icon-color-inverse-secondary: var(--generation-color-gray-150);
  --generation-on-light-icon-color-inverse-tertiary: var(--generation-color-gray-250);
  --generation-on-light-icon-color-inverse-disabled: var(--generation-color-gray-400);
  --generation-on-light-icon-primary-normal: var(--foundation-emr-color-gray-75);
  --generation-on-light-icon-primary-hover: var(--foundation-emr-color-gray-50);
  --generation-on-light-icon-primary-active: var(--foundation-emr-color-gray-55);
  --generation-on-light-icon-primary-disabled: var(--foundation-emr-color-gray-35);
  --generation-on-light-icon-primary-selected: var(--brand-on-light-color-primary-selected);
  --generation-on-light-icon-secondary-normal: var(--foundation-emr-color-gray-45);
  --generation-on-light-icon-secondary-hover: var(--foundation-emr-color-gray-50);
  --generation-on-light-icon-secondary-active: var(--foundation-emr-color-gray-55);
  --generation-on-light-icon-secondary-disabled: var(--foundation-emr-color-gray-35);
  --generation-on-light-icon-secondary-selected: var(--brand-on-light-color-primary-selected);
  --generation-on-light-icon-virtual-assistant-normal: var(--foundation-emr-signal-purple-60);
  --generation-on-light-input-background-normal: var(--generation-color-neutral-white);
  --generation-on-light-input-background-hover: var(--generation-color-neutral-white);
  --generation-on-light-input-background-active: var(--generation-color-neutral-white);
  --generation-on-light-input-background-disabled: var(--generation-on-light-background-disabled-normal);
  --generation-on-light-input-background-read-only: var(--generation-on-light-background-disabled-normal);
  --generation-on-light-input-background-sensitive-data: var(--generation-on-light-background-sensitive-data-normal);
  --generation-on-light-input-border-color-normal: var(--generation-on-light-border-color-normal);
  --generation-on-light-input-border-color-hover: var(--generation-on-light-border-color-hover);
  --generation-on-light-input-border-color-active: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-input-border-color-disabled: var(--generation-on-light-border-color-disabled);
  --generation-on-light-input-border-color-read-only: var(--generation-on-light-border-color-read-only);
  --generation-on-light-input-border-color-sensitive-data: var(--generation-on-light-border-color-sensitive-data);
  --generation-on-light-overlay-default: rgb(from #333333 r g b / 0.4);
  --generation-on-light-comp-scrollbar-one: var(--generation-color-neutral-transparent);
  --generation-on-light-comp-scrollbar-two: var(--generation-color-gray-250);
  --generation-on-light-comp-scrollbar-three: var(--generation-color-gray-300);
  --generation-on-light-comp-scrollbar-four: var(--generation-color-gray-400);
  --generation-on-light-comp-radio-button-input-unchecked-background-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-unchecked-background-hover: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-unchecked-background-active: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-unchecked-background-read-only: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-unchecked-background-disabled: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-unchecked-background-sensitive-data: var(--generation-on-light-background-sensitive-data-normal);
  --generation-on-light-comp-radio-button-input-unchecked-border-color-normal: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-unchecked-border-color-hover: var(--brand-on-light-color-primary-signal-hover);
  --generation-on-light-comp-radio-button-input-unchecked-border-color-active: var(--brand-on-light-color-primary-signal-active);
  --generation-on-light-comp-radio-button-input-unchecked-border-color-read-only: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-unchecked-border-color-disabled: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-unchecked-border-color-sensitive-data: var(--foundation-emr-color-neutral-transparent);
  --generation-on-light-comp-radio-button-input-checked-background-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-checked-background-hover: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-checked-background-active: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-checked-background-read-only: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-checked-background-disabled: var(--foundation-emr-color-neutral-white);
  --generation-on-light-comp-radio-button-input-checked-background-sensitive-data: var(--generation-on-light-background-sensitive-data-normal);
  --generation-on-light-comp-radio-button-input-checked-border-color-normal: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-checked-border-color-hover: var(--brand-on-light-color-primary-signal-hover);
  --generation-on-light-comp-radio-button-input-checked-border-color-active: var(--brand-on-light-color-primary-signal-active);
  --generation-on-light-comp-radio-button-input-checked-border-color-read-only: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-checked-border-color-disabled: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-checked-border-color-sensitive-data: var(--foundation-emr-color-neutral-transparent);
  --generation-on-light-comp-radio-button-input-mark-checked-background-normal: var(--foundation-emr-color-neutral-black);
  --generation-on-light-comp-radio-button-input-mark-checked-background-hover: var(--foundation-emr-color-neutral-black);
  --generation-on-light-comp-radio-button-input-mark-checked-background-active: var(--foundation-emr-color-neutral-black);
  --generation-on-light-comp-radio-button-input-mark-checked-background-read-only: var(--foundation-emr-color-neutral-black);
  --generation-on-light-comp-radio-button-input-mark-checked-background-disabled: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-radio-button-input-mark-checked-background-sensitive-data: var(--generation-on-light-background-sensitive-data-normal);
  --generation-on-light-comp-info-bar-background-primary: var(--generation-color-neutral-white);
  --generation-on-light-comp-info-bar-background-secondary: var(--generation-color-neutral-white);
  --generation-on-light-comp-info-bar-icon-search-color-primary: #333333;
  --generation-on-light-comp-info-bar-identity-search-background-none: var(--generation-color-neutral-transparent);
  --generation-on-light-comp-info-bar-identity-search-background-hover: rgb(from var(--generation-color-gray-50) r g b / 0.8);
  --generation-on-light-comp-info-bar-identity-search-background-active: rgb(from var(--generation-color-gray-50) r g b / 0.8);
  --generation-on-light-comp-info-bar-icon-field-color-primary: #808080;
  --generation-on-light-comp-info-bar-icon-action-color-normal: var(--generation-color-gray-950);
  --generation-on-light-comp-info-bar-icon-action-color-hover: var(--generation-color-gray-700);
  --generation-on-light-comp-info-bar-icon-action-color-active: var(--generation-color-gray-700);
  --generation-on-light-comp-info-bar-icon-action-outline-color-focus-visible: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-comp-date-picker-label-default: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-label-hover: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-label-active: var(--generation-on-light-text-on-signal);
  --generation-on-light-comp-date-picker-label-range-date: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-label-current-date: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-label-special-info: var(--foundation-emr-color-orange-45);
  --generation-on-light-comp-date-picker-label-weekday-default: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-label-weekday-selected: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-label-disabled: var(--generation-on-light-text-disabled);
  --generation-on-light-comp-date-picker-label-header: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-comp-date-picker-indicator-border-color-full: var(--foundation-emr-color-neutral-transparent);
  --generation-on-light-comp-date-picker-indicator-border-color-empty: var(--foundation-emr-color-neutral-transparent);
  --generation-on-light-comp-date-picker-indicator-border-color-current-date: var(--generation-on-light-comp-date-picker-colors-primary);
  --generation-on-light-comp-date-picker-indicator-border-color-primary: var(--generation-on-light-comp-date-picker-colors-primary);
  --generation-on-light-comp-date-picker-indicator-border-color-neutral: var(--generation-on-light-comp-date-picker-colors-neutral);
  --generation-on-light-comp-date-picker-indicator-border-color-none: var(--generation-on-light-comp-date-picker-colors-none);
  --generation-on-light-comp-date-picker-indicator-border-color-icon-container: var(--foundation-emr-color-gray-25);
  --generation-on-light-comp-date-picker-colors-primary: var(--brand-on-light-color-primary-signal-normal);
  --generation-on-light-comp-date-picker-colors-secondary: var(--brand-on-light-color-secondary-selected);
  --generation-on-light-comp-date-picker-colors-neutral: var(--generation-on-light-background-neutral-low);
  --generation-on-light-comp-date-picker-colors-emphasis: var(--foundation-emr-color-orange-45);
  --generation-on-light-comp-date-picker-colors-full: var(--foundation-emr-color-green-35);
  --generation-on-light-comp-date-picker-colors-disabled: var(--generation-on-light-text-disabled);
  --generation-on-light-comp-date-picker-colors-foreground: var(--generation-on-light-text-primary);
  --generation-on-light-comp-date-picker-colors-inverse: var(--generation-on-light-text-on-signal);
  --generation-on-light-comp-date-picker-colors-none: var(--foundation-emr-color-neutral-transparent);
  --generation-on-light-comp-date-picker-background-default: var(--generation-on-light-surface-primary);
  --generation-on-light-comp-date-picker-background-hover: var(--foundation-emr-color-gray-05);
  --generation-on-light-comp-date-picker-background-active: var(--brand-on-light-color-primary-signal-selected);
  --generation-on-light-comp-date-picker-background-range-date: var(--brand-on-light-color-secondary-selected);
  --generation-on-light-comp-date-picker-background-current-date: var(--generation-on-light-surface-primary);
  --generation-on-light-comp-date-picker-background-special-info: var(--generation-on-light-surface-primary);
  --generation-on-light-comp-date-picker-background-weekday-default: var(--generation-on-light-surface-primary);
  --generation-on-light-comp-ai-audio-recorder-container-background: var(--foundation-emr-color-gray-05);
  --generation-on-light-comp-ai-audio-recorder-area-background: var(--foundation-emr-color-gray-10);
  --generation-on-light-comp-ai-audio-recorder-star-animation-background-none: var(--foundation-emr-color-gray-40);
  --generation-on-light-comp-ai-audio-recorder-star-animation-background-disabled: var(--foundation-emr-color-gray-20);
  --generation-on-light-comp-pagination-icon-color-default: var(--foundation-dls-color-group-blue-45);
  --generation-on-light-comp-pagination-icon-color-hover: var(--foundation-dls-color-group-blue-35);
  --generation-on-light-comp-pagination-icon-color-pressed: var(--foundation-dls-color-group-blue-35);
  --generation-on-light-comp-pagination-icon-color-disabled: var(--foundation-dls-color-gray-35);
  --generation-on-light-comp-progress-bar-bar-background-track: var(--foundation-dls-color-gray-15);
  --generation-on-light-comp-progress-bar-bar-background-buffer: var(--foundation-dls-color-gray-25);
  --generation-on-light-comp-breadcrumb-icon-color: var(--generation-color-gray-350);
  --generation-on-light-ai-primary-enabled: var(--foundation-ai-purple-50);
  --generation-on-light-ai-primary-hover: var(--foundation-ai-purple-42);
  --generation-on-light-ai-primary-active: var(--foundation-ai-purple-34);
  --generation-on-light-ai-primary-disabled: var(--generation-color-gray-200);
  --generation-on-light-ai-on-primary-enabled: var(--foundation-emr-color-neutral-white);
  --generation-on-light-ai-on-primary-hover: var(--foundation-emr-color-neutral-white);
  --generation-on-light-ai-on-primary-active: var(--foundation-emr-color-neutral-white);
  --generation-on-light-ai-on-primary-disabled: var(--foundation-emr-color-neutral-white);
  --generation-on-light-ai-on-quiet-enabled: var(--foundation-ai-purple-34);
  --generation-on-light-ai-on-quiet-hover: var(--foundation-ai-purple-26);
  --generation-on-light-ai-on-quiet-active: var(--foundation-ai-purple-18);
  --generation-on-light-ai-on-quiet-disabled: var(--foundation-emr-color-gray-35);
  --generation-on-dark-shadow-1: 0px 1px 2px 0px var(--generation-on-dark-shadow-color-default);
  --generation-on-dark-shadow-2: 0px 1px 4px 0px var(--generation-on-dark-shadow-color-default);
  --generation-on-dark-shadow-3: 0px 1px 6px 0px var(--generation-on-dark-shadow-color-default);
  --generation-on-dark-shadow-4: 0px 2px 10px 0px var(--generation-on-dark-shadow-color-default);
  --generation-on-dark-shadow-5: 0px 4px 12px 0px var(--generation-on-dark-shadow-color-default);
  --generation-on-dark-shadow-6: 0px 8px 24px 0px var(--generation-on-dark-shadow-color-default);
  --generation-on-dark-shadow-none: 0px 0px 0px 0px var(--generation-on-light-shadow-color-null);
  --generation-on-dark-shadow-color-null: var(--generation-color-neutral-transparent);
  --generation-on-dark-shadow-color-default: rgb(from var(--generation-color-neutral-black) r g b / 0.6);
  --generation-on-dark-border-color-highlighted: var(--generation-color-gray-200);
  --generation-on-dark-border-color-normal: var(--generation-color-gray-250);
  --generation-on-dark-border-color-hover: var(--generation-color-gray-250);
  --generation-on-dark-border-color-active: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-border-color-selected: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-border-color-disabled: var(--generation-color-gray-350);
  --generation-on-dark-border-color-read-only: var(--generation-color-gray-250);
  --generation-on-dark-border-color-content: var(--foundation-emr-color-gray-60);
  --generation-on-dark-border-color-column-header: var(--foundation-emr-color-gray-45);
  --generation-on-dark-border-color-sensitive-data: var(--generation-on-dark-background-sensitive-data-normal);
  --generation-on-dark-border-color-neutral: var(--generation-color-gray-250);
  --generation-on-dark-border-color-null: var(--generation-color-neutral-transparent);
  --generation-on-dark-border-color-primary: var(--generation-color-neutral-white);
  --generation-on-dark-border-color-inverse-normal: var(--generation-on-light-border-color-normal);
  --generation-on-dark-border-color-inverse-hover: var(--generation-on-light-border-color-hover);
  --generation-on-dark-border-color-inverse-active: var(--brand-on-light-color-primary-normal);
  --generation-on-dark-border-color-inverse-selected: var(--brand-on-light-color-primary-normal);
  --generation-on-dark-border-color-inverse-disabled: var(--generation-on-light-border-color-disabled);
  --generation-on-dark-border-color-inverse-read-only: var(--generation-on-light-border-color-read-only);
  --generation-on-dark-border-color-inverse-sensitive-data: var(--generation-on-light-border-color-sensitive-data);
  --generation-on-dark-border-color-inverse-neutral: var(--generation-on-light-border-color-neutral);
  --generation-on-dark-border-color-inverse-null: var(--generation-on-light-border-color-null);
  --generation-on-dark-border-color-inverse-primary: var(--generation-on-light-border-color-primary);
  --generation-on-dark-background-accent-normal: var(--foundation-emr-signal-lime-60);
  --generation-on-dark-background-accent-hover: #9AD83D;
  --generation-on-dark-background-accent-active: #497A00;
  --generation-on-dark-background-accent-disabled: #384D00;
  --generation-on-dark-background-neutral-normal: var(--generation-color-gray-400);
  --generation-on-dark-background-neutral-hover: var(--generation-color-gray-450);
  --generation-on-dark-background-neutral-active: var(--generation-color-gray-500);
  --generation-on-dark-background-neutral-high: var(--generation-color-gray-400);
  --generation-on-dark-background-neutral-low: var(--generation-color-gray-800);
  --generation-on-dark-background-neutral-none: var(--generation-color-neutral-transparent);
  --generation-on-dark-background-disabled-normal: var(--generation-color-gray-700);
  --generation-on-dark-background-sensitive-data-normal: var(--generation-color-gray-250);
  --generation-on-dark-background-quiet-normal: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-hover: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-active: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-disabled: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-emphasis-normal: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-emphasis-hover: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-emphasis-active: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-quiet-emphasis-disabled: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-background-selected-normal: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-background-secondary-normal: var(--brand-on-dark-color-secondary-normal);
  --generation-on-dark-background-secondary-hover: var(--brand-on-dark-color-secondary-hover);
  --generation-on-dark-background-secondary-active: var(--brand-on-dark-color-secondary-active);
  --generation-on-dark-background-quiet-list-normal: var(--brand-on-dark-color-quiet-list-normal);
  --generation-on-dark-background-quiet-list-hover: var(--brand-on-dark-color-quiet-list-hover);
  --generation-on-dark-background-quiet-list-active: var(--brand-on-dark-color-quiet-list-active);
  --generation-on-dark-background-quiet-list-disabled: var(--brand-on-dark-color-quiet-list-disabled);
  --generation-on-dark-background-virtual-assistant-high-emphasis-normal: var(--foundation-emr-signal-purple-20);
  --generation-on-dark-background-virtual-assistant-low-emphasis-normal: var(--foundation-emr-color-gray-60);
  --generation-on-dark-alert-global-text-danger-normal: var(--foundation-emr-signal-red-40);
  --generation-on-dark-alert-global-text-danger-hover: var(--foundation-emr-signal-red-45);
  --generation-on-dark-alert-global-text-danger-active: var(--foundation-emr-signal-red-45);
  --generation-on-dark-alert-global-text-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-alert-global-text-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-global-text-safety-normal: var(--foundation-emr-signal-lime-50);
  --generation-on-dark-alert-global-text-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-dark-alert-global-text-neutral-normal: var(--generation-color-gray-50);
  --generation-on-dark-alert-global-text-on-signal-normal: var(--foundation-emr-color-gray-75);
  --generation-on-dark-alert-global-text-on-signal-inverse-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-dark-alert-global-text-low-on-neutral-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-dark-alert-global-text-low-on-neutral-hover: var(--foundation-emr-color-neutral-white);
  --generation-on-dark-alert-global-text-low-on-neutral-active: var(--foundation-emr-color-neutral-white);
  --generation-on-dark-alert-global-background-high-danger-normal: var(--foundation-emr-signal-red-40);
  --generation-on-dark-alert-global-background-high-danger-hover: var(--foundation-emr-signal-red-30);
  --generation-on-dark-alert-global-background-high-danger-active: var(--foundation-emr-signal-red-40);
  --generation-on-dark-alert-global-background-high-danger-disabled: rgb(from var(--foundation-emr-signal-red-45) r g b / 0.3);
  --generation-on-dark-alert-global-background-high-on-danger-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-danger-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-danger-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-global-background-high-warning-hover: var(--foundation-emr-signal-orange-40);
  --generation-on-dark-alert-global-background-high-warning-active: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-global-background-high-on-warning-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-warning-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-warning-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-alert-global-background-high-caution-hover: var(--foundation-emr-signal-yellow-40);
  --generation-on-dark-alert-global-background-high-caution-active: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-alert-global-background-high-on-caution-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-caution-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-caution-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-safety-normal: var(--foundation-emr-signal-green-40);
  --generation-on-dark-alert-global-background-high-safety-hover: var(--foundation-emr-signal-green-30);
  --generation-on-dark-alert-global-background-high-safety-active: var(--foundation-emr-signal-green-40);
  --generation-on-dark-alert-global-background-high-on-safety-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-safety-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-safety-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-information-normal: var(--foundation-emr-signal-blue-30);
  --generation-on-dark-alert-global-background-high-information-hover: var(--foundation-emr-signal-blue-20);
  --generation-on-dark-alert-global-background-high-information-active: var(--foundation-emr-signal-blue-30);
  --generation-on-dark-alert-global-background-high-on-information-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-information-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-on-information-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-global-background-high-neutral-normal: #4d4d4d;
  --generation-on-dark-alert-global-background-high-neutral-hover: #5c5c5c;
  --generation-on-dark-alert-global-background-high-neutral-active: #4d4d4d;
  --generation-on-dark-alert-global-background-high-on-neutral-normal: var(--generation-color-neutral-white);
  --generation-on-dark-alert-global-background-high-on-neutral-hover: var(--generation-color-neutral-white);
  --generation-on-dark-alert-global-background-high-on-neutral-active: var(--generation-color-neutral-white);
  --generation-on-dark-alert-global-background-low-danger-normal: rgb(from var(--generation-on-dark-alert-global-background-high-danger-normal) r g b / 0.1);
  --generation-on-dark-alert-global-background-low-danger-hover: rgb(from var(--generation-on-dark-alert-global-background-high-danger-normal) r g b / 0.2);
  --generation-on-dark-alert-global-background-low-danger-active: rgb(from var(--generation-on-dark-alert-global-background-high-danger-normal) r g b / 0.3);
  --generation-on-dark-alert-global-background-low-caution-normal: rgb(from var(--generation-on-dark-alert-global-background-high-caution-normal) r g b / 0.1);
  --generation-on-dark-alert-global-background-low-caution-hover: rgb(from var(--generation-on-dark-alert-global-background-high-caution-normal) r g b / 0.2);
  --generation-on-dark-alert-global-background-low-caution-active: rgb(from var(--generation-on-dark-alert-global-background-high-caution-normal) r g b / 0.3);
  --generation-on-dark-alert-global-background-low-warning-normal: rgb(from var(--generation-on-dark-alert-global-background-high-warning-normal) r g b / 0.1);
  --generation-on-dark-alert-global-background-low-warning-hover: rgb(from var(--generation-on-dark-alert-global-background-high-warning-normal) r g b / 0.2);
  --generation-on-dark-alert-global-background-low-warning-active: rgb(from var(--generation-on-dark-alert-global-background-high-warning-normal) r g b / 0.3);
  --generation-on-dark-alert-global-background-low-safety-normal: rgb(from var(--generation-on-dark-alert-global-background-high-safety-normal) r g b / 0.1);
  --generation-on-dark-alert-global-background-low-safety-hover: rgb(from var(--generation-on-dark-alert-global-background-high-safety-normal) r g b / 0.2);
  --generation-on-dark-alert-global-background-low-safety-active: rgb(from var(--generation-on-dark-alert-global-background-high-safety-normal) r g b / 0.3);
  --generation-on-dark-alert-global-background-low-information-normal: rgb(from var(--generation-on-dark-alert-global-background-high-information-normal) r g b / 0.1);
  --generation-on-dark-alert-global-background-low-information-hover: rgb(from var(--generation-on-dark-alert-global-background-high-information-normal) r g b / 0.2);
  --generation-on-dark-alert-global-background-low-information-active: rgb(from var(--generation-on-dark-alert-global-background-high-information-normal) r g b / 0.3);
  --generation-on-dark-alert-global-background-low-neutral-normal: var(--generation-color-gray-750);
  --generation-on-dark-alert-global-background-low-neutral-hover: var(--generation-color-gray-700);
  --generation-on-dark-alert-global-background-low-neutral-active: var(--generation-color-gray-650);
  --generation-on-dark-alert-global-border-danger-normal: var(--foundation-emr-signal-red-45);
  --generation-on-dark-alert-global-border-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-alert-global-border-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-global-border-safety-normal: var(--foundation-emr-signal-lime-50);
  --generation-on-dark-alert-global-border-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-dark-alert-global-border-neutral-normal: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.8);
  --generation-on-dark-alert-global-border-neutral-hover: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.8);
  --generation-on-dark-alert-global-border-neutral-active: rgb(from var(--foundation-emr-color-neutral-white) r g b / 0.8);
  --generation-on-dark-alert-japan-background-high-danger-normal: var(--foundation-emr-signal-purple-45);
  --generation-on-dark-alert-japan-background-high-danger-hover: var(--foundation-emr-signal-purple-50);
  --generation-on-dark-alert-japan-background-high-danger-active: var(--foundation-emr-signal-purple-60);
  --generation-on-dark-alert-japan-background-high-danger-disabled: rgb(from var(--foundation-emr-signal-purple-60) r g b / 0.3);
  --generation-on-dark-alert-japan-background-high-on-danger-normal: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-on-danger-hover: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-on-danger-active: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-japan-background-high-warning-hover: var(--foundation-emr-signal-orange-50);
  --generation-on-dark-alert-japan-background-high-warning-active: var(--foundation-emr-signal-orange-60);
  --generation-on-dark-alert-japan-background-high-on-warning-normal: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-on-warning-hover: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-on-warning-active: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-alert-japan-background-high-caution-hover: var(--foundation-emr-signal-yellow-50);
  --generation-on-dark-alert-japan-background-high-caution-active: var(--foundation-emr-signal-yellow-60);
  --generation-on-dark-alert-japan-background-high-on-caution-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-on-caution-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-on-caution-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-safety-normal: var(--foundation-emr-signal-lime-50);
  --generation-on-dark-alert-japan-background-high-safety-hover: var(--foundation-emr-signal-lime-60);
  --generation-on-dark-alert-japan-background-high-safety-active: var(--foundation-emr-signal-lime-65);
  --generation-on-dark-alert-japan-background-high-on-safety-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-on-safety-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-on-safety-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-dark-alert-japan-background-high-information-hover: var(--foundation-emr-signal-blue-50);
  --generation-on-dark-alert-japan-background-high-information-active: var(--foundation-emr-signal-blue-60);
  --generation-on-dark-alert-japan-background-high-on-information-normal: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-on-information-hover: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-on-information-active: var(--generation-color-neutral-black);
  --generation-on-dark-alert-japan-background-high-neutral-normal: var(--generation-color-gray-300);
  --generation-on-dark-alert-japan-background-high-neutral-hover: var(--generation-color-gray-350);
  --generation-on-dark-alert-japan-background-high-neutral-active: var(--generation-color-gray-400);
  --generation-on-dark-alert-japan-background-high-on-neutral-normal: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-on-neutral-hover: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-high-on-neutral-active: var(--generation-color-neutral-white);
  --generation-on-dark-alert-japan-background-low-danger-normal: rgb(from var(--generation-on-dark-alert-japan-background-high-danger-normal) r g b / 0.1);
  --generation-on-dark-alert-japan-background-low-danger-hover: rgb(from var(--generation-on-dark-alert-japan-background-high-danger-normal) r g b / 0.2);
  --generation-on-dark-alert-japan-background-low-danger-active: rgb(from var(--generation-on-dark-alert-japan-background-high-danger-normal) r g b / 0.3);
  --generation-on-dark-alert-japan-background-low-caution-normal: rgb(from var(--generation-on-dark-alert-japan-background-high-caution-normal) r g b / 0.1);
  --generation-on-dark-alert-japan-background-low-caution-hover: rgb(from var(--generation-on-dark-alert-japan-background-high-caution-normal) r g b / 0.2);
  --generation-on-dark-alert-japan-background-low-caution-active: rgb(from var(--generation-on-dark-alert-japan-background-high-caution-normal) r g b / 0.3);
  --generation-on-dark-alert-japan-background-low-warning-normal: rgb(from var(--generation-on-dark-alert-japan-background-high-warning-normal) r g b / 0.1);
  --generation-on-dark-alert-japan-background-low-warning-hover: rgb(from var(--generation-on-dark-alert-japan-background-high-warning-normal) r g b / 0.2);
  --generation-on-dark-alert-japan-background-low-warning-active: rgb(from var(--generation-on-dark-alert-japan-background-high-warning-normal) r g b / 0.3);
  --generation-on-dark-alert-japan-background-low-safety-normal: rgb(from var(--generation-on-dark-alert-japan-background-high-safety-normal) r g b / 0.1);
  --generation-on-dark-alert-japan-background-low-safety-hover: rgb(from var(--generation-on-dark-alert-japan-background-high-safety-normal) r g b / 0.2);
  --generation-on-dark-alert-japan-background-low-safety-active: rgb(from var(--generation-on-dark-alert-japan-background-high-safety-normal) r g b / 0.3);
  --generation-on-dark-alert-japan-background-low-information-normal: rgb(from var(--generation-on-dark-alert-japan-background-high-information-normal) r g b / 0.1);
  --generation-on-dark-alert-japan-background-low-information-hover: rgb(from var(--generation-on-dark-alert-japan-background-high-information-normal) r g b / 0.2);
  --generation-on-dark-alert-japan-background-low-information-active: rgb(from var(--generation-on-dark-alert-japan-background-high-information-normal) r g b / 0.3);
  --generation-on-dark-alert-japan-background-low-neutral-normal: var(--generation-color-gray-50);
  --generation-on-dark-alert-japan-background-low-neutral-hover: var(--generation-color-gray-100);
  --generation-on-dark-alert-japan-background-low-neutral-active: var(--generation-color-gray-150);
  --generation-on-dark-alert-japan-border-danger-normal: var(--foundation-emr-signal-purple-50);
  --generation-on-dark-alert-japan-border-caution-normal: var(--foundation-emr-signal-yellow-50);
  --generation-on-dark-alert-japan-border-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-japan-border-safety-normal: var(--foundation-emr-signal-lime-50);
  --generation-on-dark-alert-japan-border-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-dark-alert-japan-border-neutral-normal: var(--generation-color-gray-50);
  --generation-on-dark-alert-japan-text-danger-normal: var(--foundation-emr-signal-purple-40);
  --generation-on-dark-alert-japan-text-caution-normal: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-alert-japan-text-warning-normal: var(--foundation-emr-signal-orange-45);
  --generation-on-dark-alert-japan-text-safety-normal: var(--foundation-emr-signal-lime-50);
  --generation-on-dark-alert-japan-text-information-normal: var(--foundation-emr-signal-blue-45);
  --generation-on-dark-alert-japan-text-neutral-normal: var(--generation-color-gray-50);
  --generation-on-dark-alert-japan-text-on-signal-normal: var(--foundation-emr-color-gray-75);
  --generation-on-dark-alert-japan-text-on-signal-inverse-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-dark-surface-primary: var(--foundation-emr-color-gray-65);
  --generation-on-dark-surface-secondary: var(--foundation-emr-color-gray-55);
  --generation-on-dark-surface-tertiary: var(--foundation-emr-color-gray-75);
  --generation-on-dark-surface-static: var(--foundation-emr-color-neutral-black);
  --generation-on-dark-surface-overlay: rgb(from var(--generation-color-gray-950) r g b / 0.3);
  --generation-on-dark-surface-none: var(--generation-color-neutral-transparent);
  --generation-on-dark-surface-inverted-primary: var(--foundation-emr-color-gray-10);
  --generation-on-dark-text-primary: var(--generation-color-neutral-white);
  --generation-on-dark-text-secondary: var(--generation-color-gray-100);
  --generation-on-dark-text-tertiary: var(--generation-color-gray-150);
  --generation-on-dark-text-placeholder: var(--generation-color-gray-200);
  --generation-on-dark-text-helper: var(--generation-color-gray-350);
  --generation-on-dark-text-disabled: #A6A6A6;
  --generation-on-dark-text-on-signal: var(--generation-color-neutral-black);
  --generation-on-dark-text-on-signal-inverse: var(--generation-color-neutral-white);
  --generation-on-dark-text-active-normal: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-text-inverse-primary: var(--generation-color-gray-800);
  --generation-on-dark-text-inverse-secondary: var(--generation-color-gray-600);
  --generation-on-dark-text-inverse-tertiary: var(--generation-color-gray-400);
  --generation-on-dark-text-inverse-disabled: var(--generation-color-gray-200);
  --generation-on-dark-text-virtual-assistant-normal: var(--foundation-emr-signal-purple-20);
  --generation-on-dark-outline-color-focus: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-outline-color-focus-visible: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-icon-color-primary: var(--generation-color-neutral-white);
  --generation-on-dark-icon-color-secondary: var(--generation-color-gray-100);
  --generation-on-dark-icon-color-tertiary: var(--generation-color-gray-150);
  --generation-on-dark-icon-color-placeholder: var(--generation-color-gray-200);
  --generation-on-dark-icon-color-default: var(--generation-color-neutral-white);
  --generation-on-dark-icon-color-disabled: #A6A6A6;
  --generation-on-dark-icon-color-inverse-primary: var(--generation-color-gray-800);
  --generation-on-dark-icon-color-inverse-secondary: var(--generation-color-gray-600);
  --generation-on-dark-icon-color-inverse-tertiary: var(--generation-color-gray-400);
  --generation-on-dark-icon-color-inverse-disabled: var(--generation-color-gray-200);
  --generation-on-dark-icon-primary-normal: var(--foundation-emr-color-neutral-white);
  --generation-on-dark-icon-primary-hover: var(--foundation-emr-color-gray-05);
  --generation-on-dark-icon-primary-active: var(--foundation-emr-color-gray-10);
  --generation-on-dark-icon-primary-disabled: var(--foundation-emr-color-gray-40);
  --generation-on-dark-icon-primary-selected: var(--foundation-emr-color-group-blue-25);
  --generation-on-dark-icon-secondary-normal: var(--foundation-emr-color-gray-15);
  --generation-on-dark-icon-secondary-hover: var(--foundation-emr-color-gray-20);
  --generation-on-dark-icon-secondary-active: var(--foundation-emr-color-gray-25);
  --generation-on-dark-icon-secondary-disabled: var(--foundation-emr-color-gray-40);
  --generation-on-dark-icon-secondary-selected: var(--foundation-emr-color-group-blue-25);
  --generation-on-dark-icon-virtual-assistant-normal: var(--foundation-emr-signal-purple-20);
  --generation-on-dark-input-background-normal: var(--generation-color-gray-650);
  --generation-on-dark-input-background-hover: var(--generation-color-gray-650);
  --generation-on-dark-input-background-active: var(--generation-color-gray-650);
  --generation-on-dark-input-background-disabled: var(--generation-on-dark-background-disabled-normal);
  --generation-on-dark-input-background-read-only: var(--generation-on-dark-background-disabled-normal);
  --generation-on-dark-input-background-sensitive-data: var(--generation-on-dark-background-sensitive-data-normal);
  --generation-on-dark-input-border-color-normal: var(--generation-on-dark-border-color-normal);
  --generation-on-dark-input-border-color-hover: var(--generation-on-dark-border-color-hover);
  --generation-on-dark-input-border-color-active: var(--brand-on-dark-color-primary-normal);
  --generation-on-dark-input-border-color-disabled: var(--generation-on-dark-border-color-disabled);
  --generation-on-dark-input-border-color-read-only: var(--generation-on-dark-border-color-read-only);
  --generation-on-dark-input-border-color-sensitive-data: var(--generation-on-dark-border-color-sensitive-data);
  --generation-on-dark-overlay-default: rgb(from var(--generation-color-gray-950) r g b / 0.6);
  --generation-on-dark-comp-scrollbar-one: var(--generation-color-neutral-transparent);
  --generation-on-dark-comp-scrollbar-two: var(--generation-color-gray-200);
  --generation-on-dark-comp-scrollbar-three: var(--generation-color-gray-150);
  --generation-on-dark-comp-scrollbar-four: var(--generation-color-gray-100);
  --generation-on-dark-comp-radio-button-input-unchecked-background-normal: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-unchecked-background-hover: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-unchecked-background-active: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-unchecked-background-read-only: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-unchecked-background-disabled: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-unchecked-background-sensitive-data: var(--generation-on-dark-background-sensitive-data-normal);
  --generation-on-dark-comp-radio-button-input-unchecked-border-color-normal: var(--foundation-emr-color-gray-25);
  --generation-on-dark-comp-radio-button-input-unchecked-border-color-hover: var(--brand-on-dark-color-primary-signal-hover);
  --generation-on-dark-comp-radio-button-input-unchecked-border-color-active: var(--brand-on-dark-color-primary-signal-active);
  --generation-on-dark-comp-radio-button-input-unchecked-border-color-read-only: var(--foundation-emr-color-gray-25);
  --generation-on-dark-comp-radio-button-input-unchecked-border-color-disabled: var(--foundation-emr-color-gray-35);
  --generation-on-dark-comp-radio-button-input-unchecked-border-color-sensitive-data: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-checked-background-normal: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-checked-background-hover: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-checked-background-active: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-checked-background-read-only: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-checked-background-disabled: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-checked-background-sensitive-data: var(--generation-on-dark-background-sensitive-data-normal);
  --generation-on-dark-comp-radio-button-input-checked-border-color-normal: var(--brand-on-dark-color-primary-signal-normal);
  --generation-on-dark-comp-radio-button-input-checked-border-color-hover: var(--brand-on-dark-color-primary-signal-hover);
  --generation-on-dark-comp-radio-button-input-checked-border-color-active: var(--brand-on-dark-color-primary-signal-active);
  --generation-on-dark-comp-radio-button-input-checked-border-color-read-only: var(--brand-on-dark-color-primary-signal-normal);
  --generation-on-dark-comp-radio-button-input-checked-border-color-disabled: rgb(from var(--brand-on-dark-color-primary-signal-normal) r g b / 0.5);
  --generation-on-dark-comp-radio-button-input-checked-border-color-sensitive-data: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-radio-button-input-mark-checked-background-normal: var(--brand-on-dark-color-primary-signal-normal);
  --generation-on-dark-comp-radio-button-input-mark-checked-background-hover: var(--brand-on-dark-color-primary-signal-hover);
  --generation-on-dark-comp-radio-button-input-mark-checked-background-active: var(--brand-on-dark-color-primary-signal-active);
  --generation-on-dark-comp-radio-button-input-mark-checked-background-read-only: var(--brand-on-dark-color-primary-signal-normal);
  --generation-on-dark-comp-radio-button-input-mark-checked-background-disabled: rgb(from var(--brand-on-dark-color-primary-signal-normal) r g b / 0.5);
  --generation-on-dark-comp-radio-button-input-mark-checked-background-sensitive-data: var(--generation-on-dark-background-sensitive-data-normal);
  --generation-on-dark-comp-info-bar-background-primary: var(--generation-color-gray-800);
  --generation-on-dark-comp-info-bar-background-secondary: var(--generation-color-gray-750);
  --generation-on-dark-comp-info-bar-icon-search-color-primary: var(--generation-color-neutral-white);
  --generation-on-dark-comp-info-bar-identity-search-background-none: var(--generation-color-neutral-transparent);
  --generation-on-dark-comp-info-bar-identity-search-background-hover: rgb(from var(--generation-color-gray-50) r g b / 0.8);
  --generation-on-dark-comp-info-bar-identity-search-background-active: rgb(from var(--generation-color-gray-50) r g b / 0.8);
  --generation-on-dark-comp-info-bar-icon-field-color-primary: var(--generation-color-gray-200);
  --generation-on-dark-comp-info-bar-icon-action-color-normal: var(--generation-color-gray-200);
  --generation-on-dark-comp-info-bar-icon-action-color-hover: var(--generation-color-gray-200);
  --generation-on-dark-comp-info-bar-icon-action-color-active: var(--generation-color-gray-200);
  --generation-on-dark-comp-info-bar-icon-action-outline-color-focus-visible: var(--brand-on-dark-color-primary-signal-normal);
  --generation-on-dark-comp-date-picker-label-default: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-label-hover: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-label-active: var(--generation-on-dark-text-on-signal);
  --generation-on-dark-comp-date-picker-label-range-date: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-label-current-date: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-label-special-info: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-comp-date-picker-label-weekday-default: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-label-weekday-selected: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-label-disabled: var(--generation-on-dark-text-helper);
  --generation-on-dark-comp-date-picker-label-header: var(--brand-on-dark-color-primary-signal-normal);
  --generation-on-dark-comp-date-picker-indicator-border-color-full: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-date-picker-indicator-border-color-empty: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-date-picker-indicator-border-color-current-date: var(--generation-on-dark-comp-date-picker-colors-primary);
  --generation-on-dark-comp-date-picker-indicator-border-color-primary: var(--generation-on-dark-comp-date-picker-colors-primary);
  --generation-on-dark-comp-date-picker-indicator-border-color-neutral: var(--generation-on-dark-comp-date-picker-colors-neutral);
  --generation-on-dark-comp-date-picker-indicator-border-color-none: var(--generation-on-dark-comp-date-picker-colors-none);
  --generation-on-dark-comp-date-picker-indicator-border-color-icon-container: var(--foundation-emr-color-gray-10);
  --generation-on-dark-comp-date-picker-colors-primary: var(--brand-on-dark-color-primary-signal-selected);
  --generation-on-dark-comp-date-picker-colors-secondary: rgb(from var(--brand-on-dark-color-secondary-selected) r g b / 0.24);
  --generation-on-dark-comp-date-picker-colors-neutral: var(--generation-on-dark-background-neutral-normal);
  --generation-on-dark-comp-date-picker-colors-emphasis: var(--foundation-emr-signal-yellow-45);
  --generation-on-dark-comp-date-picker-colors-full: var(--foundation-emr-color-green-35);
  --generation-on-dark-comp-date-picker-colors-disabled: var(--generation-on-dark-text-helper);
  --generation-on-dark-comp-date-picker-colors-foreground: var(--generation-on-dark-text-primary);
  --generation-on-dark-comp-date-picker-colors-inverse: var(--generation-on-dark-text-on-signal);
  --generation-on-dark-comp-date-picker-colors-none: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-date-picker-background-default: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-date-picker-background-hover: var(--foundation-emr-color-gray-40);
  --generation-on-dark-comp-date-picker-background-active: var(--brand-on-dark-color-primary-signal-selected);
  --generation-on-dark-comp-date-picker-background-range-date: rgb(from var(--brand-on-dark-color-secondary-selected) r g b / 0.24);
  --generation-on-dark-comp-date-picker-background-current-date: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-date-picker-background-special-info: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-date-picker-background-weekday-default: var(--foundation-emr-color-neutral-transparent);
  --generation-on-dark-comp-ai-audio-recorder-container-background: var(--foundation-emr-color-gray-60);
  --generation-on-dark-comp-ai-audio-recorder-area-background: var(--foundation-emr-color-gray-55);
  --generation-on-dark-comp-ai-audio-recorder-star-animation-background-none: var(--foundation-emr-color-gray-25);
  --generation-on-dark-comp-ai-audio-recorder-star-animation-background-disabled: var(--foundation-emr-color-gray-50);
  --generation-on-dark-comp-pagination-icon-color-default: var(--foundation-dls-color-group-blue-30);
  --generation-on-dark-comp-pagination-icon-color-hover: var(--foundation-dls-color-group-blue-40);
  --generation-on-dark-comp-pagination-icon-color-pressed: var(--foundation-dls-color-group-blue-40);
  --generation-on-dark-comp-pagination-icon-color-disabled: var(--foundation-dls-color-gray-35);
  --generation-on-dark-comp-progress-bar-bar-background-track: var(--foundation-dls-color-gray-20);
  --generation-on-dark-comp-progress-bar-bar-background-buffer: var(--foundation-dls-color-gray-10);
  --generation-on-dark-comp-breadcrumb-icon-color: var(--generation-color-gray-400);
  --generation-on-dark-ai-primary-enabled: var(--foundation-ai-purple-62);
  --generation-on-dark-ai-primary-hover: var(--foundation-ai-purple-70);
  --generation-on-dark-ai-primary-active: var(--foundation-ai-purple-78);
  --generation-on-dark-ai-primary-disabled: var(--foundation-emr-color-gray-40);
  --generation-on-dark-ai-on-primary-enabled: var(--foundation-emr-color-gray-75);
  --generation-on-dark-ai-on-primary-hover: var(--foundation-emr-color-gray-75);
  --generation-on-dark-ai-on-primary-active: var(--foundation-emr-color-gray-75);
  --generation-on-dark-ai-on-primary-disabled: var(--foundation-emr-color-gray-75);
  --generation-on-dark-ai-on-quiet-enabled: var(--foundation-ai-purple-82);
  --generation-on-dark-ai-on-quiet-hover: var(--foundation-ai-purple-82);
  --generation-on-dark-ai-on-quiet-active: var(--foundation-ai-purple-82);
  --generation-on-dark-ai-on-quiet-disabled: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.4);
  --generation-ref-label-medium-minus: var(--generation-font-size-05);
  --generation-ref-label-medium: var(--generation-font-size-05);
  --generation-ref-label-medium-plus: var(--generation-font-size-05);
  --generation-ref-border-radius-cta: var(--foundation-border-radius-1);
  --generation-ref-border-radius-input: var(--foundation-border-radius-none);
  --generation-ref-border-radius-container: var(--foundation-border-radius-none);
  --generation-ref-border-radius-rounded-start: var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none);
  --generation-ref-border-radius-rounded-top: var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none);
  --generation-ref-border-radius-rounded-bottom: var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none);
  --generation-ref-border-radius-rounded-end: var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none) var(--foundation-border-radius-none);
  --generation-ref-border-radius-rounded-all: var(--foundation-border-radius-2);
  --generation-ref-input-border-radius-offset: var(--foundation-border-radius-1);
  --generation-ref-input-border-radius-inset: var(--foundation-border-radius-none);
  --generation-ref-on-light-background-quiet-disabled: var(--generation-color-gray-100);
  --generation-ref-on-light-background-neutral-normal: #F2F2F2;
  --generation-ref-on-light-background-neutral-hover: #D9D9D9;
  --generation-ref-on-light-background-neutral-active: var(--generation-color-gray-200);
  --generation-ref-on-light-background-on-neutral-normal: var(--generation-ref-on-light-text-color-secondary);
  --generation-ref-on-light-background-on-neutral-hover: var(--generation-ref-on-light-text-color-secondary);
  --generation-ref-on-light-background-on-neutral-active: var(--generation-ref-on-light-text-color-secondary);
  --generation-ref-on-light-alert-global-background-high-danger-normal: #DB2A36;
  --generation-ref-on-light-alert-global-background-high-warning-normal: #FF9514;
  --generation-ref-on-light-alert-global-background-high-neutral-normal: var(--generation-color-gray-300);
  --generation-ref-on-light-alert-global-background-high-neutral-hover: var(--generation-color-gray-250);
  --generation-ref-on-light-alert-global-background-high-neutral-active: var(--generation-color-gray-350);
  --generation-ref-on-light-alert-global-background-high-information-normal: var(--foundation-emr-signal-blue-60);
  --generation-ref-on-light-alert-global-background-high-information-hover: var(--foundation-emr-signal-blue-50);
  --generation-ref-on-light-alert-global-background-high-information-active: var(--foundation-emr-signal-blue-70);
  --generation-ref-on-light-alert-global-background-high-safety-normal: var(--foundation-emr-signal-green-65);
  --generation-ref-on-light-alert-global-background-high-safety-hover: var(--foundation-emr-signal-green-60);
  --generation-ref-on-light-alert-global-background-high-safety-active: var(--foundation-emr-signal-green-70);
  --generation-ref-on-light-alert-global-background-high-danger2-normal: var(--foundation-emr-signal-red-60);
  --generation-ref-on-light-alert-global-background-high-danger2-hover: var(--foundation-emr-signal-red-50);
  --generation-ref-on-light-alert-global-background-high-danger2-active: var(--foundation-emr-signal-red-70);
  --generation-ref-on-light-alert-global-background-high-danger3-normal: var(--foundation-emr-signal-red-45);
  --generation-ref-on-light-alert-global-background-low-danger-normal: var(--foundation-emr-signal-red-50);
  --generation-ref-on-light-alert-japan-background-high-neutral-normal: var(--generation-color-gray-300);
  --generation-ref-on-light-alert-japan-background-high-neutral-hover: var(--generation-color-gray-250);
  --generation-ref-on-light-alert-japan-background-high-neutral-active: var(--generation-color-gray-350);
  --generation-ref-on-light-text-color-primary: var(--generation-color-neutral-black);
  --generation-ref-on-light-text-color-primary-2: #050505;
  --generation-ref-on-light-text-color-secondary: var(--generation-color-gray-700);
  --generation-ref-on-light-text-color-tertiary: #333333;
  --generation-ref-on-light-text-color-placeholder: #808080;
  --generation-ref-on-light-text-color-helper: var(--generation-color-gray-300);
  --generation-ref-on-light-text-color-disabled: #BFBFBF;
  --generation-ref-on-light-text-color-inverse-primary: var(--generation-color-neutral-white);
  --generation-ref-on-light-text-color-inverse-secondary: var(--generation-color-gray-150);
  --generation-ref-on-light-text-color-inverse-tertiary: var(--generation-color-gray-250);
  --generation-ref-on-light-text-color-inverse-disabled: var(--generation-color-gray-400);
  --generation-ref-on-dark-background-quiet-normal: var(--foundation-emr-color-neutral-transparent);
  --generation-ref-on-dark-background-quiet-hover: var(--foundation-emr-color-neutral-transparent);
  --generation-ref-on-dark-background-quiet-active: var(--foundation-emr-color-neutral-transparent);
  --generation-ref-on-dark-background-quiet-disabled: var(--foundation-emr-color-neutral-transparent);
  --generation-ref-on-dark-background-on-quiet-normal: var(--generation-color-neutral-white);
  --generation-ref-on-dark-background-on-quiet-hover: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.76);
  --generation-ref-on-dark-background-on-quiet-active: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.6);
  --generation-ref-on-dark-background-on-quiet-disabled: rgb(from var(--foundation-emr-color-gray-10) r g b / 0.4);
  --generation-ref-on-dark-background-neutral-normal: var(--generation-color-gray-450);
  --generation-ref-on-dark-background-neutral-hover: var(--brand-on-dark-color-primary-signal-normal);
  --generation-ref-on-dark-background-neutral-active: var(--brand-on-dark-color-primary-signal-normal);
  --generation-ref-on-dark-background-neutral-high: var(--foundation-emr-color-gray-10);
  --generation-ref-on-dark-background-neutral-low: var(--foundation-emr-color-gray-05);
  --generation-ref-on-dark-background-neutral-none: var(--foundation-emr-color-neutral-transparent);
  --generation-ref-on-dark-background-on-neutral-normal: #F2F2F2;
  --generation-ref-on-dark-background-on-neutral-hover: var(--generation-color-gray-800);
  --generation-ref-on-dark-background-on-neutral-active: var(--generation-color-gray-800);
  --generation-ref-on-dark-alert-global-background-high-danger-disabled: rgb(from var(--foundation-emr-signal-red-40) r g b / 0.5);
  --generation-ref-on-dark-alert-global-background-high-neutral-normal: var(--generation-color-gray-300);
  --generation-ref-on-dark-alert-global-background-high-neutral-hover: var(--generation-color-gray-250);
  --generation-ref-on-dark-alert-global-background-high-neutral-active: var(--generation-color-gray-200);
  --generation-ref-on-dark-alert-global-background-high-information-normal: var(--foundation-emr-signal-blue-30);
  --generation-ref-on-dark-alert-global-background-high-information-hover: var(--foundation-emr-signal-blue-20);
  --generation-ref-on-dark-alert-global-background-high-information-active: var(--foundation-emr-signal-blue-30);
  --generation-ref-on-dark-alert-global-background-high-safety-normal: var(--foundation-emr-signal-green-40);
  --generation-ref-on-dark-alert-global-background-high-safety-hover: var(--foundation-emr-signal-green-30);
  --generation-ref-on-dark-alert-global-background-high-safety-active: var(--foundation-emr-signal-green-40);
  --generation-ref-on-dark-alert-global-background-high-danger2-normal: var(--foundation-emr-signal-red-60);
  --generation-ref-on-dark-alert-global-background-high-danger2-hover: var(--foundation-emr-signal-red-50);
  --generation-ref-on-dark-alert-global-background-high-danger2-active: var(--foundation-emr-signal-red-70);
  --generation-ref-on-dark-alert-global-background-low-danger-normal: var(--foundation-emr-color-pink-85);
  --generation-ref-on-dark-alert-japan-background-high-neutral-normal: var(--generation-color-gray-300);
  --generation-ref-on-dark-alert-japan-background-high-neutral-hover: var(--generation-color-gray-250);
  --generation-ref-on-dark-alert-japan-background-high-neutral-active: var(--generation-color-gray-200);
  --generation-ref-on-dark-text-color-primary: var(--generation-color-neutral-white);
  --generation-ref-on-dark-text-color-primary-2: var(--generation-color-neutral-white);
  --generation-ref-on-dark-text-color-secondary: var(--generation-color-gray-100);
  --generation-ref-on-dark-text-color-tertiary: var(--generation-color-neutral-white);
  --generation-ref-on-dark-text-color-placeholder: var(--generation-color-gray-200);
  --generation-ref-on-dark-text-color-helper: var(--generation-color-gray-350);
  --generation-ref-on-dark-text-color-disabled: #A6A6A6;
  --generation-ref-on-dark-text-color-inverse-primary: var(--generation-color-gray-800);
  --generation-ref-on-dark-text-color-inverse-secondary: var(--generation-color-gray-600);
  --generation-ref-on-dark-text-color-inverse-tertiary: var(--generation-color-gray-400);
  --generation-ref-on-dark-text-color-inverse-disabled: var(--generation-color-gray-200);
  --generation-text-decor-underline: underline;
  --generation-text-decor-none: none;
  --generation-text-decor-line-through: line-through;
  --generation-text-line-height-dense: 100%;
  --generation-text-line-height-small: 120%;
  --generation-text-line-height-medium: 140%;
  --generation-text-line-height-large: 160%;
  --generation-text-line-height-high: 180%;
  --generation-font-size-1: 0.625rem;
  --generation-font-size-2: 0.75rem;
  --generation-font-size-3: 0.875rem;
  --generation-font-size-4: 1rem;
  --generation-font-size-5: 1.125rem;
  --generation-font-size-6: 1.25rem;
  --generation-font-size-7: 1.375rem;
  --generation-font-size-8: 1.5rem;
  --generation-font-size-9: 1.625rem;
  --generation-font-size-10: 1.75rem;
  --generation-font-size-11: 1.875rem;
  --generation-font-size-12: 2rem;
  --generation-font-size-13: 2.125rem;
  --generation-font-size-14: 2.25rem;
  --generation-font-size-15: 2.375rem;
  --generation-font-size-16: 2.5rem;
  --generation-font-size-17: 2.75rem;
  --generation-font-size-18: 3rem;
  --generation-font-size-19: 3.25rem;
  --generation-font-size-20: 3.5rem;
  --generation-font-size-21: 3.75rem;
  --generation-font-size-22: 4rem;
  --generation-font-size-23: 4.25rem;
  --generation-font-size-24: 4.5rem;
  --generation-font-size-25: 4.75rem;
  --generation-font-size-26: 5rem;
  --generation-font-size-27: 5.5rem;
  --generation-font-size-28: 6rem;
  --generation-font-size-29: 6.5rem;
  --generation-font-size-30: 7rem;
  --generation-font-size-31: 7.5rem;
  --generation-font-size-32: 8rem;
  --generation-font-size-33: 8.5rem;
  --generation-font-size-34: 9rem;
  --generation-font-size-35: 9.5rem;
  --generation-font-size-36: 10rem;
  --generation-font-size-37: 10.5rem;
  --generation-font-size-38: 11rem;
  --generation-font-size-39: 11.5rem;
  --generation-font-size-40: 12rem;
  --generation-font-size-05: 14px;
  --generation-font-size-025: 12px;
  --generation-shape-corner-none: var(--foundation-border-radius-none);
  --generation-shape-corner-small: var(--foundation-border-radius-1);
  --generation-shape-corner-medium: var(--foundation-border-radius-2);
  --generation-shape-corner-large: var(--foundation-border-radius-3);
  --generation-shape-corner-xlarge: var(--foundation-border-radius-5);
  --generation-shape-corner-circle: var(--foundation-border-radius-full);
  --generation-border-width-hairline: 1px;
  --generation-border-width-thin: 2px;
  --generation-border-width-thick: 4px;
  --generation-border-width-heavy: 8px;
  --generation-border-width-none: 0px;
  --generation-opacity-0: 0;
  --generation-opacity-1: 0.1;
  --generation-opacity-2: 0.2;
  --generation-opacity-3: 0.3;
  --generation-opacity-4: 0.4;
  --generation-opacity-5: 0.5;
  --generation-opacity-6: 0.6;
  --generation-opacity-7: 0.7;
  --generation-opacity-8: 0.8;
  --generation-opacity-9: 0.9;
  --generation-opacity-none: 1;
  --generation-dimension-1: 4px;
  --generation-dimension-2: 8px;
  --generation-dimension-3: 12px;
  --generation-dimension-4: 16px;
  --generation-dimension-5: 20px;
  --generation-dimension-6: 24px;
  --generation-dimension-7: 28px;
  --generation-dimension-8: 32px;
  --generation-dimension-9: 36px;
  --generation-dimension-10: 40px;
  --generation-dimension-11: 44px;
  --generation-dimension-12: 48px;
  --generation-dimension-13: 52px;
  --generation-dimension-14: 56px;
  --generation-dimension-15: 60px;
  --generation-dimension-16: 64px;
  --generation-dimension-17: 68px;
  --generation-dimension-18: 72px;
  --generation-dimension-19: 76px;
  --generation-dimension-20: 80px;
  --generation-dimension-22: 88px;
  --generation-dimension-24: 96px;
  --generation-dimension-26: 104px;
  --generation-dimension-28: 112px;
  --generation-dimension-30: 120px;
  --generation-dimension-32: 128px;
  --generation-dimension-34: 136px;
  --generation-dimension-36: 148px;
  --generation-dimension-38: 152px;
  --generation-dimension-40: 160px;
  --generation-dimension-none: 0px;
  --generation-dimension-050: 2px;
  --generation-dimension-025: 1px;
  --generation-mode-outline-width-focus: var(--generation-border-width-hairline);
  --generation-mode-outline-width-focus-visible: var(--generation-border-width-thin);
  --generation-font-weight-light: 300;
  --generation-font-weight-light-italic: Light Italic;
  --generation-font-weight-book: 400;
  --generation-font-weight-medium: 500;
  --generation-font-weight-bold: 700;
  --generation-font-weight-book-italic: Book Italic;
  --generation-font-weight-medium-italic: Medium Italic;
  --generation-font-weight-bold-italic: Bold Italic;
  --generation-breakpoint-screen-max-width-xsm: 360px;
  --generation-breakpoint-screen-max-width-sm: 768px;
  --generation-breakpoint-screen-max-width-md: 992px;
  --generation-breakpoint-screen-max-width-lg: 1920px;
  --generation-breakpoint-screen-min-width-sm: 361px;
  --generation-breakpoint-screen-min-width-md: 769px;
  --generation-breakpoint-screen-min-width-lg: 993px;
  --generation-breakpoint-screen-min-width-xlg: 1921px;
  --generation-icon-navigation-left: DlsIconArrowLeftSvg;
  --generation-icon-navigation-right: DlsIconArrowRightSvg;
  --generation-icon-navigation-up: DlsIconArrowUpSvg;
  --generation-icon-navigation-down: DlsIconArrowDownSvg;
  --generation-on-dense-table-row-min-height-small: var(--foundation-size-7);
  --generation-on-dense-table-row-min-height-medium: var(--foundation-size-9);
  --generation-on-dense-table-row-min-height-large: var(--foundation-size-11);
  --generation-on-regular-table-row-min-height-small: var(--foundation-size-12);
  --generation-on-regular-table-row-min-height-medium: var(--foundation-size-14);
  --generation-on-regular-table-row-min-height-large: var(--foundation-size-16);
  --generation-on-comfortable-table-row-min-height-small: var(--foundation-size-20);
  --generation-on-comfortable-table-row-min-height-medium: var(--foundation-size-22);
  --generation-on-comfortable-table-row-min-height-large: var(--foundation-size-24);
  --generation-on-xxsmall-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal: var(--foundation-space-none);
  --generation-on-xsmall-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal: var(--foundation-space-none);
  --generation-container-spacing: var(--foundation-space-7);
  --generation-container-min-height: var(--foundation-size-4)
;
}

:root {
  --localization-on-light-alert-background-high-danger-normal: var(--generation-on-light-alert-global-background-high-danger-normal);
  --localization-on-light-alert-background-high-danger-hover: var(--generation-on-light-alert-global-background-high-danger-hover);
  --localization-on-light-alert-background-high-danger-active: var(--generation-on-light-alert-global-background-high-danger-active);
  --localization-on-light-alert-background-high-danger-disabled: var(--generation-on-light-alert-global-background-high-danger-disabled);
  --localization-on-light-alert-background-high-on-danger-normal: var(--generation-on-light-alert-global-background-high-on-danger-normal);
  --localization-on-light-alert-background-high-on-danger-hover: var(--generation-on-light-alert-global-background-high-on-danger-hover);
  --localization-on-light-alert-background-high-on-danger-active: var(--generation-on-light-alert-global-background-high-on-danger-active);
  --localization-on-light-alert-background-high-warning-normal: var(--generation-on-light-alert-global-background-high-warning-normal);
  --localization-on-light-alert-background-high-warning-hover: var(--generation-on-light-alert-global-background-high-warning-hover);
  --localization-on-light-alert-background-high-warning-active: var(--generation-on-light-alert-global-background-high-warning-active);
  --localization-on-light-alert-background-high-on-warning-normal: var(--generation-on-light-alert-global-background-high-on-warning-normal);
  --localization-on-light-alert-background-high-on-warning-hover: var(--generation-on-light-alert-global-background-high-on-warning-hover);
  --localization-on-light-alert-background-high-on-warning-active: var(--generation-on-light-alert-global-background-high-on-warning-active);
  --localization-on-light-alert-background-high-caution-normal: var(--generation-on-light-alert-global-background-high-caution-normal);
  --localization-on-light-alert-background-high-caution-hover: var(--generation-on-light-alert-global-background-high-caution-hover);
  --localization-on-light-alert-background-high-caution-active: var(--generation-on-light-alert-global-background-high-caution-active);
  --localization-on-light-alert-background-high-on-caution-normal: var(--generation-on-light-alert-global-background-high-on-caution-normal);
  --localization-on-light-alert-background-high-on-caution-hover: var(--generation-on-light-alert-global-background-high-on-caution-hover);
  --localization-on-light-alert-background-high-on-caution-active: var(--generation-on-light-alert-global-background-high-on-caution-active);
  --localization-on-light-alert-background-high-safety-normal: var(--generation-on-light-alert-global-background-high-safety-normal);
  --localization-on-light-alert-background-high-safety-hover: var(--generation-on-light-alert-global-background-high-safety-hover);
  --localization-on-light-alert-background-high-safety-active: var(--generation-on-light-alert-global-background-high-safety-active);
  --localization-on-light-alert-background-high-on-safety-normal: var(--generation-on-light-alert-global-background-high-on-safety-normal);
  --localization-on-light-alert-background-high-on-safety-hover: var(--generation-on-light-alert-global-background-high-on-safety-normal);
  --localization-on-light-alert-background-high-on-safety-active: var(--generation-on-light-alert-global-background-high-on-safety-normal);
  --localization-on-light-alert-background-high-information-normal: var(--generation-on-light-alert-global-background-high-information-normal);
  --localization-on-light-alert-background-high-information-hover: var(--generation-on-light-alert-global-background-high-information-hover);
  --localization-on-light-alert-background-high-information-active: var(--generation-on-light-alert-global-background-high-information-active);
  --localization-on-light-alert-background-high-on-information-normal: var(--generation-on-light-alert-global-background-high-on-information-normal);
  --localization-on-light-alert-background-high-on-information-hover: var(--generation-on-light-alert-global-background-high-on-information-hover);
  --localization-on-light-alert-background-high-on-information-active: var(--generation-on-light-alert-global-background-high-on-information-active);
  --localization-on-light-alert-background-high-neutral-normal: var(--generation-on-light-alert-global-background-high-neutral-normal);
  --localization-on-light-alert-background-high-neutral-hover: var(--generation-on-light-alert-global-background-high-neutral-hover);
  --localization-on-light-alert-background-high-neutral-active: var(--generation-on-light-alert-global-background-high-neutral-active);
  --localization-on-light-alert-background-high-on-neutral-normal: var(--generation-on-light-alert-global-background-high-on-neutral-normal);
  --localization-on-light-alert-background-high-on-neutral-hover: var(--generation-on-light-alert-global-background-high-on-neutral-hover);
  --localization-on-light-alert-background-high-on-neutral-active: var(--generation-on-light-alert-global-background-high-on-neutral-active);
  --localization-on-light-alert-background-low-danger-normal: var(--generation-on-light-alert-global-background-low-danger-normal);
  --localization-on-light-alert-background-low-danger-hover: var(--generation-on-light-alert-global-background-low-danger-hover);
  --localization-on-light-alert-background-low-danger-active: var(--generation-on-light-alert-global-background-low-danger-active);
  --localization-on-light-alert-background-low-caution-normal: var(--generation-on-light-alert-global-background-low-caution-normal);
  --localization-on-light-alert-background-low-caution-hover: var(--generation-on-light-alert-global-background-low-caution-hover);
  --localization-on-light-alert-background-low-caution-active: var(--generation-on-light-alert-global-background-low-caution-active);
  --localization-on-light-alert-background-low-warning-normal: var(--generation-on-light-alert-global-background-low-warning-normal);
  --localization-on-light-alert-background-low-warning-hover: var(--generation-on-light-alert-global-background-low-warning-hover);
  --localization-on-light-alert-background-low-warning-active: var(--generation-on-light-alert-global-background-low-warning-active);
  --localization-on-light-alert-background-low-safety-normal: var(--generation-on-light-alert-global-background-low-safety-normal);
  --localization-on-light-alert-background-low-safety-hover: var(--generation-on-light-alert-global-background-low-safety-hover);
  --localization-on-light-alert-background-low-safety-active: var(--generation-on-light-alert-global-background-low-safety-active);
  --localization-on-light-alert-background-low-information-normal: var(--generation-on-light-alert-global-background-low-information-normal);
  --localization-on-light-alert-background-low-information-hover: var(--generation-on-light-alert-global-background-low-information-hover);
  --localization-on-light-alert-background-low-information-active: var(--generation-on-light-alert-global-background-low-information-active);
  --localization-on-light-alert-background-low-neutral-normal: var(--generation-on-light-alert-global-background-low-neutral-normal);
  --localization-on-light-alert-background-low-neutral-hover: var(--generation-on-light-alert-global-background-low-neutral-hover);
  --localization-on-light-alert-background-low-neutral-active: var(--generation-on-light-alert-global-background-low-neutral-active);
  --localization-on-light-alert-text-danger-normal: var(--generation-on-light-alert-global-text-danger-normal);
  --localization-on-light-alert-text-danger-hover: var(--generation-on-light-alert-global-text-danger-hover);
  --localization-on-light-alert-text-danger-active: var(--generation-on-light-alert-global-text-danger-active);
  --localization-on-light-alert-text-caution-normal: var(--generation-on-light-alert-global-text-caution-normal);
  --localization-on-light-alert-text-warning-normal: var(--generation-on-light-alert-global-text-warning-normal);
  --localization-on-light-alert-text-safety-normal: var(--generation-on-light-alert-global-text-safety-normal);
  --localization-on-light-alert-text-information-normal: var(--generation-on-light-alert-global-text-information-normal);
  --localization-on-light-alert-text-neutral-normal: var(--generation-on-light-alert-global-text-neutral-normal);
  --localization-on-light-alert-text-on-signal-normal: var(--generation-on-light-alert-global-text-on-signal-normal);
  --localization-on-light-alert-text-on-signal-inverse-normal: var(--generation-on-light-alert-global-text-on-signal-inverse-normal);
  --localization-on-light-alert-text-low-on-neutral-normal: var(--generation-on-light-alert-global-text-low-on-neutral-normal);
  --localization-on-light-alert-text-low-on-neutral-hover: var(--generation-on-light-alert-global-text-low-on-neutral-hover);
  --localization-on-light-alert-text-low-on-neutral-active: var(--generation-on-light-alert-global-text-low-on-neutral-active);
  --localization-on-light-alert-border-danger-normal: var(--generation-on-light-alert-global-border-danger-normal);
  --localization-on-light-alert-border-caution-normal: var(--generation-on-light-alert-global-border-caution-normal);
  --localization-on-light-alert-border-warning-normal: var(--generation-on-light-alert-global-border-warning-normal);
  --localization-on-light-alert-border-safety-normal: var(--generation-on-light-alert-global-border-safety-normal);
  --localization-on-light-alert-border-information-normal: var(--generation-on-light-alert-global-border-information-normal);
  --localization-on-light-alert-border-neutral-normal: var(--generation-on-light-alert-global-border-neutral-normal);
  --localization-on-light-alert-border-neutral-hover: var(--generation-on-light-alert-global-border-neutral-hover);
  --localization-on-light-alert-border-neutral-active: var(--generation-on-light-alert-global-border-neutral-active);
  --localization-on-dark-alert-background-high-danger-normal: var(--generation-on-dark-alert-global-background-high-danger-normal);
  --localization-on-dark-alert-background-high-danger-hover: var(--generation-on-dark-alert-global-background-high-danger-hover);
  --localization-on-dark-alert-background-high-danger-active: var(--generation-on-dark-alert-global-background-high-danger-active);
  --localization-on-dark-alert-background-high-danger-disabled: var(--generation-on-dark-alert-global-background-high-danger-disabled);
  --localization-on-dark-alert-background-high-on-danger-normal: var(--generation-on-dark-alert-global-background-high-on-danger-normal);
  --localization-on-dark-alert-background-high-on-danger-hover: var(--generation-on-dark-alert-global-background-high-on-danger-hover);
  --localization-on-dark-alert-background-high-on-danger-active: var(--generation-on-dark-alert-global-background-high-on-danger-active);
  --localization-on-dark-alert-background-high-warning-normal: var(--generation-on-dark-alert-global-background-high-warning-normal);
  --localization-on-dark-alert-background-high-warning-hover: var(--generation-on-dark-alert-global-background-high-warning-hover);
  --localization-on-dark-alert-background-high-warning-active: var(--generation-on-dark-alert-global-background-high-warning-active);
  --localization-on-dark-alert-background-high-on-warning-normal: var(--generation-on-dark-alert-global-background-high-on-warning-normal);
  --localization-on-dark-alert-background-high-on-warning-hover: var(--generation-on-dark-alert-global-background-high-on-warning-hover);
  --localization-on-dark-alert-background-high-on-warning-active: var(--generation-on-dark-alert-global-background-high-on-warning-active);
  --localization-on-dark-alert-background-high-caution-normal: var(--generation-on-dark-alert-global-background-high-caution-normal);
  --localization-on-dark-alert-background-high-caution-hover: var(--generation-on-dark-alert-global-background-high-caution-hover);
  --localization-on-dark-alert-background-high-caution-active: var(--generation-on-dark-alert-global-background-high-caution-active);
  --localization-on-dark-alert-background-high-on-caution-normal: var(--generation-on-dark-alert-global-background-high-on-caution-normal);
  --localization-on-dark-alert-background-high-on-caution-hover: var(--generation-on-dark-alert-global-background-high-on-caution-hover);
  --localization-on-dark-alert-background-high-on-caution-active: var(--generation-on-dark-alert-global-background-high-on-caution-active);
  --localization-on-dark-alert-background-high-safety-normal: var(--generation-on-dark-alert-global-background-high-safety-normal);
  --localization-on-dark-alert-background-high-safety-hover: var(--generation-on-dark-alert-global-background-high-safety-hover);
  --localization-on-dark-alert-background-high-safety-active: var(--generation-on-dark-alert-global-background-high-safety-active);
  --localization-on-dark-alert-background-high-on-safety-normal: var(--generation-on-dark-alert-global-background-high-on-safety-normal);
  --localization-on-dark-alert-background-high-on-safety-hover: var(--generation-on-dark-alert-global-background-high-on-safety-hover);
  --localization-on-dark-alert-background-high-on-safety-active: var(--generation-on-dark-alert-global-background-high-on-safety-active);
  --localization-on-dark-alert-background-high-information-normal: var(--generation-on-dark-alert-global-background-high-information-normal);
  --localization-on-dark-alert-background-high-information-hover: var(--generation-on-dark-alert-global-background-high-information-hover);
  --localization-on-dark-alert-background-high-information-active: var(--generation-on-dark-alert-global-background-high-information-active);
  --localization-on-dark-alert-background-high-on-information-normal: var(--generation-on-dark-alert-global-background-high-on-information-normal);
  --localization-on-dark-alert-background-high-on-information-hover: var(--generation-on-dark-alert-global-background-high-on-information-hover);
  --localization-on-dark-alert-background-high-on-information-active: var(--generation-on-dark-alert-global-background-high-on-information-active);
  --localization-on-dark-alert-background-high-neutral-normal: var(--generation-on-dark-alert-global-background-high-neutral-normal);
  --localization-on-dark-alert-background-high-neutral-hover: var(--generation-on-dark-alert-global-background-high-neutral-hover);
  --localization-on-dark-alert-background-high-neutral-active: var(--generation-on-dark-alert-global-background-high-neutral-active);
  --localization-on-dark-alert-background-high-on-neutral-normal: var(--generation-on-dark-alert-global-background-high-on-neutral-normal);
  --localization-on-dark-alert-background-high-on-neutral-hover: var(--generation-on-dark-alert-global-background-high-on-neutral-hover);
  --localization-on-dark-alert-background-high-on-neutral-active: var(--generation-on-dark-alert-global-background-high-on-neutral-active);
  --localization-on-dark-alert-background-low-danger-normal: var(--generation-on-dark-alert-global-background-low-danger-normal);
  --localization-on-dark-alert-background-low-danger-hover: var(--generation-on-dark-alert-global-background-low-danger-hover);
  --localization-on-dark-alert-background-low-danger-active: var(--generation-on-dark-alert-global-background-low-danger-active);
  --localization-on-dark-alert-background-low-caution-normal: var(--generation-on-dark-alert-global-background-low-caution-normal);
  --localization-on-dark-alert-background-low-caution-hover: var(--generation-on-dark-alert-global-background-low-caution-hover);
  --localization-on-dark-alert-background-low-caution-active: var(--generation-on-dark-alert-global-background-low-caution-active);
  --localization-on-dark-alert-background-low-warning-normal: var(--generation-on-dark-alert-global-background-low-warning-normal);
  --localization-on-dark-alert-background-low-warning-hover: var(--generation-on-dark-alert-global-background-low-warning-hover);
  --localization-on-dark-alert-background-low-warning-active: var(--generation-on-dark-alert-global-background-low-warning-active);
  --localization-on-dark-alert-background-low-safety-normal: var(--generation-on-dark-alert-global-background-low-safety-normal);
  --localization-on-dark-alert-background-low-safety-hover: var(--generation-on-dark-alert-global-background-low-safety-hover);
  --localization-on-dark-alert-background-low-safety-active: var(--generation-on-dark-alert-global-background-low-safety-active);
  --localization-on-dark-alert-background-low-information-normal: var(--generation-on-dark-alert-global-background-low-information-normal);
  --localization-on-dark-alert-background-low-information-hover: var(--generation-on-dark-alert-global-background-low-information-hover);
  --localization-on-dark-alert-background-low-information-active: var(--generation-on-dark-alert-global-background-low-information-active);
  --localization-on-dark-alert-background-low-neutral-normal: var(--generation-on-dark-alert-global-background-low-neutral-normal);
  --localization-on-dark-alert-background-low-neutral-hover: var(--generation-on-dark-alert-global-background-low-neutral-hover);
  --localization-on-dark-alert-background-low-neutral-active: var(--generation-on-dark-alert-global-background-low-neutral-active);
  --localization-on-dark-alert-text-danger-normal: var(--generation-on-dark-alert-global-text-danger-normal);
  --localization-on-dark-alert-text-caution-normal: var(--generation-on-dark-alert-global-text-caution-normal);
  --localization-on-dark-alert-text-warning-normal: var(--generation-on-dark-alert-global-text-warning-normal);
  --localization-on-dark-alert-text-safety-normal: var(--generation-on-dark-alert-global-text-safety-normal);
  --localization-on-dark-alert-text-information-normal: var(--generation-on-dark-alert-global-text-information-normal);
  --localization-on-dark-alert-text-neutral-normal: var(--generation-on-dark-alert-global-text-neutral-normal);
  --localization-on-dark-alert-text-on-signal-normal: var(--generation-on-dark-alert-global-text-on-signal-normal);
  --localization-on-dark-alert-text-on-signal-inverse-normal: var(--generation-on-dark-alert-global-text-on-signal-inverse-normal);
  --localization-on-dark-alert-text-low-on-neutral-normal: var(--generation-on-dark-alert-global-text-low-on-neutral-normal);
  --localization-on-dark-alert-text-low-on-neutral-hover: var(--generation-on-dark-alert-global-text-low-on-neutral-hover);
  --localization-on-dark-alert-text-low-on-neutral-active: var(--generation-on-dark-alert-global-text-low-on-neutral-active);
  --localization-on-dark-alert-border-danger-normal: var(--generation-on-dark-alert-global-border-danger-normal);
  --localization-on-dark-alert-border-caution-normal: var(--generation-on-dark-alert-global-border-caution-normal);
  --localization-on-dark-alert-border-warning-normal: var(--generation-on-dark-alert-global-border-warning-normal);
  --localization-on-dark-alert-border-safety-normal: var(--generation-on-dark-alert-global-border-safety-normal);
  --localization-on-dark-alert-border-information-normal: var(--generation-on-dark-alert-global-border-information-normal);
  --localization-on-dark-alert-border-neutral-normal: var(--generation-on-dark-alert-global-border-neutral-normal);
  --localization-on-dark-alert-border-neutral-hover: var(--generation-on-dark-alert-global-border-neutral-hover);
  --localization-on-dark-alert-border-neutral-active: var(--generation-on-dark-alert-global-border-neutral-active);
  --localization-ref-on-light-alert-background-high-danger-normal: var(--generation-ref-on-light-alert-global-background-high-danger-normal);
  --localization-ref-on-light-alert-background-high-warning-normal: var(--generation-ref-on-light-alert-global-background-high-warning-normal);
  --localization-ref-on-light-alert-background-high-neutral-normal: var(--generation-ref-on-light-alert-global-background-high-neutral-normal);
  --localization-ref-on-light-alert-background-high-neutral-hover: var(--generation-ref-on-light-alert-global-background-high-neutral-hover);
  --localization-ref-on-light-alert-background-high-neutral-active: var(--generation-ref-on-light-alert-global-background-high-neutral-active);
  --localization-ref-on-light-alert-background-high-information-normal: var(--generation-ref-on-light-alert-global-background-high-information-normal);
  --localization-ref-on-light-alert-background-high-information-hover: var(--generation-ref-on-light-alert-global-background-high-information-hover);
  --localization-ref-on-light-alert-background-high-information-active: var(--generation-ref-on-light-alert-global-background-high-information-active);
  --localization-ref-on-light-alert-background-high-safety-normal: var(--generation-ref-on-light-alert-global-background-high-safety-normal);
  --localization-ref-on-light-alert-background-high-safety-hover: var(--generation-ref-on-light-alert-global-background-high-safety-hover);
  --localization-ref-on-light-alert-background-high-safety-active: var(--generation-ref-on-light-alert-global-background-high-safety-active);
  --localization-ref-on-light-alert-background-high-danger2-normal: var(--generation-ref-on-light-alert-global-background-high-danger2-normal);
  --localization-ref-on-light-alert-background-high-danger2-hover: var(--generation-ref-on-light-alert-global-background-high-danger2-hover);
  --localization-ref-on-light-alert-background-high-danger2-active: var(--generation-ref-on-light-alert-global-background-high-danger2-active);
  --localization-ref-on-light-alert-background-high-danger3-normal: var(--generation-ref-on-light-alert-global-background-high-danger3-normal);
  --localization-ref-on-light-alert-background-low-danger-normal: var(--generation-ref-on-light-alert-global-background-low-danger-normal);
  --localization-ref-on-dark-alert-background-high-information-normal: var(--generation-ref-on-dark-alert-global-background-high-information-normal);
  --localization-ref-on-dark-alert-background-high-information-hover: var(--generation-ref-on-dark-alert-global-background-high-information-hover);
  --localization-ref-on-dark-alert-background-high-information-active: var(--generation-ref-on-dark-alert-global-background-high-information-active);
  --localization-ref-on-dark-alert-background-high-safety-normal: var(--generation-on-dark-alert-global-background-high-safety-normal);
  --localization-ref-on-dark-alert-background-high-safety-hover: var(--generation-on-dark-alert-global-background-high-safety-hover);
  --localization-ref-on-dark-alert-background-high-safety-active: var(--generation-on-dark-alert-global-background-high-safety-active);
  --localization-ref-on-dark-alert-background-high-danger2-normal: var(--generation-ref-on-dark-alert-global-background-high-danger2-normal);
  --localization-ref-on-dark-alert-background-high-danger2-hover: var(--generation-ref-on-dark-alert-global-background-high-danger2-hover);
  --localization-ref-on-dark-alert-background-high-danger2-active: var(--generation-ref-on-dark-alert-global-background-high-danger2-active);
  --localization-ref-on-dark-alert-background-low-danger-normal: var(--generation-ref-on-dark-alert-global-background-low-danger-normal)
;
}

:root {
  --mode-alert-background-high-danger-normal: var(--localization-on-light-alert-background-high-danger-normal);
  --mode-alert-background-high-danger-hover: var(--generation-on-light-alert-global-background-high-danger-hover);
  --mode-alert-background-high-danger-active: var(--generation-on-light-alert-global-background-high-danger-active);
  --mode-alert-background-high-danger-disabled: var(--localization-on-light-alert-background-high-danger-disabled);
  --mode-alert-background-high-on-danger-normal: var(--localization-on-light-alert-background-high-on-danger-normal);
  --mode-alert-background-high-on-danger-hover: var(--localization-on-light-alert-background-high-on-danger-hover);
  --mode-alert-background-high-on-danger-active: var(--localization-on-light-alert-background-high-on-danger-active);
  --mode-alert-background-high-warning-normal: var(--localization-on-light-alert-background-high-warning-normal);
  --mode-alert-background-high-warning-hover: var(--localization-on-light-alert-background-high-warning-hover);
  --mode-alert-background-high-warning-active: var(--localization-on-light-alert-background-high-warning-active);
  --mode-alert-background-high-on-warning-normal: var(--localization-on-light-alert-background-high-on-warning-normal);
  --mode-alert-background-high-on-warning-hover: var(--localization-on-light-alert-background-high-on-warning-hover);
  --mode-alert-background-high-on-warning-active: var(--localization-on-light-alert-background-high-on-warning-active);
  --mode-alert-background-high-caution-normal: var(--localization-on-light-alert-background-high-caution-normal);
  --mode-alert-background-high-caution-hover: var(--localization-on-light-alert-background-high-caution-hover);
  --mode-alert-background-high-caution-active: var(--localization-on-light-alert-background-high-caution-active);
  --mode-alert-background-high-on-caution-normal: var(--localization-on-light-alert-background-high-on-caution-normal);
  --mode-alert-background-high-on-caution-hover: var(--localization-on-light-alert-background-high-on-caution-hover);
  --mode-alert-background-high-on-caution-active: var(--localization-on-light-alert-background-high-on-caution-active);
  --mode-alert-background-high-safety-normal: var(--localization-on-light-alert-background-high-safety-normal);
  --mode-alert-background-high-safety-hover: var(--localization-on-light-alert-background-high-safety-hover);
  --mode-alert-background-high-safety-active: var(--localization-on-light-alert-background-high-safety-active);
  --mode-alert-background-high-on-safety-normal: var(--localization-on-light-alert-background-high-on-safety-normal);
  --mode-alert-background-high-on-safety-hover: var(--localization-on-light-alert-background-high-on-safety-hover);
  --mode-alert-background-high-on-safety-active: var(--localization-on-light-alert-background-high-on-safety-active);
  --mode-alert-background-high-information-normal: var(--localization-on-light-alert-background-high-information-normal);
  --mode-alert-background-high-information-hover: var(--localization-on-light-alert-background-high-information-hover);
  --mode-alert-background-high-information-active: var(--localization-on-light-alert-background-high-information-active);
  --mode-alert-background-high-on-information-normal: var(--localization-on-light-alert-background-high-on-information-normal);
  --mode-alert-background-high-on-information-hover: var(--localization-on-light-alert-background-high-on-information-normal);
  --mode-alert-background-high-on-information-active: var(--localization-on-light-alert-background-high-on-information-normal);
  --mode-alert-background-high-neutral-normal: var(--localization-on-light-alert-background-high-neutral-normal);
  --mode-alert-background-high-neutral-hover: var(--localization-on-light-alert-background-high-neutral-hover);
  --mode-alert-background-high-neutral-active: var(--localization-on-light-alert-background-high-neutral-active);
  --mode-alert-background-high-on-neutral-normal: var(--localization-on-light-alert-background-high-on-neutral-normal);
  --mode-alert-background-high-on-neutral-hover: var(--localization-on-light-alert-background-high-on-neutral-hover);
  --mode-alert-background-high-on-neutral-active: var(--localization-on-light-alert-background-high-on-neutral-active);
  --mode-alert-background-low-danger-normal: var(--localization-on-light-alert-background-low-danger-normal);
  --mode-alert-background-low-danger-hover: var(--localization-on-light-alert-background-low-danger-hover);
  --mode-alert-background-low-danger-active: var(--localization-on-light-alert-background-low-danger-active);
  --mode-alert-background-low-caution-normal: var(--localization-on-light-alert-background-low-caution-normal);
  --mode-alert-background-low-caution-hover: var(--localization-on-light-alert-background-low-caution-hover);
  --mode-alert-background-low-caution-active: var(--localization-on-light-alert-background-low-caution-active);
  --mode-alert-background-low-warning-normal: var(--localization-on-light-alert-background-low-warning-normal);
  --mode-alert-background-low-warning-hover: var(--localization-on-light-alert-background-low-warning-hover);
  --mode-alert-background-low-warning-active: var(--localization-on-light-alert-background-low-warning-active);
  --mode-alert-background-low-safety-normal: var(--localization-on-light-alert-background-low-safety-normal);
  --mode-alert-background-low-safety-hover: var(--localization-on-light-alert-background-low-safety-hover);
  --mode-alert-background-low-safety-active: var(--localization-on-light-alert-background-low-safety-active);
  --mode-alert-background-low-information-normal: var(--localization-on-light-alert-background-low-information-normal);
  --mode-alert-background-low-information-hover: var(--localization-on-light-alert-background-low-information-hover);
  --mode-alert-background-low-information-active: var(--localization-on-light-alert-background-low-information-active);
  --mode-alert-background-low-neutral-normal: var(--localization-on-light-alert-background-low-neutral-normal);
  --mode-alert-background-low-neutral-hover: var(--localization-on-light-alert-background-low-neutral-hover);
  --mode-alert-background-low-neutral-active: var(--localization-on-light-alert-background-low-neutral-active);
  --mode-alert-border-danger-normal: var(--localization-on-light-alert-border-danger-normal);
  --mode-alert-border-caution-normal: var(--localization-on-light-alert-border-caution-normal);
  --mode-alert-border-warning-normal: var(--localization-on-light-alert-border-warning-normal);
  --mode-alert-border-safety-normal: var(--localization-on-light-alert-border-safety-normal);
  --mode-alert-border-information-normal: var(--localization-on-light-alert-border-information-normal);
  --mode-alert-border-neutral-normal: var(--localization-on-light-alert-border-neutral-normal);
  --mode-alert-border-neutral-hover: var(--localization-on-light-alert-border-neutral-hover);
  --mode-alert-border-neutral-active: var(--localization-on-light-alert-border-neutral-active);
  --mode-alert-text-danger-normal: var(--localization-on-light-alert-text-danger-normal);
  --mode-alert-text-danger-hover: var(--localization-on-light-alert-text-danger-hover);
  --mode-alert-text-danger-active: var(--localization-on-light-alert-text-danger-active);
  --mode-alert-text-caution-normal: var(--localization-on-light-alert-text-caution-normal);
  --mode-alert-text-warning-normal: var(--localization-on-light-alert-text-warning-normal);
  --mode-alert-text-safety-normal: var(--localization-on-light-alert-text-safety-normal);
  --mode-alert-text-information-normal: var(--localization-on-light-alert-text-information-normal);
  --mode-alert-text-neutral-normal: var(--localization-on-light-alert-text-neutral-normal);
  --mode-alert-text-on-signal-normal: var(--localization-on-light-alert-text-on-signal-normal);
  --mode-alert-text-on-signal-inverse-normal: var(--localization-on-light-alert-text-on-signal-inverse-normal);
  --mode-alert-text-low-on-neutral-normal: var(--localization-on-light-alert-text-low-on-neutral-normal);
  --mode-alert-text-low-on-neutral-hover: var(--localization-on-light-alert-text-low-on-neutral-hover);
  --mode-alert-text-low-on-neutral-active: var(--localization-on-light-alert-text-low-on-neutral-active);
  --mode-color-neutral-normal: var(--generation-on-light-background-neutral-normal);
  --mode-color-neutral-hover: var(--generation-on-light-background-neutral-hover);
  --mode-color-neutral-active: var(--generation-on-light-background-neutral-active);
  --mode-color-neutral-high: var(--generation-on-light-background-neutral-high);
  --mode-color-neutral-low: var(--generation-on-light-background-neutral-low);
  --mode-color-neutral-none: var(--generation-on-light-background-neutral-none);
  --mode-color-on-neutral-normal: var(--generation-on-light-text-primary);
  --mode-color-on-neutral-hover: var(--generation-on-light-text-primary);
  --mode-color-on-neutral-active: var(--generation-on-light-text-primary);
  --mode-color-primary-normal: var(--brand-on-light-color-primary-normal);
  --mode-color-primary-hover: var(--brand-on-light-color-primary-hover);
  --mode-color-primary-active: var(--brand-on-light-color-primary-active);
  --mode-color-primary-selected: var(--brand-on-light-color-primary-selected);
  --mode-color-primary-disabled: var(--brand-on-light-color-primary-disabled);
  --mode-color-primary-low: var(--brand-on-light-color-primary-low);
  --mode-color-on-primary-normal: var(--brand-on-light-color-on-primary-normal);
  --mode-color-on-primary-hover: var(--brand-on-light-color-on-primary-hover);
  --mode-color-on-primary-active: var(--brand-on-light-color-on-primary-active);
  --mode-color-on-primary-selected: var(--brand-on-light-color-on-primary-selected);
  --mode-color-on-primary-disabled: var(--brand-on-light-color-on-primary-disabled);
  --mode-color-secondary-normal: var(--brand-on-light-color-secondary-normal);
  --mode-color-secondary-hover: var(--brand-on-light-color-secondary-hover);
  --mode-color-secondary-active: var(--brand-on-light-color-secondary-active);
  --mode-color-secondary-selected: var(--brand-on-light-color-secondary-selected);
  --mode-color-secondary-disabled: var(--brand-on-light-color-secondary-disabled);
  --mode-color-on-secondary-normal: var(--brand-on-light-color-on-secondary-normal);
  --mode-color-on-secondary-hover: var(--brand-on-light-color-on-secondary-hover);
  --mode-color-on-secondary-active: var(--brand-on-light-color-on-secondary-active);
  --mode-color-on-secondary-selected: var(--brand-on-light-color-on-secondary-selected);
  --mode-color-on-secondary-disabled: var(--brand-on-light-color-on-secondary-disabled);
  --mode-color-quiet-normal: var(--brand-on-light-color-quiet-normal);
  --mode-color-quiet-hover: var(--brand-on-light-color-quiet-hover);
  --mode-color-quiet-active: var(--brand-on-light-color-quiet-active);
  --mode-color-quiet-disabled: var(--brand-on-light-color-quiet-disabled);
  --mode-color-on-quiet-normal: var(--brand-on-light-color-on-quiet-normal);
  --mode-color-on-quiet-hover: var(--brand-on-light-color-on-quiet-hover);
  --mode-color-on-quiet-active: var(--brand-on-light-color-on-quiet-active);
  --mode-color-on-quiet-disabled: var(--brand-on-light-color-on-quiet-disabled);
  --mode-color-quiet-emphasis-normal: var(--brand-on-light-color-quiet-normal);
  --mode-color-quiet-emphasis-hover: var(--brand-on-light-color-quiet-hover);
  --mode-color-quiet-emphasis-active: var(--brand-on-light-color-quiet-active);
  --mode-color-quiet-emphasis-disabled: var(--brand-on-light-color-quiet-disabled);
  --mode-color-on-quiet-emphasis-normal: var(--brand-on-light-color-primary-signal-normal);
  --mode-color-on-quiet-emphasis-hover: var(--brand-on-light-color-primary-signal-hover);
  --mode-color-on-quiet-emphasis-active: var(--brand-on-light-color-primary-signal-active);
  --mode-color-on-quiet-emphasis-disabled: var(--brand-on-light-color-on-quiet-disabled);
  --mode-color-accent-normal: var(--generation-on-light-background-accent-normal);
  --mode-color-accent-hover: var(--generation-on-light-background-accent-hover);
  --mode-color-accent-active: var(--generation-on-light-background-accent-active);
  --mode-color-accent-disabled: var(--generation-on-light-background-accent-disabled);
  --mode-color-on-accent-normal: var(--generation-on-light-text-inverse-primary);
  --mode-color-on-accent-hover: var(--generation-on-light-text-inverse-primary);
  --mode-color-on-accent-active: var(--generation-on-light-text-inverse-primary);
  --mode-color-on-accent-disabled: var(--generation-on-light-text-inverse-primary);
  --mode-color-quiet-list-normal: var(--brand-on-light-color-quiet-list-normal);
  --mode-color-quiet-list-hover: var(--brand-on-light-color-quiet-list-hover);
  --mode-color-quiet-list-active: var(--brand-on-light-color-quiet-list-active);
  --mode-color-quiet-list-selected: var(--brand-on-light-color-secondary-selected);
  --mode-color-quiet-list-disabled: var(--brand-on-light-color-quiet-list-disabled);
  --mode-color-on-quiet-list-normal: var(--brand-on-light-color-on-quiet-list-normal);
  --mode-color-on-quiet-list-hover: var(--brand-on-light-color-on-quiet-list-hover);
  --mode-color-on-quiet-list-active: var(--brand-on-light-color-on-quiet-list-active);
  --mode-color-on-quiet-list-selected: var(--brand-on-light-color-on-quiet-list-selected);
  --mode-color-on-quiet-list-disabled: var(--brand-on-light-color-on-quiet-list-disabled);
  --mode-color-primary-signal-normal: var(--brand-on-light-color-primary-signal-normal);
  --mode-color-primary-signal-hover: var(--brand-on-light-color-primary-signal-hover);
  --mode-color-primary-signal-active: var(--brand-on-light-color-primary-signal-active);
  --mode-color-primary-signal-selected: var(--brand-on-light-color-primary-signal-selected);
  --mode-color-primary-signal-disabled: var(--brand-on-light-color-primary-signal-disabled);
  --mode-color-on-primary-signal-normal: var(--brand-on-light-color-on-primary-signal-normal);
  --mode-color-on-primary-signal-hover: var(--brand-on-light-color-on-primary-signal-hover);
  --mode-color-on-primary-signal-active: var(--brand-on-light-color-on-primary-signal-active);
  --mode-color-on-primary-signal-selected: var(--brand-on-light-color-on-primary-signal-selected);
  --mode-color-on-primary-signal-disabled: var(--brand-on-light-color-on-primary-signal-disabled);
  --mode-color-virtual-assistant-high-normal: var(--generation-on-light-background-virtual-assistant-high-emphasis-normal);
  --mode-color-virtual-assistant-low-normal: var(--generation-on-light-background-virtual-assistant-low-emphasis-normal);
  --mode-color-on-virtual-assistant-high-normal: var(--generation-on-light-text-on-signal);
  --mode-color-on-virtual-assistant-low-normal: var(--generation-on-light-text-virtual-assistant-normal);
  --mode-color-strikethrough: var(--generation-color-gray-300);
  --mode-color-wordmark: var(--brand-color-450);
  --mode-ai-primary-low: var(--foundation-ai-purple-54);
  --mode-ai-primary-enabled: var(--foundation-ai-purple-50);
  --mode-ai-primary-hover: var(--foundation-ai-purple-42);
  --mode-ai-primary-active: var(--foundation-ai-purple-34);
  --mode-ai-primary-disabled: var(--generation-on-light-ai-primary-disabled);
  --mode-ai-primary-listening: var(--foundation-ai-purple-50);
  --mode-ai-primary-processing: var(--foundation-ai-purple-50);
  --mode-ai-primary-inactive: var(--foundation-dls-color-gray-40);
  --mode-ai-on-primary-enabled: var(--generation-on-light-ai-on-primary-enabled);
  --mode-ai-on-primary-hover: var(--generation-on-light-ai-on-primary-hover);
  --mode-ai-on-primary-active: var(--generation-on-light-ai-on-primary-active);
  --mode-ai-on-primary-disabled: var(--generation-on-light-ai-on-primary-disabled);
  --mode-ai-on-quiet-enabled: var(--generation-on-light-ai-on-quiet-enabled);
  --mode-ai-on-quiet-hover: var(--generation-on-light-ai-on-quiet-hover);
  --mode-ai-on-quiet-active: var(--generation-on-light-ai-on-quiet-active);
  --mode-ai-on-quiet-disabled: var(--generation-on-light-ai-on-quiet-disabled);
  --mode-ai-quiet-enabled: var(--foundation-ai-purple-98);
  --mode-ai-quiet-hover: var(--foundation-ai-purple-94);
  --mode-ai-quiet-active: var(--foundation-ai-purple-86);
  --mode-ai-quiet-disabled: var(--brand-on-light-color-quiet-disabled);
  --mode-border-color-normal: var(--generation-on-light-border-color-normal);
  --mode-border-color-hover: var(--generation-on-light-border-color-hover);
  --mode-border-color-active: var(--brand-on-light-color-primary-signal-normal);
  --mode-border-color-selected: var(--brand-on-light-color-primary-signal-selected);
  --mode-border-color-disabled: var(--generation-on-light-border-color-disabled);
  --mode-border-color-read-only: var(--generation-on-light-border-color-read-only);
  --mode-border-color-sensitive-data: var(--generation-on-light-border-color-sensitive-data);
  --mode-border-color-neutral: var(--generation-on-light-border-color-neutral);
  --mode-border-color-highlighted: var(--generation-on-light-border-color-highlighted);
  --mode-border-color-null: var(--generation-on-light-border-color-null);
  --mode-border-color-primary: var(--generation-on-light-border-color-primary);
  --mode-border-color-inverse-normal: var(--generation-on-light-border-color-inverse-normal);
  --mode-border-color-inverse-hover: var(--generation-on-light-border-color-inverse-hover);
  --mode-border-color-inverse-active: var(--brand-on-dark-color-primary-signal-normal);
  --mode-border-color-inverse-selected: var(--brand-on-dark-color-primary-signal-normal);
  --mode-border-color-inverse-disabled: var(--generation-on-light-border-color-inverse-disabled);
  --mode-border-color-inverse-read-only: var(--generation-on-light-border-color-inverse-read-only);
  --mode-border-color-inverse-sensitive-data: var(--generation-on-light-border-color-inverse-sensitive-data);
  --mode-border-color-inverse-neutral: var(--generation-on-light-border-color-inverse-neutral);
  --mode-border-color-inverse-null: var(--generation-on-light-border-color-inverse-null);
  --mode-border-color-inverse-primary: var(--generation-on-light-border-color-inverse-primary);
  --mode-border-color-content: var(--generation-on-light-border-color-content);
  --mode-border-color-column-header: var(--generation-on-light-border-color-column-header);
  --mode-icon-color-primary: var(--generation-on-light-icon-color-primary);
  --mode-icon-color-secondary: var(--generation-on-light-icon-color-secondary);
  --mode-icon-color-tertiary: var(--generation-on-light-icon-color-tertiary);
  --mode-icon-color-placeholder: var(--generation-on-light-icon-color-placeholder);
  --mode-icon-color-default: var(--generation-on-light-icon-color-default);
  --mode-icon-color-disabled: var(--generation-on-light-icon-color-disabled);
  --mode-icon-color-inverse-primary: var(--generation-on-light-icon-color-inverse-primary);
  --mode-icon-color-inverse-secondary: var(--generation-on-light-icon-color-inverse-secondary);
  --mode-icon-color-inverse-tertiary: var(--generation-on-light-icon-color-inverse-tertiary);
  --mode-icon-color-inverse-disabled: var(--generation-on-light-icon-color-inverse-disabled);
  --mode-icon-color-virtual-assistant-normal: var(--generation-on-light-icon-virtual-assistant-normal);
  --mode-icon-primary-normal: var(--generation-on-light-icon-primary-normal);
  --mode-icon-primary-hover: var(--generation-on-light-icon-primary-hover);
  --mode-icon-primary-active: var(--generation-on-light-icon-primary-active);
  --mode-icon-primary-disable: var(--generation-on-light-icon-primary-disabled);
  --mode-icon-primary-selected: var(--generation-on-light-icon-primary-selected);
  --mode-icon-secondary-normal: var(--generation-on-light-icon-secondary-normal);
  --mode-icon-secondary-hover: var(--generation-on-light-icon-secondary-hover);
  --mode-icon-secondary-active: var(--generation-on-light-icon-secondary-active);
  --mode-icon-secondary-disable: var(--generation-on-light-icon-secondary-disabled);
  --mode-icon-secondary-selected: var(--generation-on-light-icon-secondary-selected);
  --mode-input-background-normal: var(--generation-on-light-input-background-normal);
  --mode-input-background-hover: var(--generation-on-light-input-background-hover);
  --mode-input-background-active: var(--generation-on-light-input-background-active);
  --mode-input-background-disabled: var(--generation-on-light-input-background-disabled);
  --mode-input-background-read-only: var(--generation-on-light-input-background-read-only);
  --mode-input-background-sensitive-data: var(--generation-on-light-input-background-sensitive-data);
  --mode-input-border-color-normal: var(--generation-on-light-border-color-normal);
  --mode-input-border-color-hover: var(--generation-on-light-border-color-hover);
  --mode-input-border-color-active: var(--brand-on-light-color-primary-signal-active);
  --mode-input-border-color-disabled: var(--generation-on-light-border-color-disabled);
  --mode-input-border-color-read-only: var(--generation-on-light-border-color-read-only);
  --mode-input-border-color-sensitive-data: var(--generation-on-light-border-color-sensitive-data);
  --mode-outline-color-focus: var(--brand-on-light-color-primary-signal-normal);
  --mode-outline-focus: var(--generation-mode-outline-width-focus) solid var(--mode-outline-color-focus);
  --mode-outline-focus-visible: var(--generation-mode-outline-width-focus-visible) solid var(--mode-outline-color-focus);
  --mode-overlay-default: var(--generation-on-light-overlay-default);
  --mode-shadow-color-null: var(--generation-on-light-shadow-color-null);
  --mode-shadow-color-default: var(--generation-on-light-shadow-color-default);
  --mode-surface-primary: var(--generation-on-light-surface-primary);
  --mode-surface-secondary: var(--generation-on-light-surface-secondary);
  --mode-surface-tertiary: var(--generation-on-light-surface-tertiary);
  --mode-surface-primary-color: var(--brand-color-50);
  --mode-surface-secondary-color: var(--brand-color-150);
  --mode-surface-tertiary-color: var(--brand-color-200);
  --mode-surface-overlay: var(--generation-on-light-surface-overlay);
  --mode-surface-none: var(--generation-on-light-surface-none);
  --mode-surface-static-default: var(--generation-on-light-surface-static);
  --mode-surface-static-color: var(--brand-color-750);
  --mode-surface-inverted-primary: var(--generation-on-light-surface-inverted-primary);
  --mode-surface-gradient-linear-top-bottom-color: linear-gradient(180deg, var(--mode-surface-tertiary-color) 0%, var(--mode-surface-secondary-color) 50%,var(--mode-surface-primary-color) 100%);
  --mode-surface-gradient-linear-top-bottom-neutral: linear-gradient(180deg, var(--mode-surface-tertiary) 0%, var(--mode-surface-secondary) 50%, var(--mode-surface-primary) 100%);
  --mode-surface-gradient-linear-left-right-color: linear-gradient(90deg, var(--mode-surface-tertiary-color) 0%, var(--mode-surface-secondary-color) 50%,var(--mode-surface-primary-color) 100%);
  --mode-surface-gradient-linear-left-right-neutral: linear-gradient(90deg, var(--mode-surface-tertiary) 0%, var(--mode-surface-secondary) 50%, var(--mode-surface-primary) 100%);
  --mode-surface-gradient-linear-right-left-color: linear-gradient(270deg, var(--mode-surface-tertiary-color) 0%, var(--mode-surface-secondary-color) 50%,var(--mode-surface-primary-color) 100%);
  --mode-surface-gradient-linear-right-left-neutral: linear-gradient(270deg, var(--mode-surface-tertiary) 0%, var(--mode-surface-secondary) 50%, var(--mode-surface-primary) 100%);
  --mode-text-color-primary: var(--generation-on-light-text-primary);
  --mode-text-color-secondary: var(--generation-on-light-text-secondary);
  --mode-text-color-tertiary: var(--generation-on-light-text-tertiary);
  --mode-text-color-placeholder: var(--generation-on-light-text-placeholder);
  --mode-text-color-helper: var(--generation-on-light-text-helper);
  --mode-text-color-disabled: var(--generation-on-light-text-disabled);
  --mode-text-color-inverse-primary: var(--generation-on-light-text-inverse-primary);
  --mode-text-color-inverse-secondary: var(--generation-on-light-text-inverse-secondary);
  --mode-text-color-inverse-tertiary: var(--generation-on-light-text-inverse-tertiary);
  --mode-text-color-inverse-disabled: var(--generation-on-light-text-inverse-disabled);
  --mode-text-color-active-normal: var(--brand-on-light-color-primary-signal-normal);
  --mode-text-color-virtual-assistant-normal: var(--generation-on-light-text-virtual-assistant-normal);
  --mode-text-color-static-primary: var(--generation-color-neutral-white);
  --mode-font-family: var(--generation-font-family);
  --mode-comp-scrollbar-thumb-background-normal: var(--generation-on-light-comp-scrollbar-two);
  --mode-comp-scrollbar-thumb-background-hover: var(--generation-on-light-comp-scrollbar-three);
  --mode-comp-scrollbar-thumb-background-active: var(--generation-on-light-comp-scrollbar-four);
  --mode-comp-scrollbar-track-background: var(--generation-on-light-comp-scrollbar-one);
  --mode-comp-radio-button-input-unchecked-background-normal: var(--generation-on-light-comp-radio-button-input-unchecked-background-normal);
  --mode-comp-radio-button-input-unchecked-background-hover: var(--generation-on-light-comp-radio-button-input-unchecked-background-hover);
  --mode-comp-radio-button-input-unchecked-background-active: var(--generation-on-light-comp-radio-button-input-unchecked-background-active);
  --mode-comp-radio-button-input-unchecked-background-read-only: var(--generation-on-light-comp-radio-button-input-unchecked-background-read-only);
  --mode-comp-radio-button-input-unchecked-background-disabled: var(--generation-on-light-comp-radio-button-input-unchecked-background-disabled);
  --mode-comp-radio-button-input-unchecked-background-sensitive-data: var(--generation-on-light-comp-radio-button-input-unchecked-background-sensitive-data);
  --mode-comp-radio-button-input-unchecked-border-color-normal: var(--generation-on-light-comp-radio-button-input-unchecked-border-color-normal);
  --mode-comp-radio-button-input-unchecked-border-color-hover: var(--generation-on-light-comp-radio-button-input-unchecked-border-color-hover);
  --mode-comp-radio-button-input-unchecked-border-color-active: var(--generation-on-light-comp-radio-button-input-unchecked-border-color-active);
  --mode-comp-radio-button-input-unchecked-border-color-read-only: var(--generation-on-light-comp-radio-button-input-unchecked-border-color-read-only);
  --mode-comp-radio-button-input-unchecked-border-color-disabled: var(--generation-on-light-comp-radio-button-input-unchecked-border-color-disabled);
  --mode-comp-radio-button-input-unchecked-border-color-sensitive-data: var(--generation-on-light-comp-radio-button-input-unchecked-border-color-sensitive-data);
  --mode-comp-radio-button-input-checked-background-normal: var(--generation-on-light-comp-radio-button-input-checked-background-normal);
  --mode-comp-radio-button-input-checked-background-hover: var(--generation-on-light-comp-radio-button-input-checked-background-hover);
  --mode-comp-radio-button-input-checked-background-active: var(--generation-on-light-comp-radio-button-input-checked-background-active);
  --mode-comp-radio-button-input-checked-background-read-only: var(--generation-on-light-comp-radio-button-input-checked-background-read-only);
  --mode-comp-radio-button-input-checked-background-disabled: var(--generation-on-light-comp-radio-button-input-checked-background-disabled);
  --mode-comp-radio-button-input-checked-background-sensitive-data: var(--generation-on-light-comp-radio-button-input-checked-background-sensitive-data);
  --mode-comp-radio-button-input-checked-border-color-normal: var(--generation-on-light-comp-radio-button-input-checked-border-color-normal);
  --mode-comp-radio-button-input-checked-border-color-hover: var(--generation-on-light-comp-radio-button-input-checked-border-color-hover);
  --mode-comp-radio-button-input-checked-border-color-active: var(--generation-on-light-comp-radio-button-input-checked-border-color-active);
  --mode-comp-radio-button-input-checked-border-color-read-only: var(--generation-on-light-comp-radio-button-input-checked-border-color-read-only);
  --mode-comp-radio-button-input-checked-border-color-disabled: var(--generation-on-light-comp-radio-button-input-checked-border-color-disabled);
  --mode-comp-radio-button-input-checked-border-color-sensitive-data: var(--generation-on-light-comp-radio-button-input-checked-border-color-sensitive-data);
  --mode-comp-radio-button-input-mark-checked-background-normal: var(--generation-on-light-comp-radio-button-input-mark-checked-background-normal);
  --mode-comp-radio-button-input-mark-checked-background-hover: var(--generation-on-light-comp-radio-button-input-mark-checked-background-hover);
  --mode-comp-radio-button-input-mark-checked-background-active: var(--generation-on-light-comp-radio-button-input-mark-checked-background-active);
  --mode-comp-radio-button-input-mark-checked-background-read-only: var(--generation-on-light-comp-radio-button-input-mark-checked-background-read-only);
  --mode-comp-radio-button-input-mark-checked-background-disabled: var(--generation-on-light-comp-radio-button-input-mark-checked-background-disabled);
  --mode-comp-radio-button-input-mark-checked-background-sensitive-data: var(--generation-on-light-comp-radio-button-input-mark-checked-background-sensitive-data);
  --mode-comp-info-bar-background-primary: var(--generation-on-light-comp-info-bar-background-primary);
  --mode-comp-info-bar-background-secondary: var(--generation-on-light-comp-info-bar-background-secondary);
  --mode-comp-info-bar-icon-search-color-primary: var(--generation-on-light-comp-info-bar-icon-search-color-primary);
  --mode-comp-info-bar-identity-search-background-none: var(--generation-on-light-comp-info-bar-identity-search-background-none);
  --mode-comp-info-bar-identity-search-background-hover: var(--generation-on-light-comp-info-bar-identity-search-background-hover);
  --mode-comp-info-bar-identity-search-background-active: var(--generation-on-light-comp-info-bar-identity-search-background-active);
  --mode-comp-info-bar-icon-field-color-primary: var(--generation-on-light-comp-info-bar-icon-field-color-primary);
  --mode-comp-info-bar-icon-action-color-normal: var(--generation-on-light-comp-info-bar-icon-action-color-normal);
  --mode-comp-info-bar-icon-action-color-hover: var(--generation-on-light-comp-info-bar-icon-action-color-hover);
  --mode-comp-info-bar-icon-action-color-active: var(--generation-on-light-comp-info-bar-icon-action-color-active);
  --mode-comp-info-bar-icon-action-outline-color-focus-visible: var(--generation-on-light-comp-info-bar-icon-action-outline-color-focus-visible);
  --mode-comp-date-picker-background-default: var(--generation-on-light-comp-date-picker-background-default);
  --mode-comp-date-picker-background-hover: var(--generation-on-light-comp-date-picker-background-hover);
  --mode-comp-date-picker-background-active: var(--generation-on-light-comp-date-picker-background-active);
  --mode-comp-date-picker-background-range-date: var(--generation-on-light-comp-date-picker-background-range-date);
  --mode-comp-date-picker-background-current-date: var(--generation-on-light-comp-date-picker-background-current-date);
  --mode-comp-date-picker-background-special-info: var(--generation-on-light-comp-date-picker-background-special-info);
  --mode-comp-date-picker-background-weekday-default: var(--generation-on-light-comp-date-picker-background-weekday-default);
  --mode-comp-date-picker-label-default: var(--generation-on-light-comp-date-picker-label-default);
  --mode-comp-date-picker-label-hover: var(--generation-on-light-comp-date-picker-label-hover);
  --mode-comp-date-picker-label-active: var(--generation-on-light-comp-date-picker-label-active);
  --mode-comp-date-picker-label-range-date: var(--generation-on-light-comp-date-picker-label-range-date);
  --mode-comp-date-picker-label-current-date: var(--generation-on-light-comp-date-picker-label-current-date);
  --mode-comp-date-picker-label-special-info: var(--generation-on-light-comp-date-picker-label-special-info);
  --mode-comp-date-picker-label-weekday-default: var(--generation-on-light-comp-date-picker-label-weekday-default);
  --mode-comp-date-picker-label-weekday-selected: var(--generation-on-light-comp-date-picker-label-weekday-selected);
  --mode-comp-date-picker-label-disabled: var(--generation-on-light-comp-date-picker-label-disabled);
  --mode-comp-date-picker-label-header: var(--generation-on-light-comp-date-picker-label-header);
  --mode-comp-date-picker-indicator-border-color-full: var(--generation-on-light-comp-date-picker-indicator-border-color-full);
  --mode-comp-date-picker-indicator-border-color-empty: var(--generation-on-light-comp-date-picker-indicator-border-color-empty);
  --mode-comp-date-picker-colors-primary: var(--generation-on-light-comp-date-picker-colors-primary);
  --mode-comp-date-picker-colors-secondary: var(--generation-on-light-comp-date-picker-colors-secondary);
  --mode-comp-date-picker-colors-neutral: var(--generation-on-light-comp-date-picker-colors-neutral);
  --mode-comp-date-picker-colors-emphasis: var(--generation-on-light-comp-date-picker-colors-emphasis);
  --mode-comp-date-picker-colors-disabled: var(--generation-on-light-comp-date-picker-colors-disabled);
  --mode-comp-date-picker-colors-full: var(--generation-on-light-comp-date-picker-colors-full);
  --mode-comp-date-picker-colors-foreground: var(--generation-on-light-comp-date-picker-colors-foreground);
  --mode-comp-date-picker-colors-inverse: var(--generation-on-light-comp-date-picker-colors-inverse);
  --mode-comp-date-picker-colors-none: var(--generation-on-light-comp-date-picker-colors-none);
  --mode-comp-date-picker-border-current-date: var(--generation-comp-date-picker-border-width-current-date) solid var(--generation-on-light-comp-date-picker-indicator-border-color-current-date);
  --mode-comp-date-picker-border-icon-container: var(--generation-comp-date-picker-border-width-icon-container) solid var(--generation-on-light-comp-date-picker-indicator-border-color-icon-container);
  --mode-comp-date-picker-border-primary: var(--generation-comp-date-picker-border-width-primary) solid var(--generation-on-light-comp-date-picker-indicator-border-color-primary);
  --mode-comp-date-picker-border-neutral: var(--generation-comp-date-picker-border-width-neutral) solid var(--generation-on-light-comp-date-picker-indicator-border-color-neutral);
  --mode-comp-date-picker-border-none: var(--generation-comp-date-picker-border-width-none) solid var(--generation-on-light-comp-date-picker-indicator-border-color-none);
  --mode-comp-pagination-icon-color-default: var(--generation-on-light-comp-pagination-icon-color-default);
  --mode-comp-pagination-icon-color-hover: var(--generation-on-light-comp-pagination-icon-color-hover);
  --mode-comp-pagination-icon-color-pressed: var(--generation-on-light-comp-pagination-icon-color-pressed);
  --mode-comp-pagination-icon-color-disabled: var(--generation-on-light-comp-pagination-icon-color-disabled);
  --mode-comp-breadcrumb-icon-color: var(--generation-on-light-comp-breadcrumb-icon-color);
  --mode-comp-ai-audio-recorder-container-background: var(--generation-on-light-comp-ai-audio-recorder-container-background);
  --mode-comp-ai-audio-recorder-area-background: var(--generation-on-light-comp-ai-audio-recorder-area-background);
  --mode-comp-progress-bar-bar-background-track: var(--generation-on-light-comp-progress-bar-bar-background-track);
  --mode-comp-progress-bar-bar-background-buffer: var(--generation-on-light-comp-progress-bar-bar-background-buffer);
  --mode-comp-skeleton-container-background: rgb(from var(--foundation-fil-color-blue-26) r g b / 0.06);
  --mode-ref-alert-background-high-danger-normal: var(--localization-ref-on-light-alert-background-high-danger-normal);
  --mode-ref-alert-background-high-warning-normal: var(--localization-ref-on-light-alert-background-high-warning-normal);
  --mode-ref-alert-background-high-neutral-normal: var(--localization-ref-on-light-alert-background-high-neutral-normal);
  --mode-ref-alert-background-high-neutral-hover: var(--localization-ref-on-light-alert-background-high-neutral-hover);
  --mode-ref-alert-background-high-neutral-active: var(--localization-ref-on-light-alert-background-high-neutral-active);
  --mode-ref-alert-background-high-information-normal: var(--localization-ref-on-light-alert-background-high-information-normal);
  --mode-ref-alert-background-high-information-hover: var(--localization-ref-on-light-alert-background-high-information-hover);
  --mode-ref-alert-background-high-information-active: var(--localization-ref-on-light-alert-background-high-information-active);
  --mode-ref-alert-background-high-safety-normal: var(--localization-ref-on-light-alert-background-high-safety-normal);
  --mode-ref-alert-background-high-safety-hover: var(--localization-ref-on-light-alert-background-high-safety-hover);
  --mode-ref-alert-background-high-safety-active: var(--localization-ref-on-light-alert-background-high-safety-active);
  --mode-ref-alert-background-high-danger2-normal: var(--localization-ref-on-light-alert-background-high-danger2-normal);
  --mode-ref-alert-background-high-danger2-hover: var(--generation-ref-on-light-alert-global-background-high-danger2-hover);
  --mode-ref-alert-background-high-danger2-active: var(--generation-ref-on-light-alert-global-background-high-danger2-active);
  --mode-ref-alert-background-high-danger3-normal: var(--localization-ref-on-light-alert-background-high-danger3-normal);
  --mode-ref-alert-background-low-danger-normal: var(--localization-ref-on-light-alert-background-low-danger-normal);
  --mode-ref-text-color-primary: var(--generation-ref-on-light-text-color-primary);
  --mode-ref-text-color-primary-2: var(--generation-ref-on-light-text-color-primary-2);
  --mode-ref-text-color-secondary: var(--generation-ref-on-light-text-color-secondary);
  --mode-ref-text-color-tertiary: var(--generation-ref-on-light-text-color-tertiary);
  --mode-ref-text-color-placeholder: var(--generation-ref-on-light-text-color-placeholder);
  --mode-ref-text-color-helper: var(--generation-ref-on-light-text-color-helper);
  --mode-ref-text-color-disabled: var(--generation-ref-on-light-text-color-disabled);
  --mode-ref-color-neutral-normal: var(--generation-ref-on-light-background-neutral-normal);
  --mode-ref-color-neutral-hover: var(--generation-ref-on-light-background-neutral-hover);
  --mode-ref-color-neutral-active: var(--generation-ref-on-light-background-neutral-active);
  --mode-ref-color-on-neutral-normal: var(--generation-ref-on-light-background-on-neutral-normal);
  --mode-ref-color-on-neutral-hover: var(--generation-ref-on-light-background-on-neutral-hover);
  --mode-ref-color-on-neutral-active: var(--generation-ref-on-light-background-on-neutral-active);
  --mode-elevation-box-shadow-none: var(--generation-on-light-shadow-none);
  --mode-elevation-box-shadow-content: var(--generation-on-light-shadow-2);
  --mode-elevation-box-shadow-navigational: var(--generation-on-light-shadow-3);
  --mode-elevation-box-shadow-dialog: var(--generation-on-light-shadow-4)
;
}

:root {
  --density-button-top: var(--generation-density-medium);
  --density-button-bottom: var(--generation-density-medium);
  --density-button-border-radius-circle: var(--foundation-border-radius-7);
  --density-space-10: var(--foundation-space-1);
  --density-space-20: var(--foundation-space-2);
  --density-space-30: var(--foundation-space-3);
  --density-space-40: var(--foundation-space-4);
  --density-space-50: var(--foundation-space-5);
  --density-space-60: var(--foundation-space-6);
  --density-space-70: var(--foundation-space-7);
  --density-space-80: var(--foundation-space-8);
  --density-space-none: var(--foundation-space-none);
  --density-table-row-min-height-small: var(--generation-on-regular-table-row-min-height-small);
  --density-table-row-min-height-medium: var(--generation-on-regular-table-row-min-height-medium);
  --density-table-row-min-height-large: var(--generation-on-regular-table-row-min-height-large)
;
}

:root {
  --virtual-assistant-tag-container-background-ai: var(--mode-color-virtual-assistant-low-normal);
  --virtual-assistant-tag-label-color-ai: var(--mode-color-on-virtual-assistant-low-normal);
  --virtual-assistant-tag-icon-color-ai: var(--mode-color-on-virtual-assistant-low-normal);
  --virtual-assistant-tag-icon-name-ai: EmrIconVirtualAssistantStarSvg;
  --voice-panel-container-background: var(--mode-surface-primary);
  --voice-panel-container-width: 360px;
  --voice-panel-container-height: fit-content;
  --voice-panel-container-max-height: 620px;
  --voice-panel-container-gap: var(--foundation-space-2);
  --voice-panel-mic-container-border-on: var(--generation-border-width-heavy) solid var(--mode-color-primary-signal-disabled);
  --voice-panel-mic-container-border-off: var(--generation-border-width-heavy) solid var(--mode-surface-primary);
  --voice-panel-mic-container-border-radius: var(--generation-border-radius-circle);
  --voice-panel-mic-container-width: var(--foundation-size-18);
  --voice-panel-mic-container-height: var(--foundation-size-18);
  --voice-panel-mic-container-background-off-normal: var(--mode-color-quiet-normal);
  --voice-panel-mic-container-background-off-hover: var(--mode-color-quiet-hover);
  --voice-panel-mic-container-background-off-active: var(--mode-color-quiet-active);
  --voice-panel-mic-container-background-off-disabled: var(--mode-color-quiet-disabled);
  --voice-panel-mic-container-background-on-normal: var(--mode-color-quiet-normal);
  --voice-panel-mic-container-background-on-hover: var(--mode-color-quiet-hover);
  --voice-panel-mic-container-background-on-active: var(--mode-color-quiet-active);
  --voice-panel-header-gap: var(--foundation-space-2);
  --voice-panel-header-width: fill-parent;
  --voice-panel-header-height: var(--foundation-size-18);
  --voice-panel-header-label-width: var(--foundation-size-30);
  --voice-panel-header-label-height: auto;
  --voice-panel-icon-mic: DlsIconMicrophoneSvg;
  --voice-panel-icon-mic-mute: DlsIconMicrophoneMuteSvg;
  --voice-panel-user-request-width: fill-parent;
  --voice-panel-user-request-height: fit-content;
  --voice-panel-user-request-message-width: 240px;
  --voice-panel-user-request-message-height: auto;
  --voice-panel-user-request-button-max-width: var(--foundation-size-20);
  --voice-panel-system-feedback-width: fill-parent;
  --voice-panel-system-feedback-height: fit-content;
  --voice-panel-data-report-width: fill-parent;
  --voice-panel-data-report-height: fit-content;
  --voice-panel-mic-icon-color-off-normal: var(--mode-icon-color-disabled);
  --voice-panel-mic-icon-color-off-hover: var(--mode-icon-color-placeholder);
  --voice-panel-mic-icon-color-off-active: var(--mode-icon-color-tertiary);
  --voice-panel-mic-icon-color-off-disabled: var(--mode-icon-color-disabled);
  --voice-panel-mic-icon-color-on-normal: var(--mode-color-primary-signal-normal);
  --voice-panel-mic-icon-color-on-hover: var(--mode-color-primary-signal-hover);
  --voice-panel-mic-icon-color-on-active: var(--mode-color-primary-signal-active);
  --virtual-assistant-button-container-width-small: var(--foundation-size-16);
  --virtual-assistant-button-container-width-medium: var(--foundation-size-24);
  --virtual-assistant-button-container-width-large: var(--foundation-size-42);
  --virtual-assistant-button-container-height-small: var(--foundation-size-16);
  --virtual-assistant-button-container-height-medium: var(--foundation-size-24);
  --virtual-assistant-button-container-height-large: var(--foundation-size-42);
  --virtual-assistant-button-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --virtual-assistant-button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --virtual-assistant-button-container-background-listening: var(--mode-comp-ai-audio-recorder-container-background);
  --virtual-assistant-button-container-background-processing: var(--mode-surface-none);
  --virtual-assistant-button-container-background-none: var(--mode-comp-ai-audio-recorder-container-background);
  --virtual-assistant-button-container-background-hover: var(--mode-comp-ai-audio-recorder-container-background);
  --virtual-assistant-button-container-background-active: var(--mode-comp-ai-audio-recorder-container-background);
  --virtual-assistant-button-container-background-disabled: var(--mode-comp-ai-audio-recorder-container-background);
  --virtual-assistant-button-area-width-small: var(--foundation-size-13);
  --virtual-assistant-button-area-width-medium: var(--foundation-size-20);
  --virtual-assistant-button-area-width-large: var(--foundation-size-35);
  --virtual-assistant-button-area-height-small: var(--foundation-size-13);
  --virtual-assistant-button-area-height-medium: var(--foundation-size-20);
  --virtual-assistant-button-area-height-large: var(--foundation-size-35);
  --virtual-assistant-button-area-background-listening: var(--mode-surface-primary);
  --virtual-assistant-button-area-background-processing: var(--mode-surface-primary);
  --virtual-assistant-button-area-background-none: var(--mode-comp-ai-audio-recorder-area-background);
  --virtual-assistant-button-area-background-hover: var(--mode-comp-ai-audio-recorder-area-background);
  --virtual-assistant-button-area-background-active: var(--mode-comp-ai-audio-recorder-area-background);
  --virtual-assistant-button-area-background-disabled: var(--mode-comp-ai-audio-recorder-area-background);
  --virtual-assistant-button-area-inset-block-start: 50%;
  --virtual-assistant-button-area-inset-inline-start: 50%;
  --virtual-assistant-button-volume-pulse-width-small: var(--foundation-size-16);
  --virtual-assistant-button-volume-pulse-width-medium: var(--foundation-size-24);
  --virtual-assistant-button-volume-pulse-width-large: var(--foundation-size-42);
  --virtual-assistant-button-volume-pulse-height-small: var(--foundation-size-16);
  --virtual-assistant-button-volume-pulse-height-medium: var(--foundation-size-24);
  --virtual-assistant-button-volume-pulse-height-large: var(--foundation-size-42);
  --virtual-assistant-button-volume-pulse-background-listening: var(--mode-color-primary-low);
  --virtual-assistant-button-star-animation-width-small: var(--foundation-size-6);
  --virtual-assistant-button-star-animation-width-medium: var(--foundation-size-10);
  --virtual-assistant-button-star-animation-width-large: var(--foundation-size-16);
  --virtual-assistant-button-star-animation-height-small: var(--foundation-size-6);
  --virtual-assistant-button-star-animation-height-medium: var(--foundation-size-10);
  --virtual-assistant-button-star-animation-height-large: var(--foundation-size-16);
  --virtual-assistant-button-star-animation-background-listening: var(--mode-color-primary-normal);
  --virtual-assistant-button-star-animation-background-processing: var(--mode-color-primary-normal);
  --virtual-assistant-button-icon-color-star-animation-none: var(--mode-ai-primary-inactive);
  --virtual-assistant-button-icon-color-star-animation-hover: var(--mode-color-primary-hover);
  --virtual-assistant-button-icon-color-star-animation-active: var(--mode-color-primary-active);
  --virtual-assistant-button-icon-color-star-animation-disabled: var(--mode-ai-primary-disabled);
  --virtual-assistant-button-icon-name-star-animation: EmrIconVirtualAssistantStarSvg;
  --virtual-assistant-button-border-radius-small: var(--generation-border-radius-full);
  --virtual-assistant-button-border-radius-medium: var(--generation-border-radius-full);
  --virtual-assistant-button-border-radius-large: var(--generation-border-radius-full);
  --virtual-assistant-button-info-icon-inset-block-start: var(--foundation-space-none);
  --virtual-assistant-button-info-icon-inset-inline-end: var(--foundation-space-none);
  --tooltip-icon-color-default: var(--mode-icon-color-inverse-primary);
  --tooltip-icon-color-information: var(--mode-alert-background-high-on-information-normal);
  --tooltip-icon-color-safety: var(--mode-alert-background-high-on-safety-normal);
  --tooltip-icon-color-caution: var(--mode-alert-background-high-on-caution-normal);
  --tooltip-icon-color-warning: var(--mode-alert-background-high-on-warning-normal);
  --tooltip-icon-color-danger: var(--mode-alert-background-high-on-danger-normal);
  --tooltip-icon-information: EmrIconInformationCircleSvg;
  --tooltip-icon-safety: EmrIconCheckmarkCircleSvg;
  --tooltip-icon-caution: EmrIconCautionSvg;
  --tooltip-icon-warning: EmrIconExclamationMarkCircleSvg;
  --tooltip-icon-danger: EmrIconDangerHexagonSvg;
  --tooltip-text-color-default: var(--mode-text-color-inverse-primary);
  --tooltip-text-color-information: var(--mode-alert-background-high-on-information-normal);
  --tooltip-text-color-safety: var(--mode-alert-background-high-on-safety-normal);
  --tooltip-text-color-caution: var(--mode-alert-background-high-on-caution-normal);
  --tooltip-text-color-warning: var(--mode-alert-background-high-on-warning-normal);
  --tooltip-text-color-danger: var(--mode-alert-background-high-on-danger-normal);
  --tooltip-title-color-default: var(--mode-text-color-inverse-primary);
  --tooltip-container-background-default: var(--mode-surface-inverted-primary);
  --tooltip-container-background-information: var(--mode-alert-background-high-information-normal);
  --tooltip-container-background-safety: var(--mode-alert-background-high-safety-normal);
  --tooltip-container-background-caution: var(--mode-alert-background-high-caution-normal);
  --tooltip-container-background-warning: var(--mode-alert-background-high-warning-normal);
  --tooltip-container-background-danger: var(--mode-alert-background-high-danger-normal);
  --tooltip-container-border-radius: var(--generation-ref-border-radius-rounded-all);
  --tooltip-container-padding-top: var(--foundation-space-2);
  --tooltip-container-padding-right: var(--foundation-space-3);
  --tooltip-container-padding-bottom: var(--foundation-space-2);
  --tooltip-container-padding-left: var(--foundation-space-3);
  --tooltip-container-gap: var(--foundation-space-1);
  --tooltip-container-offset: var(--foundation-space-2);
  --tooltip-container-max-width-default: 200px;
  --tooltip-container-box-shadow: var(--mode-elevation-box-shadow-content);
  --tooltip-arrow-background-default: var(--mode-surface-inverted-primary);
  --tooltip-arrow-background-information: var(--mode-alert-background-high-information-normal);
  --tooltip-arrow-background-safety: var(--mode-alert-background-high-safety-normal);
  --tooltip-arrow-background-caution: var(--mode-alert-background-high-caution-normal);
  --tooltip-arrow-background-warning: var(--mode-alert-background-high-warning-normal);
  --tooltip-arrow-background-danger: var(--mode-alert-background-high-danger-normal);
  --tooltip-arrow-width: var(--foundation-size-2);
  --tooltip-arrow-height: var(--foundation-size-2);
  --toggle-button-container-background-unselected-secondary-enabled: var(--mode-color-secondary-normal);
  --toggle-button-container-background-unselected-secondary-hover: var(--mode-color-secondary-hover);
  --toggle-button-container-background-unselected-secondary-active: var(--mode-color-secondary-active);
  --toggle-button-container-background-unselected-secondary-disabled: var(--mode-color-secondary-disabled);
  --toggle-button-container-background-unselected-quiet-enabled: var(--mode-color-quiet-normal);
  --toggle-button-container-background-unselected-quiet-hover: var(--mode-color-quiet-hover);
  --toggle-button-container-background-unselected-quiet-active: var(--mode-color-quiet-active);
  --toggle-button-container-background-unselected-quiet-disabled: var(--mode-color-quiet-disabled);
  --toggle-button-container-background-unselected-outlined-enabled: var(--mode-color-quiet-normal);
  --toggle-button-container-background-unselected-outlined-hover: var(--mode-color-quiet-hover);
  --toggle-button-container-background-unselected-outlined-active: var(--mode-color-quiet-active);
  --toggle-button-container-background-unselected-outlined-disabled: var(--mode-color-quiet-disabled);
  --toggle-button-container-background-selected-secondary-enabled: var(--mode-color-secondary-active);
  --toggle-button-container-background-selected-secondary-hover: var(--mode-color-secondary-active);
  --toggle-button-container-background-selected-secondary-active: var(--mode-color-secondary-active);
  --toggle-button-container-background-selected-secondary-disabled: var(--mode-color-secondary-disabled);
  --toggle-button-container-background-selected-quiet-enabled: var(--mode-color-quiet-emphasis-normal);
  --toggle-button-container-background-selected-quiet-hover: var(--mode-color-quiet-emphasis-normal);
  --toggle-button-container-background-selected-quiet-active: var(--mode-color-quiet-emphasis-normal);
  --toggle-button-container-background-selected-quiet-disabled: var(--mode-color-quiet-emphasis-disabled);
  --toggle-button-container-background-selected-outlined-enabled: var(--mode-color-quiet-list-selected);
  --toggle-button-container-background-selected-outlined-hover: var(--mode-color-quiet-list-selected);
  --toggle-button-container-background-selected-outlined-active: var(--mode-color-quiet-list-selected);
  --toggle-button-container-background-selected-outlined-disabled: var(--mode-color-quiet-disabled);
  --toggle-button-container-box-shadow-secondary: var(--generation-button-shadow-default);
  --toggle-button-container-box-shadow-quiet: var(--generation-button-shadow-null);
  --toggle-button-container-box-shadow-outlined: var(--generation-button-shadow-null);
  --toggle-button-container-border-unselected-secondary-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-secondary-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-secondary-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-secondary-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-quiet-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-quiet-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-quiet-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-quiet-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-unselected-outlined-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --toggle-button-container-border-unselected-outlined-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-hover);
  --toggle-button-container-border-unselected-outlined-active: var(--generation-border-width-hairline) solid var(--mode-border-color-hover);
  --toggle-button-container-border-unselected-outlined-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --toggle-button-container-border-selected-secondary-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-secondary-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-secondary-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-secondary-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-quiet-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-quiet-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-quiet-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-quiet-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --toggle-button-container-border-selected-outlined-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-selected);
  --toggle-button-container-border-selected-outlined-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-selected);
  --toggle-button-container-border-selected-outlined-active: var(--generation-border-width-hairline) solid var(--mode-border-color-selected);
  --toggle-button-container-border-selected-outlined-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --toggle-button-container-outline-focus: var(--mode-outline-focus-visible);
  --toggle-button-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --toggle-button-container-outline-offset-focus: var(--generation-outline-offset-focus-visible);
  --toggle-button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --toggle-button-label-color-unselected-secondary-enabled: var(--mode-color-on-secondary-normal);
  --toggle-button-label-color-unselected-secondary-hover: var(--mode-color-on-secondary-hover);
  --toggle-button-label-color-unselected-secondary-disabled: var(--mode-color-on-secondary-disabled);
  --toggle-button-label-color-unselected-secondary-active: var(--mode-color-on-secondary-active);
  --toggle-button-label-color-unselected-quiet-enabled: var(--mode-color-on-quiet-normal);
  --toggle-button-label-color-unselected-quiet-hover: var(--mode-color-on-quiet-hover);
  --toggle-button-label-color-unselected-quiet-active: var(--mode-color-on-quiet-active);
  --toggle-button-label-color-unselected-quiet-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-label-color-unselected-outlined-enabled: var(--mode-color-on-quiet-normal);
  --toggle-button-label-color-unselected-outlined-hover: var(--mode-color-on-quiet-normal);
  --toggle-button-label-color-unselected-outlined-active: var(--mode-color-on-quiet-normal);
  --toggle-button-label-color-unselected-outlined-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-label-color-selected-secondary-enabled: var(--mode-color-on-secondary-active);
  --toggle-button-label-color-selected-secondary-hover: var(--mode-color-on-secondary-active);
  --toggle-button-label-color-selected-secondary-active: var(--mode-color-on-secondary-active);
  --toggle-button-label-color-selected-secondary-disabled: var(--mode-color-on-secondary-disabled);
  --toggle-button-label-color-selected-quiet-enabled: var(--mode-color-on-quiet-emphasis-normal);
  --toggle-button-label-color-selected-quiet-hover: var(--mode-color-on-quiet-emphasis-normal);
  --toggle-button-label-color-selected-quiet-active: var(--mode-color-on-quiet-emphasis-normal);
  --toggle-button-label-color-selected-quiet-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-label-color-selected-outlined-enabled: var(--mode-color-on-quiet-list-selected);
  --toggle-button-label-color-selected-outlined-hover: var(--mode-color-on-quiet-list-selected);
  --toggle-button-label-color-selected-outlined-active: var(--mode-color-on-quiet-list-selected);
  --toggle-button-label-color-selected-outlined-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-icon-color-unselected-secondary-enabled: var(--mode-color-on-secondary-normal);
  --toggle-button-icon-color-unselected-secondary-hover: var(--mode-color-on-secondary-hover);
  --toggle-button-icon-color-unselected-secondary-active: var(--mode-color-on-secondary-active);
  --toggle-button-icon-color-unselected-secondary-disabled: var(--mode-color-on-secondary-disabled);
  --toggle-button-icon-color-unselected-quiet-enabled: var(--mode-color-on-quiet-normal);
  --toggle-button-icon-color-unselected-quiet-hover: var(--mode-color-on-quiet-hover);
  --toggle-button-icon-color-unselected-quiet-active: var(--mode-color-on-quiet-active);
  --toggle-button-icon-color-unselected-quiet-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-icon-color-unselected-outlined-enabled: var(--mode-color-on-quiet-normal);
  --toggle-button-icon-color-unselected-outlined-hover: var(--mode-color-on-quiet-normal);
  --toggle-button-icon-color-unselected-outlined-active: var(--mode-color-on-quiet-normal);
  --toggle-button-icon-color-unselected-outlined-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-icon-color-selected-secondary-enabled: var(--mode-color-on-secondary-active);
  --toggle-button-icon-color-selected-secondary-hover: var(--mode-color-on-secondary-active);
  --toggle-button-icon-color-selected-secondary-active: var(--mode-color-on-secondary-active);
  --toggle-button-icon-color-selected-secondary-disabled: var(--mode-color-on-secondary-disabled);
  --toggle-button-icon-color-selected-quiet-enabled: var(--mode-color-on-quiet-emphasis-normal);
  --toggle-button-icon-color-selected-quiet-hover: var(--mode-color-on-quiet-emphasis-normal);
  --toggle-button-icon-color-selected-quiet-active: var(--mode-color-on-quiet-emphasis-normal);
  --toggle-button-icon-color-selected-quiet-disabled: var(--mode-color-on-quiet-disabled);
  --toggle-button-icon-color-selected-outlined-enabled: var(--mode-color-on-quiet-list-selected);
  --toggle-button-icon-color-selected-outlined-hover: var(--mode-color-on-quiet-list-selected);
  --toggle-button-icon-color-selected-outlined-active: var(--mode-color-on-quiet-list-selected);
  --toggle-button-icon-color-selected-outlined-disabled: var(--mode-color-on-quiet-list-disabled);
  --toggle-button-indicator-width: 6px;
  --toggle-button-indicator-height: 6px;
  --toggle-button-indicator-top: var(--foundation-space-1);
  --toggle-button-indicator-right: var(--foundation-space-1);
  --toggle-button-indicator-color-unselected: var(--mode-color-on-quiet-disabled);
  --toggle-button-indicator-color-selected: var(--mode-color-accent-normal);
  --toggle-button-group-container-height: fit-content;
  --toggle-button-group-container-width-fit-content: fit-content;
  --toggle-button-group-container-gap-secondary: var(--foundation-space-025);
  --toggle-button-group-container-gap-quiet: var(--foundation-space-025);
  --toggle-button-group-container-gap-outlined: var(--foundation-space-negative-xxsmall);
  --timezone-icon-name-default: EmrIconTimeZoneSvg;
  --timezone-button-popover-content-container-gap: var(--foundation-space-4);
  --timezone-button-popover-content-container-padding: var(--foundation-space-2);
  --timezone-button-popover-timezones-container-gap: var(--foundation-space-2);
  --timezone-button-popover-display-container-gap: var(--foundation-space-1);
  --timezone-button-icon-color-default: var(--mode-icon-color-default);
  --timezone-button-icon-color-inverse: var(--mode-icon-color-inverse-primary);
  --timezone-button-icon-name: EmrIconTimeZoneSvg;
  --time-picker-spin-button-gap: var(--foundation-space-none);
  --time-picker-spin-button-increment-border-radius: var(--generation-ref-border-radius-rounded-top);
  --time-picker-spin-button-decrement-border-radius: var(--generation-ref-border-radius-rounded-bottom);
  --time-picker-time-selector-gap: var(--foundation-space-2);
  --time-picker-action-button-width: fit-content;
  --time-picker-action-button-height: var(--foundation-size-8);
  --time-picker-action-button-background-normal: var(--mode-ref-color-neutral-normal);
  --time-picker-action-button-background-hover: var(--mode-ref-color-neutral-hover);
  --time-picker-action-button-background-active: var(--mode-ref-color-neutral-active);
  --time-picker-action-button-icon-color-normal: var(--mode-color-on-neutral-normal);
  --time-picker-action-button-icon-color-hover: var(--mode-color-on-neutral-hover);
  --time-picker-action-button-icon-color-active: var(--mode-color-on-neutral-active);
  --time-picker-action-button-border-normal: var(--generation-border-width-none) solid var(--mode-input-border-color-normal);
  --time-picker-action-button-border-hover: var(--generation-border-width-none) solid var(--mode-input-border-color-hover);
  --time-picker-action-button-border-active: var(--generation-border-width-none) solid var(--mode-input-border-color-hover);
  --time-picker-input-container-border-normal: var(--generation-border-width-hairline) solid var(--mode-input-border-color-normal);
  --time-picker-input-container-border-hover: var(--generation-border-width-hairline) solid var(--mode-input-border-color-hover);
  --time-picker-input-container-border-active: var(--generation-border-width-hairline) solid var(--mode-input-border-color-hover);
  --time-picker-input-container-border-focus: var(--mode-outline-focus);
  --time-picker-footer-padding-top: var(--foundation-space-5);
  --time-picker-icon-navigation-up: DlsIconNavigationUpSvg;
  --time-picker-icon-navigation-down: DlsIconNavigationDownSvg;
  --time-picker-spinner-action-button-width: fit-content;
  --time-picker-spinner-action-button-height: var(--foundation-size-8);
  --time-picker-spinner-action-button-background-none: var(--mode-ref-color-neutral-normal);
  --time-picker-spinner-action-button-background-hover: var(--mode-ref-color-neutral-hover);
  --time-picker-spinner-action-button-background-active: var(--mode-ref-color-neutral-active);
  --time-picker-spinner-action-button-icon-color-none: var(--mode-color-on-neutral-normal);
  --time-picker-spinner-action-button-icon-color-hover: var(--mode-color-on-neutral-hover);
  --time-picker-spinner-action-button-icon-color-active: var(--mode-color-on-neutral-active);
  --time-picker-spinner-action-button-border-none: var(--generation-border-width-none) solid var(--mode-input-border-color-normal);
  --time-picker-spinner-action-button-border-hover: var(--generation-border-width-none) solid var(--mode-input-border-color-hover);
  --time-picker-spinner-action-button-border-active: var(--generation-border-width-none) solid var(--mode-input-border-color-hover);
  --time-picker-spinner-spin-button-gap: var(--foundation-space-none);
  --time-picker-spinner-spin-button-increment-border-radius: var(--generation-ref-border-radius-rounded-top);
  --time-picker-spinner-spin-button-decrement-border-radius: var(--generation-ref-border-radius-rounded-bottom);
  --time-picker-spinner-time-selector-gap: var(--foundation-space-2);
  --time-picker-spinner-footer-padding-top: var(--foundation-space-5);
  --time-picker-spinner-input-container-border-none: var(--generation-border-width-hairline) solid var(--mode-input-border-color-normal);
  --time-picker-spinner-input-container-border-hover: var(--generation-border-width-hairline) solid var(--mode-input-border-color-hover);
  --time-picker-spinner-input-container-border-active: var(--generation-border-width-hairline) solid var(--mode-input-border-color-hover);
  --time-picker-spinner-input-container-border-focus: var(--mode-outline-focus);
  --time-picker-spinner-icon-increment: DlsIconNavigationUpSvg;
  --time-picker-spinner-icon-decrement: DlsIconNavigationDownSvg;
  --time-picker-slider-label-color-selected: var(--mode-color-on-quiet-emphasis-normal);
  --time-picker-slider-toggle-width: fit-content;
  --time-picker-slider-toggle-flex-direction: column;
  --time-picker-slider-toggle-justify-content: center;
  --time-picker-slider-toggle-padding-left: 16px;
  --time-picker-slider-toggle-row-gap: 4px;
  --time-picker-slider-column-width: fit-content;
  --time-picker-slider-column-height: fit-content;
  --time-picker-slider-container-width: fit-content;
  --time-picker-slider-container-height: fit-content;
  --time-picker-slider-cell-width: 72px;
  --time-picker-slider-cell-height: 48px;
  --time-picker-slider-cell-background-selected: var(--mode-alert-background-low-neutral-normal);
  --time-picker-slider-cell-background-unselected: var(--generation-color-neutral-transparent);
  --time-picker-slider-toggle-cell-width: 48px;
  --time-picker-slider-toggle-cell-height: 32px;
  --time-picker-slider-toggle-cell-background-selected: var(--mode-alert-background-low-neutral-normal);
  --time-picker-slider-toggle-cell-background-unselected: var(--generation-color-neutral-transparent);
  --time-picker-range-label-color: var(--mode-color-on-quiet-emphasis-normal);
  --time-picker-range-container-height: fit-content;
  --time-picker-range-container-gap: var(--foundation-space-2);
  --time-picker-range-container-flex-direction: column;
  --time-picker-range-container-align-items: center;
  --time-picker-range-label-column-width: var(--generation-dimension-16);
  --time-picker-range-label-column-align-items: center;
  --time-picker-range-label-column-justify-content: flex-start;
  --time-picker-range-collapsed-container-width: fit-content;
  --time-picker-range-collapsed-container-height: fit-content;
  --time-picker-range-collapsed-container-min-height: var(--foundation-size-12);
  --time-picker-range-expanded-container-width: fit-content;
  --time-picker-range-expanded-container-height: fit-content;
  --time-input-icon-name-clock: var(--generation-comp-time-input-icon-clock);
  --time-input-icon-name-arrow-up: DlsIconArrowUpSvg;
  --time-input-icon-name-arrow-down: DlsIconArrowDownSvg;
  --time-input-header-height: fit-content;
  --time-input-header-padding-top: 28px;
  --time-input-header-padding-right: 16px;
  --time-input-header-padding-bottom: 12px;
  --time-input-header-padding-left: 16px;
  --time-input-header-background: var(--mode-alert-background-low-neutral-normal);
  --time-input-header-title-color: var(--mode-color-on-quiet-emphasis-normal);
  --time-input-header-flex-direction: column;
  --time-input-header-justify-content: flex-end;
  --time-input-content-height: fit-content;
  --time-input-content-padding-top: 8px;
  --time-input-content-padding-right: 16px;
  --time-input-content-padding-bottom: 8px;
  --time-input-content-padding-left: 16px;
  --time-input-content-align-items: center;
  --text-area-container-height-fit-content: fit-content;
  --text-area-container-padding-top: var(--density-space-30);
  --text-area-container-padding-right: var(--density-space-30);
  --text-area-container-padding-bottom: var(--density-space-30);
  --text-area-container-padding-left: var(--density-space-30);
  --text-area-container-gap: var(--density-space-30);
  --text-area-container-border-radius: var(--generation-ref-border-radius-input);
  --text-area-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --text-area-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --text-area-container-background-enabled: var(--mode-input-background-normal);
  --text-area-container-background-hover: var(--mode-input-background-hover);
  --text-area-container-background-active: var(--mode-input-background-active);
  --text-area-container-background-disabled: var(--mode-input-background-disabled);
  --text-area-container-background-read-only-default: var(--mode-input-background-read-only);
  --text-area-container-background-read-only-informative: var(--generation-color-neutral-transparent);
  --text-area-container-border-enabled: var(--generation-border-width-hairline) solid var(--mode-input-border-color-normal);
  --text-area-container-border-hover: var(--generation-border-width-hairline) solid var(--mode-input-border-color-hover);
  --text-area-container-border-active: var(--generation-border-width-hairline) solid var(--mode-input-border-color-active);
  --text-area-container-border-focus: var(--generation-border-width-hairline) solid var(--mode-input-border-color-active);
  --text-area-container-border-disabled: var(--generation-border-width-hairline) solid var(--mode-input-border-color-disabled);
  --text-area-container-border-read-only-default: var(--generation-border-width-hairline) solid var(--mode-input-border-color-read-only);
  --text-area-container-border-read-only-informative: var(--generation-border-width-none) solid var(--mode-input-border-color-read-only);
  --text-area-container-border-warning: var(--generation-border-width-hairline) solid var(--mode-alert-background-high-warning-normal);
  --text-area-container-border-danger: var(--generation-border-width-hairline) solid var(--mode-alert-background-high-danger-normal);
  --text-area-icon-name-send: EmrIconSendSvg;
  --text-area-text-color-default: var(--mode-text-color-primary);
  --text-area-text-color-disabled: var(--mode-text-color-disabled);
  --text-area-text-font-family: var(--generation-font-family);
  --text-area-text-font-weight: var(--generation-font-weight-book);
  --text-area-text-line-height: 150%;
  --text-area-text-font-size: var(--generation-font-size-4);
  --text-area-placeholder-color: var(--mode-text-color-placeholder);
  --text-area-placeholder-font-style: italic;
  --text-area-placeholder-font-family: var(--generation-font-family);
  --text-area-placeholder-font-weight: var(--generation-font-weight-book);
  --text-area-placeholder-line-height: 150%;
  --text-area-placeholder-font-size: var(--generation-font-size-4);
  --text-area-actions-height: fit-content;
  --text-area-actions-gap: var(--density-space-20);
  --tag-container-max-width: 200px;
  --tag-container-min-width-small: var(--foundation-size-5);
  --tag-container-min-width-large: var(--foundation-size-8);
  --tag-container-padding-top-default-small: var(--foundation-space-none);
  --tag-container-padding-top-default-large: var(--foundation-space-1);
  --tag-container-padding-top-icon-only-small: var(--foundation-space-05);
  --tag-container-padding-top-icon-only-large: var(--foundation-space-1);
  --tag-container-padding-bottom-default-small: var(--foundation-space-none);
  --tag-container-padding-bottom-default-large: var(--foundation-space-1);
  --tag-container-padding-bottom-icon-only-small: var(--foundation-space-05);
  --tag-container-padding-bottom-icon-only-large: var(--foundation-space-1);
  --tag-container-padding-right-default-small: var(--foundation-space-1);
  --tag-container-padding-right-default-large: var(--foundation-space-2);
  --tag-container-padding-right-icon-only-small: var(--foundation-space-05);
  --tag-container-padding-right-icon-only-large: var(--foundation-space-1);
  --tag-container-padding-left-default-small: var(--foundation-space-1);
  --tag-container-padding-left-default-large: var(--foundation-space-2);
  --tag-container-padding-left-icon-only-small: var(--foundation-space-05);
  --tag-container-padding-left-icon-only-large: var(--foundation-space-1);
  --tag-container-gap-default-small: var(--foundation-space-none);
  --tag-container-gap-default-large: var(--foundation-space-none);
  --tag-container-border-none: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --tag-container-border-hairline: var(--generation-border-width-hairline) solid var(--mode-border-color-highlighted);
  --tag-container-border-radius-circle-small: var(--generation-border-radius-6);
  --tag-container-border-radius-circle-large: var(--generation-border-radius-10);
  --tag-container-border-radius-rounded-small: var(--generation-border-radius-1);
  --tag-container-border-radius-rounded-large: var(--generation-border-radius-2);
  --tag-container-background-neutral-emphasis-none: var(--mode-alert-background-high-neutral-normal);
  --tag-container-background-neutral-emphasis-hover: var(--mode-alert-background-high-neutral-hover);
  --tag-container-background-neutral-emphasis-active: var(--mode-alert-background-high-neutral-active);
  --tag-container-background-neutral-low-emphasis-none: var(--mode-alert-background-low-neutral-normal);
  --tag-container-background-neutral-low-emphasis-hover: var(--mode-alert-background-low-neutral-hover);
  --tag-container-background-neutral-low-emphasis-active: var(--mode-alert-background-low-neutral-active);
  --tag-container-background-notice-emphasis-none: var(--mode-alert-background-high-information-normal);
  --tag-container-background-notice-emphasis-hover: var(--mode-alert-background-high-information-hover);
  --tag-container-background-notice-emphasis-active: var(--mode-alert-background-high-information-active);
  --tag-container-background-notice-low-emphasis-none: var(--mode-alert-background-low-information-normal);
  --tag-container-background-notice-low-emphasis-hover: var(--mode-alert-background-low-information-hover);
  --tag-container-background-notice-low-emphasis-active: var(--mode-alert-background-low-information-active);
  --tag-container-background-safety-emphasis-none: var(--mode-alert-background-high-safety-normal);
  --tag-container-background-safety-emphasis-hover: var(--mode-alert-background-high-safety-hover);
  --tag-container-background-safety-emphasis-active: var(--mode-alert-background-high-safety-active);
  --tag-container-background-safety-low-emphasis-none: var(--mode-alert-background-low-safety-normal);
  --tag-container-background-safety-low-emphasis-hover: var(--mode-alert-background-low-safety-hover);
  --tag-container-background-safety-low-emphasis-active: var(--mode-alert-background-low-safety-active);
  --tag-container-background-caution-emphasis-none: var(--mode-alert-background-high-caution-normal);
  --tag-container-background-caution-emphasis-hover: var(--mode-alert-background-high-caution-hover);
  --tag-container-background-caution-emphasis-active: var(--mode-alert-background-high-caution-active);
  --tag-container-background-caution-low-emphasis-none: var(--mode-alert-background-low-caution-normal);
  --tag-container-background-caution-low-emphasis-hover: var(--mode-alert-background-low-caution-hover);
  --tag-container-background-caution-low-emphasis-active: var(--mode-alert-background-low-caution-active);
  --tag-container-background-warning-emphasis-none: var(--mode-alert-background-high-warning-normal);
  --tag-container-background-warning-emphasis-hover: var(--mode-alert-background-high-warning-hover);
  --tag-container-background-warning-emphasis-active: var(--mode-alert-background-high-warning-active);
  --tag-container-background-warning-low-emphasis-none: var(--mode-alert-background-low-warning-normal);
  --tag-container-background-warning-low-emphasis-hover: var(--mode-alert-background-low-warning-hover);
  --tag-container-background-warning-low-emphasis-active: var(--mode-alert-background-low-warning-active);
  --tag-container-background-danger-emphasis-none: var(--mode-alert-background-high-danger-normal);
  --tag-container-background-danger-emphasis-hover: var(--mode-alert-background-high-danger-hover);
  --tag-container-background-danger-emphasis-active: var(--mode-alert-background-high-danger-active);
  --tag-container-background-danger-low-emphasis-none: var(--mode-alert-background-low-danger-normal);
  --tag-container-background-danger-low-emphasis-hover: var(--mode-alert-background-low-danger-hover);
  --tag-container-background-danger-low-emphasis-active: var(--mode-alert-background-low-danger-active);
  --tag-container-focus-visible: var(--mode-outline-focus);
  --tag-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --tag-container-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --tag-container-min-height-small: var(--foundation-size-5);
  --tag-container-min-height-large: var(--foundation-size-8);
  --tag-label-color-neutral-emphasis-none: var(--mode-alert-background-high-on-neutral-normal);
  --tag-label-color-neutral-emphasis-hover: var(--mode-alert-background-high-on-neutral-hover);
  --tag-label-color-neutral-emphasis-active: var(--mode-alert-background-high-on-neutral-active);
  --tag-label-color-neutral-low-emphasis-none: var(--mode-alert-text-low-on-neutral-normal);
  --tag-label-color-neutral-low-emphasis-hover: var(--mode-alert-text-low-on-neutral-normal);
  --tag-label-color-neutral-low-emphasis-active: var(--mode-alert-text-low-on-neutral-normal);
  --tag-label-color-notice-emphasis-none: var(--mode-alert-background-high-on-information-normal);
  --tag-label-color-notice-emphasis-hover: var(--mode-alert-background-high-on-information-hover);
  --tag-label-color-notice-emphasis-active: var(--mode-alert-background-high-on-information-active);
  --tag-label-color-notice-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-notice-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-notice-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-safety-emphasis-none: var(--mode-alert-background-high-on-safety-normal);
  --tag-label-color-safety-emphasis-hover: var(--mode-alert-background-high-on-safety-hover);
  --tag-label-color-safety-emphasis-active: var(--mode-alert-background-high-on-safety-active);
  --tag-label-color-safety-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-safety-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-safety-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-caution-emphasis-none: var(--mode-alert-background-high-on-caution-normal);
  --tag-label-color-caution-emphasis-hover: var(--mode-alert-background-high-on-caution-hover);
  --tag-label-color-caution-emphasis-active: var(--mode-alert-background-high-on-caution-active);
  --tag-label-color-caution-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-caution-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-caution-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-warning-emphasis-none: var(--mode-alert-background-high-on-warning-normal);
  --tag-label-color-warning-emphasis-hover: var(--mode-alert-background-high-on-warning-hover);
  --tag-label-color-warning-emphasis-active: var(--mode-alert-background-high-on-warning-active);
  --tag-label-color-warning-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-warning-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-warning-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-danger-emphasis-none: var(--mode-alert-background-high-on-danger-normal);
  --tag-label-color-danger-emphasis-hover: var(--mode-alert-background-high-on-danger-hover);
  --tag-label-color-danger-emphasis-active: var(--mode-alert-background-high-on-danger-active);
  --tag-label-color-danger-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-danger-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-danger-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-label-color-custom-dark: var(--generation-color-neutral-black);
  --tag-label-color-custom-light: var(--generation-color-neutral-white);
  --tag-icon-color-neutral-emphasis-primary-none: var(--mode-alert-background-high-on-neutral-normal);
  --tag-icon-color-neutral-emphasis-primary-hover: var(--mode-alert-background-high-on-neutral-hover);
  --tag-icon-color-neutral-emphasis-primary-active: var(--mode-alert-background-high-on-neutral-active);
  --tag-icon-color-neutral-emphasis-secondary-none: var(--mode-alert-background-high-neutral-normal);
  --tag-icon-color-neutral-emphasis-secondary-hover: var(--mode-alert-background-high-neutral-hover);
  --tag-icon-color-neutral-emphasis-secondary-active: var(--mode-alert-background-high-neutral-active);
  --tag-icon-color-neutral-low-emphasis-primary-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-neutral-low-emphasis-primary-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-neutral-low-emphasis-primary-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-neutral-low-emphasis-secondary-none: var(--mode-alert-background-low-neutral-normal);
  --tag-icon-color-neutral-low-emphasis-secondary-hover: var(--mode-alert-background-low-neutral-hover);
  --tag-icon-color-neutral-low-emphasis-secondary-active: var(--mode-alert-background-low-neutral-active);
  --tag-icon-color-notice-emphasis-primary-none: var(--mode-alert-background-high-on-information-normal);
  --tag-icon-color-notice-emphasis-primary-hover: var(--mode-alert-background-high-on-information-hover);
  --tag-icon-color-notice-emphasis-primary-active: var(--mode-alert-background-high-on-information-active);
  --tag-icon-color-notice-emphasis-secondary-none: var(--mode-alert-background-high-information-normal);
  --tag-icon-color-notice-emphasis-secondary-hover: var(--mode-alert-background-high-information-hover);
  --tag-icon-color-notice-emphasis-secondary-active: var(--mode-alert-background-high-information-active);
  --tag-icon-color-notice-low-emphasis-primary-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-notice-low-emphasis-primary-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-notice-low-emphasis-primary-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-notice-low-emphasis-secondary-none: var(--mode-alert-background-low-information-normal);
  --tag-icon-color-notice-low-emphasis-secondary-hover: var(--mode-alert-background-low-information-hover);
  --tag-icon-color-notice-low-emphasis-secondary-active: var(--mode-alert-background-low-information-active);
  --tag-icon-color-safety-emphasis-primary-none: var(--mode-alert-background-high-on-safety-normal);
  --tag-icon-color-safety-emphasis-primary-hover: var(--mode-alert-background-high-on-safety-hover);
  --tag-icon-color-safety-emphasis-primary-active: var(--mode-alert-background-high-on-safety-active);
  --tag-icon-color-safety-emphasis-secondary-none: var(--mode-alert-background-high-safety-normal);
  --tag-icon-color-safety-emphasis-secondary-hover: var(--mode-alert-background-high-safety-hover);
  --tag-icon-color-safety-emphasis-secondary-active: var(--mode-alert-background-high-safety-active);
  --tag-icon-color-safety-low-emphasis-primary-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-safety-low-emphasis-primary-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-safety-low-emphasis-primary-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-safety-low-emphasis-secondary-none: var(--mode-alert-background-low-safety-normal);
  --tag-icon-color-safety-low-emphasis-secondary-hover: var(--mode-alert-background-low-safety-hover);
  --tag-icon-color-safety-low-emphasis-secondary-active: var(--mode-alert-background-low-safety-active);
  --tag-icon-color-caution-emphasis-primary-none: var(--mode-alert-background-high-on-caution-normal);
  --tag-icon-color-caution-emphasis-primary-hover: var(--mode-alert-background-high-on-caution-hover);
  --tag-icon-color-caution-emphasis-primary-active: var(--mode-alert-background-high-on-caution-active);
  --tag-icon-color-caution-emphasis-secondary-none: var(--mode-alert-background-high-caution-normal);
  --tag-icon-color-caution-emphasis-secondary-hover: var(--mode-alert-background-high-caution-hover);
  --tag-icon-color-caution-emphasis-secondary-active: var(--mode-alert-background-high-caution-active);
  --tag-icon-color-caution-low-emphasis-primary-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-caution-low-emphasis-primary-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-caution-low-emphasis-primary-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-caution-low-emphasis-secondary-none: var(--mode-alert-background-low-caution-normal);
  --tag-icon-color-caution-low-emphasis-secondary-hover: var(--mode-alert-background-low-caution-hover);
  --tag-icon-color-caution-low-emphasis-secondary-active: var(--mode-alert-background-low-caution-active);
  --tag-icon-color-warning-emphasis-primary-none: var(--mode-alert-background-high-on-warning-normal);
  --tag-icon-color-warning-emphasis-primary-hover: var(--mode-alert-background-high-on-warning-hover);
  --tag-icon-color-warning-emphasis-primary-active: var(--mode-alert-background-high-on-warning-active);
  --tag-icon-color-warning-emphasis-secondary-none: var(--mode-alert-background-high-warning-normal);
  --tag-icon-color-warning-emphasis-secondary-hover: var(--mode-alert-background-high-warning-hover);
  --tag-icon-color-warning-emphasis-secondary-active: var(--mode-alert-background-high-warning-active);
  --tag-icon-color-warning-low-emphasis-primary-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-warning-low-emphasis-primary-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-warning-low-emphasis-primary-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-warning-low-emphasis-secondary-none: var(--mode-alert-background-low-warning-normal);
  --tag-icon-color-warning-low-emphasis-secondary-hover: var(--mode-alert-background-low-warning-hover);
  --tag-icon-color-warning-low-emphasis-secondary-active: var(--mode-alert-background-low-warning-active);
  --tag-icon-color-danger-emphasis-primary-none: var(--mode-alert-background-high-on-danger-normal);
  --tag-icon-color-danger-emphasis-primary-hover: var(--mode-alert-background-high-on-danger-hover);
  --tag-icon-color-danger-emphasis-primary-active: var(--mode-alert-background-high-on-danger-active);
  --tag-icon-color-danger-emphasis-secondary-none: var(--mode-alert-background-high-danger-normal);
  --tag-icon-color-danger-emphasis-secondary-hover: var(--mode-alert-background-high-danger-hover);
  --tag-icon-color-danger-emphasis-secondary-active: var(--mode-alert-background-high-danger-active);
  --tag-icon-color-danger-low-emphasis-primary-none: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-danger-low-emphasis-primary-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-danger-low-emphasis-primary-active: var(--mode-alert-text-on-signal-inverse-normal);
  --tag-icon-color-danger-low-emphasis-secondary-none: var(--mode-alert-background-low-danger-normal);
  --tag-icon-color-danger-low-emphasis-secondary-hover: var(--mode-alert-background-low-danger-hover);
  --tag-icon-color-danger-low-emphasis-secondary-active: var(--mode-alert-background-low-danger-active);
  --tag-icon-color-custom-dark: var(--generation-color-neutral-black);
  --tag-icon-color-custom-light: var(--generation-color-neutral-white);
  --tag-icon-close: EmrIconCloseCrossCircleSvg;
  --tag-icon-attention: EmrIconDangerSvg;
  --tag-icon-safety: EmrIconCheckmarkCircleSvg;
  --tag-icon-danger: DlsIconCloseCrossCircleSvg;
  --tag-icon-information: EmrIconInformationSvg;
  --tag-icon-warning: EmrIconWarningSvg;
  --tag-icon-name-close: DlsIconCrossSvg;
  --tag-icon-name-notice: EmrIconInformationCircleSvg;
  --tag-icon-name-neutral: EmrIconInformationCircleSvg;
  --tag-icon-name-safety: EmrIconCheckmarkCircleSvg;
  --tag-icon-name-caution: EmrIconExclamationMarkCircleSvg;
  --tag-icon-name-warning: DlsIconWarningSvg;
  --tag-icon-name-danger: EmrIconCloseCrossCircleSvg;
  --tag-action-target-width: var(--foundation-size-5);
  --tag-action-target-height: var(--foundation-size-5);
  --tag-state-layer-background-none: rgb(from var(--generation-color-neutral-black) r g b / 0);
  --tag-state-layer-background-hover: rgb(from var(--generation-color-neutral-black) r g b / 0.08);
  --tag-state-layer-background-active: rgb(from var(--generation-color-neutral-black) r g b / 0.16);
  --tag-state-layer-inset-block-start: 0;
  --tag-state-layer-inset-inline-start: 0;
  --tag-state-layer-inset-block-end: 0;
  --tag-state-layer-inset-inline-end: 0;
  --tag-label-container-block-size-small: var(--foundation-size-5);
  --tag-label-container-block-size-large: var(--foundation-size-6);
  --tag-label-container-inline-size: fit-content;
  --tag-label-container-padding-left-small: var(--foundation-space-1);
  --tag-label-container-padding-left-large: var(--foundation-space-1);
  --tag-label-container-padding-right-small: var(--foundation-space-1);
  --tag-label-container-padding-right-large: var(--foundation-space-1);
  --tag-content-max-inline-size-only-value-small: var(--foundation-size-36);
  --tag-content-max-inline-size-only-value-large: 132px;
  --tag-content-max-inline-size-label-small: var(--foundation-size-15);
  --tag-content-max-inline-size-label-large: var(--foundation-size-14);
  --tag-content-max-inline-size-label-value-small: 84px;
  --tag-content-max-inline-size-label-value-large: var(--foundation-size-19);
  --tabs-container-height-horizontal-fit-content: fit-content;
  --tabs-container-background-default: var(--mode-surface-primary);
  --tabs-container-background-emphasis: var(--mode-surface-secondary);
  --tabs-container-border-top: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --tabs-container-border-bottom: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --tabs-container-group-border-right: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --tabs-container-group-width-fit-content: fit-content;
  --tabs-container-group-height-fit-content: fit-content;
  --tabs-container-group-padding-top: var(--density-space-10);
  --tabs-container-group-padding-right: var(--density-space-20);
  --tabs-container-group-padding-bottom: var(--density-space-10);
  --tabs-container-group-padding-left: var(--density-space-20);
  --tabs-container-tab-list-padding-top-horizontal-none: var(--foundation-space-none);
  --tabs-container-tab-list-padding-top-horizontal-small: var(--foundation-space-4);
  --tabs-container-tab-list-padding-bottom-horizontal-none: var(--foundation-space-none);
  --tabs-container-tab-list-padding-bottom-horizontal-small: var(--foundation-space-4);
  --tabs-container-tab-list-padding-right-vertical-none: var(--foundation-space-none);
  --tabs-container-tab-list-padding-right-vertical-small: var(--foundation-space-4);
  --tabs-container-tab-list-padding-left-vertical-none: var(--foundation-space-none);
  --tabs-container-tab-list-padding-left-vertical-small: var(--foundation-space-4);
  --tabs-container-tab-list-height-horizontal-fit-content: fit-content;
  --tabs-container-overflow-width-fit-content: fit-content;
  --tabs-container-overflow-height-fit-content: fit-content;
  --tabs-container-overflow-padding-top: var(--density-space-10);
  --tabs-container-overflow-padding-right: var(--density-space-10);
  --tabs-container-overflow-padding-bottom: var(--density-space-10);
  --tabs-container-overflow-padding-left: var(--density-space-10);
  --tabs-overflow-icon-more-horizontal: DlsIconMoreHorizontalSvg;
  --table-cell-min-height: var(--generation-cell-min-height);
  --table-cell-padding-left: var(--generation-cell-padding-left);
  --table-cell-padding-right: var(--generation-cell-padding-right);
  --table-cell-justify-content-start: flex-start;
  --table-cell-justify-content-center: center;
  --table-cell-justify-content-end: flex-end;
  --table-cell-align-items-top: flex-start;
  --table-cell-align-items-center: center;
  --table-cell-align-items-bottom: flex-end;
  --table-cell-min-width-column-header: var(--generation-cell-min-width-column-header);
  --table-cell-flex-direction-vertical: column;
  --table-cell-flex-direction-horizontal: row;
  --table-cell-border-bottom-content: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --table-cell-border-bottom-column-header: var(--generation-border-width-hairline) solid var(--mode-border-color-column-header);
  --table-cell-border-top-content: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --table-cell-border-top-column-header: var(--generation-border-width-hairline) solid var(--mode-border-color-column-header);
  --table-cell-border-right-content: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --table-cell-border-right-content-none: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --table-cell-border-right-column-header: var(--generation-border-width-hairline) solid var(--mode-border-color-column-header);
  --table-cell-border-left-content: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --table-cell-border-left-column-header: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --table-cell-border-pinned-column-indicator: var(--generation-border-width-hairline) solid var(--mode-border-color-highlighted);
  --table-cell-column-gap-column-header: var(--generation-cell-column-gap-column-header);
  --table-cell-sub-component-min-height: var(--foundation-size-16);
  --table-cell-sub-component-max-height: fit-content;
  --table-column-width-fit-content: fit-content;
  --table-column-width-fixed: unset;
  --table-row-background-none-enabled: var(--mode-color-quiet-list-normal);
  --table-row-background-none-selected: var(--mode-color-quiet-list-selected);
  --table-row-background-none-striped: var(--mode-color-neutral-low);
  --table-row-background-none-pinned-column: var(--mode-surface-primary);
  --table-row-background-hover-enabled: var(--mode-color-quiet-list-hover);
  --table-row-background-hover-selected: var(--mode-color-quiet-list-selected);
  --table-row-background-hover-striped: var(--mode-color-neutral-high);
  --table-row-background-active-enabled: var(--mode-color-quiet-list-active);
  --table-row-background-active-selected: var(--mode-color-quiet-list-selected);
  --table-row-outline-offset-focus-visible: -2px;
  --table-row-outline-focus-visible: var(--mode-outline-focus-visible);
  --table-row-min-height-small: var(--density-table-row-min-height-small);
  --table-row-min-height-medium: var(--density-table-row-min-height-medium);
  --table-row-min-height-large: var(--density-table-row-min-height-large);
  --table-icon-name-loader: EmrIconLoaderSvg;
  --table-icon-name-more-options: DlsIconMoreVerticalSvg;
  --table-icon-name-arrow-down: DlsIconArrowDownSvg;
  --table-icon-name-arrow-up: DlsIconArrowUpSvg;
  --table-icon-name-arrow-right: DlsIconArrowRightSvg;
  --table-icon-name-navigation-down: DlsIconNavigationDownSvg;
  --table-icon-name-navigation-up: DlsIconNavigationUpSvg;
  --table-icon-name-confirmation: EmrIconCheckmarkCircleSvg;
  --table-icon-color-loader: var(--mode-color-primary-signal-normal);
  --table-icon-color-more-options: var(--mode-icon-secondary-normal);
  --table-icon-color-confirmation: var(--mode-icon-primary-normal);
  --table-icon-color-sorting-unselected: var(--mode-icon-primary-disable);
  --table-icon-color-sorting-selected: var(--mode-icon-primary-normal);
  --table-icon-color-grouping: var(--mode-icon-primary-normal);
  --table-icon-color-sub-component: var(--mode-icon-primary-normal);
  --table-column-header-text-min-width: var(--generation-column-header-text-min-width);
  --table-column-header-text-width: fit-content;
  --table-column-header-text-color: var(--mode-text-color-primary);
  --table-column-header-left-content-min-width: var(--generation-column-header-left-content-min-width);
  --table-column-header-left-content-column-gap: var(--generation-column-header-left-content-column-gap);
  --table-column-header-right-content-width: fit-content;
  --table-column-header-right-content-column-gap: var(--generation-column-header-right-content-column-gap);
  --table-column-header-arrow-up-display-unordered: var(--generation-column-header-arrow-up-display-unordered);
  --table-column-header-arrow-up-display-ascending: var(--generation-column-header-arrow-up-display-ascending);
  --table-column-header-arrow-up-display-descending: var(--generation-column-header-arrow-up-display-descending);
  --table-column-header-arrow-down-display-unordered: var(--generation-column-header-arrow-down-display-unordered);
  --table-column-header-arrow-down-display-ascending: var(--generation-column-header-arrow-down-display-ascending);
  --table-column-header-arrow-down-display-descending: var(--generation-column-header-arrow-down-display-descending);
  --table-column-header-sorting-icons-container-display: block;
  --table-column-header-sorting-icons-container-width: fit-content;
  --table-column-header-sorting-icons-container-height: fit-content;
  --table-column-header-background-highlighted-default: var(--mode-color-neutral-high);
  --table-column-header-background-highlighted-on-drag: rgb(from var(--mode-color-neutral-high) r g b / 0.7);
  --table-column-header-background-normal-default: var(--mode-surface-primary);
  --table-column-header-background-normal-on-drag: rgb(from var(--mode-surface-primary) r g b / 0.7);
  --table-column-header-box-shadow-on-drag: 0 0 8px 0 var(--mode-shadow-color-default);
  --table-column-header-column-order-tag-background: var(--mode-color-primary-normal);
  --table-cell-merge-padding-left-level: var(--generation-cell-merge-padding-left-level);
  --table-cell-merge-padding-left-inner: var(--generation-cell-merge-padding-left-inner);
  --table-cell-merge-gap: var(--generation-cell-merge-gap);
  --table-cell-merge-background-highlighted: var(--mode-color-neutral-low);
  --table-cell-merge-background-transparent: var(--mode-color-neutral-none);
  --table-strikethrough-background: var(--mode-color-strikethrough);
  --table-strikethrough-height: var(--foundation-size-025);
  --table-strikethrough-align-items-center: center;
  --table-filler-header-background: var(--mode-color-neutral-low);
  --table-filler-row-background-enabled: var(--mode-color-neutral-none);
  --table-filler-row-background-striped: #;
  --table-dragger-inline-size: 3px;
  --table-dragger-inset-block-start: var(--foundation-space-none);
  --table-dragger-inset-inline-end: var(--foundation-space-none);
  --table-header-fixed-inset-block-start: var(--foundation-space-none);
  --table-header-fixed-inset-block-end: var(--foundation-space-none);
  --table-dragger-indicator-inline-size: var(--foundation-size-025);
  --table-dragger-indicator-inset-inline-end: -1px;
  --table-dragger-indicator-background-default: var(--mode-border-color-content);
  --table-dragger-indicator-background-emphasis: var(--mode-color-primary-normal);
  --tab-icon-color-selected-default: var(--mode-color-on-quiet-emphasis-normal);
  --tab-icon-color-selected-emphasis: var(--mode-icon-color-primary);
  --tab-icon-color-enabled: var(--mode-color-on-quiet-normal);
  --tab-icon-color-hover: var(--mode-color-on-quiet-emphasis-hover);
  --tab-icon-color-disabled: var(--mode-color-on-quiet-disabled);
  --tab-label-color-selected-default: var(--mode-color-on-quiet-emphasis-normal);
  --tab-label-color-selected-emphasis: var(--mode-text-color-primary);
  --tab-label-color-enabled: var(--mode-color-on-quiet-normal);
  --tab-label-color-hover: var(--mode-color-on-quiet-emphasis-hover);
  --tab-label-color-disabled: var(--mode-color-on-quiet-disabled);
  --tab-label-default-height: var(--foundation-size-6);
  --tab-label-default-width: fit-content;
  --tab-label-default-max-width: var(--foundation-size-36);
  --tab-label-icon-top-height: 18px;
  --tab-label-icon-top-width: fit-content;
  --tab-container-border-focus: var(--generation-border-width-thin) solid var(--mode-input-border-color-active);
  --tab-container-width-fit-content: fit-content;
  --tab-container-height-fit-content: fit-content;
  --tab-container-default-padding-top: var(--density-space-30);
  --tab-container-default-padding-right: var(--density-space-30);
  --tab-container-default-padding-bottom: var(--density-space-30);
  --tab-container-default-padding-left: var(--density-space-30);
  --tab-container-icon-only-padding-top: var(--density-space-30);
  --tab-container-icon-only-padding-right: var(--density-space-30);
  --tab-container-icon-only-padding-bottom: var(--density-space-30);
  --tab-container-icon-only-padding-left: var(--density-space-30);
  --tab-container-icon-top-padding-top: var(--density-space-20);
  --tab-container-icon-top-padding-right: var(--density-space-30);
  --tab-container-icon-top-padding-bottom: var(--density-space-20);
  --tab-container-icon-top-padding-left: var(--density-space-30);
  --tab-content-height-fit-content: fit-content;
  --tab-content-width-fit-content: fit-content;
  --tab-content-gap: var(--density-space-20);
  --tab-tab-indicator-height-horizontal: var(--foundation-size-075);
  --tab-tab-indicator-width-vertical: var(--foundation-size-075);
  --tab-tab-indicator-absolute-position: var(--foundation-space-1);
  --tab-tab-indicator-background: var(--mode-color-on-quiet-emphasis-normal);
  --tab-tab-indicator-position-top-border-radius: var(--generation-border-radius-none) var(--generation-border-radius-none) var(--generation-border-radius-1) var(--generation-border-radius-1);
  --tab-tab-indicator-position-right-border-radius: var(--generation-border-radius-1) var(--generation-border-radius-none) var(--generation-border-radius-none) var(--generation-border-radius-1);
  --tab-tab-indicator-position-left-border-radius: var(--generation-border-radius-none) var(--generation-border-radius-1)  var(--generation-border-radius-1) var(--generation-border-radius-none);
  --tab-tab-indicator-position-bottom-border-radius: var(--generation-border-radius-1) var(--generation-border-radius-1)var(--generation-border-radius-none) var(--generation-border-radius-none);
  --strikethrough-border-color: var(--mode-color-strikethrough);
  --strikethrough-border-width: var(--generation-border-width-hairline);
  --strikethrough-inset-block-start: 50%;
  --strikethrough-inset-inline-start: 0;
  --strikethrough-inset-inline-end: 0;
  --strikethrough-border: var(--strikethrough-border-width) solid var(--strikethrough-border-color);
  --spotlight-border-color: var(--mode-border-color-content);
  --spotlight-gradient-background-start: var(--mode-surface-tertiary-color);
  --spotlight-gradient-background-middle: var(--mode-surface-secondary-color);
  --spotlight-gradient-background-end: var(--mode-surface-primary-color);
  --spotlight-location-background: var(--mode-surface-secondary-color);
  --spotlight-user-background: var(--mode-surface-secondary-color);
  --spotlight-user-color: var(--mode-text-color-primary);
  --spotlight-search-background: var(--mode-surface-secondary-color);
  --spotlight-background-default: var(--mode-surface-primary);
  --spotlight-background-gradient: var(--mode-surface-gradient-linear-top-bottom-color);
  --spotlight-link-color: var(--mode-color-on-quiet-emphasis-normal);
  --spotlight-icon-color: var(--mode-icon-color-primary);
  --spotlight-text-color: var(--mode-text-color-primary);
  --skeleton-container-border-radius-sharp: var(--generation-border-radius-none);
  --skeleton-container-border-radius-rounded: var(--generation-border-radius-cta);
  --skeleton-container-border-radius-circle: var(--generation-border-radius-circle);
  --skeleton-container-background: var(--mode-comp-skeleton-container-background);
  --severity-tag-container-border-neutral-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-neutral-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-neutral-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-neutral-low-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-neutral-normal);
  --severity-tag-container-border-neutral-low-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-alert-border-neutral-hover);
  --severity-tag-container-border-neutral-low-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-alert-border-neutral-active);
  --severity-tag-container-border-information-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-information-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-information-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-information-low-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-information-normal);
  --severity-tag-container-border-information-low-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-alert-border-information-normal);
  --severity-tag-container-border-information-low-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-alert-border-information-normal);
  --severity-tag-container-border-safety-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-safety-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-safety-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-safety-low-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-safety-normal);
  --severity-tag-container-border-safety-low-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-alert-border-safety-normal);
  --severity-tag-container-border-safety-low-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-alert-border-safety-normal);
  --severity-tag-container-border-caution-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-caution-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-caution-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-caution-low-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-caution-normal);
  --severity-tag-container-border-caution-low-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-alert-border-caution-normal);
  --severity-tag-container-border-caution-low-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-alert-border-caution-normal);
  --severity-tag-container-border-warning-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-warning-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-warning-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-warning-low-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-warning-normal);
  --severity-tag-container-border-warning-low-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-alert-border-warning-normal);
  --severity-tag-container-border-warning-low-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-alert-border-warning-normal);
  --severity-tag-container-border-danger-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-danger-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-danger-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --severity-tag-container-border-danger-low-emphasis-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-danger-normal);
  --severity-tag-container-border-danger-low-emphasis-hover: var(--generation-border-width-hairline) solid var(--mode-alert-border-danger-normal);
  --severity-tag-container-border-danger-low-emphasis-active: var(--generation-border-width-hairline) solid var(--mode-alert-border-danger-normal);
  --severity-tag-container-background-neutral-emphasis-none: var(--mode-alert-background-high-neutral-normal);
  --severity-tag-container-background-neutral-emphasis-hover: var(--mode-alert-background-high-neutral-hover);
  --severity-tag-container-background-neutral-emphasis-active: var(--mode-alert-background-high-neutral-active);
  --severity-tag-container-background-neutral-low-emphasis-none: var(--mode-alert-background-low-neutral-normal);
  --severity-tag-container-background-neutral-low-emphasis-hover: var(--mode-alert-background-low-neutral-hover);
  --severity-tag-container-background-neutral-low-emphasis-active: var(--mode-alert-background-low-neutral-active);
  --severity-tag-container-background-information-emphasis-none: var(--mode-alert-background-high-information-normal);
  --severity-tag-container-background-information-emphasis-hover: var(--mode-alert-background-high-information-hover);
  --severity-tag-container-background-information-emphasis-active: var(--mode-alert-background-high-information-active);
  --severity-tag-container-background-information-low-emphasis-none: var(--mode-alert-background-low-information-normal);
  --severity-tag-container-background-information-low-emphasis-hover: var(--mode-alert-background-low-information-hover);
  --severity-tag-container-background-information-low-emphasis-active: var(--mode-alert-background-low-information-active);
  --severity-tag-container-background-safety-emphasis-none: var(--mode-alert-background-high-safety-normal);
  --severity-tag-container-background-safety-emphasis-hover: var(--mode-alert-background-high-safety-hover);
  --severity-tag-container-background-safety-emphasis-active: var(--mode-alert-background-high-safety-active);
  --severity-tag-container-background-safety-low-emphasis-none: var(--mode-alert-background-low-safety-normal);
  --severity-tag-container-background-safety-low-emphasis-hover: var(--mode-alert-background-low-safety-hover);
  --severity-tag-container-background-safety-low-emphasis-active: var(--mode-alert-background-low-safety-active);
  --severity-tag-container-background-caution-emphasis-none: var(--mode-alert-background-high-caution-normal);
  --severity-tag-container-background-caution-emphasis-hover: var(--mode-alert-background-high-caution-hover);
  --severity-tag-container-background-caution-emphasis-active: var(--mode-alert-background-high-caution-active);
  --severity-tag-container-background-caution-low-emphasis-none: var(--mode-alert-background-low-caution-normal);
  --severity-tag-container-background-caution-low-emphasis-hover: var(--mode-alert-background-low-caution-hover);
  --severity-tag-container-background-caution-low-emphasis-active: var(--mode-alert-background-low-caution-active);
  --severity-tag-container-background-warning-emphasis-none: var(--mode-alert-background-high-warning-normal);
  --severity-tag-container-background-warning-emphasis-hover: var(--mode-alert-background-high-warning-hover);
  --severity-tag-container-background-warning-emphasis-active: var(--mode-alert-background-high-warning-active);
  --severity-tag-container-background-warning-low-emphasis-none: var(--mode-alert-background-low-warning-normal);
  --severity-tag-container-background-warning-low-emphasis-hover: var(--mode-alert-background-low-warning-hover);
  --severity-tag-container-background-warning-low-emphasis-active: var(--mode-alert-background-low-warning-active);
  --severity-tag-container-background-danger-emphasis-none: var(--mode-alert-background-high-danger-normal);
  --severity-tag-container-background-danger-emphasis-hover: var(--mode-alert-background-high-danger-hover);
  --severity-tag-container-background-danger-emphasis-active: var(--mode-alert-background-high-danger-active);
  --severity-tag-container-background-danger-low-emphasis-none: var(--mode-alert-background-low-danger-normal);
  --severity-tag-container-background-danger-low-emphasis-hover: var(--mode-alert-background-low-danger-hover);
  --severity-tag-container-background-danger-low-emphasis-active: var(--mode-alert-background-low-danger-active);
  --severity-tag-label-color-neutral-emphasis-none: var(--mode-alert-background-high-on-neutral-normal);
  --severity-tag-label-color-neutral-emphasis-hover: var(--mode-alert-background-high-on-neutral-hover);
  --severity-tag-label-color-neutral-emphasis-active: var(--mode-alert-background-high-on-neutral-active);
  --severity-tag-label-color-neutral-low-emphasis-none: var(--mode-alert-text-low-on-neutral-normal);
  --severity-tag-label-color-neutral-low-emphasis-hover: var(--mode-alert-text-low-on-neutral-hover);
  --severity-tag-label-color-neutral-low-emphasis-active: var(--mode-alert-text-low-on-neutral-active);
  --severity-tag-label-color-information-emphasis-none: var(--mode-alert-background-high-on-information-normal);
  --severity-tag-label-color-information-emphasis-hover: var(--mode-alert-background-high-on-information-hover);
  --severity-tag-label-color-information-emphasis-active: var(--mode-alert-background-high-on-information-active);
  --severity-tag-label-color-information-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-information-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-information-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-safety-emphasis-none: var(--mode-alert-background-high-on-safety-normal);
  --severity-tag-label-color-safety-emphasis-hover: var(--mode-alert-background-high-on-safety-hover);
  --severity-tag-label-color-safety-emphasis-active: var(--mode-alert-background-high-on-safety-active);
  --severity-tag-label-color-safety-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-safety-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-safety-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-caution-emphasis-none: var(--mode-alert-background-high-on-caution-normal);
  --severity-tag-label-color-caution-emphasis-hover: var(--mode-alert-background-high-on-caution-hover);
  --severity-tag-label-color-caution-emphasis-active: var(--mode-alert-background-high-on-caution-active);
  --severity-tag-label-color-caution-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-caution-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-caution-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-warning-emphasis-none: var(--mode-alert-background-high-on-warning-normal);
  --severity-tag-label-color-warning-emphasis-hover: var(--mode-alert-background-high-on-warning-hover);
  --severity-tag-label-color-warning-emphasis-active: var(--mode-alert-background-high-on-warning-active);
  --severity-tag-label-color-warning-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-warning-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-warning-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-danger-emphasis-none: var(--mode-alert-background-high-on-danger-normal);
  --severity-tag-label-color-danger-emphasis-hover: var(--mode-alert-background-high-on-danger-hover);
  --severity-tag-label-color-danger-emphasis-active: var(--mode-alert-background-high-on-danger-active);
  --severity-tag-label-color-danger-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-danger-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-label-color-danger-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-neutral-emphasis-none: var(--mode-alert-background-high-on-neutral-normal);
  --severity-tag-icon-color-neutral-emphasis-hover: var(--mode-alert-background-high-on-neutral-hover);
  --severity-tag-icon-color-neutral-emphasis-active: var(--mode-alert-background-high-on-neutral-active);
  --severity-tag-icon-color-neutral-low-emphasis-none: var(--mode-alert-text-low-on-neutral-normal);
  --severity-tag-icon-color-neutral-low-emphasis-hover: var(--mode-alert-text-low-on-neutral-hover);
  --severity-tag-icon-color-neutral-low-emphasis-active: var(--mode-alert-text-low-on-neutral-active);
  --severity-tag-icon-color-information-emphasis-none: var(--mode-alert-background-high-on-information-normal);
  --severity-tag-icon-color-information-emphasis-hover: var(--mode-alert-background-high-on-information-hover);
  --severity-tag-icon-color-information-emphasis-active: var(--mode-alert-background-high-on-information-active);
  --severity-tag-icon-color-information-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-information-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-information-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-safety-emphasis-none: var(--mode-alert-background-high-on-safety-normal);
  --severity-tag-icon-color-safety-emphasis-hover: var(--mode-alert-background-high-on-safety-hover);
  --severity-tag-icon-color-safety-emphasis-active: var(--mode-alert-background-high-on-safety-active);
  --severity-tag-icon-color-safety-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-safety-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-safety-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-caution-emphasis-none: var(--mode-alert-background-high-on-caution-normal);
  --severity-tag-icon-color-caution-emphasis-hover: var(--mode-alert-background-high-on-caution-hover);
  --severity-tag-icon-color-caution-emphasis-active: var(--mode-alert-background-high-on-caution-active);
  --severity-tag-icon-color-caution-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-caution-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-caution-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-warning-emphasis-none: var(--mode-alert-background-high-on-warning-normal);
  --severity-tag-icon-color-warning-emphasis-hover: var(--mode-alert-background-high-on-warning-hover);
  --severity-tag-icon-color-warning-emphasis-active: var(--mode-alert-background-high-on-warning-active);
  --severity-tag-icon-color-warning-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-warning-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-warning-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-danger-emphasis-none: var(--mode-alert-background-high-on-danger-normal);
  --severity-tag-icon-color-danger-emphasis-hover: var(--mode-alert-background-high-on-danger-hover);
  --severity-tag-icon-color-danger-emphasis-active: var(--mode-alert-background-high-on-danger-active);
  --severity-tag-icon-color-danger-low-emphasis-none: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-danger-low-emphasis-hover: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-color-danger-low-emphasis-active: var(--mode-alert-text-on-signal-inverse-normal);
  --severity-tag-icon-name-information: EmrIconInformationCircleSvg;
  --severity-tag-icon-name-neutral: EmrIconInformationCircleSvg;
  --severity-tag-icon-name-safety: EmrIconCheckmarkCircleSvg;
  --severity-tag-icon-name-caution: EmrIconCautionSvg;
  --severity-tag-icon-name-warning: EmrIconExclamationMarkCircleSvg;
  --severity-tag-icon-name-danger: EmrIconCloseCrossCircleSvg;
  --separator-container-padding-top-none: var(--foundation-space-none);
  --separator-container-padding-top-small: var(--foundation-space-1);
  --separator-container-padding-top-medium: var(--foundation-space-2);
  --separator-container-padding-bottom-none: var(--foundation-space-none);
  --separator-container-padding-bottom-small: var(--foundation-space-1);
  --separator-container-padding-bottom-medium: var(--foundation-space-2);
  --separator-container-padding-left-none: var(--foundation-space-none);
  --separator-container-padding-left-small: var(--foundation-space-1);
  --separator-container-padding-left-medium: var(--foundation-space-2);
  --separator-container-padding-right-none: var(--foundation-space-none);
  --separator-container-padding-right-small: var(--foundation-space-1);
  --separator-container-padding-right-medium: var(--foundation-space-2);
  --separator-width-vertical: var(--foundation-size-025);
  --separator-height-horizontal: var(--foundation-size-025);
  --separator-background-regular: var(--mode-border-color-normal);
  --separator-background-emphasis: var(--mode-border-color-primary);
  --sensitive-data-mask-container-height-small: var(--foundation-size-2);
  --sensitive-data-mask-container-height-medium: var(--foundation-size-3);
  --sensitive-data-mask-container-height-large: var(--foundation-size-4);
  --sensitive-data-mask-container-width-auto: auto;
  --sensitive-data-mask-container-width-partial: 50%;
  --sensitive-data-mask-container-background-primary: var(--mode-input-background-sensitive-data);
  --sensitive-data-mask-container-block-size: unset;
  --sensitive-data-mask-container-inline-size: unset;
  --sensitive-data-mask-container-gap: var(--foundation-space-3);
  --section-header-height: fit-content;
  --section-header-gap: var(--foundation-space-2);
  --section-header-border-bottom-none: var(--generation-border-width-none) solid var(--mode-border-color-normal);
  --section-header-border-bottom-hairline: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --section-header-background-transparent: var(--generation-color-neutral-transparent);
  --section-header-background-low-emphasis: var(--mode-surface-primary);
  --section-header-background-emphasis: var(--mode-color-neutral-low);
  --section-header-padding-top-small: var(--foundation-space-3);
  --section-header-padding-top-medium: var(--foundation-space-4);
  --section-header-padding-bottom-small: var(--foundation-space-3);
  --section-header-padding-bottom-medium: var(--foundation-space-4);
  --section-header-margin-top: var(--foundation-space-2);
  --section-header-margin-bottom: var(--foundation-space-2);
  --section-header-padding-left-medium: var(--foundation-space-4);
  --section-header-padding-left-none: var(--foundation-space-none);
  --section-header-padding-right-medium: var(--foundation-space-4);
  --section-header-padding-right-none: var(--foundation-space-none);
  --section-title-container-flex-direction-row: row;
  --section-title-container-flex-direction-row-reverse: row-reverse;
  --section-action-container-controls-container-gap: var(--foundation-space-4);
  --section-action-container-controls-container-flex-direction-row: row;
  --section-action-container-controls-container-flex-direction-row-reverse: row-reverse;
  --section-action-container-justify-content: space-between;
  --section-subsection-header-height: fit-content;
  --section-subsection-header-gap: var(--foundation-space-4);
  --section-subsection-header-background-transparent: var(--generation-color-neutral-transparent);
  --section-subsection-header-background-low-emphasis: var(--mode-surface-primary);
  --section-subsection-header-background-emphasis: var(--mode-color-neutral-low);
  --section-subsection-header-padding-top-small: var(--foundation-space-2);
  --section-subsection-header-padding-top-medium: var(--foundation-space-3);
  --section-subsection-header-padding-bottom-small: var(--foundation-space-2);
  --section-subsection-header-padding-bottom-medium: var(--foundation-space-3);
  --section-subsection-header-margin-top: var(--foundation-space-2);
  --section-subsection-header-margin-left: var(--foundation-space-4);
  --section-subsection-header-margin-bottom: var(--foundation-space-2);
  --section-subsection-header-padding-right-medium: var(--foundation-space-4);
  --section-subsection-header-padding-right-none: var(--foundation-space-none);
  --section-subsection-header-padding-left-medium: var(--foundation-space-4);
  --section-subsection-header-padding-left-none: var(--foundation-space-none);
  --section-subsection-action-container-gap: var(--foundation-space-4);
  --section-subsection-action-container-flex-direction-row: row;
  --section-subsection-action-container-flex-direction-row-reverse: row-reverse;
  --section-subsection-icon-chevron-down: DlsIconNavigationDownSvg;
  --section-subsection-icon-chevron-up: DlsIconNavigationUpSvg;
  --section-subsection-icon-more-vertical: DlsIconMoreVerticalSvg;
  --section-subsection-icon-color: var(--mode-icon-color-secondary);
  --section-subsection-content-background-transparent: var(--generation-color-neutral-transparent);
  --section-subsection-content-background-low-emphasis: var(--mode-surface-primary);
  --section-subsection-content-background-emphasis: var(--mode-color-neutral-low);
  --section-subsection-content-padding-right-medium: var(--foundation-space-4);
  --section-subsection-content-padding-right-none: var(--foundation-space-none);
  --section-subsection-content-padding-left-medium: var(--foundation-space-4);
  --section-subsection-content-padding-left-none: var(--foundation-space-none);
  --section-icon-chevron-down: DlsIconNavigationDownSvg;
  --section-icon-chevron-up: DlsIconNavigationUpSvg;
  --section-icon-more-vertical: DlsIconMoreVerticalSvg;
  --section-icon-color: var(--mode-icon-color-secondary);
  --section-content-background-transparent: var(--generation-color-neutral-transparent);
  --section-content-background-low-emphasis: var(--mode-surface-primary);
  --section-content-background-emphasis: var(--mode-color-neutral-low);
  --section-content-padding-left-medium: var(--foundation-space-4);
  --section-content-padding-left-none: var(--foundation-space-none);
  --section-content-padding-right-medium: var(--foundation-space-4);
  --section-content-padding-right-none: var(--foundation-space-none);
  --section-border-radius-none: var(--generation-border-radius-none);
  --section-border-radius-all: var(--generation-border-radius-1);
  --scrollbar-inline-size: var(--generation-comp-scrollbar-inline-size);
  --scrollbar-block-size: var(--generation-comp-scrollbar-block-size);
  --scrollbar-thumb-background-none: var(--mode-comp-scrollbar-thumb-background-normal);
  --scrollbar-thumb-background-hover: var(--mode-comp-scrollbar-thumb-background-hover);
  --scrollbar-thumb-background-active: var(--mode-comp-scrollbar-thumb-background-active);
  --scrollbar-thumb-border-radius: var(--generation-border-radius-4);
  --scrollbar-thumb-border-none: var(--generation-comp-scrollbar-border-width-none) solid var(--generation-color-neutral-transparent);
  --scrollbar-thumb-border-hover: var(--generation-comp-scrollbar-border-width-hover) solid var(--generation-color-neutral-transparent);
  --scrollbar-thumb-border-active: var(--generation-comp-scrollbar-border-width-active) solid var(--generation-color-neutral-transparent);
  --scrollbar-thumb-min-height-vertical: var(--foundation-size-11);
  --scrollbar-thumb-min-width-horizontal: var(--foundation-size-11);
  --scrollbar-track-background: var(--mode-comp-scrollbar-track-background);
  --scrollbar-track-border-radius: var(--generation-border-radius-none);
  --scrollbar-corner-background: var(--generation-color-neutral-transparent);
  --scrollbar-scroll-snap-stop-normal: 400;
  --scrollbar-scroll-snap-stop-always: always;
  --scrollbar-scroll-snap-stop-revert: revert;
  --scrollbar-scroll-snap-type-none: none;
  --scrollbar-scroll-snap-type-block: block;
  --scrollbar-scroll-snap-type-inline: inline;
  --scrollbar-scroll-snap-type-revert: revert;
  --scrollbar-scroll-snap-type-both: both;
  --scrollbar-scroll-behavior-auto: auto;
  --scrollbar-scroll-behavior-smooth: always;
  --scrollbar-scroll-behavior-revert: revert;
  --scrollbar-scroll-snap-align-none: none;
  --scrollbar-scroll-snap-align-start: start;
  --scrollbar-scroll-snap-align-end: end;
  --scrollbar-scroll-snap-align-center: center;
  --scrollbar-scroll-snap-align-revert: revert;
  --records-summarizer-container-min-width: 180px;
  --records-summarizer-container-width-fit-content: fit-content;
  --records-summarizer-container-gap: var(--foundation-space-1);
  --records-summarizer-container-flex-direction: column;
  --records-summarizer-container-align-items: flex-end;
  --records-summarizer-container-height: fit-content;
  --records-summarizer-label-width-fit-content: fit-content;
  --radio-group-header-label-font-family: var(--mode-font-family);
  --radio-group-header-label-font-size-small: var(--generation-font-size-1);
  --radio-group-header-label-font-size-medium: var(--generation-font-size-1);
  --radio-group-header-label-font-size-large: var(--generation-font-size-3);
  --radio-group-header-label-font-weight-small: var(--generation-font-weight-bold);
  --radio-group-header-label-font-weight-medium: var(--generation-font-weight-bold);
  --radio-group-header-label-font-weight-large: var(--generation-font-weight-bold);
  --radio-group-header-label-line-height-small: var(--generation-text-line-height-medium);
  --radio-group-header-label-line-height-medium: var(--generation-text-line-height-medium);
  --radio-group-header-label-line-height-large: var(--generation-text-line-height-medium);
  --radio-group-header-label-margin-bottom: var(--foundation-space-2);
  --radio-group-container-column-gap: var(--foundation-space-4);
  --radio-group-text-field-margin-top: var(--foundation-space-1);
  --radio-button-input-width-small: var(--foundation-size-4);
  --radio-button-input-width-medium: var(--foundation-size-5);
  --radio-button-input-width-large: var(--foundation-size-8);
  --radio-button-input-height-small: var(--foundation-size-4);
  --radio-button-input-height-medium: var(--foundation-size-5);
  --radio-button-input-height-large: var(--foundation-size-8);
  --radio-button-input-background-unchecked-default: var(--mode-comp-radio-button-input-unchecked-background-normal);
  --radio-button-input-background-unchecked-hover: var(--mode-comp-radio-button-input-unchecked-background-hover);
  --radio-button-input-background-unchecked-active: var(--mode-comp-radio-button-input-unchecked-background-active);
  --radio-button-input-background-unchecked-read-only: var(--mode-comp-radio-button-input-unchecked-background-read-only);
  --radio-button-input-background-unchecked-disabled: var(--mode-comp-radio-button-input-unchecked-background-disabled);
  --radio-button-input-background-unchecked-sensitive-data: var(--mode-comp-radio-button-input-unchecked-background-sensitive-data);
  --radio-button-input-background-checked-default: var(--mode-comp-radio-button-input-checked-background-normal);
  --radio-button-input-background-checked-hover: var(--mode-comp-radio-button-input-checked-background-hover);
  --radio-button-input-background-checked-active: var(--mode-comp-radio-button-input-checked-background-active);
  --radio-button-input-background-checked-read-only: var(--mode-comp-radio-button-input-checked-background-read-only);
  --radio-button-input-background-checked-disabled: var(--mode-comp-radio-button-input-checked-background-disabled);
  --radio-button-input-background-checked-sensitive-data: var(--mode-comp-radio-button-input-checked-background-sensitive-data);
  --radio-button-input-border-radius: var(--generation-border-radius-circle);
  --radio-button-input-border-unchecked-default: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-unchecked-border-color-normal);
  --radio-button-input-border-unchecked-hover: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-unchecked-border-color-hover);
  --radio-button-input-border-unchecked-active: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-unchecked-border-color-active);
  --radio-button-input-border-unchecked-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-read-only);
  --radio-button-input-border-unchecked-disabled: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-unchecked-border-color-disabled);
  --radio-button-input-border-unchecked-sensitive-data: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-unchecked-border-color-sensitive-data);
  --radio-button-input-border-checked-default: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-checked-border-color-normal);
  --radio-button-input-border-checked-hover: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-checked-border-color-hover);
  --radio-button-input-border-checked-active: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-checked-border-color-active);
  --radio-button-input-border-checked-read-only: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-checked-border-color-read-only);
  --radio-button-input-border-checked-disabled: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-checked-border-color-disabled);
  --radio-button-input-border-checked-sensitive-data: var(--generation-border-width-hairline) solid var(--mode-comp-radio-button-input-checked-border-color-sensitive-data);
  --radio-button-input-border-validation-error: var(--generation-border-width-hairline) solid var(--mode-alert-border-danger-normal);
  --radio-button-input-border-validation-warning: var(--generation-border-width-hairline) solid var(--mode-alert-border-warning-normal);
  --radio-button-input-border-validation-success: var(--generation-border-width-hairline) solid var(--mode-alert-border-safety-normal);
  --radio-button-input-outline-offset-focus: var(--generation-outline-offset-focus-visible);
  --radio-button-input-outline-focus: var(--mode-outline-focus-visible);
  --radio-button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --radio-button-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --radio-button-container-padding-top-dense: var(--foundation-space-1);
  --radio-button-container-padding-top-regular: var(--foundation-space-2);
  --radio-button-container-padding-top-touch: var(--foundation-space-3);
  --radio-button-container-padding-top-large-touch: var(--foundation-space-4);
  --radio-button-container-padding-right-dense: var(--foundation-space-none);
  --radio-button-container-padding-right-regular: var(--foundation-space-none);
  --radio-button-container-padding-right-touch: var(--foundation-space-none);
  --radio-button-container-padding-right-large-touch: var(--foundation-space-none);
  --radio-button-container-padding-bottom-dense: var(--foundation-space-1);
  --radio-button-container-padding-bottom-regular: var(--foundation-space-2);
  --radio-button-container-padding-bottom-touch: var(--foundation-space-3);
  --radio-button-container-padding-bottom-large-touch: var(--foundation-space-4);
  --radio-button-container-padding-left-dense: var(--foundation-space-none);
  --radio-button-container-padding-left-regular: var(--foundation-space-none);
  --radio-button-container-padding-left-touch: var(--foundation-space-none);
  --radio-button-container-padding-left-large-touch: var(--foundation-space-none);
  --radio-button-container-gap-small: var(--foundation-space-2);
  --radio-button-container-gap-medium: var(--foundation-space-2);
  --radio-button-container-gap-large: var(--foundation-space-4);
  --radio-button-container-border-radius: var(--generation-border-radius-1);
  --radio-button-input-mark-border-radius: var(--generation-border-radius-circle);
  --radio-button-input-mark-width-small: var(--radio-button-input-width-small)/2;
  --radio-button-input-mark-width-medium: var(--radio-button-input-width-medium)/2;
  --radio-button-input-mark-width-large: var(--radio-button-input-width-large)/2;
  --radio-button-input-mark-height-small: var(--radio-button-input-height-small)/2;
  --radio-button-input-mark-height-medium: var(--radio-button-input-height-medium)/2;
  --radio-button-input-mark-height-large: var(--radio-button-input-height-large)/2;
  --radio-button-input-mark-background-checked-default: var(--mode-comp-radio-button-input-mark-checked-background-normal);
  --radio-button-input-mark-background-checked-hover: var(--mode-comp-radio-button-input-mark-checked-background-hover);
  --radio-button-input-mark-background-checked-active: var(--mode-comp-radio-button-input-mark-checked-background-active);
  --radio-button-input-mark-background-checked-read-only: var(--mode-comp-radio-button-input-mark-checked-background-read-only);
  --radio-button-input-mark-background-checked-disabled: var(--mode-comp-radio-button-input-mark-checked-background-disabled);
  --radio-button-input-mark-background-checked-sensitive-data: var(--mode-comp-radio-button-input-mark-checked-background-sensitive-data);
  --radio-button-label-font-family: var(--mode-font-family);
  --radio-button-label-font-size-small: var(--generation-font-size-3);
  --radio-button-label-font-size-medium: var(--generation-font-size-4);
  --radio-button-label-font-size-large: var(--generation-font-size-6);
  --radio-button-label-font-weight-small: var(--generation-font-weight-medium);
  --radio-button-label-font-weight-medium: var(--generation-font-weight-medium);
  --radio-button-label-font-weight-large: var(--generation-font-weight-medium);
  --radio-button-label-line-height-small: var(--generation-text-line-height-medium);
  --radio-button-label-line-height-medium: var(--generation-text-line-height-medium);
  --radio-button-label-line-height-large: var(--generation-text-line-height-medium);
  --radio-button-label-color-default: var(--mode-text-color-primary);
  --radio-button-label-color-hover: var(--mode-text-color-primary);
  --radio-button-label-color-active: var(--mode-text-color-primary);
  --radio-button-label-color-read-only: var(--mode-text-color-primary);
  --radio-button-label-color-disabled: var(--mode-text-color-disabled);
  --radio-button-label-color-sensitive-data: var(--mode-text-color-primary);
  --progress-spinner-content-width-fit-content: fit-content;
  --progress-spinner-content-height-fit-content: fit-content;
  --progress-spinner-area-width-fit-content: fit-content;
  --progress-spinner-area-height-fit-content: fit-content;
  --progress-spinner-area-row-gap-large: var(--foundation-space-4);
  --progress-spinner-area-row-gap-xlarge: var(--foundation-space-4);
  --progress-spinner-area-row-gap-medium: var(--foundation-space-2);
  --progress-spinner-area-row-gap-small: var(--foundation-space-2);
  --progress-spinner-container-width-fit-content: fit-content;
  --progress-spinner-container-height-fit-content: fit-content;
  --progress-spinner-container-row-gap: var(--foundation-space-4);
  --progress-spinner-label-max-width: var(--foundation-size-35);
  --progress-spinner-label-value-inset-block-start: 50%;
  --progress-spinner-label-value-inset-inline-start: 50%;
  --progress-spinner-animation-width-indeterminate-small: var(--foundation-size-6);
  --progress-spinner-animation-width-indeterminate-medium: var(--foundation-size-12);
  --progress-spinner-animation-width-indeterminate-large: var(--foundation-size-22);
  --progress-spinner-animation-width-indeterminate-xlarge: var(--foundation-size-32);
  --progress-spinner-animation-width-determinate-small: var(--foundation-size-6);
  --progress-spinner-animation-width-determinate-medium: var(--foundation-size-12);
  --progress-spinner-animation-width-determinate-large: var(--foundation-size-22);
  --progress-spinner-animation-width-determinate-xlarge: var(--foundation-size-32);
  --progress-spinner-animation-height-indeterminate-small: var(--foundation-size-6);
  --progress-spinner-animation-height-indeterminate-medium: var(--foundation-size-12);
  --progress-spinner-animation-height-indeterminate-large: var(--foundation-size-22);
  --progress-spinner-animation-height-indeterminate-xlarge: var(--foundation-size-32);
  --progress-spinner-animation-height-determinate-small: var(--foundation-size-6);
  --progress-spinner-animation-height-determinate-medium: var(--foundation-size-12);
  --progress-spinner-animation-height-determinate-large: var(--foundation-size-22);
  --progress-spinner-animation-height-determinate-xlarge: var(--foundation-size-32);
  --progress-spinner-animation-background-determinate-primary: var(--mode-color-primary-normal);
  --progress-spinner-animation-background-determinate-secondary: var(--mode-color-secondary-normal);
  --progress-spinner-animation-background-indeterminate: var(--mode-color-primary-normal);
  --progress-spinner-animation-thickness-small: var(--foundation-size-05);
  --progress-spinner-animation-thickness-medium: 3px;
  --progress-spinner-animation-thickness-large: var(--foundation-size-1);
  --progress-spinner-animation-thickness-xlarge: 6px;
  --progress-spinner-animation-inset-block-start: 0;
  --progress-spinner-animation-inset-inline-start: 0;
  --progress-spinner-animation-border-radius: 50%;
  --progress-bar-container-height: fit-content;
  --progress-bar-container-gap: var(--foundation-space-2);
  --progress-bar-area-gap: var(--foundation-space-2);
  --progress-bar-area-height: fit-content;
  --progress-bar-label-area-gap: var(--foundation-space-2);
  --progress-bar-label-area-min-height: var(--generation-container-min-height);
  --progress-bar-label-area-justify-content-flex-start: flex-start;
  --progress-bar-label-area-justify-content-center: center;
  --progress-bar-label-area-justify-content-space-between: space-between;
  --progress-bar-bar-min-width: var(--foundation-size-24);
  --progress-bar-bar-height: var(--foundation-size-1);
  --progress-bar-bar-background-completed-default: var(--mode-color-on-quiet-emphasis-normal);
  --progress-bar-bar-background-completed-safety: var(--mode-alert-background-high-safety-normal);
  --progress-bar-bar-background-completed-warning: var(--mode-alert-background-high-warning-normal);
  --progress-bar-bar-background-completed-danger: var(--mode-alert-background-high-danger-normal);
  --progress-bar-bar-background-completed-ai: var(--mode-ai-primary-enabled);
  --progress-bar-bar-background-track: var(--mode-comp-progress-bar-bar-background-track);
  --progress-bar-bar-background-buffer: var(--mode-comp-progress-bar-bar-background-buffer);
  --progress-bar-bar-border-right-cap: var(--generation-dimension-025) solid var(--mode-color-on-quiet-emphasis-normal);
  --progress-bar-label-text-height: fit-content;
  --progress-bar-value-text-width: fit-content;
  --progress-bar-value-text-height: fit-content;
  --popover-container-min-width-default: 200px;
  --popover-container-min-width-fill-parent: unset;
  --popover-container-min-width-fit-content: unset;
  --popover-container-max-width-default: 400px;
  --popover-container-max-width-fill-parent: unset;
  --popover-container-max-width-fit-content: unset;
  --popover-container-min-height-default: 120px;
  --popover-container-min-height-fit-content: unset;
  --popover-container-max-height-default: 500px;
  --popover-container-max-height-fit-content: unset;
  --popover-container-padding-none: var(--foundation-space-none);
  --popover-container-padding-xsmall: var(--foundation-space-inset-small);
  --popover-container-padding-small: var(--foundation-space-inset-medium);
  --popover-container-padding-medium: var(--foundation-space-inset-large);
  --popover-container-padding-large: var(--foundation-space-inset-xlarge);
  --popover-container-padding-xlarge: var(--foundation-space-inset-xxlarge);
  --popover-container-border-radius-default: var(--generation-border-radius-2);
  --popover-container-border-radius-none: none;
  --popover-container-offset-xsmall: var(--foundation-space-offset-xsmall);
  --popover-container-offset-small: var(--foundation-space-offset-small);
  --popover-container-offset-medium: var(--foundation-space-offset-medium);
  --popover-container-offset-large: var(--foundation-space-offset-large);
  --popover-container-inset-small: var(--foundation-space-inset-medium);
  --popover-container-border-width-default: var(--generation-border-width-hairline);
  --popover-container-border-color-default: var(--mode-border-color-neutral);
  --popover-container-border-default: var(--popover-container-border-width-default) solid var(--popover-container-border-color-default);
  --popover-container-box-shadow-none: var(--mode-elevation-box-shadow-none);
  --popover-container-box-shadow-content: var(--mode-elevation-box-shadow-content);
  --popover-container-box-shadow-navigation: var(--mode-elevation-box-shadow-navigational);
  --popover-container-box-shadow-dialog: var(--mode-elevation-box-shadow-dialog);
  --popover-container-background-default: var(--mode-surface-primary);
  --popover-icon-close-button: DlsIconCrossSvg;
  --popover-icon-color-primary: var(--mode-icon-color-primary);
  --popover-caret-width-medium: var(--foundation-size-4);
  --popover-caret-height-medium: var(--foundation-size-4);
  --picklist-container-min-height: 392;
  --picklist-container-flex-direction: row;
  --picklist-container-gap: var(--foundation-space-none);
  --picklist-area-min-width: 188;
  --picklist-area-max-height: 300;
  --picklist-area-gap: var(--foundation-space-2);
  --picklist-area-padding: var(--foundation-space-none);
  --picklist-area-flex-direction: column;
  --picklist-area-content-border: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --picklist-actions-width: fit-content;
  --picklist-actions-min-width: 88;
  --picklist-actions-height: auto;
  --picklist-actions-min-height: 394;
  --picklist-actions-justify-content: center;
  --picklist-actions-align-items: center;
  --picklist-actions-controls-flex-direction: column;
  --picklist-actions-controls-padding: var(--foundation-space-6);
  --picklist-actions-controls-gap: var(--foundation-space-3);
  --picklist-icon-navigation-left: var(--generation-icon-navigation-left);
  --picklist-icon-navigation-right: var(--generation-icon-navigation-right);
  --picklist-icon-navigation-up: var(--generation-icon-navigation-up);
  --picklist-icon-navigation-down: var(--generation-icon-navigation-down);
  --paragraph-font-size-xsmall: var(--generation-font-size-1);
  --paragraph-font-size-small: var(--generation-font-size-2);
  --paragraph-font-size-medium: var(--generation-font-size-3);
  --paragraph-font-size-large: var(--generation-font-size-4);
  --paragraph-font-family: var(--mode-font-family);
  --paragraph-font-weight-regular: var(--generation-font-weight-medium);
  --paragraph-font-weight-emphasis: var(--generation-font-weight-bold);
  --paragraph-font-weight-low-emphasis: var(--generation-font-weight-medium);
  --paragraph-color-regular: var(--mode-text-color-primary);
  --paragraph-color-emphasis: var(--mode-text-color-primary);
  --paragraph-color-low-emphasis: var(--mode-text-color-placeholder);
  --paragraph-decoration-regular-italic: var(--generation-font-weight-medium-italic);
  --paragraph-decoration-emphasis-italic: var(--generation-font-weight-bold-italic);
  --paragraph-decoration-low-emphasis-italic: var(--generation-font-weight-medium-italic);
  --paragraph-font-style-italic: italic;
  --paragraph-text-decoration-strikethrough: var(--generation-text-decor-line-through);
  --paragraph-line-height-short: var(--generation-text-line-height-small);
  --paragraph-line-height-long: var(--generation-text-line-height-large);
  --paragraph-margin-top: 0;
  --paragraph-margin-bottom: 0;
  --paragraph-margin-left: 0;
  --paragraph-margin-right: 0;
  --picklist-dialog-dialog-header-padding-top: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-header-padding-right: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-header-padding-bottom: var(--foundation-space-none);
  --picklist-dialog-dialog-header-padding-left: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-content-padding-top: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-content-padding-right: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-content-padding-bottom: var(--foundation-space-none);
  --picklist-dialog-dialog-content-padding-left: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-footer-padding-top: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-footer-padding-right: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-footer-padding-bottom: var(--generation-comp-picklist-dialog-dialog-padding);
  --picklist-dialog-dialog-footer-padding-left: var(--generation-comp-picklist-dialog-dialog-padding);
  --pagination-container-padding-top: var(--foundation-space-4);
  --pagination-container-padding-right: var(--foundation-space-4);
  --pagination-container-padding-bottom: var(--foundation-space-4);
  --pagination-container-padding-left: var(--foundation-space-4);
  --pagination-container-gap: var(--foundation-space-2);
  --pagination-container-justify-content-space-between: space-between;
  --pagination-container-justify-content-center: center;
  --pagination-content-width: fit-content;
  --pagination-content-gap: var(--foundation-space-2);
  --pagination-icon-arrow-left: DlsIconNavigationLeftSvg;
  --pagination-icon-chevron-left: EmrIconChevronLeftSvg;
  --pagination-icon-arrow-right: DlsIconNavigationRightSvg;
  --pagination-icon-chevron-right: EmrIconChevronRightSvg;
  --pagination-icon-color-default: var(--mode-comp-pagination-icon-color-default);
  --pagination-icon-color-hover: var(--mode-comp-pagination-icon-color-hover);
  --pagination-icon-color-pressed: var(--mode-comp-pagination-icon-color-pressed);
  --pagination-icon-color-disabled: var(--mode-comp-pagination-icon-color-disabled);
  --notification-container-height-vertical: fit-content;
  --notification-container-height-horizontal: fit-content;
  --notification-container-border-radius-default: var(--generation-border-radius-1);
  --notification-container-border-radius-none: var(--generation-border-radius-none);
  --notification-container-box-shadow-default: var(--mode-elevation-box-shadow-dialog);
  --notification-container-box-shadow-none: var(--mode-elevation-box-shadow-none);
  --notification-container-surface-background: var(--mode-surface-primary);
  --notification-area-background-neutral-emphasis: var(--mode-alert-background-low-neutral-normal);
  --notification-area-background-neutral-low-emphasis: var(--mode-surface-primary);
  --notification-area-background-information-low-emphasis: var(--mode-surface-primary);
  --notification-area-background-information-emphasis: var(--mode-alert-background-low-information-normal);
  --notification-area-background-caution-emphasis: var(--mode-alert-background-low-caution-normal);
  --notification-area-background-caution-low-emphasis: var(--mode-surface-primary);
  --notification-area-background-warning-emphasis: var(--mode-alert-background-low-warning-normal);
  --notification-area-background-warning-low-emphasis: var(--mode-surface-primary);
  --notification-area-background-danger-emphasis: var(--mode-alert-background-low-danger-normal);
  --notification-area-background-danger-low-emphasis: var(--mode-surface-primary);
  --notification-area-background-safety-emphasis: var(--mode-alert-background-low-safety-normal);
  --notification-area-background-safety-low-emphasis: var(--mode-surface-primary);
  --notification-area-height-vertical: fit-content;
  --notification-area-height-horizontal: fit-content;
  --notification-area-gap-vertical: var(--foundation-space-2);
  --notification-area-padding-left-vertical: var(--foundation-space-3);
  --notification-area-padding-left-horizontal: var(--foundation-space-3);
  --notification-area-padding-top-vertical: var(--foundation-space-4);
  --notification-area-padding-top-horizontal: var(--foundation-space-2);
  --notification-area-padding-right-vertical: var(--foundation-space-4);
  --notification-area-padding-right-horizontal: var(--foundation-space-2);
  --notification-area-padding-bottom-vertical: var(--foundation-space-4);
  --notification-area-padding-bottom-horizontal: var(--foundation-space-2);
  --notification-area-border-top-none: var(--generation-border-width-none) solid var(--mode-border-color-null);
  --notification-area-border-top-default: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --notification-area-border-right-none: var(--generation-border-width-none) solid var(--mode-border-color-null);
  --notification-area-border-right-default: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --notification-area-border-bottom-none: var(--generation-border-width-none) solid var(--mode-border-color-null);
  --notification-area-border-bottom-default: var(--generation-border-width-hairline) solid var(--mode-border-color-content);
  --notification-area-border-left-none: var(--generation-border-width-none) solid var(--mode-border-color-null);
  --notification-area-border-left-default: var(--generation-border-width-none) solid var(--mode-border-color-null);
  --notification-area-header-min-height: var(--foundation-size-6);
  --notification-icon-avatar-container-width: fit-content;
  --notification-pagination-height: fit-content;
  --notification-pagination-width: fit-content;
  --notification-pagination-gap: var(--density-space-20);
  --notification-icon-name-information: EmrIconInformationSvg;
  --notification-icon-name-neutral: EmrIconInformationSvg;
  --notification-icon-name-safety: EmrIconCheckmarkCircleSvg;
  --notification-icon-name-caution: EmrIconCautionSvg;
  --notification-icon-name-warning: EmrIconExclamationMarkCircleSvg;
  --notification-icon-name-danger: DlsIconCloseCrossCircleSvg;
  --notification-icon-name-close: DlsIconCrossSvg;
  --notification-icon-background-neutral: var(--mode-alert-background-high-on-neutral-normal);
  --notification-icon-background-information: var(--mode-alert-background-high-on-information-normal);
  --notification-icon-background-safety: var(--mode-alert-background-high-on-safety-normal);
  --notification-icon-background-caution: var(--mode-alert-background-high-on-caution-normal);
  --notification-icon-background-warning: var(--mode-alert-background-high-on-warning-normal);
  --notification-icon-background-danger: var(--mode-alert-background-high-on-danger-normal);
  --notification-icon-color-neutral: var(--mode-alert-background-high-neutral-normal);
  --notification-icon-color-information: var(--mode-alert-background-high-information-normal);
  --notification-icon-color-safety: var(--mode-alert-background-high-safety-normal);
  --notification-icon-color-caution: var(--mode-alert-background-high-caution-normal);
  --notification-icon-color-warning: var(--mode-alert-background-high-warning-normal);
  --notification-icon-color-danger: var(--mode-alert-background-high-danger-normal);
  --notification-pagination-icon-name-left: DlsIconNavigationLeftSvg;
  --notification-pagination-icon-name-right: DlsIconNavigationRightSvg;
  --new-list-container-height: fit-content;
  --new-list-container-column-gap-xsmall: var(--density-space-20);
  --new-list-container-column-gap-small: var(--density-space-30);
  --new-list-container-row-gap-xsmall: var(--density-space-20);
  --new-list-container-row-gap-small: var(--density-space-30);
  --new-list-container-flex-direction-inline: row;
  --new-list-container-flex-direction-block: column;
  --new-list-container-align-items-inline: center;
  --new-list-container-justify-content-block: flex-start;
  --new-list-container-flex-wrap-nowrap: nowrap;
  --new-list-container-flex-wrap-wrap: wrap;
  --new-list-container-flex-wrap-wrap-reverse: wrap-reverse;
  --new-list-container-margin: var(--foundation-space-none);
  --new-list-container-padding: var(--foundation-space-none);
  --modal-overlay-z-index: 20;
  --modal-overlay-width: 100%;
  --modal-overlay-height: 100%;
  --modal-overlay-background: var(--mode-overlay-default);
  --modal-container-z-index: 40;
  --modal-container-min-height-xSmall: fit-content;
  --modal-container-min-height-small: fit-content;
  --modal-container-min-height-medium: fit-content;
  --modal-container-min-height-large: fit-content;
  --modal-container-min-height-xLarge: fit-content;
  --modal-container-max-height-xSmall: 80%;
  --modal-container-max-height-small: 80%;
  --modal-container-max-height-medium: 80%;
  --modal-container-max-height-large: 80%;
  --modal-container-max-height-xLarge: 80%;
  --modal-container-min-width-xSmall: 100%;
  --modal-container-min-width-small: 40%;
  --modal-container-min-width-medium: 40%;
  --modal-container-min-width-large: 40%;
  --modal-container-min-width-xLarge: 40%;
  --modal-container-max-width-xSmall: 100%;
  --modal-container-max-width-small: 80%;
  --modal-container-max-width-medium: 80%;
  --modal-container-max-width-large: 80%;
  --modal-container-max-width-xLarge: 60%;
  --modal-container-background: var(--mode-surface-primary);
  --modal-container-border-radius: var(--generation-border-radius-2);
  --modal-container-box-shadow: var(--mode-elevation-box-shadow-dialog);
  --modal-header-height: fit-content;
  --modal-header-icon-container-width: var(--foundation-size-6);
  --modal-header-title-container-gap: var(--foundation-space-2);
  --modal-header-title-container-flex-direction: column;
  --modal-header-close-icon-container-margin-top: -8px;
  --modal-header-close-icon-container-margin-right: -8px;
  --modal-header-close-icon-container-width: 24px;
  --modal-header-padding-left-xSmall: var(--foundation-space-4);
  --modal-header-padding-left-small: var(--foundation-space-4);
  --modal-header-padding-left-medium: var(--foundation-space-6);
  --modal-header-padding-left-large: var(--foundation-space-6);
  --modal-header-padding-left-xLarge: var(--foundation-space-6);
  --modal-header-padding-top-xSmall: var(--foundation-space-4);
  --modal-header-padding-top-small: var(--foundation-space-4);
  --modal-header-padding-top-medium: var(--foundation-space-6);
  --modal-header-padding-top-large: var(--foundation-space-6);
  --modal-header-padding-top-xLarge: var(--foundation-space-6);
  --modal-header-padding-right-xSmall: var(--foundation-space-4);
  --modal-header-padding-right-small: var(--foundation-space-4);
  --modal-header-padding-right-medium: var(--foundation-space-6);
  --modal-header-padding-right-large: var(--foundation-space-6);
  --modal-header-padding-right-xLarge: var(--foundation-space-6);
  --modal-header-padding-bottom-xSmall: var(--foundation-space-4);
  --modal-header-padding-bottom-small: var(--foundation-space-4);
  --modal-header-padding-bottom-medium: var(--foundation-space-6);
  --modal-header-padding-bottom-large: var(--foundation-space-6);
  --modal-header-padding-bottom-xLarge: var(--foundation-space-6);
  --modal-header-flex-direction: row;
  --modal-header-gap: var(--foundation-space-2);
  --modal-header-background: var(--mode-surface-primary);
  --modal-header-border-bottom-none: var(--generation-border-width-none) solid var(--mode-border-color-normal);
  --modal-header-border-bottom-hairline: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --modal-header-handlebar-container-max-width-xSmall: 74px;
  --modal-header-handlebar-container-max-width-small: 164px;
  --modal-header-handlebar-container-max-width-medium: 258px;
  --modal-header-handlebar-container-max-width-large: 304px;
  --modal-header-handlebar-container-max-width-xLarge: 408px;
  --modal-header-handlebar-container-margin-right-xSmall: var(--foundation-space-2);
  --modal-header-handlebar-container-margin-right-small: var(--foundation-space-2);
  --modal-header-handlebar-container-margin-right-medium: var(--foundation-space-3);
  --modal-header-handlebar-container-margin-right-large: var(--foundation-space-3);
  --modal-header-handlebar-container-margin-right-xLarge: var(--foundation-space-3);
  --modal-footer-flex-direction: row;
  --modal-footer-padding-left-xSmall: var(--foundation-space-4);
  --modal-footer-padding-left-small: var(--foundation-space-4);
  --modal-footer-padding-left-medium: var(--foundation-space-6);
  --modal-footer-padding-left-large: var(--foundation-space-6);
  --modal-footer-padding-left-xLarge: var(--foundation-space-6);
  --modal-footer-padding-top-xSmall: var(--foundation-space-4);
  --modal-footer-padding-top-small: var(--foundation-space-4);
  --modal-footer-padding-top-medium: var(--foundation-space-6);
  --modal-footer-padding-top-large: var(--foundation-space-6);
  --modal-footer-padding-top-xLarge: var(--foundation-space-6);
  --modal-footer-padding-right-xSmall: var(--foundation-space-4);
  --modal-footer-padding-right-small: var(--foundation-space-4);
  --modal-footer-padding-right-medium: var(--foundation-space-6);
  --modal-footer-padding-right-large: var(--foundation-space-6);
  --modal-footer-padding-right-xLarge: var(--foundation-space-6);
  --modal-footer-padding-bottom-xSmall: var(--foundation-space-4);
  --modal-footer-padding-bottom-small: var(--foundation-space-4);
  --modal-footer-padding-bottom-medium: var(--foundation-space-6);
  --modal-footer-padding-bottom-large: var(--foundation-space-6);
  --modal-footer-padding-bottom-xLarge: var(--foundation-space-6);
  --modal-footer-gap-xSmall: var(--foundation-space-2);
  --modal-footer-gap-small: var(--foundation-space-2);
  --modal-footer-gap-medium: var(--foundation-space-4);
  --modal-footer-gap-large: var(--foundation-space-4);
  --modal-footer-gap-xLarge: var(--foundation-space-4);
  --modal-footer-height: fit-content;
  --modal-footer-border-top-none: var(--generation-border-width-none) solid var(--mode-border-color-normal);
  --modal-footer-border-top-hairline: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --modal-footer-deck-container-flex-direction: row-reverse;
  --modal-footer-deck-container-gap-xSmall: var(--foundation-space-2);
  --modal-footer-deck-container-gap-small: var(--foundation-space-2);
  --modal-footer-deck-container-gap-medium: var(--foundation-space-4);
  --modal-footer-deck-container-gap-large: var(--foundation-space-4);
  --modal-footer-deck-container-gap-xLarge: var(--foundation-space-4);
  --modal-footer-silent-container-max-width-xSmall: 90px;
  --modal-footer-silent-container-max-width-small: 180px;
  --modal-footer-silent-container-max-width-medium: 282px;
  --modal-footer-silent-container-max-width-large: 326px;
  --modal-footer-silent-container-max-width-xLarge: 432px;
  --modal-body-min-height: fit-content;
  --modal-body-max-height: 100%;
  --modal-body-padding-left-xSmall: var(--foundation-space-4);
  --modal-body-padding-left-small: var(--foundation-space-4);
  --modal-body-padding-left-medium: var(--foundation-space-6);
  --modal-body-padding-left-large: var(--foundation-space-6);
  --modal-body-padding-left-xLarge: var(--foundation-space-6);
  --modal-body-padding-top-xSmall: var(--foundation-space-4);
  --modal-body-padding-top-small: var(--foundation-space-4);
  --modal-body-padding-top-medium: var(--foundation-space-6);
  --modal-body-padding-top-large: var(--foundation-space-6);
  --modal-body-padding-top-xLarge: var(--foundation-space-6);
  --modal-body-padding-right-xSmall: var(--foundation-space-4);
  --modal-body-padding-right-small: var(--foundation-space-4);
  --modal-body-padding-right-medium: var(--foundation-space-6);
  --modal-body-padding-right-large: var(--foundation-space-6);
  --modal-body-padding-right-xLarge: var(--foundation-space-6);
  --modal-body-padding-bottom-xSmall: var(--foundation-space-4);
  --modal-body-padding-bottom-small: var(--foundation-space-4);
  --modal-body-padding-bottom-medium: var(--foundation-space-6);
  --modal-body-padding-bottom-large: var(--foundation-space-6);
  --modal-body-padding-bottom-xLarge: var(--foundation-space-6);
  --menu-items-padding-left-grouping-small: var(--foundation-space-2);
  --menu-items-padding-left-grouping-medium: var(--foundation-space-2);
  --menu-items-padding-left-grouping-large: var(--foundation-space-3);
  --menu-items-padding-left-grouping-xlarge: var(--foundation-space-3);
  --menu-items-column-gap-small: var(--foundation-space-2);
  --menu-items-column-gap-medium: var(--foundation-space-2);
  --menu-items-column-gap-large: var(--foundation-space-3);
  --menu-items-column-gap-xlarge: var(--foundation-space-3);
  --menu-label-color-selected: var(--mode-text-color-primary);
  --menu-icon-color-default: var(--mode-icon-primary-normal);
  --menu-icon-color-hover: var(--mode-icon-primary-hover);
  --menu-icon-color-active: var(--mode-icon-primary-active);
  --menu-icon-color-selected: var(--mode-icon-primary-normal);
  --menu-icon-color-disabled: var(--mode-icon-color-disabled);
  --menu-icon-arrow: DlsIconArrowRightSvg;
  --menu-container-width-small: 160px;
  --menu-container-width-medium: 300px;
  --menu-container-width-large: 400px;
  --menu-container-width-fit-content: fit-content;
  --menu-container-max-height-small: 200px;
  --menu-container-max-height-medium: 300px;
  --menu-container-max-height-large: 500px;
  --menu-container-height-fit-content: unset;
  --menu-item-container-inline-size: 100%;
  --menu-item-label-inline-size: 100%;
  --menu-item-description-inline-size: 100%;
  --menu-popover-container-min-width: var(--breakpoint-menu-popover-container-min-width);
  --menu-popover-container-max-width: var(--breakpoint-menu-popover-container-max-width);
  --menu-popover-container-max-height: var(--breakpoint-menu-popover-container-max-height);
  --menu-button-icon-arrow-down: DlsIconArrowDownSvg;
  --login-background: var(--mode-surface-primary);
  --login-link-enabled: var(--mode-color-on-quiet-emphasis-normal);
  --login-link-hover: var(--mode-color-on-quiet-emphasis-normal);
  --login-logo-color: var(--mode-color-wordmark);
  --login-text-color: var(--mode-text-color-primary);
  --locator-input-input-action-icon-name-locator: EmrIconLocatorSvg;
  --locator-input-container-height: fit-content;
  --locator-input-container-column-gap: var(--foundation-space-2);
  --locator-dialog-primary-region-row-gap: var(--generation-container-spacing);
  --listbox-container-padding-top-small: var(--foundation-space-2);
  --listbox-container-padding-top-medium: var(--foundation-space-2);
  --listbox-container-padding-top-large: var(--foundation-space-2);
  --listbox-container-padding-top-xlarge: var(--foundation-space-2);
  --listbox-container-padding-right-small: var(--foundation-space-2);
  --listbox-container-padding-right-medium: var(--foundation-space-2);
  --listbox-container-padding-right-large: var(--foundation-space-2);
  --listbox-container-padding-right-xlarge: var(--foundation-space-2);
  --listbox-container-padding-bottom-small: var(--foundation-space-2);
  --listbox-container-padding-bottom-medium: var(--foundation-space-2);
  --listbox-container-padding-bottom-large: var(--foundation-space-2);
  --listbox-container-padding-bottom-xlarge: var(--foundation-space-2);
  --listbox-container-padding-left-small: var(--foundation-space-2);
  --listbox-container-padding-left-medium: var(--foundation-space-2);
  --listbox-container-padding-left-large: var(--foundation-space-2);
  --listbox-container-padding-left-xlarge: var(--foundation-space-2);
  --listbox-container-row-gap-small: var(--foundation-space-1);
  --listbox-container-row-gap-medium: var(--foundation-space-1);
  --listbox-container-row-gap-large: var(--foundation-space-2);
  --listbox-container-row-gap-xlarge: var(--foundation-space-2);
  --listbox-container-background: var(--mode-surface-primary);
  --listbox-container-width-scrollable: 100%;
  --listbox-container-height-small: fit-content;
  --listbox-container-height-medium: fit-content;
  --listbox-container-height-large: fit-content;
  --listbox-container-height-xlarge: fit-content;
  --listbox-container-height-scrollable: 100%;
  --listbox-footer-height-small: var(--foundation-size-6);
  --listbox-footer-height-medium: var(--foundation-size-8);
  --listbox-footer-height-large: var(--foundation-size-12);
  --listbox-footer-height-xlarge: var(--foundation-size-16);
  --listbox-footer-padding-left-small: var(--foundation-space-2);
  --listbox-footer-padding-left-medium: var(--foundation-space-2);
  --listbox-footer-padding-left-large: var(--foundation-space-3);
  --listbox-footer-padding-left-xlarge: var(--foundation-space-3);
  --listbox-footer-padding-right-small: var(--foundation-space-2);
  --listbox-footer-padding-right-medium: var(--foundation-space-2);
  --listbox-footer-padding-right-large: var(--foundation-space-3);
  --listbox-footer-padding-right-xlarge: var(--foundation-space-3);
  --listbox-footer-justify-content: space-between;
  --listbox-item-container-min-height-small: var(--foundation-size-6);
  --listbox-item-container-min-height-medium: var(--foundation-size-8);
  --listbox-item-container-min-height-large: var(--foundation-size-12);
  --listbox-item-container-min-height-xlarge: var(--foundation-size-16);
  --listbox-item-container-padding-left-small: var(--foundation-space-2);
  --listbox-item-container-padding-left-medium: var(--foundation-space-2);
  --listbox-item-container-padding-left-large: var(--foundation-space-3);
  --listbox-item-container-padding-left-xlarge: var(--foundation-space-3);
  --listbox-item-container-padding-right-small: var(--foundation-space-2);
  --listbox-item-container-padding-right-medium: var(--foundation-space-2);
  --listbox-item-container-padding-right-large: var(--foundation-space-3);
  --listbox-item-container-padding-right-xlarge: var(--foundation-space-3);
  --listbox-item-container-outline-offset-focus-visible: var(--foundation-space-negative-xsmall);
  --listbox-item-container-outline-offset-focus: var(--foundation-space-offset-none);
  --listbox-item-container-background-unselected-default-enabled: var(--mode-color-quiet-normal);
  --listbox-item-container-background-unselected-default-disabled: var(--mode-color-quiet-normal);
  --listbox-item-container-background-unselected-hover-enabled: var(--mode-color-quiet-list-hover);
  --listbox-item-container-background-unselected-hover-disabled: var(--mode-color-quiet-normal);
  --listbox-item-container-background-unselected-pressed-enabled: var(--mode-color-quiet-list-active);
  --listbox-item-container-background-unselected-pressed-disabled: var(--mode-color-quiet-normal);
  --listbox-item-container-background-selected-default-enabled: var(--mode-color-secondary-selected);
  --listbox-item-container-background-selected-default-disabled: var(--mode-color-quiet-normal);
  --listbox-item-container-background-selected-hover-enabled: var(--mode-color-secondary-selected);
  --listbox-item-container-background-selected-hover-disabled: var(--mode-color-quiet-normal);
  --listbox-item-container-background-selected-pressed-enabled: var(--mode-color-secondary-selected);
  --listbox-item-container-background-selected-pressed-disabled: var(--mode-color-quiet-normal);
  --listbox-item-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --listbox-item-container-outline-focus: var(--generation-border-width-none) solid var(--mode-outline-color-focus);
  --listbox-loader-height-small: fit-content;
  --listbox-loader-height-medium: fit-content;
  --listbox-loader-height-large: fit-content;
  --listbox-loader-height-xlarge: fit-content;
  --listbox-loader-justify-content: center;
  --listbox-loader-padding-top-small: var(--foundation-space-1);
  --listbox-loader-padding-top-medium: var(--foundation-space-2);
  --listbox-loader-padding-top-large: var(--foundation-space-3);
  --listbox-loader-padding-top-xlarge: var(--foundation-space-4);
  --listbox-loader-padding-bottom-small: var(--foundation-space-1);
  --listbox-loader-padding-bottom-medium: var(--foundation-space-2);
  --listbox-loader-padding-bottom-large: var(--foundation-space-3);
  --listbox-loader-padding-bottom-xlarge: var(--foundation-space-4);
  --list-counter-tag-container-background: var(--mode-alert-background-low-neutral-normal);
  --list-counter-tag-label-color: var(--mode-text-color-primary);
  --list-container-height: fit-content;
  --list-container-column-gap-xsmall: var(--density-space-20);
  --list-container-column-gap-small: var(--density-space-30);
  --list-container-row-gap-xsmall: var(--density-space-20);
  --list-container-row-gap-small: var(--density-space-30);
  --list-container-flex-direction-inline: row;
  --list-container-flex-direction-block: column;
  --list-container-align-items-inline: center;
  --list-container-justify-content-block: flex-start;
  --list-container-flex-wrap-nowrap: nowrap;
  --list-container-flex-wrap-wrap: wrap;
  --list-container-flex-wrap-wrap-reverse: wrap-reverse;
  --list-container-margin: var(--foundation-space-none);
  --list-container-padding: var(--foundation-space-none);
  --link-color-regular-default: var(--mode-color-primary-signal-normal);
  --link-color-regular-hover: var(--mode-color-primary-signal-hover);
  --link-color-regular-active: var(--mode-color-primary-signal-active);
  --link-color-regular-visited: var(--mode-color-primary-signal-normal);
  --link-color-regular-disabled: var(--mode-text-color-disabled);
  --link-color-low-emphasis-default: var(--mode-text-color-secondary);
  --link-color-low-emphasis-hover: var(--mode-text-color-secondary);
  --link-color-low-emphasis-active: var(--mode-text-color-secondary);
  --link-color-low-emphasis-visited: var(--mode-text-color-secondary);
  --link-color-low-emphasis-disabled: var(--mode-text-color-disabled);
  --link-color-inverse-low-emphasis-default: var(--mode-text-color-inverse-primary);
  --link-color-inverse-low-emphasis-hover: var(--mode-text-color-inverse-primary);
  --link-color-inverse-low-emphasis-active: var(--mode-text-color-inverse-primary);
  --link-color-inverse-low-emphasis-visited: var(--mode-text-color-inverse-primary);
  --link-color-inverse-low-emphasis-disabled: var(--mode-text-color-disabled);
  --link-container-gap: var(--foundation-space-2);
  --link-container-outline-focus: var(--mode-outline-focus-visible);
  --link-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --link-container-outline-offset-focus: var(--generation-outline-offset-focus-visible);
  --link-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --link-container-border-radius-focus: var(--generation-border-radius-2);
  --link-label-font-family: var(--mode-font-family);
  --link-label-text-decoration-none: var(--generation-text-decor-none);
  --link-label-text-decoration-underline: var(--generation-text-decor-underline);
  --link-label-font-size-small: var(--generation-font-size-2);
  --link-label-font-size-medium: var(--generation-font-size-3);
  --link-label-font-size-large: var(--generation-font-size-4);
  --link-label-font-size-xlarge: var(--generation-font-size-5);
  --link-label-font-size-xxlarge: var(--generation-font-size-6);
  --link-label-font-weight: var(--generation-font-weight-medium);
  --link-label-line-height: var(--generation-text-line-height-dense);
  --legend-item-container-width: fit-content;
  --legend-item-container-height-medium: var(--foundation-size-6);
  --legend-item-container-height-large: var(--foundation-size-8);
  --legend-item-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --legend-item-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --legend-item-container-gap: var(--foundation-space-2);
  --legend-item-label-max-width: 200px;
  --legend-item-icon-name-default: EmrIconBulletSvg;
  --legend-item-list-gap: var(--foundation-space-2);
  --label-font-family: var(--generation-font-family);
  --label-font-size-large: var(--generation-font-size-4);
  --label-font-size-xlarge: var(--generation-font-size-5);
  --label-font-size-xxlarge: var(--generation-font-size-6);
  --label-font-size-medium: var(--generation-font-size-3);
  --label-font-size-small: var(--generation-font-size-2);
  --label-font-weight-regular: var(--generation-font-weight-book);
  --label-font-weight-emphasis: var(--generation-font-weight-bold);
  --label-font-weight-low-emphasis: var(--generation-font-weight-book);
  --label-color-regular: var(--mode-ref-text-color-tertiary);
  --label-color-emphasis: var(--mode-ref-text-color-tertiary);
  --label-color-low-emphasis: var(--mode-ref-text-color-placeholder);
  --label-color-disabled: var(--mode-ref-text-color-disabled);
  --label-line-height-regular: var(--generation-text-line-height-small);
  --label-line-height-emphasis: var(--generation-text-line-height-small);
  --label-line-height-low-emphasis: var(--generation-text-line-height-small);
  --label-text-decoration-underline: var(--generation-text-decor-underline);
  --label-text-decoration-strikethrough: var(--generation-text-decor-line-through);
  --label-text-decoration-none: var(--generation-text-decor-none);
  --label-width: auto;
  --label-value-icon-width-small: var(--foundation-size-3);
  --label-value-icon-width-medium: var(--foundation-size-4);
  --label-value-icon-width-large: var(--foundation-size-4);
  --label-value-icon-height-small: var(--foundation-size-3);
  --label-value-icon-height-medium: var(--foundation-size-4);
  --label-value-icon-height-large: var(--foundation-size-4);
  --label-value-container-margin-top-dense: var(--foundation-space-1);
  --label-value-container-margin-top-regular: var(--foundation-space-2);
  --label-value-container-margin-top-touch: var(--foundation-space-3);
  --label-value-container-margin-top-large-touch: var(--foundation-space-4);
  --label-value-container-margin-right-dense: var(--foundation-space-none);
  --label-value-container-margin-right-regular: var(--foundation-space-none);
  --label-value-container-margin-right-touch: var(--foundation-space-none);
  --label-value-container-margin-right-large-touch: var(--foundation-space-none);
  --label-value-container-margin-bottom-dense: var(--foundation-space-1);
  --label-value-container-margin-bottom-regular: var(--foundation-space-2);
  --label-value-container-margin-bottom-touch: var(--foundation-space-3);
  --label-value-container-margin-bottom-large-touch: var(--foundation-space-4);
  --label-value-container-margin-left-dense: var(--foundation-space-none);
  --label-value-container-margin-left-regular: var(--foundation-space-none);
  --label-value-container-margin-left-touch: var(--foundation-space-none);
  --label-value-container-margin-left-large-touch: var(--foundation-space-none);
  --label-value-label-text-margin-right-with-icon: var(--foundation-space-1);
  --label-value-label-text-margin-left-horizontal-reverse: var(--foundation-space-2);
  --label-value-value-text-margin-bottom-vertical-reverse: var(--foundation-space-2);
  --label-value-value-text-margin-top-vertical-default: var(--foundation-space-2);
  --label-value-value-text-margin-left-horizontal-default: var(--foundation-space-2);
  --label-value-icons-container-gap: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-top-small: 6px;
  --label-value-icons-container-mobile-padding-top-medium: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-top-large: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-right-small: 6px;
  --label-value-icons-container-mobile-padding-right-medium: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-right-large: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-bottom-small: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-bottom-medium: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-bottom-large: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-left-small: 6px;
  --label-value-icons-container-mobile-padding-left-medium: var(--foundation-space-1);
  --label-value-icons-container-mobile-padding-left-large: var(--foundation-space-1);
  --input-width-xsmall: fit-content;
  --input-width-small: fit-content;
  --input-width-medium: fit-content;
  --input-width-large: fit-content;
  --input-width-fit-content: fit-content;
  --input-height-small: var(--foundation-size-8);
  --input-height-xsmall: var(--foundation-size-5);
  --input-height-medium: var(--foundation-size-10);
  --input-height-large: var(--foundation-size-16);
  --input-input-content-width-xsmall: fit-content;
  --input-input-content-width-small: fit-content;
  --input-input-content-width-medium: fit-content;
  --input-input-content-width-large: fit-content;
  --input-input-content-width-fit-content: fit-content;
  --input-input-content-height-xsmall: var(--foundation-size-5);
  --input-input-content-height-small: var(--foundation-size-8);
  --input-input-content-height-medium: var(--foundation-size-10);
  --input-input-content-height-large: var(--foundation-size-16);
  --input-input-content-block-size-xsmall: var(--foundation-size-5);
  --input-input-content-block-size-small: var(--foundation-size-8);
  --input-input-content-block-size-medium: var(--foundation-size-10);
  --input-input-content-block-size-large: var(--foundation-size-16);
  --input-input-content-background-default: var(--mode-input-background-normal);
  --input-input-content-background-hover: var(--mode-input-background-hover);
  --input-input-content-background-active: var(--mode-input-background-active);
  --input-input-content-background-disabled: var(--mode-input-background-disabled);
  --input-input-content-background-read-only: var(--mode-input-background-read-only);
  --input-input-content-padding-left-none: var(--foundation-space-none);
  --input-input-content-padding-left-xsmall: var(--foundation-space-1);
  --input-input-content-padding-left-small: var(--foundation-space-2);
  --input-input-content-padding-left-medium: var(--foundation-space-3);
  --input-input-content-padding-left-large: var(--foundation-space-4);
  --input-input-content-padding-right-none: var(--foundation-space-none);
  --input-input-content-padding-right-xsmall: var(--foundation-space-1);
  --input-input-content-padding-right-small: var(--foundation-space-2);
  --input-input-content-padding-right-medium: var(--foundation-space-3);
  --input-input-content-padding-right-large: var(--foundation-space-4);
  --input-input-content-gap-xsmall: var(--foundation-space-1);
  --input-input-content-gap-small: var(--foundation-space-2);
  --input-input-content-gap-medium: var(--foundation-space-3);
  --input-input-content-gap-large: var(--foundation-space-4);
  --input-input-content-text-font-family: var(--mode-font-family);
  --input-input-content-text-font-weight-xsmall: var(--generation-font-weight-book);
  --input-input-content-text-font-weight-small: var(--generation-font-weight-book);
  --input-input-content-text-font-weight-medium: var(--generation-font-weight-book);
  --input-input-content-text-font-weight-large: var(--generation-font-weight-book);
  --input-input-content-text-font-size-xsmall: var(--generation-font-size-4);
  --input-input-content-text-font-size-small: var(--generation-font-size-4);
  --input-input-content-text-font-size-medium: var(--generation-font-size-4);
  --input-input-content-text-font-size-large: var(--generation-font-size-6);
  --input-input-content-text-line-height-xsmall: var(--generation-text-line-height-dense);
  --input-input-content-text-line-height-small: var(--generation-text-line-height-dense);
  --input-input-content-text-line-height-medium: var(--generation-text-line-height-dense);
  --input-input-content-text-line-height-large: var(--generation-text-line-height-dense);
  --input-input-content-text-color-default: var(--mode-text-color-primary);
  --input-input-content-text-color-hover: var(--mode-text-color-primary);
  --input-input-content-text-color-active: var(--mode-text-color-primary);
  --input-input-content-text-color-disabled: var(--mode-text-color-disabled);
  --input-input-content-text-color-read-only: var(--mode-text-color-tertiary);
  --input-input-content-placeholder-font-family: var(--mode-font-family);
  --input-input-content-placeholder-font-weight-xsmall: var(--generation-font-weight-book);
  --input-input-content-placeholder-font-weight-small: var(--generation-font-weight-book);
  --input-input-content-placeholder-font-weight-medium: var(--generation-font-weight-book);
  --input-input-content-placeholder-font-weight-large: var(--generation-font-weight-book);
  --input-input-content-placeholder-color: var(--mode-text-color-placeholder);
  --input-input-content-placeholder-font-size-xsmall: var(--generation-font-size-4);
  --input-input-content-placeholder-font-size-small: var(--generation-font-size-4);
  --input-input-content-placeholder-font-size-medium: var(--generation-font-size-4);
  --input-input-content-placeholder-font-size-large: var(--generation-font-size-6);
  --input-input-content-placeholder-line-height-xsmall: var(--generation-text-line-height-dense);
  --input-input-content-placeholder-line-height-small: var(--generation-text-line-height-dense);
  --input-input-content-placeholder-line-height-medium: var(--generation-text-line-height-dense);
  --input-input-content-placeholder-line-height-large: var(--generation-text-line-height-dense);
  --input-input-content-placeholder-font-style: italic;
  --input-input-content-clear-icon-color: var(--mode-icon-primary-normal);
  --input-input-content-validation-icon-color-warning: var(--mode-alert-background-high-warning-normal);
  --input-input-content-validation-icon-color-error: var(--mode-alert-background-high-danger-normal);
  --input-input-content-inline-size-xsmall: 100%;
  --input-input-content-inline-size-small: 100%;
  --input-input-content-inline-size-medium: 100%;
  --input-input-content-inline-size-large: 100%;
  --input-input-content-cursor-standard-enabled-default: auto;
  --input-input-content-cursor-standard-enabled-hover: text;
  --input-input-content-cursor-standard-enabled-active: text;
  --input-input-content-cursor-standard-enabled-focus: text;
  --input-input-content-cursor-standard-enabled-focus-visible: text;
  --input-input-content-cursor-standard-disabled-default: not-allowed;
  --input-input-content-cursor-standard-disabled-hover: not-allowed;
  --input-input-content-cursor-standard-disabled-active: not-allowed;
  --input-input-content-cursor-standard-disabled-focus: not-allowed;
  --input-input-content-cursor-standard-disabled-focus-visible: not-allowed;
  --input-input-content-cursor-standard-read-only-default: not-allowed;
  --input-input-content-cursor-standard-read-only-hover: not-allowed;
  --input-input-content-cursor-standard-read-only-active: not-allowed;
  --input-input-content-cursor-standard-read-only-focus: not-allowed;
  --input-input-content-cursor-standard-read-only-focus-visible: not-allowed;
  --input-input-content-cursor-toggle-enabled-default: auto;
  --input-input-content-cursor-toggle-enabled-hover: pointer;
  --input-input-content-cursor-toggle-enabled-active: pointer;
  --input-input-content-cursor-toggle-enabled-focus: pointer;
  --input-input-content-cursor-toggle-enabled-focus-visible: pointer;
  --input-input-content-cursor-toggle-disabled-default: not-allowed;
  --input-input-content-cursor-toggle-disabled-hover: not-allowed;
  --input-input-content-cursor-toggle-disabled-active: not-allowed;
  --input-input-content-cursor-toggle-disabled-focus: not-allowed;
  --input-input-content-cursor-toggle-disabled-focus-visible: not-allowed;
  --input-input-content-cursor-toggle-read-only-default: not-allowed;
  --input-input-content-cursor-toggle-read-only-hover: not-allowed;
  --input-input-content-cursor-toggle-read-only-active: not-allowed;
  --input-input-content-cursor-toggle-read-only-focus: not-allowed;
  --input-input-content-cursor-toggle-read-only-focus-visible: not-allowed;
  --input-input-content-caret-color-standard-enabled: auto;
  --input-input-content-caret-color-standard-disabled: transparent;
  --input-input-content-caret-color-standard-read-only: transparent;
  --input-input-content-caret-color-toggle-enabled: transparent;
  --input-input-content-caret-color-toggle-disabled: transparent;
  --input-input-content-caret-color-toggle-read-only: transparent;
  --input-adorn-width-small: fit-content;
  --input-adorn-width-medium: fit-content;
  --input-adorn-width-large: fit-content;
  --input-adorn-height-small: var(--foundation-size-8);
  --input-adorn-height-medium: var(--foundation-size-10);
  --input-adorn-height-large: var(--foundation-size-16);
  --input-adorn-adorn-container-width-small: fit-content;
  --input-adorn-adorn-container-width-medium: fit-content;
  --input-adorn-adorn-container-width-large: fit-content;
  --input-adorn-adorn-container-outline-offset-focus-visible: -4px;
  --input-adorn-adorn-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --input-adorn-adorn-container-border-radius-focus-visible: var(--generation-ref-border-radius-input);
  --input-adorn-adorn-container-background-default: var(--mode-input-background-normal);
  --input-adorn-adorn-container-background-hover: var(--mode-input-background-read-only);
  --input-adorn-adorn-container-background-active: var(--mode-input-background-active);
  --input-adorn-adorn-container-background-disabled: var(--mode-input-background-disabled);
  --input-adorn-adorn-container-background-read-only: var(--mode-input-background-read-only);
  --input-adorn-adorn-content-padding-right-none: var(--foundation-space-none);
  --input-adorn-adorn-content-padding-right-small: var(--foundation-space-2);
  --input-adorn-adorn-content-padding-right-medium: var(--foundation-space-2);
  --input-adorn-adorn-content-padding-right-large: var(--foundation-space-4);
  --input-adorn-adorn-content-padding-left-none: var(--foundation-space-none);
  --input-adorn-adorn-content-padding-left-small: var(--foundation-space-2);
  --input-adorn-adorn-content-padding-left-medium: var(--foundation-space-2);
  --input-adorn-adorn-content-padding-left-large: var(--foundation-space-4);
  --input-adorn-adorn-content-gap-none: var(--foundation-space-none);
  --input-adorn-adorn-content-gap-small: var(--foundation-space-2);
  --input-adorn-adorn-content-gap-medium: var(--foundation-space-2);
  --input-adorn-adorn-content-gap-large: var(--foundation-space-4);
  --input-adorn-adorn-content-color-default: var(--mode-icon-color-default);
  --input-adorn-adorn-content-color-hover: var(--mode-icon-primary-hover);
  --input-adorn-adorn-content-color-active: var(--mode-icon-primary-active);
  --input-adorn-adorn-content-color-disabled: var(--mode-text-color-disabled);
  --input-adorn-adorn-content-color-read-only: var(--mode-icon-color-default);
  --input-adorn-adorn-content-outline-offset-focus-visible: -4px;
  --input-adorn-adorn-content-width-small: fit-content;
  --input-adorn-adorn-content-width-medium: fit-content;
  --input-adorn-adorn-content-width-large: fit-content;
  --input-adorn-adorn-content-height-small: fit-content;
  --input-adorn-adorn-content-height-medium: fit-content;
  --input-adorn-adorn-content-height-large: fit-content;
  --input-adorn-adorn-content-outline-focus-visible: var(--mode-outline-focus-visible);
  --input-adorn-adorn-content-border-radius-focus-visible: var(--generation-ref-input-border-radius-inset);
  --input-adorn-background-default: var(--mode-input-background-normal);
  --input-adorn-background-hover: var(--mode-input-background-disabled);
  --input-adorn-background-active: var(--mode-input-background-active);
  --input-adorn-background-disabled: var(--mode-input-background-disabled);
  --input-adorn-background-read-only: var(--mode-input-background-read-only);
  --input-adorn-outline-offset-focus: -4px;
  --input-adorn-outline-offset-focus-visible: -4px;
  --input-adorn-outline-focus: var(--mode-outline-focus);
  --input-adorn-separator-color-regular: var(--mode-border-color-normal);
  --input-adorn-separator-color-disabled: var(--mode-border-color-disabled);
  --input-adorn-border-radius-focus: var(--generation-ref-input-border-radius-offset);
  --input-adorn-container-separator-padding-top-small: var(--foundation-space-none);
  --input-adorn-container-separator-padding-top-medium: var(--foundation-space-none);
  --input-adorn-container-separator-padding-top-large: var(--foundation-space-none);
  --input-adorn-container-separator-padding-bottom-small: var(--foundation-space-none);
  --input-adorn-container-separator-padding-bottom-medium: var(--foundation-space-none);
  --input-adorn-container-separator-padding-bottom-large: var(--foundation-space-none);
  --input-adorn-container-flex-direction-horizontal: row;
  --input-adorn-container-flex-direction-vertical: column;
  --input-adorn-cursor-enabled-default: auto;
  --input-adorn-cursor-enabled-hover: pointer;
  --input-adorn-cursor-enabled-active: pointer;
  --input-adorn-cursor-enabled-focus-visible: auto;
  --input-adorn-cursor-disabled-default: not-allowed;
  --input-adorn-cursor-disabled-hover: not-allowed;
  --input-adorn-cursor-disabled-active: not-allowed;
  --input-adorn-cursor-disabled-focus-visible: not-allowed;
  --input-adorn-cursor-read-only-default: not-allowed;
  --input-adorn-cursor-read-only-hover: not-allowed;
  --input-adorn-cursor-read-only-active: not-allowed;
  --input-adorn-cursor-read-only-focus-visible: not-allowed;
  --input-border-radius-xsmall: var(--generation-ref-border-radius-input);
  --input-border-radius-small: var(--generation-ref-border-radius-input);
  --input-border-radius-medium: var(--generation-ref-border-radius-input);
  --input-border-radius-large: var(--generation-ref-border-radius-input);
  --input-outline-offset-focus: var(--generation-outline-offset-focus);
  --input-outline-offset-focus-visible: var(--generation-outline-offset-focus);
  --input-border-default: var(--generation-border-width-hairline) solid var(--mode-input-border-color-normal);
  --input-border-hover: var(--generation-border-width-hairline) solid var(--mode-input-border-color-hover);
  --input-border-active: var(--generation-border-width-hairline) solid var(--mode-input-border-color-active);
  --input-border-focus: var(--generation-border-width-hairline) solid var(--mode-input-border-color-active);
  --input-border-disabled: var(--generation-border-width-hairline) solid var(--mode-input-border-color-disabled);
  --input-border-read-only: var(--generation-border-width-hairline) solid var(--mode-input-border-color-read-only);
  --input-border-error: var(--generation-border-width-hairline) solid var(--mode-alert-background-high-danger-normal);
  --input-border-warning: var(--generation-border-width-hairline) solid var(--mode-alert-background-high-warning-normal);
  --input-outline-focus: var(--mode-outline-focus);
  --input-outline-focus-visible: var(--mode-outline-focus-visible);
  --input-icon-clear: EmrIconCloseCrossCircleSvg;
  --input-icon-validation: EmrIconDangerSvg;
  --input-block-size-small: var(--foundation-size-8);
  --input-block-size-xsmall: var(--foundation-size-5);
  --input-block-size-medium: var(--foundation-size-10);
  --input-block-size-large: var(--foundation-size-16);
  --info-icon-icon-background-information-none: var(--mode-alert-background-high-information-normal);
  --info-icon-icon-background-information-hover: var(--mode-alert-background-high-information-hover);
  --info-icon-icon-background-information-active: var(--mode-alert-background-high-information-active);
  --info-icon-icon-background-safety-none: var(--mode-alert-background-high-safety-normal);
  --info-icon-icon-background-safety-hover: var(--mode-alert-background-high-safety-hover);
  --info-icon-icon-background-safety-active: var(--mode-alert-background-high-safety-active);
  --info-icon-icon-background-warning-none: var(--mode-alert-background-high-warning-normal);
  --info-icon-icon-background-warning-hover: var(--mode-alert-background-high-warning-hover);
  --info-icon-icon-background-warning-active: var(--mode-alert-background-high-warning-active);
  --info-icon-icon-background-danger-none: var(--mode-alert-background-high-danger-normal);
  --info-icon-icon-background-danger-hover: var(--mode-alert-background-high-danger-hover);
  --info-icon-icon-background-danger-active: var(--mode-alert-background-high-danger-active);
  --info-icon-icon-background-caution-none: var(--mode-alert-background-high-caution-normal);
  --info-icon-icon-background-caution-hover: var(--mode-alert-background-high-caution-hover);
  --info-icon-icon-background-caution-active: var(--mode-alert-background-high-caution-active);
  --info-icon-icon-background-help-none: var(--mode-alert-background-high-neutral-normal);
  --info-icon-icon-background-help-hover: var(--mode-alert-background-high-neutral-hover);
  --info-icon-icon-background-help-active: var(--mode-alert-background-high-neutral-active);
  --info-icon-icon-background-neutral-none: var(--mode-alert-background-high-neutral-normal);
  --info-icon-icon-background-neutral-hover: var(--mode-alert-background-high-neutral-hover);
  --info-icon-icon-background-neutral-active: var(--mode-alert-background-high-neutral-active);
  --info-icon-icon-color-information-none: var(--mode-alert-background-high-on-information-normal);
  --info-icon-icon-color-information-hover: var(--mode-alert-background-high-on-information-hover);
  --info-icon-icon-color-information-active: var(--mode-alert-background-high-on-information-active);
  --info-icon-icon-color-safety-none: var(--mode-alert-background-high-on-safety-normal);
  --info-icon-icon-color-safety-hover: var(--mode-alert-background-high-on-safety-hover);
  --info-icon-icon-color-safety-active: var(--mode-alert-background-high-on-safety-active);
  --info-icon-icon-color-warning-none: var(--mode-alert-background-high-on-warning-normal);
  --info-icon-icon-color-warning-hover: var(--mode-alert-background-high-on-warning-hover);
  --info-icon-icon-color-warning-active: var(--mode-alert-background-high-on-warning-active);
  --info-icon-icon-color-danger-none: var(--mode-alert-background-high-on-danger-normal);
  --info-icon-icon-color-danger-hover: var(--mode-alert-background-high-on-danger-hover);
  --info-icon-icon-color-danger-active: var(--mode-alert-background-high-on-danger-active);
  --info-icon-icon-color-caution-none: var(--mode-alert-background-high-on-caution-normal);
  --info-icon-icon-color-caution-hover: var(--mode-alert-background-high-on-caution-hover);
  --info-icon-icon-color-caution-active: var(--mode-alert-background-high-on-caution-active);
  --info-icon-icon-color-help-none: var(--mode-alert-background-high-on-neutral-normal);
  --info-icon-icon-color-help-hover: var(--mode-alert-background-high-on-neutral-hover);
  --info-icon-icon-color-help-active: var(--mode-alert-background-high-on-neutral-active);
  --info-icon-icon-color-neutral-none: var(--mode-alert-background-high-on-neutral-normal);
  --info-icon-icon-color-neutral-hover: var(--mode-alert-background-high-on-neutral-hover);
  --info-icon-icon-color-neutral-active: var(--mode-alert-background-high-on-neutral-active);
  --info-icon-icon-name-neutral: EmrIconInformationSvg;
  --info-icon-icon-name-help: EmrIconHelpSvg;
  --info-icon-icon-name-information: EmrIconInformationSvg;
  --info-icon-icon-name-safety: EmrIconCheckmarkCircleSvg;
  --info-icon-icon-name-caution: EmrIconCautionSvg;
  --info-icon-icon-name-warning: EmrIconExclamationMarkCircleSvg;
  --info-icon-icon-name-danger: EmrIconDangerHexagonSvg;
  --info-bar-main-bar-background: var(--mode-comp-info-bar-background-primary);
  --info-bar-main-bar-padding-top: var(--foundation-space-none);
  --info-bar-main-bar-padding-right: var(--foundation-space-4);
  --info-bar-main-bar-padding-bottom: var(--foundation-space-none);
  --info-bar-main-bar-padding-left: var(--foundation-space-4);
  --info-bar-main-bar-column-gap: var(--foundation-space-6);
  --info-bar-main-bar-height: var(--foundation-size-16);
  --info-bar-main-bar-align-items: center;
  --info-bar-actions-container-align-items: center;
  --info-bar-actions-container-width: fit-content;
  --info-bar-actions-container-padding-left: var(--foundation-space-none);
  --info-bar-actions-container-padding-right: var(--foundation-space-none);
  --info-bar-actions-container-column-gap: var(--foundation-space-4);
  --info-bar-flags-container-width: fit-content;
  --info-bar-flags-container-height: fit-content;
  --info-bar-flags-container-padding-top: var(--foundation-space-none);
  --info-bar-flags-container-margin-top: var(--foundation-space-2);
  --info-bar-flags-container-padding-left: var(--foundation-space-none);
  --info-bar-flags-container-padding-right: var(--foundation-space-none);
  --info-bar-flags-container-padding-bottom: var(--foundation-space-none);
  --info-bar-flags-container-column-gap: var(--foundation-space-1);
  --info-bar-flags-container-position-left: 86px;
  --info-bar-flags-container-position-top: -2px;
  --info-bar-secondary-bar-background: var(--mode-comp-info-bar-background-secondary);
  --info-bar-secondary-bar-padding-top: var(--foundation-space-none);
  --info-bar-secondary-bar-padding-right: var(--foundation-space-4);
  --info-bar-secondary-bar-padding-bottom: var(--foundation-space-none);
  --info-bar-secondary-bar-padding-left: var(--foundation-space-4);
  --info-bar-secondary-bar-height: fit-content;
  --info-bar-compact-bar-background: var(--mode-comp-info-bar-background-primary);
  --info-bar-compact-bar-padding-top: var(--foundation-space-2);
  --info-bar-compact-bar-padding-right: var(--foundation-space-2);
  --info-bar-compact-bar-padding-bottom: var(--foundation-space-2);
  --info-bar-compact-bar-padding-left: var(--foundation-space-2);
  --info-bar-compact-bar-row-gap: var(--foundation-space-1);
  --info-bar-compact-bar-height: fit-content;
  --info-bar-icon-back: DlsIconNavigationLeftSvg;
  --info-bar-icon-expand: EmrIconChevronDownSvg;
  --info-bar-icon-collapse: EmrIconChevronUpSvg;
  --info-bar-icon-more: DlsIconMoreVerticalSvg;
  --info-bar-icon-edit: EmrIconEditSvg;
  --info-bar-icon-search: DlsIconSearchSvg;
  --info-bar-identity-container-width: fit-content;
  --info-bar-identity-container-padding-left: var(--foundation-space-none);
  --info-bar-identity-container-padding-right: var(--foundation-space-none);
  --info-bar-identity-container-column-gap: var(--foundation-space-2);
  --info-bar-identity-container-justify-content: flex-start;
  --info-bar-identity-container-align-items: center;
  --info-bar-alerts-container-width: fit-content;
  --info-bar-alerts-container-padding-left: var(--foundation-space-none);
  --info-bar-alerts-container-padding-right: var(--foundation-space-none);
  --info-bar-alerts-container-column-gap: var(--foundation-space-4);
  --info-bar-alerts-container-align-items: center;
  --info-bar-description-container-flex-direction: column;
  --info-bar-description-container-justify-content-no-flags: center;
  --info-bar-description-container-justify-content-flags: flex-start;
  --info-bar-identity-info-row-gap: var(--foundation-space-1);
  --info-bar-identity-info-width: fit-content;
  --info-bar-identity-info-min-width: var(--foundation-size-20);
  --info-bar-identity-info-max-width: 200px;
  --info-bar-title-max-width: 200px;
  --info-bar-subtitle-max-width: 200px;
  --info-bar-main-details-flex-wrap: wrap;
  --info-bar-main-details-column-gap: var(--foundation-space-6);
  --info-bar-main-details-row-gap: var(--foundation-space-8);
  --info-bar-identity-search-container-width: var(--foundation-size-12);
  --info-bar-identity-search-container-height: var(--foundation-size-12);
  --info-bar-identity-search-container-border-search: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --info-bar-identity-search-container-border-loaded: var(--generation-border-width-hairline) solid var(--generation-color-neutral-transparent);
  --info-bar-identity-search-container-border-radius-square: var(--generation-border-radius-2);
  --info-bar-identity-search-container-border-radius-circle: var(--generation-border-radius-circle);
  --info-bar-identity-search-container-outline-focus-visible: var(--generation-mode-outline-width-focus-visible) solid var(--mode-outline-color-focus);
  --info-bar-identity-search-container-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --info-bar-identity-search-icon-color: var(--mode-icon-color-primary);
  --info-bar-identity-search-opacity-none: 1;
  --info-bar-identity-search-opacity-hover: 0.8;
  --info-bar-identity-search-opacity-active: 0.8;
  --info-bar-identity-search-opacity-layer-background-none: var(--mode-comp-info-bar-identity-search-background-none);
  --info-bar-identity-search-opacity-layer-background-hover: var(--mode-comp-info-bar-identity-search-background-hover);
  --info-bar-identity-search-opacity-layer-background-active: var(--mode-comp-info-bar-identity-search-background-active);
  --info-bar-field-icon-color-hover: var(--mode-comp-info-bar-icon-field-color-primary);
  --info-bar-field-icon-inset-inline-end: 0;
  --info-bar-field-icon-position: absolute;
  --info-bar-field-icon-transform-regular: translate(20px);
  --info-bar-field-icon-transform-rtl: translate(-20px);
  --info-bar-field-container-flex-direction-vertical: column;
  --info-bar-field-container-flex-direction-horizontal: row;
  --info-bar-field-container-gap-small: var(--foundation-space-1);
  --info-bar-field-container-gap-medium: var(--foundation-space-1);
  --info-bar-field-container-gap-large: var(--foundation-space-2);
  --info-bar-field-container-max-width: 200px;
  --info-bar-field-container-width: fit-content;
  --info-bar-field-container-height: fit-content;
  --info-bar-field-info-value-outline-focus-visible: var(--generation-mode-outline-width-focus-visible) solid var(--mode-outline-color-focus);
  --info-bar-field-info-value-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --info-bar-field-info-value-focus-visible: var(--generation-border-radius-2);
  --info-bar-secondary-details-flex-wrap: wrap;
  --info-bar-secondary-details-column-gap: var(--foundation-space-6);
  --info-bar-secondary-details-row-gap: var(--foundation-space-8);
  --info-bar-secondary-details-height: fit-content;
  --info-bar-secondary-details-padding-top: var(--foundation-space-3);
  --info-bar-secondary-details-padding-bottom: var(--foundation-space-3);
  --info-bar-actions-icon-color-none: var(--mode-icon-color-primary);
  --info-bar-actions-icon-color-hover: var(--mode-icon-color-secondary);
  --info-bar-actions-icon-color-active: var(--mode-text-color-secondary);
  --info-bar-actions-icon-outline-color-focus-visible: var(--mode-comp-info-bar-icon-action-outline-color-focus-visible);
  --info-bar-actions-icon-outline-offset: var(--generation-outline-offset-focus-visible);
  --info-bar-actions-icon-outline-focus-visible: var(--generation-mode-outline-width-focus-visible) solid var(--mode-outline-color-focus);
  --info-bar-actions-icon-border-radius-focus-visible: var(--generation-border-radius-2);
  --indicator-tendency-line-container-background-default: var(--mode-alert-background-low-neutral-normal);
  --indicator-tendency-line-container-background-critical: var(--mode-alert-background-low-danger-normal);
  --indicator-tendency-line-container-background-none: var(--mode-surface-none);
  --indicator-tendency-line-container-border-radius-default: var(--generation-shape-corner-small);
  --indicator-tendency-line-container-width-small: var(--generation-dimension-14);
  --indicator-tendency-line-container-width-medium: var(--generation-dimension-18);
  --indicator-tendency-line-container-padding-top-default-small: 6px;
  --indicator-tendency-line-container-padding-top-default-medium: 6px;
  --indicator-tendency-line-container-padding-top-default-fill-available: 6px;
  --indicator-tendency-line-container-padding-top-none-small: 6px;
  --indicator-tendency-line-container-padding-top-none-medium: 6px;
  --indicator-tendency-line-container-padding-top-none-fill-available: 6px;
  --indicator-tendency-line-container-padding-right-default-small: var(--foundation-space-2);
  --indicator-tendency-line-container-padding-right-default-medium: var(--foundation-space-2);
  --indicator-tendency-line-container-padding-right-default-fill-available: var(--foundation-space-2);
  --indicator-tendency-line-container-padding-right-none-small: var(--foundation-space-none);
  --indicator-tendency-line-container-padding-right-none-medium: var(--foundation-space-none);
  --indicator-tendency-line-container-padding-right-none-fill-available: var(--foundation-space-none);
  --indicator-tendency-line-container-padding-bottom-default-small: 6px;
  --indicator-tendency-line-container-padding-bottom-default-medium: 6px;
  --indicator-tendency-line-container-padding-bottom-default-fill-available: 6px;
  --indicator-tendency-line-container-padding-bottom-none-small: 6px;
  --indicator-tendency-line-container-padding-bottom-none-medium: 6px;
  --indicator-tendency-line-container-padding-bottom-none-fill-available: 6px;
  --indicator-tendency-line-container-padding-left-default-small: var(--foundation-space-2);
  --indicator-tendency-line-container-padding-left-default-medium: var(--foundation-space-2);
  --indicator-tendency-line-container-padding-left-default-fill-available: var(--foundation-space-2);
  --indicator-tendency-line-container-padding-left-none-small: var(--foundation-space-none);
  --indicator-tendency-line-container-padding-left-none-medium: var(--foundation-space-none);
  --indicator-tendency-line-container-padding-left-none-fill-available: var(--foundation-space-none);
  --indicator-tendency-line-container-height-small: var(--generation-dimension-7);
  --indicator-tendency-line-container-height-medium: var(--generation-dimension-7);
  --indicator-tendency-line-container-height-fill-available: var(--generation-dimension-7);
  --indicator-tendency-line-bullet-background-neutral: var(--mode-alert-background-high-neutral-normal);
  --indicator-tendency-line-bullet-background-danger: var(--mode-alert-background-high-danger-normal);
  --indicator-tendency-line-bullet-background-warning: var(--mode-alert-background-high-warning-normal);
  --indicator-tendency-line-bullet-background-caution: var(--mode-alert-background-high-caution-normal);
  --indicator-tendency-line-bullet-background-safety: var(--mode-alert-background-high-safety-normal);
  --indicator-tendency-line-bullet-background-notice: var(--mode-alert-background-high-information-normal);
  --indicator-tendency-line-bullet-border-neutral: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-bullet-border-danger: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-bullet-border-warning: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-bullet-border-caution: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-bullet-border-safety: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-bullet-border-notice: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-bullet-width-small: var(--generation-dimension-2);
  --indicator-tendency-line-bullet-width-medium: var(--generation-dimension-2);
  --indicator-tendency-line-bullet-width-fill-available: var(--generation-dimension-2);
  --indicator-tendency-line-bullet-height-small: var(--generation-dimension-2);
  --indicator-tendency-line-bullet-height-medium: var(--generation-dimension-2);
  --indicator-tendency-line-bullet-height-fill-available: var(--generation-dimension-2);
  --indicator-tendency-line-bullet-border-radius-default: var(--generation-shape-corner-circle);
  --indicator-tendency-line-bullet-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --indicator-tendency-line-bullet-outline-focus-visible: var(--mode-outline-focus-visible);
  --indicator-tendency-line-line-border-small: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-line-border-medium: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-line-line-border-fill-available: var(--generation-border-width-hairline) solid var(--mode-border-color-primary);
  --indicator-tendency-icon-container-background-default: var(--mode-alert-background-low-neutral-normal);
  --indicator-tendency-icon-container-background-critical: var(--mode-alert-background-low-danger-normal);
  --indicator-tendency-icon-container-background-none: var(--mode-surface-none);
  --indicator-tendency-icon-container-border-radius-default: var(--generation-shape-corner-small);
  --indicator-tendency-icon-container-padding-top-default-small: 6px;
  --indicator-tendency-icon-container-padding-top-default-medium: 6px;
  --indicator-tendency-icon-container-padding-top-none-small: 6px;
  --indicator-tendency-icon-container-padding-top-none-medium: 6px;
  --indicator-tendency-icon-container-padding-bottom-default-small: 6px;
  --indicator-tendency-icon-container-padding-bottom-default-medium: 6px;
  --indicator-tendency-icon-container-padding-bottom-none-small: 6px;
  --indicator-tendency-icon-container-padding-bottom-none-medium: 6px;
  --indicator-tendency-icon-container-padding-right-default-small: var(--foundation-space-2);
  --indicator-tendency-icon-container-padding-right-default-medium: var(--foundation-space-2);
  --indicator-tendency-icon-container-padding-right-none-small: var(--foundation-space-none);
  --indicator-tendency-icon-container-padding-right-none-medium: var(--foundation-space-none);
  --indicator-tendency-icon-container-padding-left-default-small: var(--foundation-space-2);
  --indicator-tendency-icon-container-padding-left-default-medium: var(--foundation-space-2);
  --indicator-tendency-icon-container-padding-left-none-small: var(--foundation-space-none);
  --indicator-tendency-icon-container-padding-left-none-medium: var(--foundation-space-none);
  --indicator-tendency-icon-container-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --indicator-tendency-icon-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --indicator-tendency-icon-icon-color-neutral: var(--mode-alert-background-high-neutral-normal);
  --indicator-tendency-icon-icon-color-danger: var(--mode-alert-background-high-danger-normal);
  --indicator-tendency-icon-icon-color-warning: var(--mode-alert-background-high-warning-normal);
  --indicator-tendency-icon-icon-color-caution: var(--mode-alert-background-high-caution-normal);
  --indicator-tendency-icon-icon-color-safety: var(--mode-alert-background-high-safety-normal);
  --indicator-tendency-icon-icon-color-notice: var(--mode-alert-background-high-information-normal);
  --indicator-tendency-icon-icon-width-small: var(--generation-dimension-4);
  --indicator-tendency-icon-icon-width-medium: var(--generation-dimension-6);
  --indicator-tendency-icon-icon-height-small: var(--generation-dimension-4);
  --indicator-tendency-icon-icon-height-medium: var(--generation-dimension-6);
  --indicator-tendency-icon-icon-flat: EmrIconIndeterminateStateSvg;
  --indicator-tendency-icon-icon-up: DlsIconDateArrowUpSvg;
  --indicator-tendency-icon-icon-down: DlsIconDateArrowDownSvg;
  --indicator-label-label-width-small: var(--generation-dimension-10);
  --indicator-label-label-width-medium: var(--generation-dimension-12);
  --indicator-label-label-width-large: var(--generation-dimension-18);
  --indicator-label-label-width-fill-available: auto;
  --indicator-label-label-width-fit-content: fit-content;
  --indicator-label-label-color-blank: var(--mode-text-color-primary);
  --indicator-label-label-color-neutral: var(--mode-alert-background-high-on-neutral-normal);
  --indicator-label-label-color-caution: var(--mode-alert-background-high-on-caution-normal);
  --indicator-label-label-color-danger: var(--mode-alert-background-high-on-danger-normal);
  --indicator-label-label-color-notice: var(--mode-alert-background-high-on-information-normal);
  --indicator-label-label-color-safety: var(--mode-alert-background-high-on-safety-normal);
  --indicator-label-label-color-warning: var(--mode-alert-background-high-on-warning-normal);
  --indicator-label-label-font-family: var(--mode-font-family);
  --indicator-label-label-font-weight: var(--generation-font-weight-medium);
  --indicator-label-label-line-height: var(--generation-text-line-height-dense);
  --indicator-label-label-font-size: var(--generation-font-size-4);
  --indicator-label-container-border-radius-default: var(--generation-shape-corner-medium);
  --indicator-label-container-padding-top-small: var(--foundation-space-2);
  --indicator-label-container-padding-top-medium: var(--foundation-space-2);
  --indicator-label-container-padding-top-large: var(--foundation-space-2);
  --indicator-label-container-padding-top-fit-content: var(--foundation-space-2);
  --indicator-label-container-padding-top-fill-available: var(--foundation-space-2);
  --indicator-label-container-padding-right-small: var(--foundation-space-2);
  --indicator-label-container-padding-right-medium: var(--foundation-space-2);
  --indicator-label-container-padding-right-large: var(--foundation-space-2);
  --indicator-label-container-padding-right-fit-content: var(--foundation-space-2);
  --indicator-label-container-padding-right-fill-available: var(--foundation-space-2);
  --indicator-label-container-padding-bottom-small: var(--foundation-space-2);
  --indicator-label-container-padding-bottom-medium: var(--foundation-space-2);
  --indicator-label-container-padding-bottom-large: var(--foundation-space-2);
  --indicator-label-container-padding-bottom-fit-content: var(--foundation-space-2);
  --indicator-label-container-padding-bottom-fill-available: var(--foundation-space-2);
  --indicator-label-container-padding-left-small: var(--foundation-space-2);
  --indicator-label-container-padding-left-medium: var(--foundation-space-2);
  --indicator-label-container-padding-left-large: var(--foundation-space-2);
  --indicator-label-container-padding-left-fit-content: var(--foundation-space-2);
  --indicator-label-container-padding-left-fill-available: var(--foundation-space-2);
  --indicator-label-container-outline-width-emphasis: var(--generation-border-width-thin);
  --indicator-label-container-outline-width-none: var(--generation-border-width-none);
  --indicator-label-container-outline-color-default: var(--generation-color-neutral-black);
  --indicator-label-container-outline-color-none: var(--generation-color-neutral-transparent);
  --indicator-label-container-background-blank: var(--mode-color-quiet-normal);
  --indicator-label-container-background-neutral: var(--mode-alert-background-high-neutral-normal);
  --indicator-label-container-background-caution: var(--mode-alert-background-high-caution-normal);
  --indicator-label-container-background-danger: var(--mode-alert-background-high-danger-normal);
  --indicator-label-container-background-notice: var(--mode-alert-background-high-information-normal);
  --indicator-label-container-background-safety: var(--mode-alert-background-high-safety-normal);
  --indicator-label-container-background-warning: var(--mode-alert-background-high-warning-normal);
  --indicator-label-container-border-width-blank: var(--generation-border-width-hairline);
  --indicator-label-container-border-width-neutral: var(--generation-border-width-hairline);
  --indicator-label-container-border-width-caution: var(--generation-border-width-hairline);
  --indicator-label-container-border-width-danger: var(--generation-border-width-hairline);
  --indicator-label-container-border-width-notice: var(--generation-border-width-hairline);
  --indicator-label-container-border-width-safety: var(--generation-border-width-hairline);
  --indicator-label-container-border-width-warning: var(--generation-border-width-hairline);
  --indicator-label-container-border-color-blank: var(--mode-alert-background-high-neutral-normal);
  --indicator-label-container-border-color-neutral: var(--mode-border-color-null);
  --indicator-label-container-border-color-caution: var(--mode-border-color-null);
  --indicator-label-container-border-color-danger: var(--mode-border-color-null);
  --indicator-label-container-border-color-notice: var(--mode-border-color-null);
  --indicator-label-container-border-color-safety: var(--mode-border-color-null);
  --indicator-label-container-border-color-warning: var(--mode-border-color-null);
  --indicator-label-container-outline-emphasis: var(--indicator-label-container-outline-width-emphasis) solid var(--indicator-label-container-outline-color-default);
  --indicator-label-container-outline-none: var(--indicator-label-container-outline-width-none) solid var(--indicator-label-container-outline-color-none);
  --indicator-label-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --indicator-label-container-border-blank: var(--indicator-label-container-border-width-blank) solid var(--indicator-label-container-border-color-blank);
  --indicator-label-container-border-neutral: var(--indicator-label-container-border-width-neutral) solid var(--indicator-label-container-border-color-neutral);
  --indicator-label-container-border-caution: var(--indicator-label-container-border-width-caution) solid var(--indicator-label-container-border-color-caution);
  --indicator-label-container-border-danger: var(--indicator-label-container-border-width-danger) solid var(--indicator-label-container-border-color-danger);
  --indicator-label-container-border-notice: var(--indicator-label-container-border-width-notice) solid var(--indicator-label-container-border-color-notice);
  --indicator-label-container-border-safety: var(--indicator-label-container-border-width-safety) solid var(--indicator-label-container-border-color-safety);
  --indicator-label-container-border-warning: var(--indicator-label-container-border-width-warning) solid var(--indicator-label-container-border-color-warning);
  --indicator-label-container-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --indicator-bar-container-background-neutral: var(--mode-alert-background-high-neutral-normal);
  --indicator-bar-container-background-notice: var(--mode-alert-background-high-information-normal);
  --indicator-bar-container-background-safety: var(--mode-alert-background-high-safety-normal);
  --indicator-bar-container-background-caution: var(--mode-alert-background-high-caution-normal);
  --indicator-bar-container-background-warning: var(--mode-alert-background-high-warning-normal);
  --indicator-bar-container-background-danger: var(--mode-alert-background-high-danger-normal);
  --indicator-bar-container-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --indicator-bar-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --indicator-bar-container-width-vertical-small: var(--foundation-size-1);
  --indicator-bar-container-width-vertical-medium: var(--foundation-size-2);
  --indicator-bar-container-width-vertical-large: var(--foundation-size-3);
  --indicator-bar-container-height-horizontal-small: var(--foundation-size-1);
  --indicator-bar-container-height-horizontal-medium: var(--foundation-size-2);
  --indicator-bar-container-height-horizontal-large: var(--foundation-size-3);
  --indicator-bar-container-border-radius-default: var(--generation-border-radius-none);
  --indicator-bar-container-border-radius-rounded-inline-start: 2px 0px 0px 2px;
  --indicator-bar-container-border-radius-rounded-block-start: 2px 2px 0px 0px;
  --icon-width-xsmall: var(--foundation-size-3);
  --icon-width-small: 14px;
  --icon-width-medium: var(--foundation-size-4);
  --icon-width-large: var(--foundation-size-5);
  --icon-width-xlarge: var(--foundation-size-6);
  --icon-width-xxlarge: var(--foundation-size-8);
  --icon-height-xsmall: var(--foundation-size-3);
  --icon-height-small: 14px;
  --icon-height-medium: var(--foundation-size-4);
  --icon-height-large: var(--foundation-size-5);
  --icon-height-xlarge: var(--foundation-size-6);
  --icon-height-xxlarge: var(--foundation-size-8);
  --icon-placeholder-solid: EmrIconPlaceholderSvg;
  --icon-placeholder-duocolor: EmrIconPlaceholderSvg;
  --icon-color-solid-disabled: var(--mode-icon-color-disabled);
  --icon-color-duocolor-disabled: var(--mode-icon-color-inverse-primary);
  --icon-background-duocolor-disabled: var(--mode-icon-color-disabled);
  --icon-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --icon-container-outline-offset-focus-visible: var(--foundation-space-offset-xxsmall);
  --icon-container-width-xsmall: var(--foundation-size-3);
  --icon-container-width-small: 14px;
  --icon-container-width-medium: var(--foundation-size-4);
  --icon-container-width-large: var(--foundation-size-5);
  --icon-container-width-xlarge: var(--foundation-size-6);
  --icon-container-width-xxlarge: var(--foundation-size-8);
  --icon-container-height-xsmall: var(--foundation-size-3);
  --icon-container-height-small: 14px;
  --icon-container-height-medium: var(--foundation-size-4);
  --icon-container-height-large: var(--foundation-size-5);
  --icon-container-height-xlarge: var(--foundation-size-6);
  --icon-container-height-xxlarge: var(--foundation-size-8);
  --icon-container-border-radius-focus-visible: var(--generation-ref-border-radius-input);
  --heading-font-family: var(--mode-font-family);
  --heading-font-size-h1: var(--generation-font-size-8);
  --heading-font-size-h2: var(--generation-font-size-6);
  --heading-font-size-h3: var(--generation-font-size-5);
  --heading-font-size-h4: var(--generation-font-size-4);
  --heading-font-size-h5: var(--generation-font-size-3);
  --heading-font-size-h6: var(--generation-font-size-2);
  --heading-font-weight-regular: var(--generation-font-weight-book);
  --heading-font-weight-emphasis: var(--generation-font-weight-bold);
  --heading-line-height-regular: var(--generation-text-line-height-small);
  --heading-line-height-emphasis: var(--generation-text-line-height-small);
  --heading-color-regular: var(--mode-text-color-secondary);
  --heading-color-emphasis: var(--mode-text-color-primary);
  --header-bar-container-height: fit-content;
  --header-bar-container-row-gap: var(--breakpoint-header-bar-container-row-gap);
  --header-bar-main-area-height: fit-content;
  --header-bar-secondary-area-height: fit-content;
  --grid-layout-container-background-tertiary: var(--mode-surface-tertiary);
  --grid-layout-container-padding-none: var(--foundation-space-none);
  --grid-layout-container-padding-small: var(--foundation-space-4);
  --grid-layout-container-height-auto: 100%;
  --grid-layout-container-width-auto: 100%;
  --grid-layout-container-gap-none: var(--foundation-space-none);
  --grid-layout-container-gap-panel: var(--foundation-space-4);
  --grid-layout-container-gap-region: var(--foundation-space-025);
  --grid-layout-container-gap-indicator: var(--foundation-space-2);
  --grid-layout-area-padding-none: var(--foundation-space-none);
  --grid-layout-area-padding-small: var(--foundation-space-4);
  --grid-layout-area-padding-medium: var(--foundation-space-7);
  --grid-layout-area-background-primary: var(--mode-surface-primary);
  --grid-layout-area-background-secondary: var(--mode-surface-secondary);
  --grid-layout-area-background-static: var(--mode-surface-static-default);
  --grid-layout-area-box-shadow-content: var(--mode-elevation-box-shadow-content);
  --grid-layout-area-box-shadow-none: var(--mode-elevation-box-shadow-none);
  --grid-layout-icon-close-button: DlsIconCrossSvg;
  --grid-layout-close-button-offset-top: var(--foundation-space-offset-medium);
  --grid-layout-close-button-offset-right: var(--foundation-space-offset-medium);
  --form-container-inline-size: 100%;
  --form-container-block-size: 100%;
  --form-content-inline-size: 100%;
  --form-content-row-gap: var(--foundation-space-6);
  --form-footer-inline-size: 100%;
  --form-footer-block-size: fit-content;
  --form-footer-margin-block-start: var(--generation-container-spacing);
  --form-row-inline-size: 100%;
  --form-row-block-size: fit-content;
  --form-row-column-gap: var(--foundation-space-4);
  --footer-background-brand: var(--mode-surface-static-color);
  --footer-text-color-default: var(--mode-text-color-static-primary);
  --form-changelog-container-height: fit-content;
  --form-changelog-container-gap: var(--foundation-space-2);
  --form-changelog-container-flex-direction: row;
  --form-changelog-content-height: fit-content;
  --form-changelog-content-gap: var(--foundation-space-2);
  --form-changelog-content-flex-direction: column;
  --form-changelog-content-row-height: fit-content;
  --form-changelog-content-row-gap: var(--foundation-space-2);
  --form-changelog-content-row-flex-direction: row;
  --form-changelog-content-row-label-color: var(--mode-text-color-tertiary);
  --form-changelog-content-row-paragraph-value-color: var(--mode-text-color-primary);
  --form-changelog-icon-name-information: EmrIconInformationCircleSvg;
  --form-changelog-icon-color: var(--mode-icon-color-tertiary);
  --footer-bar-container-height: fit-content;
  --flex-container-space-0: var(--breakpoint-flex-container-space-0);
  --flex-container-space-2: var(--breakpoint-flex-container-space-2);
  --flex-container-space-4: var(--breakpoint-flex-container-space-4);
  --flex-container-space-8: var(--breakpoint-flex-container-space-8);
  --flex-container-space-12: var(--breakpoint-flex-container-space-12);
  --flex-container-space-16: var(--breakpoint-flex-container-space-16);
  --flex-container-space-20: var(--breakpoint-flex-container-space-20);
  --flex-container-space-24: var(--breakpoint-flex-container-space-24);
  --flex-container-space-28: var(--breakpoint-flex-container-space-28);
  --flex-container-space-32: var(--breakpoint-flex-container-space-32);
  --flex-container-space-40: var(--breakpoint-flex-container-space-40);
  --flex-container-space-48: var(--breakpoint-flex-container-space-48);
  --flex-container-space-64: var(--breakpoint-flex-container-space-64);
  --flex-container-space-80: var(--breakpoint-flex-container-space-80);
  --flex-container-space-96: var(--breakpoint-flex-container-space-96);
  --flex-container-width-fit-content: fit-content;
  --flex-container-height-fit-content: fit-content;
  --filter-bar-icon-name-filter: DlsIconFilterSvg;
  --filter-bar-tag-background-none: var(--mode-alert-background-low-neutral-normal);
  --filter-bar-tag-color-none: var(--mode-alert-text-low-on-neutral-normal);
  --filter-bar-tag-border-color-none: var(--generation-border-width-hairline) solid var(--mode-alert-border-neutral-normal);
  --filter-form-header-height: fit-content;
  --filter-form-header-padding-bottom: var(--foundation-space-4);
  --filter-form-content-row-gap: var(--foundation-space-4);
  --filter-form-footer-padding-top: var(--foundation-space-4);
  --filter-form-footer-height: fit-content;
  --filter-form-grid-layout-area-icon-color: var(--mode-icon-color-primary);
  --filter-form-grid-layout-area-icon-name-close: DlsIconCrossSvg;
  --fieldset-container-gap: var(--foundation-space-4);
  --fieldset-container-flex-direction: column;
  --fieldset-header-gap: var(--foundation-space-2);
  --fieldset-header-flex-direction: column;
  --fieldset-header-justify-content: space-between;
  --fieldset-header-title-flex-direction: row;
  --fieldset-header-title-gap: var(--foundation-space-2);
  --fieldset-header-title-width: fit-content;
  --fieldset-content-gap: var(--foundation-space-6);
  --fieldset-content-flex-direction: column;
  --fieldset-icon-navigation-up: var(--generation-icon-navigation-up);
  --fieldset-icon-navigation-down: var(--generation-icon-navigation-down);
  --fieldset-icon-color: var(--mode-icon-color-primary);
  --field-icon-width: var(--generation-comp-field-icon-width);
  --field-icon-height: var(--generation-comp-field-icon-height);
  --field-icon-margin-right: var(--foundation-space-2);
  --field-required-icon-width: var(--foundation-size-2);
  --field-required-icon-height: auto;
  --field-required-icon-margin-right: var(--foundation-space-1);
  --field-required-icon-color: var(--mode-alert-background-high-danger-normal);
  --field-icon-container-mobile-padding-top: var(--foundation-space-1);
  --field-icon-container-mobile-padding-right: var(--foundation-space-1);
  --field-icon-container-mobile-padding-bottom: var(--foundation-space-1);
  --field-icon-container-mobile-padding-left: var(--foundation-space-1);
  --field-container-padding-top: var(--foundation-space-3);
  --field-container-padding-bottom: var(--foundation-space-3);
  --field-container-padding-left: var(--foundation-space-2);
  --field-container-padding-right: var(--foundation-space-2);
  --field-label-margin-right-with-required-text: var(--foundation-space-1);
  --field-label-margin-right-without-required-text: var(--foundation-space-2);
  --field-label-color-primary: var(--mode-text-color-primary);
  --field-label-color-secondary: var(--mode-text-color-placeholder);
  --field-label-color-disabled: var(--mode-text-color-disabled);
  --field-label-strikethrough: var(--generation-text-decor-line-through);
  --field-label-font-size-small: var(--generation-font-size-3);
  --field-label-font-size-medium: var(--generation-font-size-4);
  --field-label-font-size-large: var(--generation-font-size-6);
  --field-label-font-weight-regular: var(--generation-font-weight-book);
  --field-label-font-weight-bold: var(--generation-font-weight-bold);
  --field-label-line-height-small: var(--generation-text-line-height-dense);
  --field-label-line-height-medium: var(--generation-text-line-height-dense);
  --field-label-line-height-large: var(--generation-text-line-height-dense);
  --field-label-height: var(--foundation-size-6);
  --field-required-text-margin-right: var(--foundation-space-2);
  --field-required-text-color-default: var(--mode-text-color-placeholder);
  --field-required-text-color-disabled: var(--mode-text-color-disabled);
  --field-required-text-font-size-small: var(--generation-font-size-3);
  --field-required-text-font-size-medium: var(--generation-font-size-4);
  --field-required-text-font-size-large: var(--generation-font-size-6);
  --field-required-text-font-weight: var(--generation-font-weight-book);
  --field-required-text-line-height: var(--generation-text-line-height-dense);
  --field-box-right-color-default: var(--mode-text-color-primary);
  --field-box-right-color-disabled: var(--mode-text-color-disabled);
  --field-box-right-font-weight: var(--generation-font-weight-book);
  --field-box-right-font-size: var(--generation-font-size-2);
  --field-box-right-line-height: var(--generation-text-line-height-dense);
  --field-box-right-max-width: 200px;
  --field-help-text-margin-right: var(--foundation-space-2);
  --field-rtl-required-icon-margin-left: var(--foundation-space-1);
  --field-rtl-label-margin-left-with-required-text: var(--foundation-space-1);
  --field-rtl-label-margin-left-without-required-text: var(--foundation-space-2);
  --field-rtl-required-text-margin-left: var(--foundation-space-2);
  --field-rtl-icon-margin-left: var(--foundation-space-2);
  --field-rtl-help-text-margin-left: var(--foundation-space-2);
  --field-font-family: var(--generation-font-family);
  --empty-state-container-padding-top: var(--foundation-space-4);
  --empty-state-container-padding-right: var(--foundation-space-4);
  --empty-state-container-padding-bottom: var(--foundation-space-4);
  --empty-state-container-padding-left: var(--foundation-space-4);
  --empty-state-container-row-gap: var(--foundation-space-4);
  --empty-state-asset-area-block-size: fit-content;
  --empty-state-content-area-block-size: fit-content;
  --empty-state-content-area-row-gap: var(--foundation-space-2);
  --empty-state-action-area-block-size: fit-content;
  --drawer-overlay-color: var(--mode-overlay-default);
  --drawer-overlay-height: 100%;
  --drawer-overlay-width: 100%;
  --drawer-overlay-z-index: 20;
  --drawer-container-width-top: 100%;
  --drawer-container-width-bottom: 100%;
  --drawer-container-width-right-25: 25%;
  --drawer-container-width-right-33: 33%;
  --drawer-container-width-right-50: 50%;
  --drawer-container-width-right-66: 66%;
  --drawer-container-width-right-75: 75%;
  --drawer-container-width-right-fit-content: fit-content;
  --drawer-container-width-left-25: 25%;
  --drawer-container-width-left-33: 33%;
  --drawer-container-width-left-50: 50%;
  --drawer-container-width-left-66: 66%;
  --drawer-container-width-left-75: 75%;
  --drawer-container-width-left-fit-content: fit-content;
  --drawer-container-height-right: 100%;
  --drawer-container-height-left: 100%;
  --drawer-container-height-top-25: 25%;
  --drawer-container-height-top-33: 33%;
  --drawer-container-height-top-50: 50%;
  --drawer-container-height-top-66: 66%;
  --drawer-container-height-top-75: 75%;
  --drawer-container-height-top-fit-content: fit-content;
  --drawer-container-height-bottom-25: 25%;
  --drawer-container-height-bottom-33: 33%;
  --drawer-container-height-bottom-50: 50%;
  --drawer-container-height-bottom-66: 66%;
  --drawer-container-height-bottom-75: 75%;
  --drawer-container-height-bottom-fit-content: fit-content;
  --drawer-container-background: var(--mode-surface-primary);
  --drawer-container-min-width-left: 300px;
  --drawer-container-min-width-right: 300px;
  --drawer-container-max-width-left: 75%;
  --drawer-container-max-width-right: 75%;
  --drawer-container-z-index: 40;
  --drawer-container-max-height-top: 75%;
  --drawer-container-max-height-bottom: 75%;
  --drawer-container-min-height-top: 25%;
  --drawer-container-min-height-bottom: 25%;
  --drawer-handle-color: var(--mode-border-color-normal);
  --drawer-handle-inline-size-left: var(--foundation-size-1);
  --drawer-handle-inline-size-right: var(--foundation-size-1);
  --drawer-handle-inline-size-bottom: var(--foundation-size-9);
  --drawer-handle-inline-size-top: var(--foundation-size-9);
  --drawer-handle-block-size-left: var(--foundation-size-9);
  --drawer-handle-block-size-right: var(--foundation-size-9);
  --drawer-handle-block-size-bottom: var(--foundation-size-1);
  --drawer-handle-block-size-top: var(--foundation-size-1);
  --drawer-handle-position: absolute;
  --drawer-handle-top-left: calc(50% - 18px);
  --drawer-handle-top-right: calc(50% - 18px);
  --drawer-handle-top-bottom: 8px;
  --drawer-handle-left-top: calc(50% - 18px);
  --drawer-handle-left-bottom: calc(50% - 18px);
  --drawer-handle-left-right: 8px;
  --drawer-handle-right-left: 8px;
  --drawer-handle-bottom-top: 8px;
  --disclosure-button-icon-name-navigation-left: DlsIconNavigationLeftSvg;
  --disclosure-button-icon-name-navigation-right: DlsIconNavigationRightSvg;
  --disclosure-button-icon-name-navigation-up: DlsIconNavigationUpSvg;
  --disclosure-button-icon-name-navigation-down: DlsIconNavigationDownSvg;
  --disclosure-button-icon-color-rectangular-enabled: var(--mode-icon-secondary-normal);
  --disclosure-button-icon-color-rectangular-hover: var(--mode-icon-secondary-hover);
  --disclosure-button-icon-color-rectangular-active: var(--mode-icon-secondary-active);
  --disclosure-button-icon-color-rectangular-disabled: var(--mode-icon-secondary-disable);
  --disclosure-button-container-padding-4: var(--foundation-space-1);
  --disclosure-button-container-padding-20: var(--foundation-space-5);
  --disclosure-button-container-padding-none: var(--foundation-space-none);
  --disclosure-button-container-border-rectangular-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --disclosure-button-container-border-rectangular-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-hover);
  --disclosure-button-container-border-rectangular-active: var(--generation-border-width-hairline) solid var(--mode-border-color-active);
  --disclosure-button-container-border-rectangular-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --disclosure-button-container-border-left-rectangular-left: none;
  --disclosure-button-container-border-right-rectangular-right: none;
  --disclosure-button-container-border-top-rectangular-top: none;
  --disclosure-button-container-border-bottom-rectangular-bottom: none;
  --disclosure-button-container-background-rectangular-enabled: var(--mode-surface-primary);
  --disclosure-button-container-background-rectangular-hover: var(--mode-color-quiet-list-hover);
  --disclosure-button-container-background-rectangular-active: var(--mode-color-quiet-list-active);
  --disclosure-button-container-background-rectangular-disabled: var(--mode-surface-primary);
  --disclosure-button-container-rectangular-z-index: 10;
  --disclosure-button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --disclosure-button-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --dragger-block-size-horizontal-fixed: var(--foundation-size-1);
  --dragger-block-size-vertical-fixed: var(--foundation-size-8);
  --dragger-inline-size-horizontal-fixed: var(--foundation-size-8);
  --dragger-inline-size-vertical-fixed: var(--foundation-size-1);
  --dragger-border-radius-rounded: var(--generation-border-radius-1);
  --dragger-border-radius-rounded-inline-end: var(--generation-border-radius-none) var(--generation-border-radius-1) var(--generation-border-radius-1) var(--generation-border-radius-none);
  --dragger-border-radius-rounded-inline-start: var(--generation-border-radius-1) var(--generation-border-radius-none) var(--generation-border-radius-none) var(--generation-border-radius-1);
  --dragger-background-regular-normal: var(--mode-alert-background-high-neutral-normal);
  --dragger-background-regular-hover: var(--mode-alert-background-high-neutral-hover);
  --dragger-background-regular-active: var(--mode-alert-background-high-neutral-active);
  --dragger-background-emphasis-normal: var(--mode-color-primary-normal);
  --dragger-background-emphasis-hover: var(--mode-color-primary-hover);
  --dragger-background-emphasis-active: var(--mode-color-primary-active);
  --dragger-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --dragger-outline-focus-visible: var(--mode-outline-focus-visible);
  --dialog-overlay-width: 100%;
  --dialog-overlay-height: 100%;
  --dialog-overlay-background: var(--mode-overlay-default);
  --dialog-overlay-z-index: 20;
  --dialog-overlay-inset-block-start: var(--foundation-space-inset-none);
  --dialog-overlay-inset-inline-start: var(--foundation-space-inset-none);
  --dialog-container-min-width: 40%;
  --dialog-container-min-height: fit-content;
  --dialog-container-max-width: 80%;
  --dialog-container-max-height: 80%;
  --dialog-container-background: var(--mode-surface-primary);
  --dialog-container-border-radius: var(--generation-border-radius-2);
  --dialog-container-box-shadow: var(--mode-elevation-box-shadow-dialog);
  --dialog-container-z-index: 40;
  --dialog-container-flex-direction: column;
  --dialog-container-gap: var(--foundation-space-none);
  --dialog-container-close-icon-offset: var(--foundation-space-offset-medium);
  --dialog-container-close-icon-color: var(--mode-icon-color-primary);
  --dialog-container-padding-block-start: var(--foundation-space-none);
  --dialog-container-padding-inline-start: var(--foundation-space-none);
  --dialog-container-padding-block-end: var(--foundation-space-none);
  --dialog-container-padding-inline-end: var(--foundation-space-none);
  --dialog-container-inset-block-start: var(--foundation-space-inset-none);
  --dialog-container-inset-inline-start: var(--foundation-space-inset-none);
  --dialog-container-margin-block-start: var(--foundation-space-none);
  --dialog-container-margin-inline-start: var(--foundation-space-none);
  --dialog-container-margin-block-end: var(--foundation-space-none);
  --dialog-container-margin-inline-end: var(--foundation-space-none);
  --dialog-container-fit-content-inline-size: fit-content;
  --dialog-container-fit-content-block-size: fit-content;
  --dialog-content-area-min-height: var(--foundation-size-24);
  --dialog-content-area-max-height: 100%;
  --dialog-anchor-container-inline-size: 100%;
  --dialog-anchor-container-block-size: 100%;
  --dialog-modal-container-min-width: 40%;
  --dialog-modal-container-width: fit-content;
  --dialog-modal-container-max-width: 80%;
  --dialog-modal-container-height: fit-content;
  --dialog-modal-body-height: fit-content;
  --dialog-non-modal-container-min-width: 40%;
  --dialog-non-modal-container-width: fit-content;
  --dialog-non-modal-container-max-width: 80%;
  --dialog-non-modal-container-height: fit-content;
  --dialog-non-modal-body-height: fit-content;
  --dialog-alert-container-min-width: 320;
  --dialog-alert-container-width: fit-content;
  --dialog-alert-container-max-width: 640;
  --dialog-alert-container-height: fit-content;
  --dialog-alert-body-height: fit-content;
  --dialog-alert-body-min-height: var(--foundation-size-24);
  --dialog-alert-body-max-height: 192;
  --deck-group-width: 100%;
  --deck-group-height: 100%;
  --deck-group-header-width: 100%;
  --deck-group-header-content-width: 100%;
  --deck-group-header-content-width-small: 30%;
  --deck-group-header-content-width-medium: 50%;
  --deck-group-header-content-width-large: 70%;
  --deck-group-header-background-highlighted: var(--mode-surface-secondary);
  --deck-group-header-background-none: var(--mode-surface-none);
  --deck-group-header-label-font-family: var(--mode-font-family);
  --deck-group-header-label-font-weight: var(--generation-font-weight-bold);
  --deck-group-header-label-line-height: var(--generation-text-line-height-medium);
  --deck-group-header-label-color: var(--mode-text-color-primary);
  --deck-group-header-label-font-size-small: var(--generation-font-size-1);
  --deck-group-header-label-font-size-medium: var(--generation-font-size-2);
  --deck-group-header-label-font-size-large: var(--generation-font-size-3);
  --deck-group-header-spacing-vertical: var(--foundation-space-3);
  --deck-group-header-spacing-horizontal: var(--foundation-space-4);
  --deck-group-footer-width: 100%;
  --deck-group-footer-height: 100%;
  --deck-group-footer-background-none: var(--mode-surface-none);
  --deck-group-body-gap-xsmall: var(--foundation-space-025);
  --deck-group-body-gap-small: var(--foundation-space-05);
  --deck-group-body-gap-medium: var(--foundation-space-1);
  --deck-group-body-gap-large: var(--foundation-space-2);
  --deck-group-body-gap-xlarge: var(--foundation-space-3);
  --deck-group-body-spacing-inset-none: var(--foundation-space-none);
  --deck-group-body-background-none: var(--mode-surface-none);
  --date-time-picker-container-gap-default: var(--foundation-space-7);
  --date-time-picker-content-width-fit-content: fit-content;
  --date-time-picker-content-height-auto: 100%;
  --date-time-picker-content-vertical-align-middle: middle;
  --date-time-input-header-height: fit-content;
  --date-time-input-header-padding-top: 40px;
  --date-time-input-header-padding-right: 24px;
  --date-time-input-header-padding-bottom: 24px;
  --date-time-input-header-padding-left: 24px;
  --date-time-input-header-background: var(--mode-color-neutral-low);
  --date-time-input-header-flex-direction: column;
  --date-time-input-header-justify-content: flex-end;
  --date-time-input-header-title-color: var(--mode-color-on-quiet-emphasis-normal);
  --date-time-input-content-height: fit-content;
  --date-time-input-content-padding-top: 0px;
  --date-time-input-content-padding-right: 24px;
  --date-time-input-content-padding-bottom: 0px;
  --date-time-input-content-padding-left: 24px;
  --date-time-input-content-align-items: center;
  --date-time-input-footer-align-items: center;
  --date-time-input-footer-height: fit-content;
  --date-time-input-footer-padding-top: 24px;
  --date-time-input-footer-padding-right: 24px;
  --date-time-input-footer-padding-bottom: 24px;
  --date-time-input-footer-padding-left: 24px;
  --date-time-input-bottom-bar-gap: 16px;
  --date-time-input-bottom-bar-max-width: 768px;
  --date-time-input-icon-name-calendar: var(--generation-comp-date-input-icon-calendar);
  --date-time-input-icon-name-clock: var(--generation-comp-time-input-icon-clock);
  --date-picker-container-width: fit-content;
  --date-picker-container-height: fit-content;
  --date-picker-container-background: var(--mode-surface-primary);
  --date-picker-header-height: fit-content;
  --date-picker-header-padding-top: var(--foundation-space-none);
  --date-picker-header-padding-bottom: var(--foundation-space-5);
  --date-picker-header-label-width: fit-content;
  --date-picker-header-label-height: fit-content;
  --date-picker-header-label-color: var(--mode-comp-date-picker-label-header);
  --date-picker-header-label-gap: var(--foundation-space-2);
  --date-picker-weekdays-width: fit-content;
  --date-picker-weekdays-height: fit-content;
  --date-picker-weekdays-column-gap: var(--generation-comp-date-picker-weekdays-column-gap);
  --date-picker-calendar-width: fit-content;
  --date-picker-calendar-height: fit-content;
  --date-picker-special-info-height: fit-content;
  --date-picker-special-info-max-height: 120px;
  --date-picker-special-info-color: var(--mode-comp-date-picker-label-special-info);
  --date-picker-special-info-padding-top: var(--foundation-space-2);
  --date-picker-special-info-padding-right: var(--foundation-space-2);
  --date-picker-special-info-padding-bottom: var(--foundation-space-2);
  --date-picker-special-info-padding-left: var(--foundation-space-2);
  --date-picker-special-info-row-gap: var(--foundation-space-2);
  --date-picker-footer-height: fit-content;
  --date-picker-weekly-monthly-calendar-footer-padding-top: var(--foundation-space-5);
  --date-picker-weekly-monthly-calendar-footer-padding-bottom: var(--foundation-space-5);
  --date-picker-weekly-monthly-calendar-calendar-row-gap: var(--generation-comp-date-picker-weekly-row-gap);
  --date-picker-weekly-monthly-calendar-calendar-cell-gap: var(--foundation-space-05);
  --date-picker-weekly-monthly-calendar-calendar-cell-width-single: var(--generation-comp-date-picker-cell-weekly-width);
  --date-picker-weekly-monthly-calendar-calendar-cell-width-multi: var(--generation-comp-date-picker-cell-weekly-width);
  --date-picker-weekly-monthly-calendar-calendar-cell-height-single: var(--generation-comp-date-picker-cell-weekly-height);
  --date-picker-weekly-monthly-calendar-calendar-cell-height-multi: var(--generation-comp-date-picker-cell-weekly-height);
  --date-picker-weekly-monthly-calendar-calendar-cell-outer-container-padding-left-single: var(--breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --date-picker-weekly-monthly-calendar-calendar-cell-outer-container-padding-left-multi: var(--breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --date-picker-weekly-monthly-calendar-calendar-cell-outer-container-padding-right-single: var(--breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --date-picker-weekly-monthly-calendar-calendar-cell-outer-container-padding-right-multi: var(--breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-regular-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-regular-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-range-date-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-range-date-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-current-date-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-current-date-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-special-date-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-special-date-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-weekday-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-weekday-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-adjacent-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-adjacent-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-blocked-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-blocked-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-indicator-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-weekly-monthly-calendar-calendar-cell-border-radius-indicator-multi: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-icon-width: var(--foundation-size-5);
  --date-picker-icon-height: var(--foundation-size-5);
  --date-picker-icon-border: var(--mode-comp-date-picker-border-icon-container);
  --date-picker-icon-border-radius: var(--generation-border-radius-circle);
  --date-picker-icon-color-default: var(--mode-icon-color-default);
  --date-picker-icon-navigation-left: var(--generation-icon-navigation-left);
  --date-picker-icon-navigation-right: var(--generation-icon-navigation-right);
  --date-picker-icon-condense: DlsIconNavigationUpSvg;
  --date-picker-icon-expand: DlsIconNavigationDownSvg;
  --date-picker-icon-name-navigation-right: var(--generation-comp-date-picker-icon-navigation-right);
  --date-picker-icon-name-navigation-left: var(--generation-comp-date-picker-icon-navigation-left);
  --date-picker-icon-name-navigation-up: var(--generation-comp-date-picker-icon-navigation-up);
  --date-picker-icon-name-navigation-down: var(--generation-comp-date-picker-icon-navigation-down);
  --date-picker-yearly-decades-calendar-calendar-cell-gap: var(--foundation-space-1);
  --date-picker-yearly-decades-calendar-calendar-cell-width-single: var(--generation-comp-date-picker-cell-yearly-single-width);
  --date-picker-yearly-decades-calendar-calendar-cell-width-multi: var(--generation-comp-date-picker-cell-yearly-multi-width);
  --date-picker-yearly-decades-calendar-calendar-cell-height-single: var(--generation-comp-date-picker-cell-yearly-single-height);
  --date-picker-yearly-decades-calendar-calendar-cell-height-multi: var(--generation-comp-date-picker-cell-yearly-multi-height);
  --date-picker-yearly-decades-calendar-calendar-cell-outer-container-padding-left-single: var(--breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --date-picker-yearly-decades-calendar-calendar-cell-outer-container-padding-left-multi: var(--foundation-space-none);
  --date-picker-yearly-decades-calendar-calendar-cell-outer-container-padding-right-single: var(--breakpoint-date-picker-montly-calendar-calendar-cell-outer-container-padding-horizontal);
  --date-picker-yearly-decades-calendar-calendar-cell-outer-container-padding-right-multi: var(--foundation-space-none);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-regular-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-regular-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-range-date-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-range-date-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-current-date-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-current-date-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-special-date-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-special-date-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-weekday-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-weekday-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-adjacent-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-adjacent-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-blocked-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-blocked-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-indicator-single: var(--generation-comp-date-picker-border-radius-default);
  --date-picker-yearly-decades-calendar-calendar-cell-border-radius-indicator-multi: var(--generation-ref-border-radius-input);
  --date-picker-yearly-decades-calendar-calendar-row-gap-single: var(--generation-comp-date-picker-yearly-row-gap);
  --date-picker-yearly-decades-calendar-calendar-row-gap-multi: var(--foundation-space-none);
  --date-picker-yearly-decades-calendar-footer-padding-top: var(--foundation-space-5);
  --date-picker-yearly-decades-calendar-footer-padding-bottom: var(--foundation-space-none);
  --date-picker-calendar-cell-background-regular-default-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-regular-default-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-regular-default-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-regular-hover-enabled: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-regular-hover-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-regular-hover-selected: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-regular-active-enabled: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-regular-active-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-regular-active-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-range-date-default-enabled: var(--mode-comp-date-picker-background-range-date);
  --date-picker-calendar-cell-background-range-date-default-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-range-date-default-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-range-date-hover-enabled: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-range-date-hover-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-range-date-hover-selected: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-range-date-active-enabled: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-range-date-active-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-range-date-active-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-current-date-default-enabled: var(--mode-comp-date-picker-background-current-date);
  --date-picker-calendar-cell-background-current-date-default-disabled: var(--mode-comp-date-picker-background-current-date);
  --date-picker-calendar-cell-background-current-date-default-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-current-date-hover-enabled: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-current-date-hover-disabled: var(--mode-comp-date-picker-background-current-date);
  --date-picker-calendar-cell-background-current-date-hover-selected: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-current-date-active-enabled: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-current-date-active-disabled: var(--mode-comp-date-picker-background-current-date);
  --date-picker-calendar-cell-background-current-date-active-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-special-date-default-enabled: var(--mode-comp-date-picker-background-special-info);
  --date-picker-calendar-cell-background-special-date-default-disabled: var(--mode-comp-date-picker-background-special-info);
  --date-picker-calendar-cell-background-special-date-default-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-special-date-hover-enabled: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-special-date-hover-disabled: var(--mode-comp-date-picker-background-special-info);
  --date-picker-calendar-cell-background-special-date-hover-selected: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-special-date-active-enabled: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-special-date-active-disabled: var(--mode-comp-date-picker-background-special-info);
  --date-picker-calendar-cell-background-special-date-active-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-weekday-default-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-default-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-default-selected: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-hover-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-hover-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-hover-selected: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-active-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-active-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-weekday-active-selected: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-indicator-default-enabled: var(--mode-surface-primary);
  --date-picker-calendar-cell-background-indicator-default-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-indicator-default-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-indicator-hover-enabled: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-indicator-hover-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-indicator-hover-selected: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-indicator-active-enabled: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-indicator-active-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-indicator-active-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-adjacent-default-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-adjacent-default-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-adjacent-default-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-adjacent-hover-enabled: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-adjacent-hover-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-adjacent-hover-selected: var(--mode-comp-date-picker-background-hover);
  --date-picker-calendar-cell-background-adjacent-active-enabled: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-adjacent-active-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-adjacent-active-selected: var(--mode-comp-date-picker-background-active);
  --date-picker-calendar-cell-background-blocked-default-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-default-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-default-selected: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-hover-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-hover-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-hover-selected: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-active-enabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-active-disabled: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-background-blocked-active-selected: var(--mode-comp-date-picker-background-default);
  --date-picker-calendar-cell-border-regular: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-border-range-date: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-border-current-date: var(--mode-comp-date-picker-border-current-date);
  --date-picker-calendar-cell-border-special-date: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-border-weekday: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-border-adjacent: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-border-blocked: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-border-indicator: var(--generation-border-width-thin) solid var(--generation-color-neutral-transparent);
  --date-picker-calendar-cell-color-regular-default-enabled: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-regular-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-regular-default-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-regular-hover-enabled: var(--mode-comp-date-picker-label-hover);
  --date-picker-calendar-cell-color-regular-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-regular-hover-selected: var(--mode-comp-date-picker-label-hover);
  --date-picker-calendar-cell-color-regular-active-enabled: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-regular-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-regular-active-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-range-date-default-enabled: var(--mode-comp-date-picker-label-range-date);
  --date-picker-calendar-cell-color-range-date-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-range-date-default-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-range-date-hover-enabled: var(--mode-comp-date-picker-label-range-date);
  --date-picker-calendar-cell-color-range-date-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-range-date-hover-selected: var(--mode-comp-date-picker-label-range-date);
  --date-picker-calendar-cell-color-range-date-active-enabled: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-range-date-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-range-date-active-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-current-date-default-enabled: var(--mode-comp-date-picker-label-current-date);
  --date-picker-calendar-cell-color-current-date-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-current-date-default-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-current-date-hover-enabled: var(--mode-comp-date-picker-label-current-date);
  --date-picker-calendar-cell-color-current-date-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-current-date-hover-selected: var(--mode-comp-date-picker-label-current-date);
  --date-picker-calendar-cell-color-current-date-active-enabled: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-current-date-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-current-date-active-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-special-date-default-enabled: var(--mode-comp-date-picker-label-special-info);
  --date-picker-calendar-cell-color-special-date-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-special-date-default-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-special-date-hover-enabled: var(--mode-comp-date-picker-label-special-info);
  --date-picker-calendar-cell-color-special-date-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-special-date-hover-selected: var(--mode-comp-date-picker-label-special-info);
  --date-picker-calendar-cell-color-special-date-active-enabled: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-special-date-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-special-date-active-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-weekday-default-enabled: var(--mode-comp-date-picker-label-weekday-default);
  --date-picker-calendar-cell-color-weekday-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-weekday-default-selected: var(--mode-comp-date-picker-label-weekday-selected);
  --date-picker-calendar-cell-color-weekday-hover-enabled: var(--mode-comp-date-picker-label-weekday-default);
  --date-picker-calendar-cell-color-weekday-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-weekday-hover-selected: var(--mode-comp-date-picker-label-weekday-selected);
  --date-picker-calendar-cell-color-weekday-active-enabled: var(--mode-comp-date-picker-label-weekday-default);
  --date-picker-calendar-cell-color-weekday-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-weekday-active-selected: var(--mode-comp-date-picker-label-weekday-selected);
  --date-picker-calendar-cell-color-indicator-default-enabled: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-indicator-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-indicator-default-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-indicator-hover-enabled: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-indicator-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-indicator-hover-selected: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-indicator-active-enabled: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-indicator-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-indicator-active-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-adjacent-default-enabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-adjacent-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-adjacent-default-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-adjacent-hover-enabled: var(--mode-comp-date-picker-label-hover);
  --date-picker-calendar-cell-color-adjacent-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-adjacent-hover-selected: var(--mode-comp-date-picker-label-hover);
  --date-picker-calendar-cell-color-adjacent-active-enabled: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-adjacent-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-adjacent-active-selected: var(--mode-comp-date-picker-label-active);
  --date-picker-calendar-cell-color-blocked-default-enabled: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-blocked-default-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-blocked-default-selected: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-blocked-hover-enabled: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-blocked-hover-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-blocked-hover-selected: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-blocked-active-enabled: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-color-blocked-active-disabled: var(--mode-comp-date-picker-label-disabled);
  --date-picker-calendar-cell-color-blocked-active-selected: var(--mode-comp-date-picker-label-default);
  --date-picker-calendar-cell-border-color-indicator-full: var(--mode-comp-date-picker-indicator-border-color-full);
  --date-picker-calendar-cell-border-color-indicator-empty: var(--mode-comp-date-picker-indicator-border-color-empty);
  --date-picker-cell-range-background-default: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-range-background-start: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-range-background-middle: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-range-background-end: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-range-border-radius-default: var(--generation-comp-date-picker-border-radius-none);
  --date-picker-cell-range-border-radius-start: var(--generation-comp-date-picker-border-radius-start);
  --date-picker-cell-range-border-radius-middle: var(--generation-comp-date-picker-border-radius-none);
  --date-picker-cell-range-border-radius-end: var(--generation-comp-date-picker-border-radius-end);
  --date-picker-outline-focus-visible: var(--mode-outline-focus);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-normal-none: var(--mode-comp-date-picker-border-primary);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-normal-hover: var(--mode-comp-date-picker-border-primary);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-current-now-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-current-other-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-normal-none: var(--mode-comp-date-picker-border-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-normal-hover: var(--mode-comp-date-picker-border-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-unselected-adjacent-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-now-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-now-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-now-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-current-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-current-now-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-current-now-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-current-now-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-current-now-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-current-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-current-other-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-current-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-current-other-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-current-other-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-current-other-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-current-other-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-current-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-current-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-adjacent-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-color-empty-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-color-empty-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-color-full-none: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-color-full-hover: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-color-full-active: var(--mode-comp-date-picker-colors-full);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-enabled-selected-adjacent-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-normal-none: var(--mode-comp-date-picker-border-neutral);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-normal-hover: var(--mode-comp-date-picker-border-neutral);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-current-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-normal-none: var(--mode-comp-date-picker-border-neutral);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-normal-hover: var(--mode-comp-date-picker-border-neutral);
  --date-picker-cell-decorator-disabled-unselected-adjacent-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-unselected-adjacent-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-now-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-now-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-current-other-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-current-other-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-now-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-color-empty-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-color-empty-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-color-empty-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-color-full-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-color-full-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-color-full-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-width-empty-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-width-empty-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-width-empty-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-width-full-none: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-width-full-hover: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-width-full-active: var(--generation-comp-date-picker-border-width-default);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-normal-none: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-normal-hover: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-decorator-disabled-selected-adjacent-other-border-normal-active: var(--mode-comp-date-picker-border-none);
  --date-picker-cell-content-enabled-unselected-current-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-unselected-current-now-background-normal-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-unselected-current-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-now-background-special-available-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-unselected-current-now-background-special-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-unselected-current-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-now-color-normal-available-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-color-normal-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-unselected-current-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-now-color-special-available-none: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-now-color-special-available-hover: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-now-color-special-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-unselected-current-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-current-other-background-normal-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-current-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-current-other-background-special-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-unselected-current-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-current-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-current-other-color-normal-available-none: var(--mode-comp-date-picker-colors-foreground);
  --date-picker-cell-content-enabled-unselected-current-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-foreground);
  --date-picker-cell-content-enabled-unselected-current-other-color-normal-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-unselected-current-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-foreground);
  --date-picker-cell-content-enabled-unselected-current-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-foreground);
  --date-picker-cell-content-enabled-unselected-current-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-foreground);
  --date-picker-cell-content-enabled-unselected-current-other-color-special-available-none: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-other-color-special-available-hover: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-other-color-special-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-unselected-current-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-current-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-emphasis);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-unselected-adjacent-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-unselected-adjacent-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-current-now-background-normal-available-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-now-background-normal-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-special-available-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-special-available-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-now-background-special-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-color-normal-available-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-color-normal-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-special-available-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-special-available-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-color-special-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-background-normal-available-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-other-background-normal-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-special-available-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-special-available-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-other-background-special-available-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-secondary);
  --date-picker-cell-content-enabled-selected-current-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-color-normal-available-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-color-normal-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-special-available-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-special-available-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-color-special-available-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-current-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-primary);
  --date-picker-cell-content-enabled-selected-current-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-inverse);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-enabled-selected-adjacent-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-enabled-selected-adjacent-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-current-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-current-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-current-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-disabled-unselected-adjacent-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-unselected-adjacent-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-current-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-current-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-disabled-selected-adjacent-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-current-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-current-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-current-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-normal-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-special-available-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-special-available-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-none);
  --date-picker-cell-content-read-only-unselected-adjacent-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-unselected-adjacent-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-current-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-current-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-now-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-normal-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-normal-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-normal-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-normal-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-normal-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-normal-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-special-available-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-special-available-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-special-available-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-special-blocked-none: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-special-blocked-hover: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-background-special-blocked-active: var(--mode-comp-date-picker-colors-neutral);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-normal-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-normal-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-normal-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-normal-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-normal-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-normal-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-special-available-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-special-available-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-special-available-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-special-blocked-none: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-special-blocked-hover: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-read-only-selected-adjacent-other-color-special-blocked-active: var(--mode-comp-date-picker-colors-disabled);
  --date-picker-cell-content-line-height: 100%;
  --date-picker-expander-height: fit-content;
  --date-picker-expander-padding-top: var(--foundation-space-2);
  --date-picker-expander-padding-bottom: var(--foundation-space-2);
  --date-picker-outline-offset-focus-visible: var(--generation-comp-date-picker-outline-offset-focus-visible);
  --date-picker-event-sign-signal-width: var(--generation-comp-date-picker-event-sign-signal-width);
  --date-picker-event-sign-signal-height: var(--generation-comp-date-picker-event-sign-signal-height);
  --date-picker-event-sign-signal-border-radius: var(--generation-border-radius-2);
  --date-input-icon-name-calendar: var(--generation-comp-date-input-icon-calendar);
  --date-input-icon-name-arrow-right: DlsIconArrowRightSvg;
  --date-input-icon-name-arrow-left: DlsIconArrowLeftSvg;
  --date-input-header-height: fit-content;
  --date-input-header-padding-top: 28px;
  --date-input-header-padding-right: 16px;
  --date-input-header-padding-bottom: 12px;
  --date-input-header-padding-left: 16px;
  --date-input-header-background: var(--mode-color-neutral-low);
  --date-input-header-flex-direction: column;
  --date-input-header-justify-content: flex-end;
  --date-input-header-title-color: var(--mode-color-on-quiet-emphasis-normal);
  --date-input-content-height: fit-content;
  --date-input-content-padding-top: 0px;
  --date-input-content-padding-right: 8px;
  --date-input-content-padding-bottom: 0px;
  --date-input-content-padding-left: 8px;
  --date-input-content-align-items: center;
  --date-input-footer-align-items: center;
  --date-input-footer-height: fit-content;
  --date-input-footer-padding-top: 8px;
  --date-input-footer-padding-right: 8px;
  --date-input-footer-padding-bottom: 8px;
  --date-input-footer-padding-left: 8px;
  --date-input-bottom-bar-gap: 8px;
  --date-input-bottom-bar-max-width: 768px;
  --crud-panel-grid-layout-area-gap: var(--foundation-space-7);
  --crud-panel-header-bar-filter-icon-name: DlsIconFilterSvg;
  --crud-panel-header-bar-filter-icon-color-none: var(--mode-icon-secondary-normal);
  --crud-panel-header-bar-filter-icon-color-hover: var(--mode-icon-secondary-hover);
  --crud-panel-header-bar-filter-icon-color-active: var(--mode-icon-secondary-active);
  --counter-tag-container-background: var(--mode-alert-background-low-neutral-normal);
  --counter-tag-label-background: var(--mode-text-color-primary);
  --checklist-multi-group-container-gap: var(--foundation-space-8);
  --checklist-header-label-margin-bottom: var(--foundation-space-2);
  --checklist-header-label-font-family: var(--mode-font-family);
  --checklist-header-label-font-weight-small: var(--generation-font-weight-bold);
  --checklist-header-label-font-weight-medium: var(--generation-font-weight-bold);
  --checklist-header-label-font-weight-large: var(--generation-font-weight-bold);
  --checklist-header-label-line-height-small: var(--generation-text-line-height-medium);
  --checklist-header-label-line-height-medium: var(--generation-text-line-height-medium);
  --checklist-header-label-line-height-large: var(--generation-text-line-height-medium);
  --checklist-header-label-font-size-small: var(--generation-font-size-1);
  --checklist-header-label-font-size-medium: var(--generation-font-size-1);
  --checklist-header-label-font-size-large: var(--generation-font-size-3);
  --checklist-nested-container-padding-right: var(--foundation-space-3);
  --checklist-nested-container-padding-left: var(--foundation-space-3);
  --checklist-header-divider-border: var(--generation-border-width-hairline) solid var(--mode-surface-secondary);
  --collection-footer-container-min-width: 220px;
  --collection-footer-container-gap: var(--foundation-space-2);
  --collection-footer-container-flex-direction: space-between;
  --collection-footer-container-align-content: center;
  --collection-footer-records-summarizer-width: fit-content;
  --collection-footer-records-summarizer-min-width: 162px;
  --collection-footer-legends-width: fit-content;
  --collection-footer-legends-min-width: 92px;
  --collection-footer-paginator-width: fit-content;
  --button-container-border-radius-rectangle: var(--generation-ref-border-radius-rounded-all);
  --button-container-border-radius-circle: var(--generation-border-radius-circle);
  --button-container-width-fit-content: fit-content;
  --button-container-height: fit-content;
  --button-container-padding-top-rectangle-horizontal-small: var(--foundation-space-2);
  --button-container-padding-top-rectangle-horizontal-medium: var(--density-button-top);
  --button-container-padding-top-rectangle-horizontal-large: var(--foundation-space-4);
  --button-container-padding-top-rectangle-vertical-small: var(--foundation-space-2);
  --button-container-padding-top-rectangle-vertical-medium: var(--density-button-top);
  --button-container-padding-top-rectangle-vertical-large: var(--foundation-space-4);
  --button-container-padding-top-circle-small: var(--foundation-space-2);
  --button-container-padding-top-circle-medium: var(--foundation-space-2);
  --button-container-padding-top-circle-large: var(--foundation-space-4);
  --button-container-padding-right-rectangle-horizontal-small: var(--foundation-space-2);
  --button-container-padding-right-rectangle-horizontal-medium: var(--foundation-space-4);
  --button-container-padding-right-rectangle-horizontal-large: var(--foundation-space-6);
  --button-container-padding-right-rectangle-vertical-small: var(--foundation-space-2);
  --button-container-padding-right-rectangle-vertical-medium: var(--foundation-space-4);
  --button-container-padding-right-rectangle-vertical-large: var(--foundation-space-6);
  --button-container-padding-right-circle-small: var(--foundation-space-2);
  --button-container-padding-right-circle-medium: var(--foundation-space-2);
  --button-container-padding-right-circle-large: var(--foundation-space-4);
  --button-container-padding-bottom-rectangle-horizontal-small: var(--foundation-space-2);
  --button-container-padding-bottom-rectangle-horizontal-medium: var(--density-button-bottom);
  --button-container-padding-bottom-rectangle-horizontal-large: var(--foundation-space-4);
  --button-container-padding-bottom-rectangle-vertical-small: var(--foundation-space-2);
  --button-container-padding-bottom-rectangle-vertical-medium: var(--density-button-bottom);
  --button-container-padding-bottom-rectangle-vertical-large: var(--foundation-space-4);
  --button-container-padding-bottom-circle-small: var(--foundation-space-2);
  --button-container-padding-bottom-circle-medium: var(--foundation-space-2);
  --button-container-padding-bottom-circle-large: var(--foundation-space-4);
  --button-container-padding-left-rectangle-horizontal-small: var(--foundation-space-2);
  --button-container-padding-left-rectangle-horizontal-medium: var(--foundation-space-4);
  --button-container-padding-left-rectangle-horizontal-large: var(--foundation-space-6);
  --button-container-padding-left-rectangle-vertical-small: var(--foundation-space-2);
  --button-container-padding-left-rectangle-vertical-medium: var(--foundation-space-4);
  --button-container-padding-left-rectangle-vertical-large: var(--foundation-space-6);
  --button-container-padding-left-circle-small: var(--foundation-space-2);
  --button-container-padding-left-circle-medium: var(--foundation-space-2);
  --button-container-padding-left-circle-large: var(--foundation-space-4);
  --button-container-gap-rectangle-horizontal-small: var(--foundation-space-2);
  --button-container-gap-rectangle-horizontal-medium: var(--foundation-space-2);
  --button-container-gap-rectangle-horizontal-large: var(--foundation-space-2);
  --button-container-gap-rectangle-vertical-small: var(--foundation-space-2);
  --button-container-gap-rectangle-vertical-medium: var(--foundation-space-2);
  --button-container-gap-rectangle-vertical-large: var(--foundation-space-2);
  --button-container-gap-circle-small: var(--foundation-space-none);
  --button-container-gap-circle-medium: var(--foundation-space-none);
  --button-container-gap-circle-large: var(--foundation-space-none);
  --button-container-background-primary-default: var(--mode-color-primary-normal);
  --button-container-background-primary-hover: var(--mode-color-primary-hover);
  --button-container-background-primary-pressed: var(--mode-color-primary-active);
  --button-container-background-primary-disabled: var(--mode-color-primary-disabled);
  --button-container-background-secondary-default: var(--mode-color-secondary-normal);
  --button-container-background-secondary-hover: var(--mode-color-secondary-hover);
  --button-container-background-secondary-pressed: var(--mode-color-secondary-active);
  --button-container-background-secondary-disabled: var(--mode-color-secondary-disabled);
  --button-container-background-outlined-default: var(--mode-color-quiet-normal);
  --button-container-background-outlined-hover: var(--mode-color-quiet-normal);
  --button-container-background-outlined-pressed: var(--mode-color-quiet-normal);
  --button-container-background-outlined-disabled: var(--mode-input-background-disabled);
  --button-container-background-accent-default: var(--mode-color-accent-normal);
  --button-container-background-accent-hover: var(--mode-color-accent-hover);
  --button-container-background-accent-pressed: var(--mode-color-accent-active);
  --button-container-background-accent-disabled: var(--mode-color-accent-disabled);
  --button-container-background-quiet-default: var(--mode-color-quiet-normal);
  --button-container-background-quiet-hover: var(--mode-color-quiet-hover);
  --button-container-background-quiet-pressed: var(--mode-color-quiet-active);
  --button-container-background-quiet-disabled: var(--mode-color-quiet-disabled);
  --button-container-background-quiet-emphasis-default: var(--mode-color-quiet-emphasis-normal);
  --button-container-background-quiet-emphasis-hover: var(--mode-color-quiet-emphasis-hover);
  --button-container-background-quiet-emphasis-pressed: var(--mode-color-quiet-emphasis-active);
  --button-container-background-quiet-emphasis-disabled: var(--mode-color-quiet-emphasis-disabled);
  --button-container-background-danger-default: var(--mode-alert-background-high-danger-normal);
  --button-container-background-danger-hover: var(--mode-alert-background-high-danger-hover);
  --button-container-background-danger-pressed: var(--mode-alert-background-high-danger-active);
  --button-container-background-danger-disabled: var(--mode-alert-background-high-danger-disabled);
  --button-container-background-quiet-danger-default: var(--mode-color-quiet-normal);
  --button-container-background-quiet-danger-hover: var(--mode-color-quiet-normal);
  --button-container-background-quiet-danger-pressed: var(--mode-color-quiet-normal);
  --button-container-background-quiet-danger-disabled: var(--mode-color-quiet-normal);
  --button-container-box-shadow-primary: var(--generation-button-shadow-default);
  --button-container-box-shadow-secondary: var(--generation-button-shadow-default);
  --button-container-box-shadow-outlined: var(--generation-button-shadow-null);
  --button-container-box-shadow-accent: var(--generation-button-shadow-default);
  --button-container-box-shadow-quiet: var(--generation-button-shadow-null);
  --button-container-box-shadow-quiet-emphasis: var(--generation-button-shadow-null);
  --button-container-box-shadow-danger: var(--generation-button-shadow-default);
  --button-container-box-shadow-quiet-danger: var(--generation-button-shadow-null);
  --button-container-border-primary-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-primary-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-primary-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-primary-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-primary-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-primary-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-secondary-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-secondary-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-secondary-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-secondary-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-secondary-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-secondary-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-outlined-default: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --button-container-border-outlined-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --button-container-border-outlined-hover: var(--generation-border-width-hairline) solid var(--mode-border-color-hover);
  --button-container-border-outlined-pressed: var(--generation-border-width-hairline) solid var(--mode-border-color-active);
  --button-container-border-outlined-active: var(--generation-border-width-hairline) solid var(--mode-border-color-active);
  --button-container-border-outlined-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --button-container-border-quiet-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-accent-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-accent-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-accent-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-accent-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-accent-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-accent-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-emphasis-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-emphasis-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-emphasis-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-emphasis-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-emphasis-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-emphasis-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-danger-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-danger-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-danger-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-danger-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-danger-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-danger-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-danger-default: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-danger-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-danger-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-danger-pressed: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-danger-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-border-quiet-danger-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-outline-offset-focus: var(--generation-outline-offset-focus);
  --button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --button-container-outline-focus: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --button-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --button-container-justify-content-regular: center;
  --button-container-justify-content-dropdown: space-between;
  --button-content-gap-rectangle-horizontal-small: var(--foundation-space-2);
  --button-content-gap-rectangle-horizontal-medium: var(--foundation-space-2);
  --button-content-gap-rectangle-horizontal-large: var(--foundation-space-2);
  --button-content-gap-rectangle-vertical-small: var(--foundation-space-2);
  --button-content-gap-rectangle-vertical-medium: var(--foundation-space-2);
  --button-content-gap-rectangle-vertical-large: var(--foundation-space-2);
  --button-label-color-primary-default: var(--mode-color-on-primary-normal);
  --button-label-color-primary-hover: var(--mode-color-on-primary-hover);
  --button-label-color-primary-pressed: var(--mode-color-on-primary-active);
  --button-label-color-primary-disabled: var(--mode-color-on-primary-disabled);
  --button-label-color-secondary-default: var(--mode-color-on-secondary-normal);
  --button-label-color-secondary-hover: var(--mode-color-on-secondary-hover);
  --button-label-color-secondary-pressed: var(--mode-color-on-secondary-active);
  --button-label-color-secondary-disabled: var(--mode-color-on-secondary-disabled);
  --button-label-color-outlined-default: var(--mode-color-on-quiet-normal);
  --button-label-color-outlined-hover: var(--mode-color-on-quiet-normal);
  --button-label-color-outlined-pressed: var(--mode-color-on-quiet-normal);
  --button-label-color-outlined-disabled: var(--mode-color-on-quiet-disabled);
  --button-label-color-accent-default: var(--mode-color-on-accent-normal);
  --button-label-color-accent-hover: var(--mode-color-on-accent-hover);
  --button-label-color-accent-pressed: var(--mode-color-on-accent-active);
  --button-label-color-accent-disabled: var(--mode-color-on-accent-active);
  --button-label-color-quiet-default: var(--mode-color-on-quiet-normal);
  --button-label-color-quiet-hover: var(--mode-color-on-quiet-hover);
  --button-label-color-quiet-pressed: var(--mode-color-on-quiet-active);
  --button-label-color-quiet-disabled: var(--mode-color-on-quiet-disabled);
  --button-label-color-quiet-emphasis-default: var(--mode-color-on-quiet-emphasis-normal);
  --button-label-color-quiet-emphasis-hover: var(--mode-color-on-quiet-emphasis-hover);
  --button-label-color-quiet-emphasis-pressed: var(--mode-color-on-quiet-emphasis-active);
  --button-label-color-quiet-emphasis-disabled: var(--mode-color-on-quiet-disabled);
  --button-label-color-danger-default: var(--mode-color-on-primary-normal);
  --button-label-color-danger-hover: var(--mode-color-on-primary-hover);
  --button-label-color-danger-pressed: var(--mode-color-on-primary-active);
  --button-label-color-danger-disabled: var(--mode-color-on-primary-disabled);
  --button-label-color-quiet-danger-default: var(--mode-alert-background-high-danger-normal);
  --button-label-color-quiet-danger-hover: var(--mode-alert-background-high-danger-hover);
  --button-label-color-quiet-danger-pressed: var(--mode-alert-background-high-danger-active);
  --button-label-color-quiet-danger-disabled: var(--mode-color-on-quiet-disabled);
  --button-icon-color-primary-default: var(--mode-color-on-primary-normal);
  --button-icon-color-primary-hover: var(--mode-color-on-primary-hover);
  --button-icon-color-primary-pressed: var(--mode-color-on-primary-active);
  --button-icon-color-primary-disabled: var(--mode-color-on-primary-disabled);
  --button-icon-color-secondary-default: var(--mode-color-on-secondary-normal);
  --button-icon-color-secondary-hover: var(--mode-color-on-secondary-hover);
  --button-icon-color-secondary-pressed: var(--mode-color-on-secondary-active);
  --button-icon-color-secondary-disabled: var(--mode-color-on-secondary-disabled);
  --button-icon-color-outlined-default: var(--mode-color-on-quiet-normal);
  --button-icon-color-outlined-hover: var(--mode-color-on-quiet-normal);
  --button-icon-color-outlined-pressed: var(--mode-color-on-quiet-normal);
  --button-icon-color-outlined-disabled: var(--mode-color-on-quiet-disabled);
  --button-icon-color-accent-default: var(--mode-color-on-accent-normal);
  --button-icon-color-accent-hover: var(--mode-color-on-accent-hover);
  --button-icon-color-accent-pressed: var(--mode-color-on-accent-active);
  --button-icon-color-accent-disabled: var(--mode-color-on-accent-active);
  --button-icon-color-quiet-default: var(--mode-color-on-quiet-normal);
  --button-icon-color-quiet-hover: var(--mode-color-on-quiet-hover);
  --button-icon-color-quiet-pressed: var(--mode-color-on-quiet-active);
  --button-icon-color-quiet-disabled: var(--mode-color-on-quiet-disabled);
  --button-icon-color-quiet-emphasis-default: var(--mode-color-on-quiet-emphasis-normal);
  --button-icon-color-quiet-emphasis-hover: var(--mode-color-on-quiet-emphasis-hover);
  --button-icon-color-quiet-emphasis-pressed: var(--mode-color-on-quiet-emphasis-active);
  --button-icon-color-quiet-emphasis-disabled: var(--mode-color-on-quiet-disabled);
  --button-icon-color-danger-default: var(--mode-color-on-primary-normal);
  --button-icon-color-danger-hover: var(--mode-color-on-primary-hover);
  --button-icon-color-danger-pressed: var(--mode-color-on-primary-active);
  --button-icon-color-danger-disabled: var(--mode-color-on-primary-disabled);
  --button-icon-color-quiet-danger-default: var(--mode-alert-background-high-danger-normal);
  --button-icon-color-quiet-danger-hover: var(--mode-alert-background-high-danger-hover);
  --button-icon-color-quiet-danger-pressed: var(--mode-alert-background-high-danger-active);
  --button-icon-color-quiet-danger-disabled: var(--mode-color-on-quiet-disabled);
  --button-icon-arrow-closed: DlsIconArrowDownSvg;
  --button-icon-arrow-opened: DlsIconArrowUpSvg;
  --checkbox-input-height-small: var(--foundation-size-4);
  --checkbox-input-height-medium: var(--foundation-size-5);
  --checkbox-input-height-large: var(--foundation-size-8);
  --checkbox-input-width-small: var(--foundation-size-4);
  --checkbox-input-width-medium: var(--foundation-size-5);
  --checkbox-input-width-large: var(--foundation-size-8);
  --checkbox-input-border-radius: var(--generation-border-radius-1);
  --checkbox-input-border-unchecked-normal-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --checkbox-input-border-unchecked-normal-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --checkbox-input-border-unchecked-normal-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-unchecked-normal-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --checkbox-input-border-unchecked-hover-enabled: var(--generation-border-width-hairline) solid var(--mode-color-primary-signal-hover);
  --checkbox-input-border-unchecked-hover-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --checkbox-input-border-unchecked-hover-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-unchecked-hover-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --checkbox-input-border-unchecked-focus-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --checkbox-input-border-unchecked-focus-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --checkbox-input-border-unchecked-focus-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-unchecked-focus-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --checkbox-input-border-unchecked-active-enabled: var(--generation-border-width-hairline) solid var(--mode-color-primary-signal-active);
  --checkbox-input-border-unchecked-active-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-normal);
  --checkbox-input-border-unchecked-active-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-unchecked-active-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-disabled);
  --checkbox-input-border-checked-normal-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-normal-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-normal-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-normal-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-hover-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-hover-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-hover-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-hover-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-focus-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-focus-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-focus-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-focus-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-active-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-active-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-active-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-checked-active-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-normal-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-normal-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-normal-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-normal-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-hover-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-hover-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-hover-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-hover-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-focus-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-focus-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-focus-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-focus-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-active-enabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-active-read-only: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-active-privacy: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-indeterminate-active-disabled: var(--generation-border-width-hairline) solid var(--mode-border-color-null);
  --checkbox-input-border-validation-error: var(--checkbox-input-border-width) solid var(--mode-alert-border-danger-normal);
  --checkbox-input-border-validation-warning: var(--checkbox-input-border-width) solid var(--mode-alert-border-warning-normal);
  --checkbox-input-border-validation-success: var(--checkbox-input-border-width) solid var(--mode-alert-border-safety-normal);
  --checkbox-input-outline-offset-focus: var(--generation-outline-offset-focus-visible);
  --checkbox-input-border-width: var(--generation-border-width-hairline);
  --checkbox-input-outline-color-focus: var(--mode-outline-color-focus);
  --checkbox-input-background-unchecked-normal-enabled: var(--mode-input-background-normal);
  --checkbox-input-background-unchecked-normal-read-only: var(--mode-input-background-normal);
  --checkbox-input-background-unchecked-normal-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-unchecked-normal-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-unchecked-hover-enabled: var(--mode-input-background-hover);
  --checkbox-input-background-unchecked-hover-read-only: var(--mode-input-background-normal);
  --checkbox-input-background-unchecked-hover-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-unchecked-hover-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-unchecked-focus-enabled: var(--mode-input-background-normal);
  --checkbox-input-background-unchecked-focus-read-only: var(--mode-input-background-normal);
  --checkbox-input-background-unchecked-focus-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-unchecked-focus-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-unchecked-active-enabled: var(--mode-input-background-active);
  --checkbox-input-background-unchecked-active-read-only: var(--mode-input-background-active);
  --checkbox-input-background-unchecked-active-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-unchecked-active-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-checked-normal-enabled: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-checked-normal-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-checked-normal-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-checked-normal-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-checked-hover-enabled: var(--brand-on-light-color-primary-signal-hover);
  --checkbox-input-background-checked-hover-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-checked-hover-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-checked-hover-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-checked-focus-enabled: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-checked-focus-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-checked-focus-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-checked-focus-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-checked-active-enabled: var(--brand-on-light-color-primary-signal-active);
  --checkbox-input-background-checked-active-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-checked-active-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-checked-active-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-indeterminate-normal-enabled: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-indeterminate-normal-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-indeterminate-normal-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-indeterminate-normal-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-indeterminate-hover-enabled: var(--brand-on-light-color-primary-signal-hover);
  --checkbox-input-background-indeterminate-hover-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-indeterminate-hover-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-indeterminate-hover-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-indeterminate-focus-enabled: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-indeterminate-focus-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-indeterminate-focus-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-indeterminate-focus-disabled: var(--mode-input-background-disabled);
  --checkbox-input-background-indeterminate-active-enabled: var(--brand-on-light-color-primary-signal-active);
  --checkbox-input-background-indeterminate-active-read-only: var(--brand-on-light-color-primary-signal-normal);
  --checkbox-input-background-indeterminate-active-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-input-background-indeterminate-active-disabled: var(--mode-input-background-disabled);
  --checkbox-input-outline-focus: var(--mode-outline-focus-visible);
  --checkbox-gap: var(--foundation-space-3);
  --checkbox-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --checkbox-container-padding-top-dense: var(--foundation-space-1);
  --checkbox-container-padding-top-regular: var(--foundation-space-2);
  --checkbox-container-padding-top-touch: var(--foundation-space-3);
  --checkbox-container-padding-top-large-touch: var(--foundation-space-4);
  --checkbox-container-padding-right-dense: var(--foundation-space-none);
  --checkbox-container-padding-right-regular: var(--foundation-space-none);
  --checkbox-container-padding-right-touch: var(--foundation-space-none);
  --checkbox-container-padding-right-large-touch: var(--foundation-space-none);
  --checkbox-container-padding-bottom-dense: var(--foundation-space-1);
  --checkbox-container-padding-bottom-regular: var(--foundation-space-2);
  --checkbox-container-padding-bottom-touch: var(--foundation-space-3);
  --checkbox-container-padding-bottom-large-touch: var(--foundation-space-4);
  --checkbox-container-padding-left-dense: var(--foundation-space-none);
  --checkbox-container-padding-left-regular: var(--foundation-space-none);
  --checkbox-container-padding-left-touch: var(--foundation-space-none);
  --checkbox-container-padding-left-large-touch: var(--foundation-space-none);
  --checkbox-container-gap-small: var(--foundation-space-3);
  --checkbox-container-gap-medium: var(--foundation-space-3);
  --checkbox-container-gap-large: var(--foundation-space-3);
  --checkbox-container-outline-color-focus-visible: var(--mode-outline-color-focus);
  --checkbox-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --checkbox-container-border-radius: var(--generation-border-radius-1);
  --checkbox-label-color-default: var(--mode-text-color-primary);
  --checkbox-label-color-read-only: var(--mode-text-color-primary);
  --checkbox-label-color-disabled: var(--mode-text-color-disabled);
  --checkbox-label-color-privacy: var(--mode-text-color-primary);
  --checkbox-checkmark-color-checked-normal-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-normal-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-normal-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-checked-normal-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-hover-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-hover-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-hover-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-checked-hover-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-focus-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-focus-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-focus-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-checked-focus-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-active-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-active-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-checked-active-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-checked-active-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-normal-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-normal-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-normal-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-indeterminate-normal-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-hover-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-hover-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-hover-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-indeterminate-hover-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-focus-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-focus-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-focus-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-indeterminate-focus-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-active-enabled: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-active-read-only: var(--mode-icon-color-inverse-primary);
  --checkbox-checkmark-color-indeterminate-active-privacy: var(--mode-input-background-sensitive-data);
  --checkbox-checkmark-color-indeterminate-active-disabled: var(--mode-icon-color-inverse-primary);
  --checkbox-icon-checked: DlsIconCheckmarkStandAloneSvg;
  --checkbox-icon-indeterminate: EmrIconIndeterminateStateSvg;
  --button-menu-button-icon-name-arrow-down: DlsIconArrowDownSvg;
  --breadcrumb-container-align-items: center;
  --breadcrumb-list-height: var(--foundation-size-5);
  --breadcrumb-list-width: fit-content;
  --breadcrumb-list-padding-right: var(--density-space-10);
  --breadcrumb-list-padding-left: var(--density-space-10);
  --breadcrumb-list-padding-top: var(--density-space-none);
  --breadcrumb-list-padding-bottom: var(--density-space-none);
  --breadcrumb-list-gap: var(--foundation-space-2);
  --breadcrumb-list-flex-direction: row;
  --breadcrumb-list-box-shadow: var(--mode-elevation-box-shadow-navigational);
  --breadcrumb-list-background: var(--mode-surface-primary);
  --breadcrumb-list-list-style-type: none;
  --breadcrumb-list-margin-block-start: var(--foundation-space-none);
  --breadcrumb-list-margin-inline-start: var(--foundation-space-none);
  --breadcrumb-list-margin-block-end: var(--foundation-space-none);
  --breadcrumb-list-margin-inline-end: var(--foundation-space-none);
  --breadcrumb-regular-item-width: fit-content;
  --breadcrumb-regular-item-max-width: 300px;
  --breadcrumb-regular-item-gap: var(--foundation-space-1);
  --breadcrumb-regular-item-flex-direction: row;
  --breadcrumb-regular-item-align-items: center;
  --breadcrumb-regular-item-color-enabled: var(--mode-color-primary-signal-normal);
  --breadcrumb-regular-item-color-hover: var(--mode-color-primary-signal-hover);
  --breadcrumb-regular-item-color-active: var(--mode-color-primary-signal-active);
  --breadcrumb-regular-item-color-visited: var(--mode-color-primary-signal-normal);
  --breadcrumb-regular-item-color-disabled: var(--mode-text-color-disabled);
  --breadcrumb-regular-item-border-radius-focus-visible: var(--generation-border-radius-2);
  --breadcrumb-regular-item-outline-focus-visible: var(--mode-outline-focus-visible);
  --breadcrumb-regular-item-outline-offset-focus: var(--generation-outline-offset-focus-visible);
  --breadcrumb-regular-item-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --breadcrumb-current-item-width: fit-content;
  --breadcrumb-current-item-max-width: 300px;
  --breadcrumb-current-item-gap: var(--foundation-space-2);
  --breadcrumb-current-item-flex-direction: row;
  --breadcrumb-current-item-align-items: center;
  --breadcrumb-icon-name-separator: DlsIconNavigationRightSvg;
  --breadcrumb-icon-color: var(--mode-comp-breadcrumb-icon-color);
  --base-button-container-border-radius-rounded: var(--generation-ref-border-radius-rounded-all);
  --base-button-container-border-radius-circle: var(--density-button-border-radius-circle);
  --base-button-container-width-fit-content: fit-content;
  --base-button-container-height: fit-content;
  --base-button-container-padding-top-horizontal-small: var(--density-space-10);
  --base-button-container-padding-top-horizontal-medium: var(--density-space-20);
  --base-button-container-padding-top-vertical-small: var(--density-space-10);
  --base-button-container-padding-top-vertical-medium: var(--density-space-20);
  --base-button-container-padding-top-icon-only-small: var(--foundation-space-1);
  --base-button-container-padding-top-icon-only-medium: var(--density-space-20);
  --base-button-container-padding-right-horizontal-small: var(--density-space-20);
  --base-button-container-padding-right-horizontal-medium: var(--density-space-40);
  --base-button-container-padding-right-vertical-small: var(--density-space-20);
  --base-button-container-padding-right-vertical-medium: var(--density-space-40);
  --base-button-container-padding-right-icon-only-small: var(--foundation-space-1);
  --base-button-container-padding-right-icon-only-medium: var(--density-space-20);
  --base-button-container-padding-bottom-horizontal-small: var(--density-space-10);
  --base-button-container-padding-bottom-horizontal-medium: var(--density-space-20);
  --base-button-container-padding-bottom-vertical-small: var(--density-space-10);
  --base-button-container-padding-bottom-vertical-medium: var(--density-space-20);
  --base-button-container-padding-bottom-icon-only-small: var(--foundation-space-1);
  --base-button-container-padding-bottom-icon-only-medium: var(--density-space-20);
  --base-button-container-padding-left-horizontal-small: var(--density-space-20);
  --base-button-container-padding-left-horizontal-medium: var(--density-space-40);
  --base-button-container-padding-left-vertical-small: var(--density-space-20);
  --base-button-container-padding-left-vertical-medium: var(--density-space-40);
  --base-button-container-padding-left-icon-only-small: var(--foundation-space-1);
  --base-button-container-padding-left-icon-only-medium: var(--density-space-20);
  --base-button-container-gap-horizontal-small: var(--density-space-20);
  --base-button-container-gap-horizontal-medium: var(--density-space-20);
  --base-button-container-outline-offset-focus: var(--generation-outline-offset-focus);
  --base-button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --base-button-container-justify-content-center: center;
  --base-button-container-justify-content-space-between: space-between;
  --base-button-content-width-fit-content: fit-content;
  --base-button-content-height: fit-content;
  --base-button-label-container-width-fit-content: fit-content;
  --base-button-label-container-height-small: var(--foundation-size-4);
  --base-button-label-container-height-medium: var(--foundation-size-6);
  --base-button-label-container-height-fit-content: fit-content;
  --base-button-label-container-gap-horizontal-small: var(--density-space-20);
  --base-button-label-container-gap-horizontal-medium: var(--density-space-20);
  --base-button-label-container-gap-vertical-small: var(--density-space-20);
  --base-button-label-container-gap-vertical-medium: var(--density-space-20);
  --base-bar-container-block-size: fit-content;
  --base-bar-area-gap-xsmall: var(--density-space-20);
  --base-bar-area-gap-small: var(--density-space-30);
  --base-bar-area-gap-medium: var(--density-space-40);
  --base-bar-area-gap-large: var(--density-space-50);
  --base-bar-area-gap-xlarge: var(--density-space-60);
  --base-bar-area-gap-xxlarge: var(--density-space-70);
  --base-bar-area-inline-size-fit-content: fit-content;
  --base-bar-gap-xsmall: var(--density-space-20);
  --base-bar-gap-small: var(--density-space-30);
  --base-bar-gap-medium: var(--density-space-40);
  --base-bar-gap-large: var(--density-space-50);
  --base-bar-gap-xlarge: var(--density-space-60);
  --base-bar-gap-xxlarge: var(--density-space-70);
  --badge-container-border-radius-emphasis: var(--generation-shape-corner-circle);
  --badge-container-border-radius-low-emphasis: var(--generation-shape-corner-circle);
  --badge-container-border-radius-dot: var(--generation-shape-corner-circle);
  --badge-container-padding-left-large: var(--foundation-space-1);
  --badge-container-padding-left-medium: var(--foundation-space-1);
  --badge-container-padding-left-small: var(--foundation-space-1);
  --badge-container-padding-right-large: var(--foundation-space-1);
  --badge-container-padding-right-medium: var(--foundation-space-1);
  --badge-container-padding-right-small: var(--foundation-space-1);
  --badge-container-width-emphasis-small: fit-content;
  --badge-container-width-emphasis-medium: fit-content;
  --badge-container-width-emphasis-large: fit-content;
  --badge-container-width-low-emphasis-small: fit-content;
  --badge-container-width-low-emphasis-medium: fit-content;
  --badge-container-width-low-emphasis-large: fit-content;
  --badge-container-width-dot-small: 6px;
  --badge-container-width-dot-medium: var(--foundation-size-3);
  --badge-container-width-dot-large: var(--foundation-size-4);
  --badge-container-min-width-emphasis-small: var(--foundation-size-5);
  --badge-container-min-width-emphasis-medium: var(--foundation-size-6);
  --badge-container-min-width-emphasis-large: var(--foundation-size-8);
  --badge-container-min-width-low-emphasis-small: var(--foundation-size-5);
  --badge-container-min-width-low-emphasis-medium: var(--foundation-size-6);
  --badge-container-min-width-low-emphasis-large: var(--foundation-size-8);
  --badge-container-min-width-dot-small: 6px;
  --badge-container-min-width-dot-medium: var(--foundation-size-3);
  --badge-container-min-width-dot-large: var(--foundation-size-4);
  --badge-container-height-emphasis-small: var(--foundation-size-5);
  --badge-container-height-emphasis-medium: var(--foundation-size-6);
  --badge-container-height-emphasis-large: var(--foundation-size-8);
  --badge-container-height-low-emphasis-small: var(--foundation-size-5);
  --badge-container-height-low-emphasis-medium: var(--foundation-size-6);
  --badge-container-height-low-emphasis-large: var(--foundation-size-8);
  --badge-container-height-dot-small: 6px;
  --badge-container-height-dot-medium: var(--foundation-size-3);
  --badge-container-height-dot-large: var(--foundation-size-4);
  --badge-container-offset-xLarge: -20px;
  --badge-container-offset-large: -16px;
  --badge-container-offset-medium: -12px;
  --badge-container-offset-small: -8px;
  --badge-container-offset-xSmall: -2px;
  --badge-container-background-emphasis-neutral: var(--mode-alert-background-high-neutral-normal);
  --badge-container-background-emphasis-notice: var(--mode-alert-background-high-information-normal);
  --badge-container-background-emphasis-safety: var(--mode-alert-background-high-safety-normal);
  --badge-container-background-emphasis-caution: var(--mode-alert-background-high-caution-normal);
  --badge-container-background-emphasis-warning: var(--mode-alert-background-high-warning-normal);
  --badge-container-background-emphasis-danger: var(--mode-alert-background-high-danger-normal);
  --badge-container-background-low-emphasis-neutral: var(--mode-color-quiet-normal);
  --badge-container-background-low-emphasis-notice: var(--mode-color-quiet-normal);
  --badge-container-background-low-emphasis-safety: var(--mode-color-quiet-normal);
  --badge-container-background-low-emphasis-caution: var(--mode-color-quiet-normal);
  --badge-container-background-low-emphasis-warning: var(--mode-color-quiet-normal);
  --badge-container-background-low-emphasis-danger: var(--mode-color-quiet-normal);
  --badge-container-background-dot-neutral: var(--mode-alert-background-high-neutral-normal);
  --badge-container-background-dot-notice: var(--mode-alert-background-high-information-normal);
  --badge-container-background-dot-safety: var(--mode-alert-background-high-safety-normal);
  --badge-container-background-dot-caution: var(--mode-alert-background-high-caution-normal);
  --badge-container-background-dot-warning: var(--mode-alert-background-high-warning-normal);
  --badge-container-background-dot-danger: var(--mode-alert-background-high-danger-normal);
  --badge-label-color-emphasis-neutral: var(--mode-alert-background-high-on-neutral-normal);
  --badge-label-color-emphasis-notice: var(--mode-alert-background-high-on-information-normal);
  --badge-label-color-emphasis-safety: var(--mode-alert-background-high-on-safety-normal);
  --badge-label-color-emphasis-caution: var(--mode-alert-background-high-on-caution-normal);
  --badge-label-color-emphasis-warning: var(--mode-alert-background-high-on-warning-normal);
  --badge-label-color-emphasis-danger: var(--mode-alert-background-high-on-danger-normal);
  --badge-label-color-low-emphasis-neutral: var(--mode-alert-background-high-neutral-normal);
  --badge-label-color-low-emphasis-notice: var(--mode-alert-background-high-information-normal);
  --badge-label-color-low-emphasis-safety: var(--mode-alert-background-high-safety-normal);
  --badge-label-color-low-emphasis-caution: var(--mode-alert-background-high-caution-normal);
  --badge-label-color-low-emphasis-warning: var(--mode-alert-background-high-warning-normal);
  --badge-label-color-low-emphasis-danger: var(--mode-alert-background-high-danger-normal);
  --avatar-container-border-radius-square-small: var(--generation-border-radius-1);
  --avatar-container-border-radius-square-medium: var(--generation-border-radius-1);
  --avatar-container-border-radius-square-large: var(--generation-border-radius-2);
  --avatar-container-border-radius-square-xlarge: var(--generation-border-radius-2);
  --avatar-container-border-radius-circle: var(--generation-border-radius-circle);
  --avatar-container-width-small: var(--foundation-size-6);
  --avatar-container-width-medium: var(--foundation-size-8);
  --avatar-container-width-large: var(--foundation-size-10);
  --avatar-container-width-xlarge: var(--foundation-size-12);
  --avatar-container-height-small: var(--foundation-size-6);
  --avatar-container-height-medium: var(--foundation-size-8);
  --avatar-container-height-large: var(--foundation-size-10);
  --avatar-container-height-xlarge: var(--foundation-size-12);
  --avatar-container-border-image: var(--generation-border-width-none) solid var(--mode-input-border-color-normal);
  --avatar-container-border-initials: var(--generation-border-width-none) solid var(--mode-input-border-color-normal);
  --avatar-container-border-icon: var(--generation-border-width-hairline) solid var(--mode-input-border-color-normal);
  --avatar-container-background-image: var(--mode-color-neutral-none);
  --avatar-container-background-initials: var(--mode-color-neutral-normal);
  --avatar-container-background-icon: var(--mode-color-neutral-none);
  --avatar-initials-color: var(--mode-ref-text-color-tertiary);
  --avatar-icon-color: var(--mode-ref-text-color-placeholder);
  --avatar-placeholder-color: var(--mode-ref-text-color-placeholder);
  --avatar-placeholder-icon-circle: DlsIconPersonPortraitCircleSvg;
  --avatar-placeholder-icon-square: EmrIconPersonPortraitSquareSvg;
  --avatar-image-width: 100%;
  --avatar-image-height: 100%;
  --application-template-header-height: fit-content;
  --application-template-content-bar-height: fit-content;
  --application-template-content-navigation-height: fit-content;
  --application-template-content-navigation-scrollable-width-fixed: var(--breakpoint-application-template-content-navigation-scrollable-width-fixed);
  --application-template-content-navigation-scrollable-margin-fluid: var(--foundation-space-none);
  --application-template-content-navigation-scrollable-margin-fixed: var(--foundation-space-none) auto;
  --application-template-content-navigation-fixed-view-margin-fluid: var(--foundation-space-none);
  --application-template-content-height: fit-content;
  --application-template-content-scrollable-width-fixed: var(--breakpoint-application-template-content-scrollable-width-fixed);
  --application-template-content-scrollable-margin-fluid: var(--foundation-space-none);
  --application-template-content-scrollable-margin-fixed: var(--foundation-space-none) auto;
  --application-template-content-fixed-view-margin-fluid: var(--foundation-space-none);
  --application-template-sidebar-width: var(--breakpoint-application-template-sidebar-width);
  --application-template-main-fixed-view-gap: var(--foundation-space-2);
  --application-template-main-fixed-view-padding: var(--foundation-space-4) var(--foundation-space-none) var(--foundation-space-4) var(--foundation-space-4);
  --application-template-main-scrollable-gap: var(--breakpoint-application-template-main-scrollable-gap);
  --application-template-main-scrollable-padding: var(--breakpoint-application-template-main-scrollable-padding);
  --application-template-indicator-width: var(--foundation-size-2);
  --application-template-local-navigation-height: fit-content;
  --application-template-footer-height: fit-content;
  --autocomplete-popover-offset: var(--foundation-space-offset-medium);
  --autocomplete-icon-locator: EmrIconLocatorSvg;
  --autocomplete-icon-search: DlsIconSearchSvg;
  --application-bar-background-primary-color: var(--mode-surface-primary-color);
  --application-bar-background-secondary-color: var(--mode-surface-secondary-color);
  --application-bar-icon-color: var(--mode-icon-color-primary);
  --application-bar-text-color-primary: var(--mode-text-color-primary);
  --application-bar-text-color-secondary: var(--mode-text-color-secondary);
  --application-bar-module-text-color-default: var(--mode-text-color-primary);
  --application-bar-module-text-color-disabled: var(--mode-text-color-disabled);
  --application-bar-module-icon-color-default: var(--mode-text-color-primary);
  --application-bar-module-icon-color-disabled: var(--mode-text-color-disabled);
  --application-bar-module-background-enabled: var(--generation-color-neutral-transparent);
  --application-bar-module-background-hover: rgb(from var(--mode-color-wordmark) r g b / 0.1);
  --application-bar-module-background-active: rgb(from var(--mode-color-wordmark) r g b / 0.15);
  --application-bar-module-background-selected: rgb(from var(--mode-color-wordmark) r g b / 0.15);
  --application-bar-module-background-disabled: var(--generation-color-neutral-transparent);
  --application-bar-badge-background: var(--mode-alert-background-high-danger-normal);
  --application-bar-badge-text-color: var(--mode-alert-background-high-on-danger-normal);
  --application-bar-focus-outline-color: var(--mode-color-primary-signal-normal);
  --alert-dialog-icon-name-neutral: EmrIconInformationCircleSvg;
  --alert-dialog-icon-name-information: EmrIconInformationCircleSvg;
  --alert-dialog-icon-name-warning: EmrIconExclamationMarkCircleSvg;
  --alert-dialog-icon-name-safety: EmrIconCheckmarkCircleSvg;
  --alert-dialog-icon-name-caution: EmrIconCautionSvg;
  --alert-dialog-icon-name-danger: EmrIconCloseCrossCircleSvg;
  --alert-dialog-header-severity-background-neutral: var(--mode-alert-background-high-neutral-normal);
  --alert-dialog-header-severity-background-information: var(--mode-alert-background-high-information-normal);
  --alert-dialog-header-severity-background-safety: var(--mode-alert-background-high-safety-normal);
  --alert-dialog-header-severity-background-caution: var(--mode-alert-background-high-caution-normal);
  --alert-dialog-header-severity-background-warning: var(--mode-alert-background-high-warning-normal);
  --alert-dialog-header-severity-background-danger: var(--mode-alert-background-high-danger-normal);
  --alert-dialog-header-severity-icon-color-neutral: var(--mode-alert-background-high-on-neutral-normal);
  --alert-dialog-header-severity-icon-color-information: var(--mode-alert-background-high-on-information-normal);
  --alert-dialog-header-severity-icon-color-warning: var(--mode-alert-background-high-on-warning-normal);
  --alert-dialog-header-severity-icon-color-safety: var(--mode-alert-background-high-on-safety-normal);
  --alert-dialog-header-severity-icon-color-caution: var(--mode-alert-background-high-on-caution-normal);
  --alert-dialog-header-severity-icon-color-danger: var(--mode-alert-background-high-on-danger-normal);
  --alert-dialog-header-severity-label-color-neutral: var(--mode-alert-background-high-on-neutral-normal);
  --alert-dialog-header-severity-label-color-information: var(--mode-alert-background-high-on-information-normal);
  --alert-dialog-header-severity-label-color-warning: var(--mode-alert-background-high-on-warning-normal);
  --alert-dialog-header-severity-label-color-safety: var(--mode-alert-background-high-on-safety-normal);
  --alert-dialog-header-severity-label-color-caution: var(--mode-alert-background-high-on-caution-normal);
  --alert-dialog-header-severity-label-color-danger: var(--mode-alert-background-high-on-danger-normal);
  --alert-dialog-header-padding-top: var(--foundation-space-7);
  --alert-dialog-header-padding-right: var(--foundation-space-7);
  --alert-dialog-header-padding-bottom: var(--foundation-space-7);
  --alert-dialog-header-padding-left: var(--foundation-space-7);
  --alert-dialog-content-padding-top: var(--foundation-space-7);
  --alert-dialog-content-padding-right: var(--foundation-space-7);
  --alert-dialog-content-padding-bottom: var(--foundation-space-7);
  --alert-dialog-content-padding-left: var(--foundation-space-7);
  --alert-dialog-footer-padding-top: var(--foundation-space-7);
  --alert-dialog-footer-padding-right: var(--foundation-space-7);
  --alert-dialog-footer-padding-bottom: var(--foundation-space-7);
  --alert-dialog-footer-padding-left: var(--foundation-space-7);
  --ai-tag-container-background-none: var(--mode-ai-quiet-enabled);
  --ai-tag-container-background-hover: var(--mode-ai-quiet-hover);
  --ai-tag-container-background-active: var(--mode-ai-quiet-active);
  --ai-tag-label-color-none: var(--mode-ai-on-quiet-enabled);
  --ai-tag-label-color-hover: var(--mode-ai-on-quiet-hover);
  --ai-tag-label-color-active: var(--mode-ai-on-quiet-active);
  --ai-tag-icon-color-none: var(--mode-ai-on-quiet-enabled);
  --ai-tag-icon-color-hover: var(--mode-ai-on-quiet-hover);
  --ai-tag-icon-color-active: var(--mode-ai-on-quiet-active);
  --ai-tag-icon-name-ai: EmrIconVirtualAssistantStarSvg;
  --ai-menu-button-icon-name-arrow-down: EmrIconArrowDownSvg;
  --ai-button-container-background-primary-enabled: var(--mode-ai-primary-enabled);
  --ai-button-container-background-primary-hover: var(--mode-ai-primary-hover);
  --ai-button-container-background-primary-active: var(--mode-ai-primary-active);
  --ai-button-container-background-primary-disabled: var(--mode-ai-primary-disabled);
  --ai-button-container-background-quiet-enabled: var(--mode-color-quiet-normal);
  --ai-button-container-background-quiet-hover: var(--mode-ai-quiet-hover);
  --ai-button-container-background-quiet-active: var(--mode-ai-quiet-active);
  --ai-button-container-background-quiet-disabled: var(--mode-ai-quiet-disabled);
  --ai-button-container-box-shadow-primary: var(--generation-button-shadow-default);
  --ai-button-container-box-shadow-quiet: var(--generation-button-shadow-null);
  --ai-button-container-border-primary-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-primary-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-primary-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-primary-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-quiet-enabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-quiet-hover: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-quiet-active: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-border-quiet-disabled: var(--generation-border-width-none) solid var(--generation-color-neutral-transparent);
  --ai-button-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --ai-button-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --ai-button-label-color-primary-enabled: var(--mode-ai-on-primary-enabled);
  --ai-button-label-color-primary-hover: var(--mode-ai-on-primary-hover);
  --ai-button-label-color-primary-active: var(--mode-ai-on-primary-active);
  --ai-button-label-color-primary-disabled: var(--mode-ai-on-primary-disabled);
  --ai-button-label-color-quiet-enabled: var(--mode-ai-on-quiet-enabled);
  --ai-button-label-color-quiet-hover: var(--mode-ai-on-quiet-hover);
  --ai-button-label-color-quiet-active: var(--mode-ai-on-quiet-active);
  --ai-button-label-color-quiet-disabled: var(--mode-ai-on-quiet-disabled);
  --ai-button-icon-color-primary-enabled: var(--mode-ai-on-primary-enabled);
  --ai-button-icon-color-primary-hover: var(--mode-ai-on-primary-hover);
  --ai-button-icon-color-primary-active: var(--mode-ai-on-primary-active);
  --ai-button-icon-color-primary-disabled: var(--mode-ai-on-primary-disabled);
  --ai-button-icon-color-quiet-enabled: var(--mode-ai-on-quiet-enabled);
  --ai-button-icon-color-quiet-hover: var(--mode-ai-on-quiet-hover);
  --ai-button-icon-color-quiet-active: var(--mode-ai-on-quiet-active);
  --ai-button-icon-color-quiet-disabled: var(--mode-ai-on-quiet-disabled);
  --ai-button-icon-name-star: EmrIconVirtualAssistantStarSvg;
  --ai-audio-recorder-container-width-small: var(--foundation-size-16);
  --ai-audio-recorder-container-width-medium: var(--foundation-size-24);
  --ai-audio-recorder-container-width-large: var(--foundation-size-42);
  --ai-audio-recorder-container-height-small: var(--foundation-size-16);
  --ai-audio-recorder-container-height-medium: var(--foundation-size-24);
  --ai-audio-recorder-container-height-large: var(--foundation-size-42);
  --ai-audio-recorder-container-outline-focus-visible: var(--mode-outline-focus-visible);
  --ai-audio-recorder-container-outline-offset-focus-visible: var(--generation-outline-offset-focus-visible);
  --ai-audio-recorder-container-background-listening: var(--mode-comp-ai-audio-recorder-container-background);
  --ai-audio-recorder-container-background-processing: var(--mode-surface-none);
  --ai-audio-recorder-container-background-none: var(--mode-comp-ai-audio-recorder-container-background);
  --ai-audio-recorder-container-background-hover: var(--mode-comp-ai-audio-recorder-container-background);
  --ai-audio-recorder-container-background-active: var(--mode-comp-ai-audio-recorder-container-background);
  --ai-audio-recorder-container-background-disabled: var(--mode-comp-ai-audio-recorder-container-background);
  --ai-audio-recorder-area-width-small: var(--foundation-size-13);
  --ai-audio-recorder-area-width-medium: var(--foundation-size-20);
  --ai-audio-recorder-area-width-large: var(--foundation-size-35);
  --ai-audio-recorder-area-height-small: var(--foundation-size-13);
  --ai-audio-recorder-area-height-medium: var(--foundation-size-20);
  --ai-audio-recorder-area-height-large: var(--foundation-size-35);
  --ai-audio-recorder-area-background-listening: var(--mode-surface-primary);
  --ai-audio-recorder-area-background-processing: var(--mode-surface-none);
  --ai-audio-recorder-area-background-none: var(--mode-comp-ai-audio-recorder-area-background);
  --ai-audio-recorder-area-background-hover: var(--mode-comp-ai-audio-recorder-area-background);
  --ai-audio-recorder-area-background-active: var(--mode-comp-ai-audio-recorder-area-background);
  --ai-audio-recorder-area-background-disabled: var(--mode-comp-ai-audio-recorder-area-background);
  --ai-audio-recorder-area-inset-block-start: 50%;
  --ai-audio-recorder-area-inset-inline-start: 50%;
  --ai-audio-recorder-volume-pulse-width-small: var(--foundation-size-16);
  --ai-audio-recorder-volume-pulse-width-medium: var(--foundation-size-24);
  --ai-audio-recorder-volume-pulse-width-large: var(--foundation-size-42);
  --ai-audio-recorder-volume-pulse-height-small: var(--foundation-size-16);
  --ai-audio-recorder-volume-pulse-height-medium: var(--foundation-size-24);
  --ai-audio-recorder-volume-pulse-height-large: var(--foundation-size-42);
  --ai-audio-recorder-volume-pulse-background-listening: var(--mode-ai-primary-low);
  --ai-audio-recorder-star-animation-width-small: var(--foundation-size-6);
  --ai-audio-recorder-star-animation-width-medium: var(--foundation-size-10);
  --ai-audio-recorder-star-animation-width-large: var(--foundation-size-16);
  --ai-audio-recorder-star-animation-height-small: var(--foundation-size-6);
  --ai-audio-recorder-star-animation-height-medium: var(--foundation-size-10);
  --ai-audio-recorder-star-animation-height-large: var(--foundation-size-16);
  --ai-audio-recorder-star-animation-background-listening: var(--mode-ai-primary-listening);
  --ai-audio-recorder-star-animation-background-processing: var(--mode-ai-primary-processing);
  --ai-audio-recorder-icon-color-star-animation-none: var(--mode-ai-primary-inactive);
  --ai-audio-recorder-icon-color-star-animation-hover: var(--mode-ai-primary-hover);
  --ai-audio-recorder-icon-color-star-animation-active: var(--mode-ai-primary-active);
  --ai-audio-recorder-icon-color-star-animation-disabled: var(--mode-ai-primary-disabled);
  --ai-audio-recorder-icon-name-star-animation: EmrIconVirtualAssistantStarSvg;
  --ai-audio-recorder-border-radius-small: var(--generation-border-radius-full);
  --ai-audio-recorder-border-radius-medium: var(--generation-border-radius-full);
  --ai-audio-recorder-border-radius-large: var(--generation-border-radius-full);
  --ai-audio-recorder-info-icon-inset-block-start: var(--foundation-space-none);
  --ai-audio-recorder-info-icon-inset-inline-end: var(--foundation-space-none);
  --action-list-icon-name: var(--generation-comp-action-list-icon);
  --combobox-icon-arrow-down: DlsIconArrowDownSvg;
  --combobox-icon-search: DlsIconSearchSvg;
  --combobox-icon-color-none: var(--mode-icon-primary-normal);
  --combobox-icon-color-hover: var(--mode-icon-primary-hover);
  --combobox-icon-color-active: var(--mode-icon-primary-active);
  --combobox-icon-color-selected: var(--mode-color-on-secondary-selected);
  --combobox-icon-color-starred: var(--mode-color-primary-signal-normal);
  --combobox-icon-name-arrow-down: DlsIconArrowDownSvg;
  --combobox-icon-name-search: DlsIconSearchSvg;
  --combobox-icon-name-starred: FilIconStarFillSvg;
  --combobox-icon-name-unstarred: FilIconStarSvg;
  --combobox-label-color-selected: var(--mode-color-on-secondary-selected);
  --combobox-popover-container-min-width: var(--breakpoint-menu-popover-container-min-width);
  --combobox-popover-container-max-width: var(--breakpoint-menu-popover-container-max-width);
  --combobox-popover-container-max-height: var(--breakpoint-menu-popover-container-max-height);
  --combobox-item-container-block-size: fit-content;
  --combobox-item-container-min-height: var(--generation-container-min-height);
  --combobox-item-container-column-gap: var(--density-space-30);
  --combobox-item-container-padding-left-default: var(--foundation-space-none);
  --combobox-item-container-padding-left-subitem: var(--density-space-30);
  --combobox-item-container-align-items-center: center;
  --combobox-item-container-align-items-flex-start: flex-start;
  --combobox-item-image-inline-size: var(--foundation-size-8);
  --combobox-item-image-block-size: var(--foundation-size-8);
  --combobox-item-label-container-block-size: fit-content;
  --combobox-item-label-container-column-gap: var(--foundation-space-4);
  --combobox-item-label-container-row-gap: var(--foundation-space-1);
  --contextual-help-popover-content-gap: var(--density-space-30);
  --contextual-help-popover-detail-content-padding-top: var(--density-space-30);
  --contextual-help-popover-detail-content-gap: var(--density-space-30);
}

@supports (width: -webkit-fill-available) {
  :root {
    --voice-panel-header-label-container-height: -webkit-fill-available;
    --voice-panel-header-label-container-width: -webkit-fill-available;
    --voice-panel-header-icon-container-height: -webkit-fill-available;
    --voice-panel-header-icon-container-width: -webkit-fill-available;
    --toggle-button-group-container-width-fill-available: -webkit-fill-available;
    --time-picker-slider-toggle-height: -webkit-fill-available;
    --time-picker-range-container-width: -webkit-fill-available;
    --time-picker-range-label-column-height: -webkit-fill-available;
    --time-input-header-width: -webkit-fill-available;
    --time-input-content-width: -webkit-fill-available;
    --text-area-container-width: -webkit-fill-available;
    --text-area-container-height-fill-available: -webkit-fill-available;
    --text-area-actions-width: -webkit-fill-available;
    --tabs-container-width-horizontal-fill-available: -webkit-fill-available;
    --tabs-container-width-vertical-fill-available: -webkit-fill-available;
    --tabs-container-height-vertical-fill-available: -webkit-fill-available;
    --tabs-container-tab-list-width-horizontal-fill-available: -webkit-fill-available;
    --tabs-container-tab-list-width-vertical-fill-available: -webkit-fill-available;
    --tabs-container-tab-list-height-vertical-fill-available: -webkit-fill-available;
    --table-cell-width: -webkit-fill-available;
    --table-cell-sub-component-width: -webkit-fill-available;
    --table-column-width-fill-available: -webkit-fill-available;
    --table-column-header-left-content-width: -webkit-fill-available;
    --table-filler-inline-size-fill-available: -webkit-fill-available;
    --table-dragger-block-size: -webkit-fill-available;
    --table-header-fixed-block-size: -webkit-fill-available;
    --table-header-filler-inline-size: -webkit-fill-available;
    --tab-container-width-fill-available: -webkit-fill-available;
    --tab-tab-indicator-height-vertical: -webkit-fill-available;
    --tab-tab-indicator-width-horizontal: -webkit-fill-available;
    --separator-width-horizontal: -webkit-fill-available;
    --separator-height-vertical: -webkit-fill-available;
    --section-header-width: -webkit-fill-available;
    --section-title-container-width: -webkit-fill-available;
    --section-action-container-width: -webkit-fill-available;
    --section-subsection-header-width: -webkit-fill-available;
    --section-subsection-title-container-width: -webkit-fill-available;
    --progress-bar-container-width: -webkit-fill-available;
    --progress-bar-area-width: -webkit-fill-available;
    --progress-bar-label-area-width: -webkit-fill-available;
    --progress-bar-bar-width: -webkit-fill-available;
    --progress-bar-label-text-width: -webkit-fill-available;
    --picklist-container-width: -webkit-fill-available;
    --picklist-container-height: -webkit-fill-available;
    --picklist-area-content-width: -webkit-fill-available;
    --picklist-area-content-height: -webkit-fill-available;
    --pagination-container-width: -webkit-fill-available;
    --notification-container-width-vertical: -webkit-fill-available;
    --notification-container-width-horizontal: -webkit-fill-available;
    --notification-area-width-vertical: -webkit-fill-available;
    --notification-area-width-horizontal: -webkit-fill-available;
    --notification-icon-avatar-container-height: -webkit-fill-available;
    --new-list-container-width: -webkit-fill-available;
    --modal-header-width: -webkit-fill-available;
    --modal-header-title-container-width: -webkit-fill-available;
    --modal-footer-width: -webkit-fill-available;
    --modal-footer-deck-container-width: -webkit-fill-available;
    --modal-body-width: -webkit-fill-available;
    --menu-container-width-fill-available: -webkit-fill-available;
    --locator-input-container-width: -webkit-fill-available;
    --listbox-container-width-small: -webkit-fill-available;
    --listbox-container-width-medium: -webkit-fill-available;
    --listbox-container-width-large: -webkit-fill-available;
    --listbox-container-width-xlarge: -webkit-fill-available;
    --listbox-container-width-non-scrollable: -webkit-fill-available;
    --listbox-container-height-non-scrollable: -webkit-fill-available;
    --listbox-footer-width-small: -webkit-fill-available;
    --listbox-footer-width-medium: -webkit-fill-available;
    --listbox-footer-width-large: -webkit-fill-available;
    --listbox-footer-width-xlarge: -webkit-fill-available;
    --listbox-item-container-width-small: -webkit-fill-available;
    --listbox-item-container-width-medium: -webkit-fill-available;
    --listbox-item-container-width-large: -webkit-fill-available;
    --listbox-item-container-width-xlarge: -webkit-fill-available;
    --listbox-loader-width-small: -webkit-fill-available;
    --listbox-loader-width-medium: -webkit-fill-available;
    --listbox-loader-width-large: -webkit-fill-available;
    --listbox-loader-width-xlarge: -webkit-fill-available;
    --list-container-width: -webkit-fill-available;
    --legend-item-container-height-fill-available: -webkit-fill-available;
    --input-width-fill-available: -webkit-fill-available;
    --input-input-content-width-fill-available: -webkit-fill-available;
    --input-adorn-adorn-container-height-small: -webkit-fill-available;
    --input-adorn-adorn-container-height-medium: -webkit-fill-available;
    --input-adorn-adorn-container-height-large: -webkit-fill-available;
    --info-bar-main-bar-width: -webkit-fill-available;
    --info-bar-actions-container-height: -webkit-fill-available;
    --info-bar-secondary-bar-width: -webkit-fill-available;
    --info-bar-compact-bar-width: -webkit-fill-available;
    --info-bar-identity-container-height: -webkit-fill-available;
    --info-bar-alerts-container-height: -webkit-fill-available;
    --info-bar-identity-info-height: -webkit-fill-available;
    --info-bar-main-details-width: -webkit-fill-available;
    --info-bar-main-details-height: -webkit-fill-available;
    --info-bar-secondary-details-width: -webkit-fill-available;
    --indicator-tendency-line-container-width-fill-available: -webkit-fill-available;
    --indicator-tendency-line-line-width-small: -webkit-fill-available;
    --indicator-tendency-line-line-width-medium: -webkit-fill-available;
    --indicator-tendency-line-line-width-fill-available: -webkit-fill-available;
    --indicator-bar-container-width-horizontal-small: -webkit-fill-available;
    --indicator-bar-container-width-horizontal-medium: -webkit-fill-available;
    --indicator-bar-container-width-horizontal-large: -webkit-fill-available;
    --indicator-bar-container-height-vertical-small: -webkit-fill-available;
    --indicator-bar-container-height-vertical-medium: -webkit-fill-available;
    --indicator-bar-container-height-vertical-large: -webkit-fill-available;
    --icon-container-width-fill-available: -webkit-fill-available;
    --icon-container-height-fill-available: -webkit-fill-available;
    --heading-container-width-fill-available: -webkit-fill-available;
    --header-bar-container-width: -webkit-fill-available;
    --header-bar-main-area-width: -webkit-fill-available;
    --header-bar-secondary-area-width: -webkit-fill-available;
    --grid-layout-container-height-fill-available: -webkit-fill-available;
    --grid-layout-container-width-fill-available: -webkit-fill-available;
    --grid-layout-area-height-fill-available: -webkit-fill-available;
    --grid-layout-area-width-fill-available: -webkit-fill-available;
    --form-content-block-size: -webkit-fill-available;
    --form-changelog-container-width: -webkit-fill-available;
    --form-changelog-content-width: -webkit-fill-available;
    --form-changelog-content-row-width: -webkit-fill-available;
    --footer-bar-container-width: -webkit-fill-available;
    --flex-container-width-fill-available: -webkit-fill-available;
    --flex-container-height-fill-available: -webkit-fill-available;
    --filter-form-container-width: -webkit-fill-available;
    --filter-form-container-height: -webkit-fill-available;
    --filter-form-header-width: -webkit-fill-available;
    --filter-form-content-width: -webkit-fill-available;
    --filter-form-content-height: -webkit-fill-available;
    --filter-form-footer-width: -webkit-fill-available;
    --fieldset-container-width: -webkit-fill-available;
    --fieldset-header-width: -webkit-fill-available;
    --empty-state-container-inline-size: -webkit-fill-available;
    --empty-state-container-block-size: -webkit-fill-available;
    --empty-state-asset-area-inline-size: -webkit-fill-available;
    --empty-state-content-area-inline-size: -webkit-fill-available;
    --empty-state-action-area-inline-size: -webkit-fill-available;
    --drawer-container-width-fill-available: -webkit-fill-available;
    --drawer-container-height-fill-available: -webkit-fill-available;
    --dragger-block-size-vertical-fill-available: -webkit-fill-available;
    --dragger-inline-size-horizontal-fill-available: -webkit-fill-available;
    --dialog-container-fill-available-inline-size: -webkit-fill-available;
    --dialog-container-fill-available-block-size: -webkit-fill-available;
    --date-time-input-header-width: -webkit-fill-available;
    --date-time-input-content-width: -webkit-fill-available;
    --date-time-input-footer-width: -webkit-fill-available;
    --date-picker-header-width: -webkit-fill-available;
    --date-picker-special-info-width: -webkit-fill-available;
    --date-picker-footer-width: -webkit-fill-available;
    --date-picker-expander-width: -webkit-fill-available;
    --date-input-header-width: -webkit-fill-available;
    --date-input-content-width: -webkit-fill-available;
    --date-input-footer-width: -webkit-fill-available;
    --crud-panel-grid-layout-area-content-width: -webkit-fill-available;
    --crud-panel-grid-layout-area-content-height: -webkit-fill-available;
    --collection-footer-container-width: -webkit-fill-available;
    --button-container-width-fill-available: -webkit-fill-available;
    --base-button-container-width-fill-available: -webkit-fill-available;
    --base-button-content-width-fill-available: -webkit-fill-available;
    --base-button-label-container-width-fill-available: -webkit-fill-available;
    --base-bar-container-inline-size: -webkit-fill-available;
    --base-bar-area-inline-size-fill-available: -webkit-fill-available;
    --application-template-height: -webkit-fill-available;
    --application-template-width: -webkit-fill-available;
    --application-template-header-width: -webkit-fill-available;
    --application-template-content-bar-width: -webkit-fill-available;
    --application-template-content-navigation-scrollable-width-fluid: -webkit-fill-available;
    --application-template-content-navigation-fixed-view-width-fluid: -webkit-fill-available;
    --application-template-content-scrollable-width-fluid: -webkit-fill-available;
    --application-template-content-fixed-view-width-fluid: -webkit-fill-available;
    --application-template-sidebar-height: -webkit-fill-available;
    --application-template-main-height: -webkit-fill-available;
    --application-template-main-width: -webkit-fill-available;
    --application-template-indicator-height: -webkit-fill-available;
    --application-template-local-navigation-width: -webkit-fill-available;
    --application-template-footer-width: -webkit-fill-available;
    --combobox-item-container-inline-size: -webkit-fill-available;
    --combobox-item-label-container-inline-size: -webkit-fill-available
    ;
  }
}

@supports (width: -moz-available) {
  :root {
    --voice-panel-header-label-container-height: 100%;
    --voice-panel-header-label-container-width: 100%;
    --voice-panel-header-icon-container-height: 100%;
    --voice-panel-header-icon-container-width: 100%;
    --toggle-button-group-container-width-fill-available: 100%;
    --time-picker-slider-toggle-height: 100%;
    --time-picker-range-container-width: 100%;
    --time-picker-range-label-column-height: 100%;
    --time-input-header-width: 100%;
    --time-input-content-width: 100%;
    --text-area-container-width: 100%;
    --text-area-container-height-fill-available: 100%;
    --text-area-actions-width: 100%;
    --tabs-container-width-horizontal-fill-available: 100%;
    --tabs-container-width-vertical-fill-available: 100%;
    --tabs-container-height-vertical-fill-available: 100%;
    --tabs-container-tab-list-width-horizontal-fill-available: 100%;
    --tabs-container-tab-list-width-vertical-fill-available: 100%;
    --tabs-container-tab-list-height-vertical-fill-available: 100%;
    --table-cell-width: 100%;
    --table-cell-sub-component-width: 100%;
    --table-column-width-fill-available: 100%;
    --table-column-header-left-content-width: 100%;
    --table-filler-inline-size-fill-available: 100%;
    --table-dragger-block-size: 100%;
    --table-header-fixed-block-size: 100%;
    --table-header-filler-inline-size: 100%;
    --tab-container-width-fill-available: 100%;
    --tab-tab-indicator-height-vertical: 100%;
    --tab-tab-indicator-width-horizontal: 100%;
    --separator-width-horizontal: 100%;
    --separator-height-vertical: 100%;
    --section-header-width: 100%;
    --section-title-container-width: 100%;
    --section-action-container-width: 100%;
    --section-subsection-header-width: 100%;
    --section-subsection-title-container-width: 100%;
    --progress-bar-container-width: 100%;
    --progress-bar-area-width: 100%;
    --progress-bar-label-area-width: 100%;
    --progress-bar-bar-width: 100%;
    --progress-bar-label-text-width: 100%;
    --picklist-container-width: 100%;
    --picklist-container-height: 100%;
    --picklist-area-content-width: 100%;
    --picklist-area-content-height: 100%;
    --pagination-container-width: 100%;
    --notification-container-width-vertical: 100%;
    --notification-container-width-horizontal: 100%;
    --notification-area-width-vertical: 100%;
    --notification-area-width-horizontal: 100%;
    --notification-icon-avatar-container-height: 100%;
    --new-list-container-width: 100%;
    --modal-header-width: 100%;
    --modal-header-title-container-width: 100%;
    --modal-footer-width: 100%;
    --modal-footer-deck-container-width: 100%;
    --modal-body-width: 100%;
    --menu-container-width-fill-available: 100%;
    --locator-input-container-width: 100%;
    --listbox-container-width-small: 100%;
    --listbox-container-width-medium: 100%;
    --listbox-container-width-large: 100%;
    --listbox-container-width-xlarge: 100%;
    --listbox-container-width-non-scrollable: 100%;
    --listbox-container-height-non-scrollable: 100%;
    --listbox-footer-width-small: 100%;
    --listbox-footer-width-medium: 100%;
    --listbox-footer-width-large: 100%;
    --listbox-footer-width-xlarge: 100%;
    --listbox-item-container-width-small: 100%;
    --listbox-item-container-width-medium: 100%;
    --listbox-item-container-width-large: 100%;
    --listbox-item-container-width-xlarge: 100%;
    --listbox-loader-width-small: 100%;
    --listbox-loader-width-medium: 100%;
    --listbox-loader-width-large: 100%;
    --listbox-loader-width-xlarge: 100%;
    --list-container-width: 100%;
    --legend-item-container-height-fill-available: 100%;
    --input-width-fill-available: 100%;
    --input-input-content-width-fill-available: 100%;
    --input-adorn-adorn-container-height-small: 100%;
    --input-adorn-adorn-container-height-medium: 100%;
    --input-adorn-adorn-container-height-large: 100%;
    --info-bar-main-bar-width: 100%;
    --info-bar-actions-container-height: 100%;
    --info-bar-secondary-bar-width: 100%;
    --info-bar-compact-bar-width: 100%;
    --info-bar-identity-container-height: 100%;
    --info-bar-alerts-container-height: 100%;
    --info-bar-identity-info-height: 100%;
    --info-bar-main-details-width: 100%;
    --info-bar-main-details-height: 100%;
    --info-bar-secondary-details-width: 100%;
    --indicator-tendency-line-container-width-fill-available: 100%;
    --indicator-tendency-line-line-width-small: 100%;
    --indicator-tendency-line-line-width-medium: 100%;
    --indicator-tendency-line-line-width-fill-available: 100%;
    --indicator-bar-container-width-horizontal-small: 100%;
    --indicator-bar-container-width-horizontal-medium: 100%;
    --indicator-bar-container-width-horizontal-large: 100%;
    --indicator-bar-container-height-vertical-small: 100%;
    --indicator-bar-container-height-vertical-medium: 100%;
    --indicator-bar-container-height-vertical-large: 100%;
    --icon-container-width-fill-available: 100%;
    --icon-container-height-fill-available: 100%;
    --heading-container-width-fill-available: 100%;
    --header-bar-container-width: 100%;
    --header-bar-main-area-width: 100%;
    --header-bar-secondary-area-width: 100%;
    --grid-layout-container-height-fill-available: 100%;
    --grid-layout-container-width-fill-available: 100%;
    --grid-layout-area-height-fill-available: 100%;
    --grid-layout-area-width-fill-available: 100%;
    --form-content-block-size: 100%;
    --form-changelog-container-width: 100%;
    --form-changelog-content-width: 100%;
    --form-changelog-content-row-width: 100%;
    --footer-bar-container-width: 100%;
    --flex-container-width-fill-available: 100%;
    --flex-container-height-fill-available: 100%;
    --filter-form-container-width: 100%;
    --filter-form-container-height: 100%;
    --filter-form-header-width: 100%;
    --filter-form-content-width: 100%;
    --filter-form-content-height: 100%;
    --filter-form-footer-width: 100%;
    --fieldset-container-width: 100%;
    --fieldset-header-width: 100%;
    --empty-state-container-inline-size: 100%;
    --empty-state-container-block-size: 100%;
    --empty-state-asset-area-inline-size: 100%;
    --empty-state-content-area-inline-size: 100%;
    --empty-state-action-area-inline-size: 100%;
    --drawer-container-width-fill-available: 100%;
    --drawer-container-height-fill-available: 100%;
    --dragger-block-size-vertical-fill-available: 100%;
    --dragger-inline-size-horizontal-fill-available: 100%;
    --dialog-container-fill-available-inline-size: 100%;
    --dialog-container-fill-available-block-size: 100%;
    --date-time-input-header-width: 100%;
    --date-time-input-content-width: 100%;
    --date-time-input-footer-width: 100%;
    --date-picker-header-width: 100%;
    --date-picker-special-info-width: 100%;
    --date-picker-footer-width: 100%;
    --date-picker-expander-width: 100%;
    --date-input-header-width: 100%;
    --date-input-content-width: 100%;
    --date-input-footer-width: 100%;
    --crud-panel-grid-layout-area-content-width: 100%;
    --crud-panel-grid-layout-area-content-height: 100%;
    --collection-footer-container-width: 100%;
    --button-container-width-fill-available: 100%;
    --base-button-container-width-fill-available: 100%;
    --base-button-content-width-fill-available: 100%;
    --base-button-label-container-width-fill-available: 100%;
    --base-bar-container-inline-size: 100%;
    --base-bar-area-inline-size-fill-available: 100%;
    --application-template-height: 100%;
    --application-template-width: 100%;
    --application-template-header-width: 100%;
    --application-template-content-bar-width: 100%;
    --application-template-content-navigation-scrollable-width-fluid: 100%;
    --application-template-content-navigation-fixed-view-width-fluid: 100%;
    --application-template-content-scrollable-width-fluid: 100%;
    --application-template-content-fixed-view-width-fluid: 100%;
    --application-template-sidebar-height: 100%;
    --application-template-main-height: 100%;
    --application-template-main-width: 100%;
    --application-template-indicator-height: 100%;
    --application-template-local-navigation-width: 100%;
    --application-template-footer-width: 100%;
    --combobox-item-container-inline-size: 100%;
    --combobox-item-label-container-inline-size: 100%
    ;
  }
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

html {
  direction: ltr;
  font-size: var(--font-size-reference);
}

body {
  font-family: "CentraleSansCnd";
  color: #333333;
  overflow: hidden;
  font-size: var(--font-size-body);
}

body, html {
  height: 100%;
}

.overlay-body {
  position: relative;
}

.overlay::after {
  content: "";
  display: block;
  position: fixed;
  /* could also be absolute */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

hr {
  border: 0;
  height: 1px;
  background: #d9d9d9;
}

h3,
h4,
h5 {
  font-family: inherit;
  font-weight: bold;
  text-rendering: optimizelegibility;
}

h3 {
  line-height: 2.5rem;
  margin: 10px 0;
}

h4 {
  font-size: 1.09375rem;
  line-height: 1.25rem;
}

h5 {
  color: inherit;
  font-size: var(--font-size-body);
  line-height: 1.25rem;
  margin: 10px 0;
}

textArea {
  min-height: 65px;
  padding: var(--spacing-8) 10px var(--spacing-8) var(--spacing-8);
}

@media (min-width: 3840px) {
  textArea {
    padding: var(--spacing-8) var(--spacing-12) var(--spacing-8) var(--spacing-8);
  }
}

textArea::-webkit-scrollbar {
  width: var(--spacing-8);
  height: var(--spacing-8);
}

textArea::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #737373;
}

input[type].ng-invalid-custom-function.ng-touched {
  border: 1px red solid !important;
}

form input.ng-invalid-custom-function.ng-touched {
  border: 1px red solid !important;
}

form.ng-invalid-custom-function {
  border: 0px !important;
}

select.ng-invalid-custom-function.ng-touched {
  border: 1px red solid !important;
}

select {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  padding: 4px 6px;
}

@media (min-width: 3840px) {
  select {
    height: var(--sizing-32);
    padding: var(--spacing-8);
    line-height: var(--sizing-32);
  }
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

strong {
  font-family: "CentraleSansCndBold";
}

/*
Baseado em
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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

* {
  box-sizing: border-box;
  text-decoration: none;
  outline: 0 !important;
}

button:selected {
  outline: 0;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.tooltip {
  position: absolute;
  z-index: 99999;
  display: block;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
  animation: tasy-fadein 0.4s ease !important;
}

.tooltip[data-popper-placement^='top'] > .tooltip-arrow {
  bottom: calc(var(--spacing-4) * -1);
}

.tooltip[data-popper-placement^='bottom'] > .tooltip-arrow {
  top: calc(var(--spacing-4) * -1);
}

.tooltip[data-popper-placement^='left'] > .tooltip-arrow {
  right: calc(var(--spacing-4) * -1);
}

.tooltip[data-popper-placement^='right'] > .tooltip-arrow {
  left: calc(var(--spacing-4) * -1);
}

.tooltip-arrow, .tooltip-arrow::before {
  height: var(--sizing-8);
  position: absolute;
  z-index: -1;
  width: var(--sizing-8);
}

.tooltip-arrow::before {
  background: #595959;
  content: '';
  transform: rotate(45deg);
}

.tooltip.in {
  opacity: 1;
}

.tooltip.top, .tooltip.bottom {
  padding: var(--spacing-4) 0;
}

.tooltip.top {
  margin-top: calc((var(--spacing-4) / 2) * -1);
}

.tooltip.bottom {
  margin-top: calc(var(--spacing-4) / 2);
}

.tooltip-inner {
  background-color: #595959;
  border-radius: 4px;
  color: #ffffff;
  max-width: 200px;
  padding: var(--spacing-8);
  text-align: left;
  word-wrap: break-word;
}

.tooltip-warning .tooltip-inner {
  background-color: #f28729 !important;
  color: white !important;
}

.tooltip-warning .tooltip-arrow::before {
  background-color: #f28729 !important;
}

.tooltip.large .tooltip-inner {
  max-height: 30vh;
  max-width: 30vwcpo;
  overflow: auto;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #595959;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #595959;
  border-width: 0 5px 5px;
}

.dark-skin .tooltip-inner, .dark-skin .tooltip-arrow::before {
  background: #e8e8e8;
}

.dark-skin .tooltip-inner {
  color: #212121;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

/* FLEXBOX */
[class*="u-flex"] {
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-flex-row {
  -ms-flex-direction: row !important;
      flex-direction: row !important;
}

.u-flex-column {
  -ms-flex-direction: column !important;
      flex-direction: column !important;
}

.u-flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

/* INLINE */
.u-txt-nowrap {
  white-space: nowrap !important;
}

.u-txt-bold {
  font-family: "CentraleSansCndBold" !important;
}

.u-hide {
  display: none !important;
}

.u-hide\@empty:empty {
  display: none;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.btn-blue, .btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton, .btn-green {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: calc(var(--sizing-40) * 2);
  height: var(--sizing-32);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--spacing-4);
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  transition: background-color 0.1s ease;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  position: relative;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.btn-blue::before, .btn-gray::before, .w-dt-result__button.is_dpkb::before, .w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .btn_actions::before, #segment-buttons .btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .wbutton::before, .btn-green::before {
  transition: opacity .2s ease-in-out;
  content: " ";
  width: calc(100% + var(--spacing-8));
  height: calc(100% + var(--spacing-8));
  position: absolute;
  opacity: 0;
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.wbutton-has-icon.btn-blue, .wbutton-has-icon.btn-gray, .wbutton-has-icon.w-dt-result__button.is_dpkb, .wbutton-has-icon.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .wbutton-has-icon.btn_actions, #segment-buttons .wbutton-has-icon.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton-has-icon.wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .wbutton-has-icon.btn-green {
  min-width: calc(var(--sizing-24) * 2);
  padding: var(--spacing-8);
}

.btn-blue:hover, .btn-gray:hover, .w-dt-result__button.is_dpkb:hover, .w-dt-result__button.is_dpkb_visible:hover, .segment-spinner-date .btn_actions:hover, #segment-buttons .btn_actions:hover, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:hover, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:hover, #segment-buttons .segment-spinner-date-button-picker .wbutton:hover, .btn-green:hover {
  background-color: var(--btn-background-hover-color);
}

.btn-blue:active, .btn-gray:active, .w-dt-result__button.is_dpkb:active, .w-dt-result__button.is_dpkb_visible:active, .segment-spinner-date .btn_actions:active, #segment-buttons .btn_actions:active, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:active, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:active, #segment-buttons .segment-spinner-date-button-picker .wbutton:active, .btn-green:active {
  background-color: var(--btn-background-active-color);
}

.btn-blue:focus::before, .btn-gray:focus::before, .w-dt-result__button.is_dpkb:focus::before, .w-dt-result__button.is_dpkb_visible:focus::before, .segment-spinner-date .btn_actions:focus::before, #segment-buttons .btn_actions:focus::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:focus::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:focus::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:focus::before, .btn-green:focus::before, .focus.btn-blue::before, .focus.btn-gray::before, .focus.w-dt-result__button.is_dpkb::before, .focus.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .focus.btn_actions::before, #segment-buttons .focus.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .focus.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .focus.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .focus.wbutton::before, .focus.btn-green::before {
  opacity: 1;
}

.btn-blue:disabled, .btn-gray:disabled, .w-dt-result__button.is_dpkb:disabled, .w-dt-result__button.is_dpkb_visible:disabled, .segment-spinner-date .btn_actions:disabled, #segment-buttons .btn_actions:disabled, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled, .btn-green:disabled, .disable.btn-blue, .disable.btn-gray, .disable.w-dt-result__button.is_dpkb, .disable.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .disable.btn_actions, #segment-buttons .disable.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton, .disable.btn-green {
  cursor: default;
  background-color: var(--btn-background-disabled-color);
  box-shadow: none;
}

.btn-blue:disabled::before, .btn-gray:disabled::before, .w-dt-result__button.is_dpkb:disabled::before, .w-dt-result__button.is_dpkb_visible:disabled::before, .segment-spinner-date .btn_actions:disabled::before, #segment-buttons .btn_actions:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled::before, .btn-green:disabled::before, .disable.btn-blue::before, .disable.btn-gray::before, .disable.w-dt-result__button.is_dpkb::before, .disable.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .disable.btn_actions::before, #segment-buttons .disable.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton::before, .disable.btn-green::before {
  content: none !important;
}

.btn-blue:disabled .wbutton-imagepanel, .btn-gray:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible:disabled .wbutton-imagepanel, .segment-spinner-date .btn_actions:disabled .wbutton-imagepanel, #segment-buttons .btn_actions:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .btn-green:disabled .wbutton-imagepanel, .disable.btn-blue .wbutton-imagepanel, .disable.btn-gray .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .disable.btn_actions .wbutton-imagepanel, #segment-buttons .disable.btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .disable.btn-green .wbutton-imagepanel {
  opacity: .36;
}

.hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green, .hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green {
  visibility: hidden;
}

.btn-blue .wbutton-container-panel, .btn-gray .wbutton-container-panel, .w-dt-result__button.is_dpkb .wbutton-container-panel, .w-dt-result__button.is_dpkb_visible .wbutton-container-panel, .segment-spinner-date .btn_actions .wbutton-container-panel, #segment-buttons .btn_actions .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-container-panel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .btn-green .wbutton-container-panel {
  display: inline;
  vertical-align: middle;
}

.btn-blue .wbutton-text, .btn-gray .wbutton-text, .w-dt-result__button.is_dpkb .wbutton-text, .w-dt-result__button.is_dpkb_visible .wbutton-text, .segment-spinner-date .btn_actions .wbutton-text, #segment-buttons .btn_actions .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-text, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-text, .btn-green .wbutton-text {
  font-size: var(--font-size-body);
}

.btn-blue .wbutton-imagepanel, .btn-gray .wbutton-imagepanel, .w-dt-result__button.is_dpkb .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .btn_actions .wbutton-imagepanel, #segment-buttons .btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .btn-green .wbutton-imagepanel {
  width: var(--sizing-16);
  height: var(--sizing-16);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: var(--spacing-8);
}

.btn-blue .wbutton-imagepanel img, .btn-gray .wbutton-imagepanel img, .w-dt-result__button.is_dpkb .wbutton-imagepanel img, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel img, .segment-spinner-date .btn_actions .wbutton-imagepanel img, #segment-buttons .btn_actions .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel img, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .btn-green .wbutton-imagepanel img {
  width: 100%;
}

.btn-blue {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-blue-50);
  --btn-background-hover-color: #25669d;
  --btn-background-active-color: #1f5482;
  --btn-background-disabled-color: #b1cbe0;
}

.btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-10);
  --btn-background-hover-color: #d5d5d5;
  --btn-background-active-color: #b0b0b0;
  --btn-background-disabled-color: #fbfbfb;
}

.btn-green {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-green-55);
  --btn-background-hover-color: #1b6e2a;
  --btn-background-active-color: #165b22;
  --btn-background-disabled-color: #adceb3;
}

.btn-green:hide, .btn-green.hide {
  visibility: hidden;
}

.btn-save-add, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button {
  letter-spacing: 0.2px;
  color: #808080;
  position: relative;
  height: var(--sizing-32);
  padding: var(--spacing-8) 0;
  border: none;
  background-color: transparent;
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  cursor: pointer;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  content: "";
  display: inline-block;
  left: -var(--sizing-16);
  width: var(--sizing-16);
  height: var(--sizing-16);
  margin-right: var(--spacing-8);
  vertical-align: bottom;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.btn-save-add--disabled, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button {
  color: #bfbfbf;
  cursor: initial;
}

.btn-save-add--disabled:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before {
  filter: grayscale(100%);
  opacity: .5;
}

.btn-link-blue {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.btn-link-blue:focus {
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #03abff;
  --btn-background-hover-color: #3fbfff;
  --btn-background-active-color: #016699;
  --btn-background-disabled-color: #014466;
}

.dark-skin .btn-gray, .dark-skin .w-dt-result__button.is_dpkb, .dark-skin .w-dt-result__button.is_dpkb_visible, .dark-skin .segment-spinner-date .btn_actions, .segment-spinner-date .dark-skin .btn_actions, .dark-skin #segment-buttons .btn_actions, #segment-buttons .dark-skin .btn_actions, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-20);
  --btn-background-hover-color: #d2d2d2;
  --btn-background-active-color: #757575;
  --btn-background-disabled-color: #4e4e4e;
}

.dark-skin .btn-green {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #7bcc00;
  --btn-background-hover-color: #9ad83d;
  --btn-background-active-color: #497a00;
  --btn-background-disabled-color: #384d00;
}

.dark-skin .btn-link-blue {
  color: #4accff;
}

.dark-skin .btn-link-blue:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue::before, .dark-skin .btn-gray::before, .dark-skin .w-dt-result__button.is_dpkb::before, .dark-skin .w-dt-result__button.is_dpkb_visible::before, .dark-skin .segment-spinner-date .btn_actions::before, .segment-spinner-date .dark-skin .btn_actions::before, .dark-skin #segment-buttons .btn_actions::before, #segment-buttons .dark-skin .btn_actions::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton::before, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .btn-green::before {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button {
  color: #ffffff;
}

.dark-skin .btn-save-add:hover, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:hover, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:hover {
  opacity: .76;
}

.dark-skin .btn-save-add:active, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:active, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:active {
  opacity: .60;
}

.dark-skin .btn-save-add:focus, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:focus, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add--disabled:before, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled .dark-skin button:before {
  opacity: .4;
}

/* ICONS */
/*Clearing Floats*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* Form wrapper styling */
.w-dt-result {
  display: -ms-flexbox;
  display: flex;
  /* Form text input */
  /* Form submit button */
}

.w-dt-result__input {
  border: none !important;
  height: 30px !important;
  display: block;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

@media (min-width: 3840px) {
  .w-dt-result__input {
    height: var(--sizing-32) !important;
  }
}

.w-dt-result__input:-ms-input-placeholder {
  font-size: var(--font-size-body) !important;
  color: rgba(51, 51, 51, 0.35);
}

.w-dt-result__input::placeholder {
  font-size: var(--font-size-body) !important;
  color: rgba(51, 51, 51, 0.35);
}

.w-dt-result__ctnr {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  width: 100%;
  height: var(--sizing-32);
  border: 1px solid #b3b3b3;
}

.w-dt-result__ctnr.is-invalid {
  border-left: 1px solid #f0bb29 !important;
  border-bottom: 1px solid #f0bb29 !important;
  border-top: 1px solid #f0bb29 !important;
}

.w-dt-result__ctnr.ng-invalid-required {
  border-left: 1px solid #db2a36;
  border-bottom: 1px solid #db2a36;
  border-top: 1px solid #db2a36;
}

.w-dt-result__ctnr.is-focused {
  border-left: 1px solid #0096ed;
  border-bottom: 1px solid #0096ed;
  border-top: 1px solid #0096ed;
}

.w-dt-result.is-spinner .w-dt-result__ctnr {
  padding: 0;
}

.w-dt-result.is-spinner .w-dt-result__input:not(:disabled):-moz-read-only {
  background-color: #fff;
}

.w-dt-result.is-spinner .w-dt-result__input:not(:disabled):read-only {
  background-color: #fff;
}

.w-dt-result__txtbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.w-dt-result__txtbox-arrow {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.w-dt-result__txtbox--date .w-dt-result__input {
  font-size: 15px;
}

@media (min-width: 3840px) {
  .w-dt-result__txtbox--date .w-dt-result__input {
    font-size: var(--font-size-body);
  }
}

.w-dt-result__txtbox--time {
  width: 75px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-dt-result__txtbox--time .w-dt-result__input {
  text-align: center;
  padding-left: 0;
}

.w-dt-result__txtbox .w-dt-result__input.is-invalid {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5tb2RlcmF0ZS13YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkluZm9idXR0b25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibW9kZXJhdGUtd2FybmluZyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTgsMTYgQzMuNjM2MzYzNjQsMTYgMCwxMi4zNjM2MzY0IDAsOCBDMCwzLjYzNjM2MzY0IDMuNjM2MzYzNjQsMCA4LDAgQzEyLjM2MzYzNjQsMCAxNiwzLjYzNjM2MzY0IDE2LDggQzE2LDEyLjM2MzYzNjQgMTIuMzYzNjM2NCwxNiA4LDE2IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiNGRjk1MTQiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDIgTDksMiBMOSwxMC43MjcyNzI3IEw3LDEwLjcyNzI3MjcgTDcsMiBaIE03LDExLjgxODE4MTggTDksMTEuODE4MTgxOCBMOSwxNCBMNywxNCBMNywxMS44MTgxODE4IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #f0bb29;
  background-size: 16px;
}

.w-dt-result__ctrls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.w-dt-result__arrow {
  display: block;
  padding: 0;
  border: 0;
  height: 100%;
  background-color: transparent;
  color: #7c7c7c;
}

.w-dt-result__arrow:focus {
  color: #0096ed;
}

.w-dt-result__arrow:disabled {
  color: #bfbfbf;
}

.w-dt-result__arrow:not(:disabled) {
  cursor: pointer;
}

.w-dt-result__arrow:before {
  content: "";
  display: block;
  border: 4px solid transparent;
}

.w-dt-result__arrow--right {
  padding-right: var(--spacing-8);
}

.w-dt-result__arrow--right:before {
  margin-right: calc(var(--spacing-4) * -1);
  border-left-color: currentColor;
}

.w-dt-result__arrow--left {
  padding-left: var(--spacing-8);
}

.w-dt-result__arrow--left:before {
  border-right-color: currentColor;
  margin-left: calc(var(--spacing-4) * -1);
}

.w-dt-result__arrow--up:before {
  margin-bottom: calc(var(--spacing-4) * -1);
  border-bottom-color: currentColor;
}

.w-dt-result__arrow--down:before {
  margin-top: calc(var(--spacing-4) * -1);
  border-top-color: currentColor;
}

.w-dt-result__arrow--up, .w-dt-result__arrow--down {
  padding-right: var(--spacing-8);
}

.w-dt-result__arrow--up + .w-dt-result__arrow--down {
  margin-top: 6px;
}

@media (min-width: 3840px) {
  .w-dt-result__arrow--up + .w-dt-result__arrow--down {
    margin-top: 12px;
  }
}

.w-dt-result__button {
  overflow: visible;
  position: relative;
  border-top: 1px solid #999999;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-left: none;
  background: #ffffff;
  padding: var(--spacing-8);
  height: var(--sizing-32);
  background-repeat: no-repeat;
  -ms-flex: 0 0 36px;
      flex: 0 0 36px;
}

@media (min-width: 3840px) {
  .w-dt-result__button {
    -ms-flex: 0 0 var(--sizing-32);
        flex: 0 0 var(--sizing-32);
    background-size: 36px;
  }
}

.w-dt-result__button:disabled {
  background-color: #e8e8e8;
  border: 1px solid #bfbfbf;
  border-left: 0px;
}

.w-dt-result__button:hover:enabled {
  background-color: #e6e6e6;
  cursor: pointer;
}

.w-dt-result__button.is_dpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon.svg");
  background-position: center;
}

.w-dt-result__button.is_dpkb {
  -ms-flex: 1;
      flex: 1;
}

.w-dt-result__button.is_dpkb_visible {
  -ms-flex: 1;
      flex: 1;
  background-color: #b3b3b3 !important;
}

.w-dt-result__button.is_tpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/time_picker_icon.svg");
  background-position: center;
}

.w-dt-result__button.is_dtpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon.svg"), url("/assets/framework/images/components/w-datepicker/time_picker_icon.svg");
  background-position-y: center, center;
  background-position-x: var(--spacing-8), var(--spacing-32);
  -ms-flex: 0 0 56px;
      flex: 0 0 56px;
}

@media (min-width: 3840px) {
  .w-dt-result__button.is_dtpkr {
    -ms-flex: 0 0 112px;
        flex: 0 0 112px;
  }
}

.w-dt-result__button.ng-invalid-required {
  border-right: 1px solid #db2a36;
  border-bottom: 1px solid #db2a36;
  border-top: 1px solid #db2a36;
  border-left: none;
}

.w-dt-result__button.is-invalid {
  background-position: center;
  border-right: 1px solid #f0bb29 !important;
  border-bottom: 1px solid #f0bb29 !important;
  border-top: 1px solid #f0bb29 !important;
}

.w-dt-result__button.is-focused {
  border-right: 1px solid #0096ed;
  border-bottom: 1px solid #0096ed;
  border-top: 1px solid #0096ed;
}

.w-dt_result_dialog .ngdialog-content {
  position: fixed;
  overflow: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: inline-table;
}

.w-dt_result_dialog .ngdialog-close::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
}

@media (min-width: 3840px) {
  .w-dt_result_dialog .ngdialog-close::before {
    width: 48px;
    height: 48px;
  }
}

.w-dt_result_dialog .ngdialog-overlay {
  opacity: 0;
}

/* DATE PICKER
*
** TimePicker states (.w-dtpkr)
*   .is-simple  - Remove every .is-secondary items within the datepicker
*/
.w-dtpkr {
  display: inline-block;
  padding: var(--spacing-28);
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  font-family: "CentraleSansCndBook";
  white-space: nowrap;
  cursor: default;
  z-index: 1;
  /* (1/2) - WTimePicker - Changes the style when within a WDatePicker */
}

@media (min-width: 3840px) {
  .w-dtpkr {
    width: 100%;
    height: calc(inherit * 2);
  }
}

.w-dtpkr .w-tmpkr {
  padding: 0;
  box-shadow: none;
  vertical-align: top;
  /*rtl:ignore*/
  direction: ltr;
}

@media (min-width: 3840px) {
  .w-dtpkr .w-tmpkr {
    width: 386px;
    height: calc(initial * 2);
  }
}

.w-dtpkr.is-simple .is-secondary {
  display: none;
}

.w-dtpkr__calendar {
  display: inline-block;
  width: 256px;
  height: 274px;
  /* (2/2) - WTimePicker - Changes the style when within a WDatePicker */
}

@media (min-width: 3840px) {
  .w-dtpkr__calendar {
    width: 700px;
    height: 700px;
  }
}

.w-dtpkr__calendar + .w-tmpkr {
  padding-left: var(--spacing-12);
  margin-top: 100px;
}

@media (min-width: 3840px) {
  .w-dtpkr__calendar + .w-tmpkr {
    margin-top: 300px;
  }
}

.w-dtpkr__months {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 30px;
}

@media (min-width: 3840px) {
  .w-dtpkr__months {
    height: var(--spacing-32);
  }
}

.w-dtpkr__days {
  display: inline-block;
  min-height: 0;
  padding: var(--spacing-12) 0;
}

.w-dtpkr__days.is-monthly_yearly {
  padding: 0 0 var(--spacing-12) 0;
}

/*
** Day States (.w-dtpkr__day)
*   .is-selected   - Represents the selected day
*   .is-current    - Represents the current day
*   .is-disabled   - Represents the disabled day
*   :hover         - Only applied to non disabled nor empty fields
*
** Number states (.w-dtpkr__day__number)
*   .is-primary            - Represents the primary number
*   .is-primary.is-special - Represents a special primary number
*   .is-special            - Represents a special number
*/
.w-dtpkr__day {
  width: 36px;
  height: 36px;
  font-size: var(--font-size-subtitle);
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  /* Whenever the day is disabled the color turns to gray*/
}

@media (min-width: 3840px) {
  .w-dtpkr__day {
    width: 96px;
    height: 96px;
  }
}

.w-dtpkr__day.is-monthly_yearly {
  width: 64px;
  height: 64px;
}

@media (min-width: 3840px) {
  .w-dtpkr__day.is-monthly_yearly {
    width: 124px;
    height: 124px;
  }
}

.w-dtpkr__day.is-selected {
  background-color: #dcecff;
}

.w-dtpkr__day.is-current {
  border: 1px solid #0096ed;
}

.w-dtpkr__day:not(.is-selected).is-disabled .w-dtpkr__day__number.is-primary, .w-dtpkr__day:not(.is-selected).is-disabled .w-dtpkr__day__number.is-secondary {
  color: #d9d9d9;
}

.w-dtpkr__day:not(:empty):hover {
  background-color: #e6e6e6;
  cursor: pointer;
}

.w-dtpkr__day.is-disabled:not(:empty):hover .is-primary,
.w-dtpkr__day.is-disabled:not(:empty):hover .is-secondary {
  color: #333333;
}

.w-dtpkr__day__number {
  display: block;
  text-align: center;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #8c8c8c;
}

@media (min-width: 3840px) {
  .w-dtpkr__day__number {
    font-size: var(--font-size-subtitle);
  }
}

.w-dtpkr__day__number.is-primary {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #333333;
  font-size: var(--font-size-body);
}

.w-dtpkr__day__number.is-primary.is-special {
  font-family: "CentraleSansCndBold";
}

.w-dtpkr__day__number.is-primary.is-appointment {
  font-family: "CentraleSansCndBook";
  font-style: italic;
}

.w-dtpkr__day__number.is-secondary {
  font-size: var(--font-size-caption);
  color: #bfbfbf;
}

.w-dtpkr__day__number.is-secondary-info {
  color: #333333;
}

.w-dtpkr__day__number.is-special {
  color: #e86c00;
}

.w-dtpkr__day__number.is-appointment {
  color: #008a75;
}

.w-dtpkr__week__day {
  width: 36px;
  float: left;
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #333333;
  text-align: center;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .w-dtpkr__week__day {
    width: 96px;
  }
}

.w-dtpkr__prev,
.w-dtpkr__next {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  border: 1px solid #aaa;
  margin: 0 8px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .w-dtpkr__prev,
  .w-dtpkr__next {
    width: 32px;
    height: 32px;
    background-size: contain;
  }
}

/*rtl:begin:options:
{
  "autoRename": true,
  "stringMap":[
    {
      "name"    : "prev-next",
      "search"  : ["dtpkr__prev"],
      "replace" : ["dtpkr__next"]
    }]
}*/
.w-dtpkr__prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjQsOCAwLDQgNCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.w-dtpkr__next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

/*rtl:end:options*/
.w-dtpkr__header,
.w-dtpkr__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: var(--spacing-20);
}

@media (min-width: 3840px) {
  .w-dtpkr__header,
  .w-dtpkr__footer {
    height: var(--sizing-32);
  }
}

/*
** Label States
*   .is-primary   - Represents the primary label
*/
.w-dtpkr__month,
.w-dtpkr__year {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-align: center;
}

.w-dtpkr__month__label + .w-dtpkr__month__label,
.w-dtpkr__year__label + .w-dtpkr__month__label, .w-dtpkr__month__label +
.w-dtpkr__year__label,
.w-dtpkr__year__label +
.w-dtpkr__year__label {
  margin-top: 8px;
}

.w-dtpkr__month__label,
.w-dtpkr__year__label {
  display: block;
  /* color: $gray45; */
  color: #0096ed;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
}

.w-dtpkr__month__label.is-primary,
.w-dtpkr__year__label.is-primary {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndMedium";
  /* color: $80; */
  color: #2aacf7;
  font-size: var(--font-size-subtitle);
}

.w-dtpkr__month__label.is-secondary,
.w-dtpkr__year__label.is-secondary {
  font-size: var(--font-size-caption);
  color: #bfbfbf;
}

.w-dtpkr__texts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.w-dtpkr__today-text,
.w-dtpkr__done,
.w-dtpkr__clear,
.w-dtpkr__today {
  margin: 8px;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #2aacf7;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-body);
  text-align: center;
  cursor: pointer;
}

.w-dtpkr__done,
.w-dtpkr__clear,
.w-dtpkr__time-range {
  margin: -6px 8px -10px 8px;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #787878;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  text-align: center;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
}

/*
** Special items states
*   .w-dtpkr__special__item.is-primary   - Represents the primary special item
*/
.w-dtpkr__special {
  border-top: 1px solid #d9d9d9;
  max-height: 96px;
  padding-top: var(--spacing-8);
  margin-top: 20px;
  overflow: auto;
}

.w-dtpkr__special__item {
  padding: var(--spacing-8);
  padding-bottom: 0;
  overflow: hidden;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #e86c00;
}

.w-dtpkr__special__item.is-primary {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
}

.w-dtpkr__special__item.is-secondary {
  font-size: var(--font-size-body);
}

.w-dtpkr__special .ng-scope li {
  font-size: 1rem;
}

.w-dtpkr__dot__slot {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  margin-left: 15px;
  position: absolute;
  margin-top: 22px;
}

.ngdialog.w-dt_result_dialog {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.w-dt_result_dialog.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.w-dt_result_dialog .ngdialog-overlay {
  background: transparent !important;
  opacity: 0 !important;
}

.ngdialog.w-dt_result_dialog .ngdialog-content {
  animation: none !important;
}

.dark-skin .w-dt-result__ctnr input {
  border: 1px solid #c4c4c4;
  background-color: #4d4d4d;
  color: #ffffff;
}

@media (min-width: 3840px) {
  .dark-skin .w-dt-result__ctnr input {
    background-color: var(--color-gray-65);
  }
}

.dark-skin .w-dt-result__ctnr.is-focused input {
  border-width: 2px;
  border-style: solid;
  border-color: #41c9fe;
  border-right: 1px solid #c4c4c4;
}

.dark-skin .w-dt-result__button {
  background-color: #4d4d4d;
  border: 1px solid #c4c4c4;
  border-left: 0px;
}

@media (min-width: 3840px) {
  .dark-skin .w-dt-result__button {
    background-color: var(--color-gray-65);
  }
}

.dark-skin .w-dt-result__button.is_dpkr {
  background-origin: border-box;
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon__dark_v3.svg");
}

.dark-skin .w-dt-result__button.is_tpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon__dark_v3.svg");
  background-position: center;
}

.dark-skin .w-dt-result__button.is_dtpkr {
  background-image: url("/assets/framework/images/components/w-datepicker/date_picker_icon__dark_v3.svg"), url("/assets/framework/images/components/w-datepicker/time_picker_icon__dark_v2.svg");
  background-position-y: center, center;
  background-position-x: var(--spacing-8), var(--spacing-32);
  -ms-flex: 0 0 56px;
      flex: 0 0 56px;
}

@media (min-width: 3840px) {
  .dark-skin .w-dt-result__button.is_dtpkr {
    -ms-flex: 0 0 112px;
        flex: 0 0 112px;
  }
}

.dark-skin .w-dt-result__button.is-focused:not(.is-invalid):not(.ng-invalid-required) {
  border-width: 2px;
  border-style: solid;
  border-color: #41c9fe;
  border-left: 0px;
}

.dark-skin .w-dt-result__button.is-invalid {
  border: 2px solid #ff830f;
  border-left: 0px;
}

.dark-skin .w-dt-result__button:hover:enabled {
  background-color: transparent;
  cursor: pointer;
}

.dark-skin .w-dt-result__txtbox--date .w-dt-result__input {
  font-size: 15px;
}

.dark-skin .w-dt-result__txtbox .w-dt-result__input.is-invalid {
  background-image: url("/assets/framework/images/warning__dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #ff830f;
  border-right: 1px solid #c4c4c4;
}

.dark-skin .w-dt-result.is-spinner .w-container-input .w-dt-result__input {
  background-color: #383838;
}

.dark-skin.w-dtpkr {
  background-color: #4d4d4d;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

.dark-skin.w-dtpkr .w-tmpkr {
  background-color: #4d4d4d;
  box-shadow: 0 !important;
}

.dark-skin .w-dtpkr {
  background-color: #4d4d4d;
}

.dark-skin .w-dtpkr__month__label, .dark-skin .w-dtpkr__year__label {
  color: #4accff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__today {
  color: #4accff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__week__day {
  color: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__day:not(.is-selected).is-disabled .is-primary,
.dark-skin .w-dtpkr__day:not(.is-selected).is-disabled .is-secondary {
  color: #a6a6a6;
}

.dark-skin .w-dtpkr__day.is-selected {
  background-color: #9dd3e3;
}

.dark-skin .w-dtpkr__day.is-selected span {
  color: #212121 !important;
}

.dark-skin .w-dtpkr__day.is-current {
  border-color: #8c8c8c;
  color: #404040;
}

.dark-skin .w-dtpkr__day.is-disabled:not(:empty):hover, .dark-skin .w-dtpkr__day:not(:empty):hover {
  background-color: #777777;
}

.dark-skin .w-dtpkr__day.is-disabled:not(:empty):hover .is-primary,
.dark-skin .w-dtpkr__day.is-disabled:not(:empty):hover .is-secondary, .dark-skin .w-dtpkr__day:not(:empty):hover .is-primary,
.dark-skin .w-dtpkr__day:not(:empty):hover .is-secondary {
  color: #ffffff;
}

.dark-skin .w-dtpkr__day__number {
  color: #d6d6d6;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-dtpkr__day__number.is-special {
  color: #ffcd05;
}

.dark-skin .w-dtpkr__special {
  border-color: rgba(214, 214, 214, 0.12);
}

.dark-skin .w-dtpkr__special__item {
  color: #ffcd05;
}

.dark-skin .w-dtpkr__prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjZDZkNmQ2IiBwb2ludHM9IjQsOCAwLDQgNCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.dark-skin .w-dtpkr__next {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjZDZkNmQ2IiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.dark-skin .w-dtpkr__prev, .dark-skin .w-dtpkr__next {
  border: none;
}

.wfilter, .wstd-locator__filter {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: 100%;
  padding: var(--spacing-16) var(--spacing-28) var(--spacing-16) var(--spacing-16);
  background-color: #f2f2f2;
  z-index: 1;
}

.wfilter .title, .wstd-locator__filter .title {
  margin-bottom: 28px;
}

.wfilter-top {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 16px;
  margin-right: 28px;
}

.wfilter-title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.wfilter-bottom {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 16px;
}

.wfilter-button {
  margin-left: 16px;
}

.wfilter-options {
  display: inline-block;
  position: relative;
}

.wfilter-options > .wpopupmenu {
  display: block;
}

.wfilter-options-button:after {
  content: "";
  border: 4px solid transparent;
  border-bottom-color: #0096ed;
  margin-left: 3px;
  margin-top: -4px;
  vertical-align: middle;
  display: inline-block;
}

.wfilter .wfilter-modal--advanced .filter-dimensions-area, .wstd-locator__filter .wfilter-modal--advanced .filter-dimensions-area {
  height: 75px;
}

.wfilter .w-mdetail, .wstd-locator__filter .w-mdetail {
  background-color: transparent;
}

.wfilter .w-mdetail .w-mdetail__container, .wstd-locator__filter .w-mdetail .w-mdetail__container {
  padding-left: 0px;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.custom_size_wpaint.ngdialog-content {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  background-color: transparent !important;
}

.custom_size_wpaint {
  padding: 0px !important;
}

.custom_size_wpaint .dialog-default, .custom_size_wpaint .dialog-box {
  width: 100% !important;
  background-color: transparent;
  height: 100% !important;
}

.custom_size_wpaint .popupContent {
  background-color: rgba(0, 0, 0, 0.8);
}

.custom_size_wpaint .wpaint_header_container, .custom_size_wpaint .wpaint_footer_container {
  padding: 12px 24px;
  width: 100%;
  height: 60px;
  background-color: #333333;
  color: #ffffff;
  vertical-align: middle;
}

.custom_size_wpaint .selectorRightArrow {
  right: 0px;
  background: url("/assets/framework/images/components/w-paint/icons/slideshowRight.svg") no-repeat center;
}

.custom_size_wpaint .selectorLeftArrow {
  left: 0px;
  background: url("/assets/framework/images/components/w-paint/icons/slideshowLeft.svg") no-repeat center;
}

.custom_size_wpaint #wimageview_image {
  transition: opacity 0.2s linear;
}

.custom_size_wpaint .selectorLeftArrow, .custom_size_wpaint .selectorRightArrow {
  height: 64px;
  width: 24px;
  margin: auto 24px;
  top: 50%;
  position: absolute;
  cursor: pointer;
}

.custom_size_wpaint .selectorLeftArrow.disabledArrow, .custom_size_wpaint .selectorRightArrow.disabledArrow {
  opacity: 0.3;
  cursor: auto;
}

.custom_size_wpaint .wpaint_icon {
  height: 36px;
  width: 36px;
  margin: auto;
  cursor: pointer;
}

.custom_size_wpaint .wpaint_icon.icon_selection {
  background: url("/assets/framework/images/components/w-paint/icons/selection.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_crop {
  background: url("/assets/framework/images/components/w-paint/icons/crop.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_brush {
  background: url("/assets/framework/images/components/w-paint/icons/brush.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_pencil {
  background: url("/assets/framework/images/components/w-paint/icons/pencil.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_line {
  background: url("/assets/framework/images/components/w-paint/icons/line.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_layers {
  background: url("/assets/framework/images/components/w-paint/icons/layers.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_edit {
  background: url("/assets/framework/images/components/w-paint/icons/edit.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_selectarea {
  background: url("/assets/framework/images/components/w-paint/icons/selectArea.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_rectangle {
  background: url("/assets/framework/images/components/w-paint/icons/rectangle.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_ellipse {
  background: url("/assets/framework/images/components/w-paint/icons/ellipse.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_type {
  background: url("/assets/framework/images/components/w-paint/icons/type.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_pick_color {
  background: url("/assets/framework/images/components/w-paint/icons/picker.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_color {
  background: url("/assets/framework/images/components/w-paint/icons/color.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_fillcolor {
  background: url("/assets/framework/images/components/w-paint/icons/fillColor.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_linecolor {
  background: url("/assets/framework/images/components/w-paint/icons/lineColor.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_redo {
  background: url("/assets/framework/images/components/w-paint/icons/redo.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_undo {
  background: url("/assets/framework/images/components/w-paint/icons/undo.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_zoomin {
  background: url("/assets/framework/images/components/w-paint/icons/zoomIn.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_zoomout {
  background: url("/assets/framework/images/components/w-paint/icons/zoomOut.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_delete {
  background: url("/assets/framework/images/components/w-paint/icons/delete.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_reload {
  background: url("/assets/framework/images/components/w-paint/icons/reload.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_print {
  background: url("/assets/framework/images/components/w-paint/icons/print.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_download {
  background: url("/assets/framework/images/components/w-paint/icons/download.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_arrow {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -540px -40px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_curve {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -137px -72px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_curve_arrow {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat 8px -72px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_three_line {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -40px -71px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_brackets {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -88px -69px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_asterisk {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -191px -70px;
  filter: invert(100%);
}

.custom_size_wpaint .wpaint_icon.icon_erase {
  background: url("/assets/framework/images/components/w-paint/icons/erase.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_brightness {
  background: url("/assets/framework/images/components/w-paint/icons/tool-brightness.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon.icon_contrast {
  background: url("/assets/framework/images/components/w-paint/icons/tool-contrast.svg") no-repeat center;
}

.custom_size_wpaint .wpaint_icon :hover {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.custom_size_wpaint .wpaint_controls_icon {
  height: 36px;
  width: 36px;
  display: -ms-flexbox;
  display: flex;
}

.custom_size_wpaint .wpaint_controls_icon.active {
  background-color: #4D4D4D !important;
}

.custom_size_wpaint .wpaint_controls_icon.disabled {
  opacity: 0.3;
  filter: gray;
  cursor: auto;
}

.custom_size_wpaint .wpaint_controls_icon .icon_separator {
  border-right: 1px solid #4D4D4D;
  height: 24px;
  width: 1px;
  margin: 0px auto;
}

.custom_size_wpaint .wpaint_controls_icon #layers_base, .custom_size_wpaint .wpaint_controls_icon #all_colors, .custom_size_wpaint .wpaint_controls_icon #all_lines {
  margin-left: 36px;
  display: block;
  padding: 7px;
  padding-bottom: 5px;
  position: absolute;
  background-color: #4d4d4d;
  z-index: 1000;
  font-size: var(--font-size-caption);
}

.custom_size_wpaint .wpaint_controls_icon .btn-brightness-contrast {
  margin-left: 36px;
  width: 300px;
  height: 36px;
  display: block;
  padding: 2px;
  position: absolute;
  background-color: #4d4d4d;
  z-index: 1000;
  font-size: var(--font-size-caption);
}

.custom_size_wpaint .wpaint_controls_icon #all_colors {
  padding-right: 5px;
  padding-bottom: 5px;
}

.custom_size_wpaint .wpaint_controls_icon #all_lines {
  padding: 0px;
}

.custom_size_wpaint .wpaint_controls_icon #selected_line_icon.active {
  background-color: #4D4D4D !important;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left {
  height: 36px;
  margin-right: 24px;
  float: left;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left .filename_container {
  display: inline-block;
  margin: 6px 12px 0px 12px;
  height: 24px;
  vertical-align: top;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left .filename_container input {
  width: 42px;
  height: 18px;
  padding-left: 5px;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #anti_alias {
  display: inline-block;
  vertical-align: top;
  padding: 6px 0px 0px 8px;
  margin-right: 12px;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #round_container ~ .icon_separator {
  display: none;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #size_container:not(.ng-hide) ~ .icon_separator, .custom_size_wpaint .wpaint_header_container .wpaint_header_item_left #round_container:not(.ng-hide) ~ .icon_separator {
  display: inline-block;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_left .icon_separator {
  display: inline-block;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_right {
  height: 36px;
  margin-left: 24px;
  float: right;
  display: block;
}

.custom_size_wpaint .wpaint_header_container .wpaint_header_item_right .wpaint_controls_icon, .custom_size_wpaint .wpaint_header_container .wpaint_header_item_right .icon_separator {
  display: block;
  float: right;
}

.custom_size_wpaint .wpaint_header_container .icon_separator {
  border-right: 1px solid #4D4D4D;
  height: 24px;
  width: 1px;
  margin: 6px 12px 0px 12px;
}

.custom_size_wpaint .wpaint_main_container {
  width: 100%;
  height: calc(100% - 120px);
  display: inline-block;
}

.custom_size_wpaint .wpaint_main_container_view {
  height: calc(100% - 66px);
  overflow: auto;
}

.custom_size_wpaint .wpaint_main_container .wpaint_left_controls {
  text-align: center;
  height: 100%;
  width: 36px;
  display: inline-block;
  float: left;
  background-color: #333333;
  color: #ffffff;
}

.custom_size_wpaint .wpaint_main_container .wpaint_left_controls .icon_separator {
  border-top: 1px solid #4D4D4D;
  width: 24px;
  height: 1px;
  margin: 0px auto;
}

.custom_size_wpaint .wpaint_main_container .wpaint_component {
  padding: 15px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  overflow: auto !important;
  cursor: auto;
}

.wpaint_component canvas {
  border: 1px solid #808080;
  position: absolute;
  outline: 0;
  /* disable select canvas */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
  /* disable antialiasing */
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

.wpaint_component img {
  border: none;
}

.wpaint_component td, .wpaint_component th {
  vertical-align: top;
}

.wpaint_component table {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.wpaint_component input[type="text"], .wpaint_component input[type="button"], .wpaint_component select, .wpaint_component input[type="number"] {
  border: 1px solid #393939;
}

.wpaint_component input[type="range"] {
  margin-left: 0px;
  width: 100%;
}

.wpaint_component input[type="button"]:disabled {
  visibility: hidden;
}

.wpaint_component input[type="button"] {
  background: #ACC7DE;
}

/* ==== ID ================================================================== */
.wpaint_component #canvas_handlers {
  border: 1px solid #808080;
  position: absolute;
  margin-left: 105px;
}

.wpaint_component #canvas_back {
  background-color: #ffffff;
}

.wpaint_component #drop_zone {
  border: 5px dashed  #CCCCCC;
  text-align: center;
  width: 400px;
  height: 200px;
  margin: 10px;
  margin-left: 60px;
  display: none;
  position: absolute;
  background-color: #ffffff;
}

.wpaint_component #canvas_container {
  margin: 10px 5px 5px 50px;
}

.wpaint_component #uploadprogress {
  position: absolute;
  top: 5px;
  z-index: 100;
  left: 300px;
  height: 15px;
  width: 600px;
  display: none;
}

.wpaint_component #preview {
  width: 150px;
  height: 160px;
  /*background-color:#989898;*/
  background-color: #DDECFE;
  border: 1px solid #393939;
  /*	margin:0px;
	padding:0px;*/
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 10px;
  /*	right:10px;*/
  z-index: 10;
}

.wpaint_component #preview canvas {
  cursor: pointer;
}

.wpaint_component #layers_base {
  width: 140px;
  /*background-color:#989898;*/
  background-color: #DDECFE;
  border: 1px solid #393939;
  padding: 5px;
  position: relative;
  float: right;
  /*right:10px;*/
  /*top:195px;*/
  z-index: 10;
}

/*#layers_base{
	width:140px;
	background-color:#989898;
	border:1px solid #393939;
	padding:5px;
	position:fixed;
	right:10px;
	top:195px;
	z-index:10;
	}*/
.wpaint_component #canvas_layers {
  margin-left: 105px;
}

.wpaint_component #menu_left {
  margin-left: -38px;
  position: fixed;
  width: 132px;
  min-height: 490px;
  margin-right: 5px;
  z-index: 11;
}

.wpaint_component #menu_left_container .active {
  background-color: #5680c1 !important;
}

.wpaint_component #menu_left_container a {
  float: left;
  border: 1px solid #393939;
  /*background: #DDECFE url('../app/common/factories/w-paint/images/all.png') no-repeat 0px 0px;*/
  /*background-color:#DDECFE;*/
  width: 30px;
  margin: 0px 1px 1px 0px;
  height: 22px;
  overflow: hidden;
  display: block;
}

.wpaint_component #action_attributes {
  min-height: 20px;
  font-size: 15px;
  width: 91%;
}

.wpaint_component #info {
  padding: 5px 3px 5px 2px;
  min-height: 57px;
  font-size: 11px;
}

/*#action_attributes input{
	font-size:13px;
        height:20px;
	width:100%;
	}*/
.wpaint_component #popup {
  position: fixed;
  border: 1px solid #000000;
  background-color: #dbeaf9;
  width: 400px;
  max-height: 550px;
  overflow-y: scroll;
  margin: 0px auto 0px auto;
  top: 50px;
  left: 50%;
  margin-left: -200px;
  display: none;
  padding: 10px;
  font-size: 12px;
  z-index: 12;
}

.wpaint_component #popup h2 {
  margin-top: 0px;
  cursor: move;
}

.wpaint_component #popup td {
  height: 20px;
}

.wpaint_component #popup textarea {
  color: #000000;
  width: 100%;
  border: 1px solid #393939;
  padding-left: 5px;
}

.wpaint_component #popup .button {
  margin-right: 5px;
  background-color: #5680c1;
  width: 60px;
  height: 25px;
}

.wpaint_component #popup select {
  display: inline-block;
  font-weight: normal;
  height: 15px;
  line-height: 30px;
  padding: 4px 6px;
  vertical-align: middle;
}

.wpaint_component #resize-w, .wpaint_component #resize-h, .wpaint_component #resize-wh {
  background-color: #4D4D4D;
  /*background-color:#DDECFE;*/
  width: 5px;
  height: 5px;
  margin-left: 105px;
  position: absolute;
}

/* ==== classes ============================================================= */
.wpaint_main_container .block {
  border: 1px solid #393939;
  padding: 5px;
  margin-top: 5px;
  /*background-color:#818181;*/
  background-color: #DDECFE;
}

.wpaint_main_container .layer {
  margin-bottom: 2px;
  border: 1px solid #393939;
  /*background-color:#989898;*/
  background-color: #ACC7DE;
  padding: 1px 5px 3px 5px;
  border-radius: 3px;
  font-size: 11px;
  height: 16px;
  overflow: hidden;
  color: #333333;
}

.wpaint_main_container .layers_arrow {
  text-decoration: none;
  color: #000000;
  display: block;
  float: right;
  margin-left: 5px;
  /*background-color:#727272;*/
  background-color: #ACC7DE;
  padding: 0px 5px 0px 5px;
  border: 1px solid #393939;
  font-size: 11px;
}

.wpaint_main_container .layer_title {
  display: block;
  float: left;
  cursor: pointer;
  min-width: 85px;
  width: 10px;
  overflow: hidden;
  line-height: 1.3;
}

.wpaint_main_container #layers_base .active {
  background-color: #5680c1;
}

.wpaint_main_container .layer_delete {
  float: right;
  cursor: pointer;
  padding: 0px 3px 0px 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat 0px -50px;
}

.wpaint_main_container .layer_visible {
  float: right;
  cursor: pointer;
  padding: 0px 3px 0px 3px;
  width: 12px;
  height: 12px;
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -100px -50px;
}

.wpaint_main_container .layer_unvisible {
  background: url("/assets/framework/images/components/w-paint/icons/all.png") no-repeat -50px -50px;
}

.wpaint_main_container .layer_add {
  border: 1px solid #393939;
  padding: 0px 4px 0px 4px;
  text-decoration: none;
  background-color: #5680c1;
  cursor: pointer;
}

.wpaint_main_container .mini-color {
  width: 14px;
  height: 14px;
  margin: 0px 3px 3px 0px;
  float: left;
  border: 1px solid #393939;
  cursor: pointer;
}

.wpaint_main_container .mini-color:hover {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.wpaint_main_container .attribute-title {
  text-align: center;
  font-weight: bold;
}

.wpaint_main_container #main_colour, .wpaint_main_container #second_colour {
  background-color: transparent;
  margin-top: 10px;
  width: 14px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.wpaint_main_container #main_colour:hover, .wpaint_main_container #second_colour:hover {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.wpaint_main_container #main_colour_alt, .wpaint_main_container #second_colour_alt {
  border: 1px solid #393939;
  margin-top: 10px;
  width: 100%;
  height: 40px;
}

.wpaint_main_container #main_colour_rgb {
  margin-top: 5px;
  width: 100%;
  color: #000000;
  text-align: right;
}

.wpaint_main_container #main_colour_rgb input {
  width: 35px;
}

.wpaint_component .attribute-area {
  border: 1px solid #393939;
  /*background-color:#989898;*/
  background-color: #ACC7DE;
  margin: 5px 5px 5px 5px;
  text-align: center;
  /*padding:5px 0px 5px 0px;*/
  padding: 0px;
  cursor: pointer;
  /* disable select */
  -webkit-user-select: none;
  -moz-user-select: none;
  color: #222;
}

.wpaint_component .error {
  padding: 20px;
  margin: 10px;
  border: 1px solid #ff0000;
  background-color: #ffffff;
  width: 400px;
  font-weight: bold;
}

.wpaint_component .group {
  border: 1px solid #888888;
  margin: 5px 0px 5px 0px;
  padding: 5px;
}

/* ==== menu ================================================================ */
.wpaint_component .ddsmoothmenu {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  font: 12px Arial,sans-serif;
  background: #2D2D2D;
  width: 100%;
  padding-left: 10px;
}

.wpaint_component .ddsmoothmenu ul {
  z-index: 100;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.wpaint_component .ddsmoothmenu ul li {
  position: relative;
  display: inline;
  float: left;
  color: #2d2b2b;
}

.wpaint_component .ddsmoothmenu ul li .rightarrowclass {
  display: none !important;
}

.wpaint_component .ddsmoothmenu ul li ul li .rightarrowclass {
  display: block !important;
}

.wpaint_component .ddsmoothmenu ul li a {
  display: block;
  color: #2D2D2D;
  padding: 8px 10px;
  text-decoration: none;
  color: #cccccc;
}

.wpaint_component .ddsmoothmenu ul li a.selected {
  background: #FFFFFF !important;
  color: #2d2b2b;
}

.wpaint_component .ddsmoothmenu ul li ul li a.selected {
  background-color: #E4EBF8 !important;
}

.wpaint_component .ddsmoothmenu ul li a:hover {
  background: #E4EBF8;
  color: #2D2D2D;
}

.wpaint_component .ddsmoothmenu .hide_ul {
  position: absolute;
  left: -3000px;
  display: none;
  visibility: hidden;
  border: 1px solid #5680C1;
  border-top: 0px;
}

.wpaint_component .ddsmoothmenu ul li ul {
  position: absolute;
  left: -3000px;
  display: none;
  visibility: hidden;
  border: 1px solid #5680C1;
  border-top: 0px;
}

.wpaint_component .ddsmoothmenu ul li ul li {
  display: list-item;
  background: #ffffff;
  float: none;
}

.wpaint_component .ddsmoothmenu ul li ul li ul {
  top: 0;
  border-top: 1px solid #5680C1;
}

.wpaint_component .ddsmoothmenu ul li ul li a {
  padding: 4px 5px 4px 5px;
  margin: 0;
  color: #2D2D2D;
}

* html .ddsmoothmenu {
  height: 1%;
}

/*Hack for IE7 and below*/
.wpaint_component .downarrowclass {
  position: absolute;
  top: 12px;
  right: 7px;
}

.wpaint_component .rightarrowclass {
  position: absolute;
  top: 6px;
  right: 5px;
}

.wpaint_component .ddshadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: #ccc;
}

.wpaint_component .ddsmoothmenu .mid-line {
  background-color: #ff0000;
  border-top: 1px solid #e5e5e5;
  font-size: 0;
  padding: 0 8px 0 8px;
}

.wpaint_component #size_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #size_container input, .wpaint_component #power_container input, .wpaint_component #strength_container input, .wpaint_component #sensitivity_container input, .wpaint_component #round_container input {
  width: 28px;
  font-size: 13px;
  padding: 0px 5px;
  height: 20px;
}

.wpaint_component #size_container input {
  margin-left: 44px;
}

.wpaint_component #power_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #power_container input {
  margin-left: 30px;
}

.wpaint_component #strength_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #strength_container input {
  margin-left: 15px;
}

.wpaint_component #sensitivity_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #sensitivity_container input {
  margin-left: 3px;
}

.wpaint_component #round_container .attribute-area {
  font-size: 20px;
  padding: 0px;
}

.wpaint_component #round_container input {
  margin-left: 30px;
}

.wpaint_component * {
  box-sizing: content-box !important;
}

/* input range / brightness and contrast */
.btn-brightness-contrast input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background: transparent;
  padding: 10px 0px 0px;
}

.btn-brightness-contrast input[type=range]:focus {
  outline: none;
}

.btn-brightness-contrast input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #aba9a9;
  border-radius: 1px;
  border: 0px solid #000000;
}

.btn-brightness-contrast input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #aba9a9;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #aba9a9;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

.btn-brightness-contrast input[type=range]:focus::-webkit-slider-runnable-track {
  background: #aba9a9;
}

.btn-brightness-contrast input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #aba9a9;
  border-radius: 1px;
  border: 0px solid #000000;
}

.btn-brightness-contrast input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #aba9a9;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #aba9a9;
  cursor: pointer;
}

.btn-brightness-contrast input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #d5151500;
  border-color: transparent;
  color: transparent;
}

.btn-brightness-contrast input[type=range]::-ms-fill-lower {
  background: #aba9a9;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}

.btn-brightness-contrast input[type=range]::-ms-fill-upper {
  background: #aba9a9;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}

.btn-brightness-contrast input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #aba9a9;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #aba9a9;
  cursor: pointer;
}

.btn-brightness-contrast input[type=range]:focus::-ms-fill-lower {
  background: #aba9a9;
}

.btn-brightness-contrast input[type=range]:focus::-ms-fill-upper {
  background: #aba9a9;
}

.range-wrap {
  position: relative;
  margin: 0 auto 3rem;
}

.range {
  width: 100%;
}

.bubble {
  color: #aba9a9;
  padding: 0px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}

.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  top: -1px;
  left: 50%;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.segment-spinner-date .segment-spinner-date-button, #segment-buttons .segment-spinner-date-button {
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
}

.segment-spinner-date .segment-spinner-date-button button, #segment-buttons .segment-spinner-date-button button {
  border-radius: 0;
}

.segment-spinner-date .segment-spinner-date-button-previous .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-previous .wbutton-container .wbutton {
  border-radius: 4px 0 0 4px;
  padding: 0 12px 0 12px;
}

.segment-spinner-date .segment-spinner-date-button-next .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-next .wbutton-container .wbutton {
  border-radius: 0 4px 4px 0;
  padding: 0 12px 0 12px;
}

.segment-spinner-date .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  font-weight: bold;
}

.segment-spinner-date .segment-spinner-date-button-picker .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-container .wbutton {
  min-width: 8px;
  line-height: 18px;
}

.segment-spinner-date-container, #segment-buttons {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  margin-right: 20px;
}

/* ICONS */
/* TIME PICKER */
.w-tmpkr {
  display: inline-block;
  padding: var(--spacing-28);
  background-color: #fff;
  box-shadow: 0 0 var(--sizing-8) rgba(0, 0, 0, 0.3);
  font-family: "CentraleSansCndBook";
  text-align: center;
  vertical-align: top;
  cursor: default;
}

.w-tmpkr__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-tmpkr__current-hour {
  display: inline-block;
  display: none;
  margin-bottom: var(--spacing-24);
  font-size: var(--font-size-subtitle);
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndMedium";
  color: #0096ed;
}

.w-tmpkr__control {
  /*rtl:ignore*/
  width: -moz-min-content;
  width: min-content;
}

.w-tmpkr__control + .w-tmpkr__control {
  margin-left: var(--spacing-8);
}

.w-tmpkr__control__separator {
  width: var(--sizing-8);
  text-align: center;
}

.w-tmpkr__control__up, .w-tmpkr__control__down, .w-tmpkr__control__value {
  display: block;
  width: 36px;
  height: 36px;
}

@media (min-width: 3840px) {
  .w-tmpkr__control__up, .w-tmpkr__control__down, .w-tmpkr__control__value {
    width: 74px;
    height: 78px;
  }
}

.w-tmpkr__control__up, .w-tmpkr__control__down {
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .w-tmpkr__control__up, .w-tmpkr__control__down {
    background-size: 48px;
    margin: 0 auto;
  }
}

.w-tmpkr__control__up:hover, .w-tmpkr__control__down:hover {
  background-color: #d9d9d9;
}

.w-tmpkr__control__up {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNOS45LDQuOUw1LjIsMC4xQzUuMiwwLDUuMSwwLDUsMEM0LjksMCw0LjgsMCw0LjgsMC4xTDAuMSw0LjlDMCw1LDAsNS4xLDAsNS4xYzAsMC4xLDAsMC4yLDAuMSwwLjJsMC41LDAuNUMwLjcsNiwwLjcsNiwwLjgsNkMwLjksNiwxLDYsMS4xLDUuOUw1LDEuOGwzLjksNC4xQzksNiw5LjEsNiw5LjIsNmMwLjEsMCwwLjIsMCwwLjItMC4xbDAuNS0wLjVDMTAsNS4zLDEwLDUuMiwxMCw1LjFDMTAsNS4xLDEwLDUsOS45LDQuOUw5LjksNC45eiBNOS45LDQuOSIvPjwvc3ZnPg==);
}

.w-tmpkr__control__down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjNTk1OTU5IiBkPSJNOS45LDEuMUMxMCwxLDEwLDAuOSwxMCwwLjljMC0wLjEsMC0wLjItMC4xLTAuMkw5LjQsMC4xQzkuMywwLDkuMywwLDkuMiwwQzkuMSwwLDksMCw4LjksMC4xTDUsNC4yTDEuMSwwLjFDMSwwLDAuOSwwLDAuOCwwQzAuNywwLDAuNywwLDAuNiwwLjFMMC4xLDAuNkMwLDAuNywwLDAuOCwwLDAuOUMwLDAuOSwwLDEsMC4xLDEuMWw0LjcsNC44QzQuOCw2LDQuOSw2LDUsNmMwLjEsMCwwLjIsMCwwLjItMC4xTDkuOSwxLjFMOS45LDEuMXogTTkuOSwxLjEiLz48L3N2Zz4=);
}

.w-tmpkr__control__value {
  font-size: var(--font-size-subtitle) !important;
  text-align: center;
  border: 1px solid #cccccc !important;
  padding: var(--spacing-8) var(--spacing-4) !important;
}

.w-tmpkr__control__value:-moz-read-only {
  background-color: #fff !important;
  opacity: inherit !important;
}

.w-tmpkr__control__value:read-only {
  background-color: #fff !important;
  opacity: inherit !important;
}

.w-tmpkr__now {
  padding-top: var(--spacing-8);
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #2aacf7;
  font-family: "CentraleSansCndMedium";
  font-size: var(--font-size-body);
  text-align: center;
  cursor: pointer;
  margin-top: var(--spacing-20);
}

.dark-skin .w-tmpkr {
  background-color: #4d4d4d;
  box-shadow: 0;
}

.dark-skin .w-tmpkr__control__up {
  background-color: #696969;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNOS45LDQuOUw1LjIsMC4xQzUuMiwwLDUuMSwwLDUsMEM0LjksMCw0LjgsMCw0LjgsMC4xTDAuMSw0LjlDMCw1LDAsNS4xLDAsNS4xYzAsMC4xLDAsMC4yLDAuMSwwLjJsMC41LDAuNUMwLjcsNiwwLjcsNiwwLjgsNkMwLjksNiwxLDYsMS4xLDUuOUw1LDEuOGwzLjksNC4xQzksNiw5LjEsNiw5LjIsNmMwLjEsMCwwLjIsMCwwLjItMC4xbDAuNS0wLjVDMTAsNS4zLDEwLDUuMiwxMCw1LjFDMTAsNS4xLDEwLDUsOS45LDQuOUw5LjksNC45eiBNOS45LDQuOSIvPjwvc3ZnPg==);
}

.dark-skin .w-tmpkr__control__down {
  background-color: #696969;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNNzU5LjUsNjYyLjFsLTQuNi00LjZjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xYy0wLjEsMC0wLjIsMC0wLjIsMC4xbC00LjYsNC42Yy0wLjEsMC4xLTAuMSwwLjEtMC4xLDAuMmMwLDAuMSwwLDAuMiwwLjEsMC4ybDAuNSwwLjVjMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwzLjktMy45bDMuOSwzLjljMC4xLDAuMSwwLjEsMC4xLDAuMiwwLjFjMC4xLDAsMC4yLDAsMC4yLTAuMWwwLjUtMC41YzAuMS0wLjEsMC4xLTAuMSwwLjEtMC4yQzc1OS42LDY2Mi4zLDc1OS42LDY2Mi4yLDc1OS41LDY2Mi4xTDc1OS41LDY2Mi4xeiBNNzU5LjUsNjYyLjEiLz48cGF0aCBmaWxsPSIjZDZkNmQ2IiBkPSJNOS45LDEuMUMxMCwxLDEwLDAuOSwxMCwwLjljMC0wLjEsMC0wLjItMC4xLTAuMkw5LjQsMC4xQzkuMywwLDkuMywwLDkuMiwwQzkuMSwwLDksMCw4LjksMC4xTDUsNC4yTDEuMSwwLjFDMSwwLDAuOSwwLDAuOCwwQzAuNywwLDAuNywwLDAuNiwwLjFMMC4xLDAuNkMwLDAuNywwLDAuOCwwLDAuOUMwLDAuOSwwLDEsMC4xLDEuMWw0LjcsNC44QzQuOCw2LDQuOSw2LDUsNmMwLjEsMCwwLjIsMCwwLjItMC4xTDkuOSwxLjFMOS45LDEuMXogTTkuOSwxLjEiLz48L3N2Zz4=);
}

.dark-skin .w-tmpkr__control__down:hover {
  background-color: #4accff;
}

.dark-skin .w-tmpkr__control__value {
  background-color: var(--color-gray-55) !important;
  border: none !important;
  color: var(--color-white) !important;
}

.dark-skin .w-tmpkr__control__value:not(:-moz-read-only):focus {
  background: #595959;
}

.dark-skin .w-tmpkr__control__value:not(:read-only):focus {
  background: #595959;
}

.dark-skin .w-tmpkr__control__value:-moz-read-only {
  background: transparent;
  color: rgba(232, 232, 232, 0.5);
}

.dark-skin .w-tmpkr__control__value:read-only {
  background: transparent;
  color: rgba(232, 232, 232, 0.5);
}

.dark-skin .w-tmpkr__now {
  color: #4accff;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  -ms-flex: 1;
      flex: 1;
}

.container:before {
  clear: both;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after {
  content: "";
  display: table;
  line-height: 0;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar {
  background: transparent;
  box-shadow: none;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container {
  background: transparent;
  box-shadow: none;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab {
  background: #4d4d4d;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-title,
.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-label {
  color: #c4c4c4;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-title.wtab-link-horizontal,
.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-label.wtab-link-horizontal {
  color: #c4c4c4;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-breadcrumb-separador {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNjNGM0YzQiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2NCAxNDk2Ljk5OTM5IDQ2OCAxNTAxLjAxMjQzIDQ2NCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
  cursor: pointer;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar {
  background: transparent;
  box-shadow: none;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container {
  background: transparent;
  box-shadow: none;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab {
  background: #4d4d4d;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-title,
.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-label {
  color: #c4c4c4;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-title.wtab-link-horizontal,
.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-label.wtab-link-horizontal {
  color: #c4c4c4;
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab .wtab-breadcrumb-separador {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNjNGM0YzQiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2NCAxNDk2Ljk5OTM5IDQ2OCAxNTAxLjAxMjQzIDQ2NCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.dark-skin .wschematic-breadcrumbs .wtabpanel-topbar .wtabpanel-container .wtab:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
  cursor: pointer;
}

/* Number of columns available*/
/* Margin of each panel*/
.wschematic {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing: border-box;
  padding: var(--spacing-8);
  min-height: 0;
  min-width: 0;
}

.dynamic-container-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

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

.has-drop-down-menu + .drop-down-menu-content,
.wschematic-content,
.schematics-object,
.schematic-tab-panel,
.region-cel,
.region-cont-row,
.region-cont-column,
.layout-regions {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.schematic-tab-panel {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wschematic-content {
  position: relative;
}

.wschematic-content.has-child:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -8px;
  bottom: 0px;
  width: 4px;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.wschematic-dropdown {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.wschematic-breadcrumbs {
  margin-bottom: var(--spacing-8);
}

.wschematic-breadcrumbs .wtabpanel-horizontal, .wschematic-breadcrumbs .w-bars__tabs {
  height: auto;
  padding-right: 0;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #595959;
  background-color: transparent;
  line-height: normal;
  box-shadow: none;
}

.wschematic-breadcrumbs .wtabpanel-breadcrumb-separador {
  width: 6px;
  height: 100%;
  margin-left: -18px;
  /*rtl:begin:remove*/
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuNDA2LDEuMjA5IDYuNDA2LDcuNDQ5IDAuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) bottom no-repeat;
  /*rtl:end:remove*/
  /*rtl:raw:
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTZFNkU2IiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYuNDA2LDEuMjA5IDAuNDA2LDcuNDQ5IDYuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) bottom no-repeat;
    */
}

.wschematic-breadcrumbs .wtab-horizontal:nth-of-type(1), .wschematic-breadcrumbs .w-bars__tab:nth-of-type(1) {
  margin-left: 0;
}

.wschematic-breadcrumbs .wtab-horizontal, .wschematic-breadcrumbs .w-bars__tab {
  display: block;
  padding: 0;
  margin-left: 8px;
  max-width: 300px;
  min-width: 100px;
}

.wschematic-breadcrumbs .wtab-horizontal .wtab, .wschematic-breadcrumbs .w-bars__tab .wtab {
  background: #f2f2f2;
  max-width: 300px;
  min-width: 100px;
  height: 24px;
  padding: 0 8px;
  margin-top: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.wschematic-breadcrumbs .wtab-horizontal .wtab:hover, .wschematic-breadcrumbs .w-bars__tab .wtab:hover {
  background: #FFF;
}

.wschematic-breadcrumbs .wtab-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.wschematic-breadcrumbs .wtab-mark-horizontal {
  display: none;
}

.wschematic-breadcrumbs .wtab-title {
  max-width: 80px;
  color: #333333;
}

.wschematic-breadcrumbs .wtab-label {
  max-width: 220px;
  color: #808080;
}

.wschematic-breadcrumbs .wtab-label:before {
  content: ':';
  display: inline-block;
  margin-left: 0px;
  margin-right: 2px;
}

.wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title {
  padding: 0;
  text-align: left;
  font-family: "CentraleSansCndBook";
  float: left;
  display: block;
  font-size: var(--font-size-caption);
}

.wschematic-breadcrumbs .wtabpanel-content {
  display: none !important;
}

.wschematic-breadcrumbs .wtab-breadcrumb-separador {
  /*rtl:begin:remove*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2NCAxNDk2Ljk5OTM5IDQ2OCAxNTAxLjAxMjQzIDQ2NCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  /*rtl:end:remove*/
  /*rtl:raw:
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDYgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5QYXRoIDM8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQ29tcG9uZW50LW5hbWUtaGVyZS4uLiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NjMuMDAwMDAwLCAtMTQ5Ny4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aC0zIiBwb2ludHM9IjQ2OCAxNDk2Ljk5OTM5IDQ2NCAxNTAxLjAxMjQzIDQ2OCAxNTA1Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    */
  background-position: center;
  width: 4px;
  height: 9px;
  margin: 8px 8px 0 0;
  float: left;
  position: relative;
}

.wschematic-breadcrumbs .wtab-link-horizontal {
  height: auto;
  line-height: 24px;
}

.wschematic-dropdown > select {
  width: auto;
}

.wschematic-dropdown > .w-listbox {
  display: inline-block;
  width: 167px;
  height: 32px;
  padding: 8px 24px 8px 16px;
  border-radius: 4px;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  background-color: #e6e6e6;
  box-shadow: inset 0 1px 0 #f2f2f2, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.wschematic-dropdown > .w-listbox:hover {
  background-color: #f2f2f2;
}

.wschematic-dropdown > .w-listbox:active {
  background-color: #cccccc;
}

.wschematic-dropdown > .w-listbox:disabled, .wschematic-dropdown > .w-listbox.disable {
  background-color: #e6e6e6;
}

.wschematic-dropdown > .w-listbox:focus, .wschematic-dropdown > .w-listbox.focus {
  border: none;
  box-shadow: 0 0 0 1px #BFBFBF, 0 0 0 2px #0096ed, inset 0 1px 0 #f2f2f2, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.dark-skin .wschematic-dropdown > .w-listbox {
  box-shadow: inset 0 1px 0 #404040, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.dark-skin .wschematic-dropdown > .w-listbox:hover {
  background: #d5d5d5;
}

.wschematic .has-drop-down-menu {
  padding: 0 24px 24px 0;
  -ms-flex: initial;
      flex: initial;
}

.wschematic:before,
.wschematic:after,
.region-col[class*="region-row"]:before,
.region-col[class*="region-row"]:after {
  content: "";
  display: table;
}

.wschematic:after,
.region-col[class*="region-row"]:after {
  clear: both;
}

.pn,
.region-col,
[class|="pn"],
[class*="region-col"] {
  box-sizing: border-box;
  position: relative;
  float: left;
  background-color: #fff;
}

.region-row {
  height: 50%;
}

.pn div.action-btns {
  position: absolute;
  left: calc(100% - 6px);
  transform: translateX(-100%);
  top: 6px;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.pn div.close-btn {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  content: "";
  margin-left: 8px;
  margin-right: 8px;
  height: 16px;
  width: 16px;
  top: 1px;
}

.pn div.split-btn {
  background-image: url("/assets/framework/images/components/w-new-handlebar/split.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  content: "";
  margin-left: 8px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  z-index: 17;
  position: absolute;
  top: 2px;
}

.split-btn-no-rigth {
  right: 0px;
}

.split-btn-with-filter-close {
  right: 16px;
}

.split-btn-with-rigth {
  right: 24px;
}

.pn {
  margin-right: var(--spacing-16);
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  min-height: 0;
}

.pn-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.pn:last-child {
  margin-right: 0;
}

.pn-1 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.pn-2 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 2;
      flex: 2;
}

.pn-3 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 3;
      flex: 3;
}

.pn-4 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 4;
      flex: 4;
}

.pn-5 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 5;
      flex: 5;
}

.pn-6 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 6;
      flex: 6;
}

.pn-7 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 7;
      flex: 7;
}

.pn-8 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 8;
      flex: 8;
}

.pn-9 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 9;
      flex: 9;
}

.pn-10 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 10;
      flex: 10;
}

.pn-11 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 11;
      flex: 11;
}

.pn-12 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 12;
      flex: 12;
}

.region-cont-row {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.region-cont-column {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.layout-regions > div,
.region-cont-row > .region-cel,
.region-cont-row > .region-cont-column {
  border-left: 1px solid #bfbfbf;
}

.layout-regions > div:first-child,
.region-cont-row > .region-cel:first-child,
.region-cont-row > .region-cont-column:first-child {
  border-left: none;
}

.region-cont-column > .region-cel {
  border-bottom: 1px solid #bfbfbf;
}

.layout-regions .region-row:first-child {
  border-bottom: 1px solid #bfbfbf;
}

.layout-regions .region-cont-column > .region-cel:last-child {
  border-bottom: none;
}

[class*="region-col"] > .region-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

[class*="schematic-mock-"] {
  height: 100%;
}

.drop-down-menu {
  min-width: 192px;
  max-width: 296px;
  margin: 10px 0;
}

.wschematic-nav-bar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--spacing-8);
}

.wschematic-nav-bar .wschematic-breadcrumbs {
  margin-bottom: 0;
}

.wschematic-wtree {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
}

.region-cel {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  position: relative;
}

.dynamic_container {
  overflow-y: auto;
}

.is-full-screen {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}

.pn {
  animation: tasy-fadein 0.4s ease !important;
}

.schematic-external-access-modal {
  padding: 28px 0 0 0;
}

.schematic-external-access-modal .schematic-tasy-patientbar {
  margin-bottom: 0;
}

.schematic-external-access-modal .schematic-tasy-patientbar + .wschematic-nav-bar {
  margin-top: unset !important;
}

.dark-skin.wschematic {
  background-color: #212121;
}

.dark-skin.wschematic .wschematic-content.has-child:after {
  background: #383838;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.dark-skin.schematic-external-access-modal {
  background: #4d4d4d;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.dark-skin .pn,
.dark-skin .region-col,
.dark-skin [class|="pn"],
.dark-skin [class*="region-col"] {
  background-color: #383838;
}

.dark-skin .pn-shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.dark-skin .layout-regions > div,
.dark-skin .region-cont-row > .region-cel,
.dark-skin .region-cont-row > .region-cont-column {
  border-color: #c4c4c4;
}

.no-region-separator .layout-regions > div,
.no-region-separator .region-cont-row > .region-cel,
.no-region-separator .region-cont-row > .region-cont-column {
  border-left: none;
}

.pn--collapsed {
  inline-size: var(--spacing-8);
  max-inline-size: var(--spacing-8);
  margin-inline-end: var(--spacing-8);
}

.pn--collapsed > :not(.pn__disclosure-button--position) {
  display: none;
}

.pn__disclosure-button--position {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translate(100%, -50%);
  z-index: 999;
}

.pn__disclosure-button--collapsed {
  inset-inline-end: var(--spacing-8);
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Gmail style scrollbar */
::-webkit-scrollbar {
  overflow: visible;
  width: 12px;
  height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb {
  background-color: #B3B3B3;
  background-clip: padding-box;
  border-radius: 6px;
  border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
  border: 0px;
}

::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

body::-webkit-scrollbar-track-piece {
  background-clip: padding-box;
  border: solid transparent;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

/* Dark Skin */
.dark-skin ::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
}

.dark-skin ::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin ::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.dark-skin ::-webkit-scrollbar-corner {
  background-color: transparent;
}

[data-touch="true"] {
  /* GRID */
  /* TEXTBOX */
  /* ATTRIBUTE CONTAINER */
  /* BUTTON */
  /* MEDIUM SIZED BUTTONS */
  /* LINK BUTTON */
  /* BUTTONS DECK | WIZARD */
  /* TAB PANEL */
  /* CHECKBOX */
  /* RADIO GROUP */
  /* LISTBOX */
  /* LISTBOX POPUP */
}

[data-touch="true"] .ui-grid-row {
  height: 48px !important;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox {
  font-size: 24px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  height: 49px;
  padding: 10px 8px;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:disabled, [data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:-moz-read-only {
  color: #999999;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:disabled, [data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:read-only {
  color: #999999;
}

[data-touch="true"] .w-attr-container:not([data-touch="false"]) .w-attr-container__content--inline {
  margin-top: 26px;
}

[data-touch="true"] .w-attr-container:not([data-touch="false"]) .w-attr-container__label {
  height: 18px !important;
  font-size: 18px !important;
  line-height: 18px !important;
  color: #808080 !important;
}

[data-touch="true"] [class*="btn-"]:not(.btn-link-blue):not([data-touch="false"]) {
  font-size: 24px;
  height: 97px;
  min-width: 284px;
  padding: 19px 28px;
}

[data-touch="true"] [class*="btn-"]:not(.btn-link-blue):not([data-touch="false"]) .wbutton-text {
  font-size: 24px;
}

[data-touch="true"] w-persistence-action-bar:not([data-touch="false"]) {
  height: initial;
  -ms-flex-align: center;
      align-items: center;
}

[data-touch="true"] w-buttons-deck:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] w-persistence-action-bar:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-handlebar-new:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-wdbpanel:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-wdlgpanel-button:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue) {
  height: 50px;
  min-width: 122px;
  padding: 14px 16px;
  font-size: var(--font-size-header-5);
}

[data-touch="true"] .btn-link-blue:not([data-touch="false"]),
[data-touch="true"] .wpab-button-link:not([data-touch="false"]),
[data-touch="true"] .wtabpanel-wizard-bottom-abort:not([data-touch="false"]) {
  font-size: 24px;
  line-height: 24px;
  min-width: 49px;
  height: 49px;
}

[data-touch="true"] .btn-save-add:before, [data-touch="true"] w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button [data-touch="true"] button:before {
  vertical-align: middle;
}

[data-touch="true"] .w-buttons-deck,
[data-touch="true"] .wtabpanel-wizard-bottom {
  padding: 42px 32px;
}

[data-touch="true"] .wtabpanel-wizard-bottom {
  -ms-flex-pack: center;
      justify-content: center;
  height: initial;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtabpanel-vertical {
  padding: 32px 0 0 0;
  overflow-y: auto;
  background-color: #e6e6e6;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtabpanel-vertical + .wtabpanel-content {
  box-shadow: -4px 1px 4px -2px rgba(0, 0, 0, 0.2);
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-activated-vertical .wtab-link-vertical {
  background-color: #fff;
  font-size: var(--font-size-header-5);
  color: #696969;
  font-family: "CentraleSansCndBook";
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-mark-vertical {
  display: none;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-link-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 46px;
  width: 100% !important;
  padding: 12px 32px;
  font-size: var(--font-size-header-5);
  line-height: 22px;
  color: #696969;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel,
[data-touch="true"] .wcheckbox:not([data-touch="false"]) .checkboxStyleAngular {
  width: 29px;
  height: 29px;
  margin: 0;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel {
  border-color: #b3b3b3;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel:after {
  position: initial;
  display: block;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-main-label {
  font-size: 24px;
  line-height: 24px;
}

[data-touch="true"] .filter-container {
  min-width: 0;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .group-box-container + .group-box-container {
  margin-top: 8px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton div {
  margin: initial;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input + label:before {
  width: 29px;
  height: 29px;
  box-sizing: border-box;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input + label:after {
  content: '';
  display: block;
  width: 100%;
  height: 49px;
  position: absolute;
  top: -10px;
  left: -10px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input:checked + label:before {
  background-color: #000000;
  box-shadow: inset 0 0 0 8px #FFFFFF;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton .rg-label {
  font-size: 24px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .group-box-column {
  -ms-flex-pack: center;
      justify-content: center;
  height: 49px;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox {
  height: 49px;
  display: -ms-flexbox;
  display: flex;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox:after {
  border-width: 6px;
  border-top-color: #666666;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox__label {
  font-size: 24px;
  color: #666666;
}

[data-touch="true"] .w-listbox__content {
  padding: 0;
}

[data-touch="true"] .w-listbox__content a {
  font-size: 24px;
  height: 52px;
  line-height: 36px;
  padding: 8px;
  color: #666666;
}

[data-touch="true"] .w-listbox__content a:hover {
  color: #333333;
}

/* DIALOG BOX */
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box.wdialogbox-container,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box.wdialogbox-container {
  max-width: 486px;
  max-height: 297px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box .dialog-content {
  max-width: 486px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box .dialog-content {
  padding: 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box.wdialogbox-container,
.tasy-wdialogbox[data-touch="true"] .dialog-box.wdialogbox-container {
  width: 486px;
  height: 297px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-header,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-header {
  font-size: 28px;
  line-height: 34px;
  padding: 15px 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-footer,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-footer {
  padding: 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content {
  padding-bottom: 0;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content > .gwt-Label:not([data-touch="false"]),
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content > bind-html:not([data-touch="false"]),
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content > .gwt-Label:not([data-touch="false"]),
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content > bind-html:not([data-touch="false"]) {
  font-size: 24px;
  line-height: 26px;
  color: #333333;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-icon,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-icon {
  display: none;
}

.w-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: 0 calc(var(--spacing-8) * -1);
  overflow-y: auto;
  overflow-x: hidden;
  /* Any w-form within a w-form doesnt need to have negative margin */
}

.w-form .w-form {
  margin: 0;
  overflow: initial;
}

.w-form__row,
.w-form__break,
.w-form__cluster,
.span12 {
  width: 100%;
}

.w-fieldset-subgroup {
  border-top: 1px solid #d9d9d9;
  margin: 1px var(--spacing-8) var(--spacing-4) var(--spacing-8);
  height: 1px;
}

.adv-filter-form {
  -ms-flex: 1;
      flex: 1;
}

.w-form__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-form__row .w-attr-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-form__row > .span1 {
  width: 8.33333%;
}

.w-form__row > .span1.w-attr-container--is-composed {
  width: calc(8.33333% + 8px);
}

.w-form__row > .offset1 {
  margin-left: 8.33333%;
}

.w-form__row > .span2 {
  width: 16.66667%;
}

.w-form__row > .span2.w-attr-container--is-composed {
  width: calc(16.66667% + 8px);
}

.w-form__row > .offset2 {
  margin-left: 16.66667%;
}

.w-form__row > .span3 {
  width: 25%;
}

.w-form__row > .span3.w-attr-container--is-composed {
  width: calc(25% + 8px);
}

.w-form__row > .offset3 {
  margin-left: 25%;
}

.w-form__row > .span4 {
  width: 33.33333%;
}

.w-form__row > .span4.w-attr-container--is-composed {
  width: calc(33.33333% + 8px);
}

.w-form__row > .offset4 {
  margin-left: 33.33333%;
}

.w-form__row > .span5 {
  width: 41.66667%;
}

.w-form__row > .span5.w-attr-container--is-composed {
  width: calc(41.66667% + 8px);
}

.w-form__row > .offset5 {
  margin-left: 41.66667%;
}

.w-form__row > .span6 {
  width: 50%;
}

.w-form__row > .span6.w-attr-container--is-composed {
  width: calc(50% + 8px);
}

.w-form__row > .offset6 {
  margin-left: 50%;
}

.w-form__row > .span7 {
  width: 58.33333%;
}

.w-form__row > .span7.w-attr-container--is-composed {
  width: calc(58.33333% + 8px);
}

.w-form__row > .offset7 {
  margin-left: 58.33333%;
}

.w-form__row > .span8 {
  width: 66.66667%;
}

.w-form__row > .span8.w-attr-container--is-composed {
  width: calc(66.66667% + 8px);
}

.w-form__row > .offset8 {
  margin-left: 66.66667%;
}

.w-form__row > .span9 {
  width: 75%;
}

.w-form__row > .span9.w-attr-container--is-composed {
  width: calc(75% + 8px);
}

.w-form__row > .offset9 {
  margin-left: 75%;
}

.w-form__row > .span10 {
  width: 83.33333%;
}

.w-form__row > .span10.w-attr-container--is-composed {
  width: calc(83.33333% + 8px);
}

.w-form__row > .offset10 {
  margin-left: 83.33333%;
}

.w-form__row > .span11 {
  width: 91.66667%;
}

.w-form__row > .span11.w-attr-container--is-composed {
  width: calc(91.66667% + 8px);
}

.w-form__row > .offset11 {
  margin-left: 91.66667%;
}

.w-form__row:before, .w-form__row:after {
  content: "";
  display: table;
  line-height: 0;
}

.w-form__row:after {
  clear: both;
}

.w-form__cluster {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 6px 0;
}

@media (min-width: 3840px) {
  .w-form__cluster {
    padding: var(--spacing-8) 0;
  }
}

.w-form__cluster .w-attr-container {
  padding: 0px var(--spacing-8);
}

.w-form__cluster .w-attr-container__content--inline {
  margin-top: 0;
}

.w-form--inline {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}

.w-form--inline > .w-attr-container {
  padding: 0;
}

.w-attr-container {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: var(--spacing-12) var(--spacing-8);
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.w-attr-container:hover .w-attr-container__info {
  display: inline-block;
}

.w-attr-container--is-composed {
  margin-left: calc(var(--spacing-8) * -1);
}

.w-attr-container__label {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

@media (min-width: 3840px) {
  .w-attr-container__label {
    height: 50px;
    margin-bottom: var(--spacing-8);
  }
}

.w-attr-container__label--disabled {
  color: #bfbfbf !important;
}

.w-attr-container__content {
  max-width: 100%;
}

.w-attr-container__content--inline {
  display: inline-block;
  max-width: calc(100% - 25px);
  margin-top: 22px;
}

@media (min-width: 3840px) {
  .w-attr-container__content--inline {
    max-width: calc(100% - var(--spacing-24));
    margin-top: var(--spacing-24);
  }
}

.w-attr-container__content .wrichedit {
  padding: 0px;
}

.w-attr-container-no-lr-padding {
  padding: 6px 0px;
}

[class*="dpf-"] {
  min-width: 100%;
  max-width: 100%;
}

[class*="dpf-"]:before {
  display: none;
}

.is-debugging .w-form > [class*="dpf-"]:before {
  content: "100% = 12 columns";
  display: none;
  background-color: #ff8900;
  padding: 2px 4px;
  position: absolute;
  top: 12px;
  font-size: 10px;
  transform: translateY(-100%);
  white-space: nowrap;
  color: #fff;
}

.is-debugging .w-form > [class*="dpf-"]:hover:before {
  display: block;
}

.is-debugging .w-form > [class*="dpf-"]:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 12px;
  bottom: 12px;
  display: block;
  border: 1px dashed #ff8900;
  background-color: rgba(250, 161, 82, 0.2);
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
}

@media screen and (max-width: 1599px) {
  .dpf-pn-8 .dpf-50, .dpf-pn-9 .dpf-50, .dpf-pn-12 .dpf-50 {
    min-width: 8.33333%;
    max-width: 8.33333%;
  }
  .dpf-pn-6 .dpf-50, .dpf-pn-8 .dpf-100, .dpf-pn-9 .dpf-100, .dpf-pn-12 .dpf-100, .dpf-pn-12 .dpf-150 {
    min-width: 16.66667%;
    max-width: 16.66667%;
  }
  .dpf-pn-4 .dpf-50, .dpf-pn-8 .dpf-150, .dpf-pn-9 .dpf-150, .dpf-pn-9 .dpf-200, .dpf-pn-12 .dpf-200, .dpf-pn-12 .dpf-250 {
    min-width: 25%;
    max-width: 25%;
  }
  .dpf-pn-3 .dpf-50, .dpf-pn-6 .dpf-100, .dpf-pn-6 .dpf-150, .dpf-pn-8 .dpf-200, .dpf-pn-9 .dpf-250, .dpf-pn-12 .dpf-300, .dpf-pn-12 .dpf-350 {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
  .dpf-pn-8 .dpf-250, .dpf-pn-8 .dpf-300, .dpf-pn-9 .dpf-300, .dpf-pn-9 .dpf-350, .dpf-pn-12 .dpf-400, .dpf-pn-12 .dpf-450 {
    min-width: 41.66667%;
    max-width: 41.66667%;
  }
  .dpf-pn-4 .dpf-100, .dpf-pn-4 .dpf-150, .dpf-pn-6 .dpf-200, .dpf-pn-6 .dpf-250, .dpf-pn-8 .dpf-350, .dpf-pn-9 .dpf-400, .dpf-pn-12 .dpf-500, .dpf-pn-12 .dpf-550 {
    min-width: 50%;
    max-width: 50%;
  }
  .dpf-pn-8 .dpf-400, .dpf-pn-9 .dpf-450, .dpf-pn-9 .dpf-500, .dpf-pn-12 .dpf-600, .dpf-pn-12 .dpf-650 {
    min-width: 58.33333%;
    max-width: 58.33333%;
  }
  .dpf-pn-3 .dpf-100, .dpf-pn-3 .dpf-150, .dpf-pn-6 .dpf-300, .dpf-pn-6 .dpf-350, .dpf-pn-8 .dpf-450, .dpf-pn-8 .dpf-500, .dpf-pn-9 .dpf-550, .dpf-pn-12 .dpf-700, .dpf-pn-12 .dpf-750 {
    min-width: 66.66667%;
    max-width: 66.66667%;
  }
  .dpf-pn-4 .dpf-200, .dpf-pn-4 .dpf-250, .dpf-pn-8 .dpf-550, .dpf-pn-9 .dpf-600, .dpf-pn-9 .dpf-650, .dpf-pn-12 .dpf-800, .dpf-pn-12 .dpf-850 {
    min-width: 75%;
    max-width: 75%;
  }
  .dpf-pn-6 .dpf-400, .dpf-pn-6 .dpf-450, .dpf-pn-8 .dpf-600, .dpf-pn-9 .dpf-700, .dpf-pn-12 .dpf-900, .dpf-pn-12 .dpf-950 {
    min-width: 83.33333%;
    max-width: 83.33333%;
  }
  .dpf-pn-8 .dpf-650, .dpf-pn-8 .dpf-700, .dpf-pn-9 .dpf-750, .dpf-pn-9 .dpf-800, .dpf-pn-12 .dpf-1000, .dpf-pn-12 .dpf-1050 {
    min-width: 91.66667%;
    max-width: 91.66667%;
  }
  .dpf-pn-3 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-3 .dpf-50:before {
    content: "50px ~ 4 colums" !important;
  }
  .dpf-pn-3 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-3 .dpf-100:before {
    content: "100px ~ 8 colums" !important;
  }
  .dpf-pn-3 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-3 .dpf-150:before {
    content: "150px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-4 .dpf-50:before {
    content: "50px ~ 3 colums" !important;
  }
  .dpf-pn-4 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-4 .dpf-100:before {
    content: "100px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-4 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-4 .dpf-200:before {
    content: "200px ~ 9 colums" !important;
  }
  .dpf-pn-4 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-4 .dpf-250:before {
    content: "250px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-6 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-6 .dpf-100:before {
    content: "100px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-6 .dpf-150:before {
    content: "150px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-6 .dpf-200:before {
    content: "200px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-6 .dpf-250:before {
    content: "250px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-6 .dpf-300:before {
    content: "300px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-6 .dpf-350:before {
    content: "350px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-6 .dpf-400:before {
    content: "400px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-6 .dpf-450:before {
    content: "450px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-8 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-8 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-8 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-8 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-8 .dpf-200:before {
    content: "200px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-8 .dpf-250:before {
    content: "250px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-8 .dpf-300:before {
    content: "300px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-8 .dpf-350:before {
    content: "350px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-8 .dpf-400:before {
    content: "400px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-8 .dpf-450:before {
    content: "450px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-8 .dpf-500:before {
    content: "500px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-8 .dpf-550:before {
    content: "550px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-8 .dpf-600:before {
    content: "600px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-8 .dpf-650:before {
    content: "650px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-8 .dpf-700:before {
    content: "700px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-9 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-9 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-9 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-9 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-9 .dpf-250:before {
    content: "250px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-9 .dpf-300:before {
    content: "300px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-9 .dpf-350:before {
    content: "350px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-9 .dpf-400:before {
    content: "400px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-9 .dpf-450:before {
    content: "450px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-9 .dpf-500:before {
    content: "500px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-9 .dpf-600:before {
    content: "600px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-9 .dpf-650:before {
    content: "650px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-9 .dpf-700:before {
    content: "700px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-9 .dpf-750:before {
    content: "750px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-9 .dpf-800:before {
    content: "800px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-12 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-12 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-12 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-12 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-12 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-12 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-12 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-12 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-12 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-12 .dpf-500:before {
    content: "500px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-12 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-12 .dpf-600:before {
    content: "600px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-12 .dpf-650:before {
    content: "650px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-12 .dpf-700:before {
    content: "700px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-12 .dpf-750:before {
    content: "750px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-12 .dpf-800:before {
    content: "800px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-12 .dpf-850:before {
    content: "850px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-12 .dpf-900:before {
    content: "900px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-12 .dpf-950:before {
    content: "950px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-12 .dpf-1000:before {
    content: "1000px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-12 .dpf-1050:before {
    content: "1050px ~ 11 colums" !important;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .dpf-pn-8 .dpf-50, .dpf-pn-9 .dpf-50, .dpf-pn-12 .dpf-50, .dpf-pn-12 .dpf-100 {
    min-width: 8.33333%;
    max-width: 8.33333%;
  }
  .dpf-pn-4 .dpf-50, .dpf-pn-6 .dpf-50, .dpf-pn-6 .dpf-100, .dpf-pn-8 .dpf-100, .dpf-pn-8 .dpf-150, .dpf-pn-9 .dpf-100, .dpf-pn-9 .dpf-150, .dpf-pn-12 .dpf-150, .dpf-pn-12 .dpf-200, .dpf-pn-12 .dpf-250 {
    min-width: 16.66667%;
    max-width: 16.66667%;
  }
  .dpf-pn-3 .dpf-50, .dpf-pn-6 .dpf-150, .dpf-pn-8 .dpf-200, .dpf-pn-9 .dpf-200, .dpf-pn-9 .dpf-250, .dpf-pn-12 .dpf-300, .dpf-pn-12 .dpf-350 {
    min-width: 25%;
    max-width: 25%;
  }
  .dpf-pn-4 .dpf-100, .dpf-pn-6 .dpf-200, .dpf-pn-8 .dpf-250, .dpf-pn-8 .dpf-300, .dpf-pn-9 .dpf-300, .dpf-pn-9 .dpf-350, .dpf-pn-12 .dpf-400, .dpf-pn-12 .dpf-450 {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
  .dpf-pn-6 .dpf-250, .dpf-pn-8 .dpf-350, .dpf-pn-8 .dpf-400, .dpf-pn-9 .dpf-400, .dpf-pn-9 .dpf-450, .dpf-pn-12 .dpf-500, .dpf-pn-12 .dpf-550, .dpf-pn-12 .dpf-600 {
    min-width: 41.66667%;
    max-width: 41.66667%;
  }
  .dpf-pn-3 .dpf-100, .dpf-pn-3 .dpf-150, .dpf-pn-4 .dpf-150, .dpf-pn-4 .dpf-200, .dpf-pn-6 .dpf-300, .dpf-pn-6 .dpf-350, .dpf-pn-8 .dpf-450, .dpf-pn-9 .dpf-500, .dpf-pn-9 .dpf-550, .dpf-pn-12 .dpf-650, .dpf-pn-12 .dpf-700, .dpf-pn-12 .dpf-750 {
    min-width: 50%;
    max-width: 50%;
  }
  .dpf-pn-6 .dpf-400, .dpf-pn-8 .dpf-500, .dpf-pn-8 .dpf-550, .dpf-pn-9 .dpf-600, .dpf-pn-12 .dpf-800, .dpf-pn-12 .dpf-850 {
    min-width: 58.33333%;
    max-width: 58.33333%;
  }
  .dpf-pn-4 .dpf-250, .dpf-pn-4 .dpf-300, .dpf-pn-6 .dpf-450, .dpf-pn-8 .dpf-600, .dpf-pn-8 .dpf-650, .dpf-pn-9 .dpf-650, .dpf-pn-9 .dpf-700, .dpf-pn-12 .dpf-900, .dpf-pn-12 .dpf-950, .dpf-pn-12 .dpf-1000 {
    min-width: 66.66667%;
    max-width: 66.66667%;
  }
  .dpf-pn-3 .dpf-200, .dpf-pn-6 .dpf-500, .dpf-pn-8 .dpf-700, .dpf-pn-9 .dpf-750, .dpf-pn-9 .dpf-800, .dpf-pn-12 .dpf-1050, .dpf-pn-12 .dpf-1100 {
    min-width: 75%;
    max-width: 75%;
  }
  .dpf-pn-4 .dpf-350, .dpf-pn-6 .dpf-550, .dpf-pn-6 .dpf-600, .dpf-pn-8 .dpf-750, .dpf-pn-8 .dpf-800, .dpf-pn-9 .dpf-850, .dpf-pn-9 .dpf-900, .dpf-pn-12 .dpf-1150, .dpf-pn-12 .dpf-1200, .dpf-pn-12 .dpf-1250 {
    min-width: 83.33333%;
    max-width: 83.33333%;
  }
  .dpf-pn-6 .dpf-650, .dpf-pn-8 .dpf-850, .dpf-pn-8 .dpf-900, .dpf-pn-9 .dpf-950, .dpf-pn-9 .dpf-1000, .dpf-pn-12 .dpf-1300, .dpf-pn-12 .dpf-1350 {
    min-width: 91.66667%;
    max-width: 91.66667%;
  }
  .dpf-pn-3 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-3 .dpf-50:before {
    content: "50px ~ 3 colums" !important;
  }
  .dpf-pn-3 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-3 .dpf-100:before {
    content: "100px ~ 6 colums" !important;
  }
  .dpf-pn-3 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-3 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-3 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-3 .dpf-200:before {
    content: "200px ~ 9 colums" !important;
  }
  .dpf-pn-4 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-4 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-4 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-4 .dpf-100:before {
    content: "100px ~ 4 colums" !important;
  }
  .dpf-pn-4 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-4 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-4 .dpf-200:before {
    content: "200px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-4 .dpf-250:before {
    content: "250px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-4 .dpf-300:before {
    content: "300px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-4 .dpf-350:before {
    content: "350px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-6 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-6 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-6 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-6 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-6 .dpf-200:before {
    content: "200px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-6 .dpf-250:before {
    content: "250px ~ 5 colums" !important;
  }
  .dpf-pn-6 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-6 .dpf-300:before {
    content: "300px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-6 .dpf-350:before {
    content: "350px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-6 .dpf-400:before {
    content: "400px ~ 7 colums" !important;
  }
  .dpf-pn-6 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-6 .dpf-450:before {
    content: "450px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-6 .dpf-500:before {
    content: "500px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-6 .dpf-550:before {
    content: "550px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-6 .dpf-600:before {
    content: "600px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-6 .dpf-650:before {
    content: "650px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-8 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-8 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-8 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-8 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-8 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-8 .dpf-250:before {
    content: "250px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-8 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-8 .dpf-350:before {
    content: "350px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-8 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-8 .dpf-450:before {
    content: "450px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-8 .dpf-500:before {
    content: "500px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-8 .dpf-550:before {
    content: "550px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-8 .dpf-600:before {
    content: "600px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-8 .dpf-650:before {
    content: "650px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-8 .dpf-700:before {
    content: "700px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-8 .dpf-750:before {
    content: "750px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-8 .dpf-800:before {
    content: "800px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-8 .dpf-850:before {
    content: "850px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-8 .dpf-900:before {
    content: "900px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-9 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-9 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-9 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-9 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-9 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-9 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-9 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-9 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-9 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-9 .dpf-500:before {
    content: "500px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-9 .dpf-600:before {
    content: "600px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-9 .dpf-650:before {
    content: "650px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-9 .dpf-700:before {
    content: "700px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-9 .dpf-750:before {
    content: "750px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-9 .dpf-800:before {
    content: "800px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-9 .dpf-850:before {
    content: "850px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-9 .dpf-900:before {
    content: "900px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-9 .dpf-950:before {
    content: "950px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-9 .dpf-1000:before {
    content: "1000px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-12 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-12 .dpf-100:before {
    content: "100px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-12 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-12 .dpf-200:before {
    content: "200px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-12 .dpf-250:before {
    content: "250px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-12 .dpf-300:before {
    content: "300px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-12 .dpf-350:before {
    content: "350px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-12 .dpf-400:before {
    content: "400px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-12 .dpf-450:before {
    content: "450px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-12 .dpf-500:before {
    content: "500px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-12 .dpf-550:before {
    content: "550px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-12 .dpf-600:before {
    content: "600px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-12 .dpf-650:before {
    content: "650px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-12 .dpf-700:before {
    content: "700px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-12 .dpf-750:before {
    content: "750px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-12 .dpf-800:before {
    content: "800px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-12 .dpf-850:before {
    content: "850px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-12 .dpf-900:before {
    content: "900px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-12 .dpf-950:before {
    content: "950px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-12 .dpf-1000:before {
    content: "1000px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-12 .dpf-1050:before {
    content: "1050px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1100:after {
    width: 1100px !important;
  }
  .dpf-pn-12 .dpf-1100:before {
    content: "1100px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1150:after {
    width: 1150px !important;
  }
  .dpf-pn-12 .dpf-1150:before {
    content: "1150px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1200:after {
    width: 1200px !important;
  }
  .dpf-pn-12 .dpf-1200:before {
    content: "1200px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1250:after {
    width: 1250px !important;
  }
  .dpf-pn-12 .dpf-1250:before {
    content: "1250px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1300:after {
    width: 1300px !important;
  }
  .dpf-pn-12 .dpf-1300:before {
    content: "1300px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1350:after {
    width: 1350px !important;
  }
  .dpf-pn-12 .dpf-1350:before {
    content: "1350px ~ 11 colums" !important;
  }
}

@media screen and (min-width: 1920px) {
  .dpf-pn-6 .dpf-50, .dpf-pn-8 .dpf-50, .dpf-pn-9 .dpf-50, .dpf-pn-9 .dpf-100, .dpf-pn-12 .dpf-50, .dpf-pn-12 .dpf-100 {
    min-width: 8.33333%;
    max-width: 8.33333%;
  }
  .dpf-pn-3 .dpf-50, .dpf-pn-4 .dpf-50, .dpf-pn-6 .dpf-100, .dpf-pn-8 .dpf-100, .dpf-pn-8 .dpf-150, .dpf-pn-9 .dpf-150, .dpf-pn-9 .dpf-200, .dpf-pn-12 .dpf-150, .dpf-pn-12 .dpf-200, .dpf-pn-12 .dpf-250 {
    min-width: 16.66667%;
    max-width: 16.66667%;
  }
  .dpf-pn-4 .dpf-100, .dpf-pn-6 .dpf-150, .dpf-pn-6 .dpf-200, .dpf-pn-8 .dpf-200, .dpf-pn-8 .dpf-250, .dpf-pn-9 .dpf-250, .dpf-pn-9 .dpf-300, .dpf-pn-12 .dpf-300, .dpf-pn-12 .dpf-350, .dpf-pn-12 .dpf-400 {
    min-width: 25%;
    max-width: 25%;
  }
  .dpf-pn-3 .dpf-100, .dpf-pn-4 .dpf-150, .dpf-pn-6 .dpf-250, .dpf-pn-8 .dpf-300, .dpf-pn-8 .dpf-350, .dpf-pn-9 .dpf-350, .dpf-pn-9 .dpf-400, .dpf-pn-12 .dpf-450, .dpf-pn-12 .dpf-500, .dpf-pn-12 .dpf-550, .dpf-pn-12 .dpf-600 {
    min-width: 33.33333%;
    max-width: 33.33333%;
  }
  .dpf-pn-4 .dpf-200, .dpf-pn-6 .dpf-300, .dpf-pn-6 .dpf-350, .dpf-pn-8 .dpf-400, .dpf-pn-8 .dpf-450, .dpf-pn-9 .dpf-450, .dpf-pn-9 .dpf-500, .dpf-pn-9 .dpf-550, .dpf-pn-12 .dpf-650, .dpf-pn-12 .dpf-700, .dpf-pn-12 .dpf-750 {
    min-width: 41.66667%;
    max-width: 41.66667%;
  }
  .dpf-pn-3 .dpf-150, .dpf-pn-4 .dpf-250, .dpf-pn-6 .dpf-400, .dpf-pn-8 .dpf-500, .dpf-pn-8 .dpf-550, .dpf-pn-9 .dpf-550, .dpf-pn-9 .dpf-600, .dpf-pn-9 .dpf-650, .dpf-pn-12 .dpf-800, .dpf-pn-12 .dpf-850, .dpf-pn-12 .dpf-900 {
    min-width: 50%;
    max-width: 50%;
  }
  .dpf-pn-4 .dpf-300, .dpf-pn-6 .dpf-450, .dpf-pn-6 .dpf-500, .dpf-pn-8 .dpf-600, .dpf-pn-8 .dpf-650, .dpf-pn-9 .dpf-700, .dpf-pn-9 .dpf-750, .dpf-pn-12 .dpf-950, .dpf-pn-12 .dpf-1000, .dpf-pn-12 .dpf-1050 {
    min-width: 58.33333%;
    max-width: 58.33333%;
  }
  .dpf-pn-3 .dpf-200, .dpf-pn-3 .dpf-250, .dpf-pn-4 .dpf-350, .dpf-pn-6 .dpf-550, .dpf-pn-8 .dpf-700, .dpf-pn-8 .dpf-750, .dpf-pn-9 .dpf-800, .dpf-pn-9 .dpf-850, .dpf-pn-9 .dpf-900, .dpf-pn-12 .dpf-1100, .dpf-pn-12 .dpf-1150, .dpf-pn-12 .dpf-1200 {
    min-width: 66.66667%;
    max-width: 66.66667%;
  }
  .dpf-pn-4 .dpf-400, .dpf-pn-6 .dpf-600, .dpf-pn-6 .dpf-650, .dpf-pn-8 .dpf-800, .dpf-pn-8 .dpf-850, .dpf-pn-9 .dpf-925, .dpf-pn-9 .dpf-975, .dpf-pn-12 .dpf-1250, .dpf-pn-12 .dpf-1300, .dpf-pn-12 .dpf-1350 {
    min-width: 75%;
    max-width: 75%;
  }
  .dpf-pn-3 .dpf-300, .dpf-pn-4 .dpf-450, .dpf-pn-6 .dpf-700, .dpf-pn-8 .dpf-900, .dpf-pn-8 .dpf-950, .dpf-pn-9 .dpf-1050, .dpf-pn-9 .dpf-1100, .dpf-pn-12 .dpf-1400, .dpf-pn-12 .dpf-1450, .dpf-pn-12 .dpf-1500 {
    min-width: 83.33333%;
    max-width: 83.33333%;
  }
  .dpf-pn-4 .dpf-500, .dpf-pn-6 .dpf-750, .dpf-pn-6 .dpf-800, .dpf-pn-8 .dpf-1000, .dpf-pn-8 .dpf-1050, .dpf-pn-9 .dpf-1150, .dpf-pn-9 .dpf-1200, .dpf-pn-12 .dpf-1550, .dpf-pn-12 .dpf-1600, .dpf-pn-12 .dpf-1650 {
    min-width: 91.66667%;
    max-width: 91.66667%;
  }
  .dpf-pn-3 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-3 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-3 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-3 .dpf-100:before {
    content: "100px ~ 4 colums" !important;
  }
  .dpf-pn-3 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-3 .dpf-150:before {
    content: "150px ~ 6 colums" !important;
  }
  .dpf-pn-3 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-3 .dpf-200:before {
    content: "200px ~ 8 colums" !important;
  }
  .dpf-pn-3 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-3 .dpf-250:before {
    content: "250px ~ 8 colums" !important;
  }
  .dpf-pn-3 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-3 .dpf-300:before {
    content: "300px ~ 10 colums" !important;
  }
  .dpf-pn-4 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-4 .dpf-50:before {
    content: "50px ~ 2 colums" !important;
  }
  .dpf-pn-4 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-4 .dpf-100:before {
    content: "100px ~ 3 colums" !important;
  }
  .dpf-pn-4 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-4 .dpf-150:before {
    content: "150px ~ 4 colums" !important;
  }
  .dpf-pn-4 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-4 .dpf-200:before {
    content: "200px ~ 5 colums" !important;
  }
  .dpf-pn-4 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-4 .dpf-250:before {
    content: "250px ~ 6 colums" !important;
  }
  .dpf-pn-4 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-4 .dpf-300:before {
    content: "300px ~ 7 colums" !important;
  }
  .dpf-pn-4 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-4 .dpf-350:before {
    content: "350px ~ 8 colums" !important;
  }
  .dpf-pn-4 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-4 .dpf-400:before {
    content: "400px ~ 9 colums" !important;
  }
  .dpf-pn-4 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-4 .dpf-450:before {
    content: "450px ~ 10 colums" !important;
  }
  .dpf-pn-4 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-4 .dpf-500:before {
    content: "500px ~ 11 colums" !important;
  }
  .dpf-pn-6 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-6 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-6 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-6 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-6 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-6 .dpf-150:before {
    content: "150px ~ 3 colums" !important;
  }
  .dpf-pn-6 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-6 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-6 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-6 .dpf-250:before {
    content: "250px ~ 4 colums" !important;
  }
  .dpf-pn-6 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-6 .dpf-300:before {
    content: "300px ~ 5 colums" !important;
  }
  .dpf-pn-6 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-6 .dpf-350:before {
    content: "350px ~ 5 colums" !important;
  }
  .dpf-pn-6 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-6 .dpf-400:before {
    content: "400px ~ 6 colums" !important;
  }
  .dpf-pn-6 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-6 .dpf-450:before {
    content: "450px ~ 7 colums" !important;
  }
  .dpf-pn-6 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-6 .dpf-500:before {
    content: "500px ~ 7 colums" !important;
  }
  .dpf-pn-6 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-6 .dpf-550:before {
    content: "550px ~ 8 colums" !important;
  }
  .dpf-pn-6 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-6 .dpf-600:before {
    content: "600px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-6 .dpf-650:before {
    content: "650px ~ 9 colums" !important;
  }
  .dpf-pn-6 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-6 .dpf-700:before {
    content: "700px ~ 10 colums" !important;
  }
  .dpf-pn-6 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-6 .dpf-750:before {
    content: "750px ~ 11 colums" !important;
  }
  .dpf-pn-6 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-6 .dpf-800:before {
    content: "800px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-8 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-8 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-8 .dpf-100:before {
    content: "100px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-8 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-8 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-8 .dpf-200:before {
    content: "200px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-8 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-8 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-8 .dpf-300:before {
    content: "300px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-8 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-8 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-8 .dpf-400:before {
    content: "400px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-8 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-8 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-8 .dpf-500:before {
    content: "500px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-8 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-8 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-8 .dpf-600:before {
    content: "600px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-8 .dpf-650:before {
    content: "650px ~ 7 colums" !important;
  }
  .dpf-pn-8 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-8 .dpf-700:before {
    content: "700px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-8 .dpf-750:before {
    content: "750px ~ 8 colums" !important;
  }
  .dpf-pn-8 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-8 .dpf-800:before {
    content: "800px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-8 .dpf-850:before {
    content: "850px ~ 9 colums" !important;
  }
  .dpf-pn-8 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-8 .dpf-900:before {
    content: "900px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-8 .dpf-950:before {
    content: "950px ~ 10 colums" !important;
  }
  .dpf-pn-8 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-8 .dpf-1000:before {
    content: "1000px ~ 11 colums" !important;
  }
  .dpf-pn-8 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-8 .dpf-1050:before {
    content: "1050px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-9 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-9 .dpf-100:before {
    content: "100px ~ 1 colums" !important;
  }
  .dpf-pn-9 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-9 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-9 .dpf-200:before {
    content: "200px ~ 2 colums" !important;
  }
  .dpf-pn-9 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-9 .dpf-250:before {
    content: "250px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-9 .dpf-300:before {
    content: "300px ~ 3 colums" !important;
  }
  .dpf-pn-9 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-9 .dpf-350:before {
    content: "350px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-9 .dpf-400:before {
    content: "400px ~ 4 colums" !important;
  }
  .dpf-pn-9 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-9 .dpf-450:before {
    content: "450px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-9 .dpf-500:before {
    content: "500px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 5 colums" !important;
  }
  .dpf-pn-9 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-9 .dpf-550:before {
    content: "550px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-9 .dpf-600:before {
    content: "600px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-9 .dpf-650:before {
    content: "650px ~ 6 colums" !important;
  }
  .dpf-pn-9 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-9 .dpf-700:before {
    content: "700px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-9 .dpf-750:before {
    content: "750px ~ 7 colums" !important;
  }
  .dpf-pn-9 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-9 .dpf-800:before {
    content: "800px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-9 .dpf-850:before {
    content: "850px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-9 .dpf-900:before {
    content: "900px ~ 8 colums" !important;
  }
  .dpf-pn-9 .dpf-925:after {
    width: 925px !important;
  }
  .dpf-pn-9 .dpf-925:before {
    content: "925px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-975:after {
    width: 975px !important;
  }
  .dpf-pn-9 .dpf-975:before {
    content: "975px ~ 9 colums" !important;
  }
  .dpf-pn-9 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-9 .dpf-1050:before {
    content: "1050px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-1100:after {
    width: 1100px !important;
  }
  .dpf-pn-9 .dpf-1100:before {
    content: "1100px ~ 10 colums" !important;
  }
  .dpf-pn-9 .dpf-1150:after {
    width: 1150px !important;
  }
  .dpf-pn-9 .dpf-1150:before {
    content: "1150px ~ 11 colums" !important;
  }
  .dpf-pn-9 .dpf-1200:after {
    width: 1200px !important;
  }
  .dpf-pn-9 .dpf-1200:before {
    content: "1200px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-50:after {
    width: 50px !important;
  }
  .dpf-pn-12 .dpf-50:before {
    content: "50px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-100:after {
    width: 100px !important;
  }
  .dpf-pn-12 .dpf-100:before {
    content: "100px ~ 1 colums" !important;
  }
  .dpf-pn-12 .dpf-150:after {
    width: 150px !important;
  }
  .dpf-pn-12 .dpf-150:before {
    content: "150px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-200:after {
    width: 200px !important;
  }
  .dpf-pn-12 .dpf-200:before {
    content: "200px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-250:after {
    width: 250px !important;
  }
  .dpf-pn-12 .dpf-250:before {
    content: "250px ~ 2 colums" !important;
  }
  .dpf-pn-12 .dpf-300:after {
    width: 300px !important;
  }
  .dpf-pn-12 .dpf-300:before {
    content: "300px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-350:after {
    width: 350px !important;
  }
  .dpf-pn-12 .dpf-350:before {
    content: "350px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-400:after {
    width: 400px !important;
  }
  .dpf-pn-12 .dpf-400:before {
    content: "400px ~ 3 colums" !important;
  }
  .dpf-pn-12 .dpf-450:after {
    width: 450px !important;
  }
  .dpf-pn-12 .dpf-450:before {
    content: "450px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-500:after {
    width: 500px !important;
  }
  .dpf-pn-12 .dpf-500:before {
    content: "500px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-550:after {
    width: 550px !important;
  }
  .dpf-pn-12 .dpf-550:before {
    content: "550px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-600:after {
    width: 600px !important;
  }
  .dpf-pn-12 .dpf-600:before {
    content: "600px ~ 4 colums" !important;
  }
  .dpf-pn-12 .dpf-650:after {
    width: 650px !important;
  }
  .dpf-pn-12 .dpf-650:before {
    content: "650px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-700:after {
    width: 700px !important;
  }
  .dpf-pn-12 .dpf-700:before {
    content: "700px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-750:after {
    width: 750px !important;
  }
  .dpf-pn-12 .dpf-750:before {
    content: "750px ~ 5 colums" !important;
  }
  .dpf-pn-12 .dpf-800:after {
    width: 800px !important;
  }
  .dpf-pn-12 .dpf-800:before {
    content: "800px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-850:after {
    width: 850px !important;
  }
  .dpf-pn-12 .dpf-850:before {
    content: "850px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-900:after {
    width: 900px !important;
  }
  .dpf-pn-12 .dpf-900:before {
    content: "900px ~ 6 colums" !important;
  }
  .dpf-pn-12 .dpf-950:after {
    width: 950px !important;
  }
  .dpf-pn-12 .dpf-950:before {
    content: "950px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-1000:after {
    width: 1000px !important;
  }
  .dpf-pn-12 .dpf-1000:before {
    content: "1000px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-1050:after {
    width: 1050px !important;
  }
  .dpf-pn-12 .dpf-1050:before {
    content: "1050px ~ 7 colums" !important;
  }
  .dpf-pn-12 .dpf-1100:after {
    width: 1100px !important;
  }
  .dpf-pn-12 .dpf-1100:before {
    content: "1100px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1150:after {
    width: 1150px !important;
  }
  .dpf-pn-12 .dpf-1150:before {
    content: "1150px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1200:after {
    width: 1200px !important;
  }
  .dpf-pn-12 .dpf-1200:before {
    content: "1200px ~ 8 colums" !important;
  }
  .dpf-pn-12 .dpf-1250:after {
    width: 1250px !important;
  }
  .dpf-pn-12 .dpf-1250:before {
    content: "1250px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1300:after {
    width: 1300px !important;
  }
  .dpf-pn-12 .dpf-1300:before {
    content: "1300px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1350:after {
    width: 1350px !important;
  }
  .dpf-pn-12 .dpf-1350:before {
    content: "1350px ~ 9 colums" !important;
  }
  .dpf-pn-12 .dpf-1400:after {
    width: 1400px !important;
  }
  .dpf-pn-12 .dpf-1400:before {
    content: "1400px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1450:after {
    width: 1450px !important;
  }
  .dpf-pn-12 .dpf-1450:before {
    content: "1450px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1500:after {
    width: 1500px !important;
  }
  .dpf-pn-12 .dpf-1500:before {
    content: "1500px ~ 10 colums" !important;
  }
  .dpf-pn-12 .dpf-1550:after {
    width: 1550px !important;
  }
  .dpf-pn-12 .dpf-1550:before {
    content: "1550px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1600:after {
    width: 1600px !important;
  }
  .dpf-pn-12 .dpf-1600:before {
    content: "1600px ~ 11 colums" !important;
  }
  .dpf-pn-12 .dpf-1650:after {
    width: 1650px !important;
  }
  .dpf-pn-12 .dpf-1650:before {
    content: "1650px ~ 11 colums" !important;
  }
}

.w-form__anchor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: initial !important;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.w-form__anchor .dpf-50 {
  min-width: 50px;
  max-width: 150px;
  -ms-flex: 1;
      flex: 1;
}

.w-form__anchor .dpf-100 {
  min-width: 100px;
  max-width: 200px;
  -ms-flex: 2;
      flex: 2;
}

.w-form__anchor .dpf-150 {
  min-width: 150px;
  max-width: 250px;
  -ms-flex: 3;
      flex: 3;
}

.w-form__anchor .dpf-200 {
  min-width: 200px;
  max-width: 300px;
  -ms-flex: 4;
      flex: 4;
}

.w-form__anchor .dpf-250 {
  min-width: 250px;
  max-width: 350px;
  -ms-flex: 5;
      flex: 5;
}

.w-form__anchor .dpf-300 {
  min-width: 300px;
  max-width: 400px;
  -ms-flex: 6;
      flex: 6;
}

.w-form__anchor .dpf-350 {
  min-width: 350px;
  max-width: 450px;
  -ms-flex: 7;
      flex: 7;
}

.w-form__anchor .dpf-400 {
  min-width: 400px;
  max-width: 500px;
  -ms-flex: 8;
      flex: 8;
}

.w-form__anchor .dpf-450 {
  min-width: 450px;
  max-width: 550px;
  -ms-flex: 9;
      flex: 9;
}

.w-form__anchor .dpf-500 {
  min-width: 500px;
  max-width: 600px;
  -ms-flex: 10;
      flex: 10;
}

.w-form__anchor .dpf-550 {
  min-width: 550px;
  max-width: 650px;
  -ms-flex: 11;
      flex: 11;
}

.w-form__anchor .dpf-600 {
  min-width: 600px;
  max-width: 700px;
  -ms-flex: 12;
      flex: 12;
}

.w-form__anchor .dpf-650 {
  min-width: 650px;
  max-width: 750px;
  -ms-flex: 13;
      flex: 13;
}

.w-form__anchor .dpf-700 {
  min-width: 700px;
  max-width: 800px;
  -ms-flex: 14;
      flex: 14;
}

.w-form__anchor .dpf-750 {
  min-width: 750px;
  max-width: 850px;
  -ms-flex: 15;
      flex: 15;
}

.w-form__anchor .dpf-800 {
  min-width: 800px;
  max-width: 900px;
  -ms-flex: 16;
      flex: 16;
}

.w-form__anchor .dpf-850 {
  min-width: 850px;
  max-width: 950px;
  -ms-flex: 17;
      flex: 17;
}

.w-form__anchor .dpf-900 {
  min-width: 900px;
  max-width: 1000px;
  -ms-flex: 18;
      flex: 18;
}

.w-form__anchor .dpf-950 {
  min-width: 950px;
  max-width: 1050px;
  -ms-flex: 19;
      flex: 19;
}

.w-form__anchor .dpf-1000 {
  min-width: 1000px;
  max-width: 1100px;
  -ms-flex: 20;
      flex: 20;
}

.w-form__anchor .dpf-1050 {
  min-width: 1050px;
  max-width: 1150px;
  -ms-flex: 21;
      flex: 21;
}

.w-form__anchor .dpf-1100 {
  min-width: 1100px;
  max-width: 1200px;
  -ms-flex: 22;
      flex: 22;
}

.w-form__anchor .dpf-1150 {
  min-width: 1150px;
  max-width: 1250px;
  -ms-flex: 23;
      flex: 23;
}

.w-form__anchor .dpf-1200 {
  min-width: 1200px;
  max-width: 1300px;
  -ms-flex: 24;
      flex: 24;
}

.w-form__anchor .dpf-1250 {
  min-width: 1250px;
  max-width: 1350px;
  -ms-flex: 25;
      flex: 25;
}

.w-form__anchor .dpf-1300 {
  min-width: 1300px;
  max-width: 1400px;
  -ms-flex: 26;
      flex: 26;
}

.w-form__anchor .dpf-1350 {
  min-width: 1350px;
  max-width: 1450px;
  -ms-flex: 27;
      flex: 27;
}

.w-form__anchor .dpf-1400 {
  min-width: 1400px;
  max-width: 1500px;
  -ms-flex: 28;
      flex: 28;
}

.w-form__anchor .dpf-1450 {
  min-width: 1450px;
  max-width: 1550px;
  -ms-flex: 29;
      flex: 29;
}

.w-form__anchor .dpf-1500 {
  min-width: 1500px;
  max-width: 1600px;
  -ms-flex: 30;
      flex: 30;
}

.w-form__anchor .dpf-1550 {
  min-width: 1550px;
  max-width: 1650px;
  -ms-flex: 31;
      flex: 31;
}

.w-form__anchor .dpf-1600 {
  min-width: 1600px;
  max-width: 1700px;
  -ms-flex: 32;
      flex: 32;
}

.w-form__anchor .dpf-1650 {
  min-width: 1650px;
  max-width: 1750px;
  -ms-flex: 33;
      flex: 33;
}

.dark-skin .w-attr-container__label--disabled {
  color: #8c8c8c !important;
}

.full-height-container {
  left: 0;
  right: 0;
  bottom: 0;
  position: relative;
  background-color: #f8f6f3;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: auto;
}

.container {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.funcao {
  outline: 0;
  float: left;
  margin: 10px 15px;
  text-align: center;
  height: 148px;
  width: 128px;
}

.funcao-contents {
}

.funcao-contents.funcao-disabled {
  opacity: 0.3;
}

.funcao-contents:active:not(.suppress-active),
.funcao:not(.click-focus):focus .funcao-contents:not(.suppress-active),
.drag-representation:not(.placing) .funcao-contents {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

/* Don't animate the initial scaling.  */
.funcao-contents:active:not(.suppress-active),
.funcao-contents.suppress-active {
  transition-duration: 0;
  -webkit-transition-duration: 0;
}

.funcao-contents > span {
  display: block;
  /*font-size: var(--font-size-caption);*/
  overflow: hidden;
  padding-top: 10px;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
}

.funcao-img-container {
  /* -webkit-mask-image set by JavaScript to the image source. */
  -webkit-mask-size: 100% 100%;
  margin-left: auto;
  margin-right: auto;
}

.funcao-img-container > * {
  height: 64px;
  width: 64px;
}

.funcao-icon-div {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -moz-box-align: center;
  background-color: white;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  display: -webkit-box;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  vertical-align: middle;
  z-index: 0;
}

.funcao-icon-div .funcao-img-container {
  bottom: 10px;
  left: 10px;
  position: absolute;
}

.funcao-icon-div .color-stripe {
  border-bottom-left-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
  bottom: 0;
  height: 3px;
  opacity: 1.0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.launch-click-target {
  cursor: pointer;
}

.funcao .invisible {
  visibility: hidden;
}

.tasy-group-box.span12 {
  margin-left: 0px;
  margin-bottom: 10px;
  background-color: white;
}

.tasy-group-box.span12 span.gwt-RadioButton {
  margin-left: 6px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.tasy-group-box .group-box-container {
  display: -ms-flexbox;
  display: flex;
}

.tasy-group-box .group-box-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 0 auto;
      flex: 0 auto;
  min-width: 0;
}

/***************************
*        CHANGELOG:
*   1.0.8 - June 11, 2020
***************************
* http://design.emr.philips.com.br/library/wip/guidelines/styling-interfaces/colours/
***************************/
/**
* These tokens must be used in fonts only, no attribute font size
* Ex: font-size: --font-size-body;
*/
/**
* These tokens should only be used to define sizes of elements, icons, boxes and the like.
* Ex: width, height
*/
/**
* These tokens should only be used for internal, external and element spacing.
* Ex: padding, margin, left, right, bottom, top
*/
/***************************
*        CHANGELOG:
*   1.0.6 - May 26, 2021
***************************
* http://design.emr.philips.com.br/library/wip/guidelines/styling-interfaces/visual-guidelines/
***************************/
:root,
::before,
::after {
  --line-height-reference: 28px;
  --font-size-reference: 16px;
  --font-size-caption: 0.75rem;
  --font-size-body: 0.87rem;
  --font-size-subtitle: 1rem;
  --font-size-header-1: 2.625rem;
  --font-size-header-2: 2rem;
  --font-size-header-3: 1.75rem;
  --font-size-header-4: 1.5rem;
  --font-size-header-5: 1.125rem;
  --font-size-header-6: 1rem;
  --font-size-header-7: 0.75rem;
  --sizing-6: 6px;
  --sizing-8: 8px;
  --sizing-10: 10px;
  --sizing-12: 12px;
  --sizing-14: 14px;
  --sizing-16: 16px;
  --sizing-18: 18px;
  --sizing-20: 20px;
  --sizing-24: 24px;
  --sizing-28: 28px;
  --sizing-32: 32px;
  --sizing-34: 34px;
  --sizing-40: 40px;
  --sizing-44: 44px;
  --sizing-48: 48px;
  --sizing-64: 64px;
  --sizing-80: 80px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --color-white: #FFFFFF;
  --color-blue-80: #092F52;
  --color-blue-75: #0D3459;
  --color-blue-70: #123E68;
  --color-blue-65: #164776;
  --color-blue-60: #195386;
  --color-blue-55: #236197;
  --color-blue-50: #296FAB;
  --color-blue-45: #337FBF;
  --color-blue-40: #438BCA;
  --color-blue-35: #5A9ADA;
  --color-blue-30: #72ABEB;
  --color-blue-25: #8DB9EF;
  --color-blue-20: #ABCBF7;
  --color-blue-15: #C5DAFB;
  --color-blue-10: #DEEAFF;
  --color-blue-05: #f2f6ff;
  --color-blue-group-80: #1C255C;
  --color-blue-group-75: #1C2D66;
  --color-blue-group-70: #1A3670;
  --color-blue-group-65: #1C417A;
  --color-blue-group-60: #1D4C84;
  --color-blue-group-55: #1B578E;
  --color-blue-group-50: #176498;
  --color-blue-group-45: #1474A4;
  --color-blue-group-47: #1474A440;
  --color-blue-group-40: #2B86B2;
  --color-blue-group-35: #439AC1;
  --color-blue-group-30: #5DAFD1;
  --color-blue-group-25: #7CC0D9;
  --color-blue-group-20: #9DD3E3;
  --color-blue-group-15: #BFE2EB;
  --color-blue-group-10: #DAF1F7;
  --color-blue-group-05: #F0F8FA;
  --color-blue-group-03: #03ABFF26;
  --color-aqua-80: #183842;
  --color-aqua-75: #18414B;
  --color-aqua-70: #174A52;
  --color-aqua-65: #16555A;
  --color-aqua-60: #136363;
  --color-aqua-55: #14726C;
  --color-aqua-50: #158275;
  --color-aqua-45: #189383;
  --color-aqua-40: #299F8F;
  --color-aqua-35: #42ADA1;
  --color-aqua-30: #5CBCB7;
  --color-aqua-25: #79C8C6;
  --color-aqua-20: #9BD4D5;
  --color-aqua-15: #C1E4E6;
  --color-aqua-10: #DAF1F2;
  --color-aqua-05: #F0F9FA;
  --color-green-80: #0C382B;
  --color-green-75: #06422D;
  --color-green-70: #004E30;
  --color-green-65: #005B33;
  --color-green-60: #006B34;
  --color-green-55: #1E782E;
  --color-green-50: #3E8A29;
  --color-green-45: #5F9920;
  --color-green-40: #77A422;
  --color-green-35: #97B326;
  --color-green-30: #B0BD31;
  --color-green-25: #BECC44;
  --color-green-20: #CED95F;
  --color-green-15: #DEE784;
  --color-green-10: #ECF2AC;
  --color-green-05: #F7FAD4;
  --color-orange-80: #5C1B2E;
  --color-orange-75: #6E202D;
  --color-orange-70: #802726;
  --color-orange-65: #923323;
  --color-orange-60: #A63D21;
  --color-orange-55: #BA4C1E;
  --color-orange-50: #CC6116;
  --color-orange-45: #DE7510;
  --color-orange-40: #E38B10;
  --color-orange-35: #E6A219;
  --color-orange-30: #EBB626;
  --color-orange-25: #F2C544;
  --color-orange-20: #F7D368;
  --color-orange-15: #FCE290;
  --color-orange-10: #FCEDBA;
  --color-orange-05: #FDF5D7;
  --color-pink-80: #5C0C3C;
  --color-pink-75: #6B0E3F;
  --color-pink-70: #801145;
  --color-pink-65: #97144C;
  --color-pink-60: #AD1C57;
  --color-pink-55: #BE2A5D;
  --color-pink-50: #D13B66;
  --color-pink-45: #E04A71;
  --color-pink-40: #E85D80;
  --color-pink-35: #E8728E;
  --color-pink-30: #EC8BA1;
  --color-pink-25: #EEA4B5;
  --color-pink-20: #F2BAC6;
  --color-pink-15: #F6D0D7;
  --color-pink-10: #FAE6EA;
  --color-pink-05: #FBF5F6;
  --color-purple-80: #401442;
  --color-purple-75: #4D174A;
  --color-purple-70: #5E1A54;
  --color-purple-65: #6F1E5F;
  --color-purple-60: #82236F;
  --color-purple-55: #902C7E;
  --color-purple-50: #9C3790;
  --color-purple-45: #AB46A4;
  --color-purple-40: #B35BB2;
  --color-purple-42: #AB46A4;
  --color-purple-35: #B972BF;
  --color-purple-30: #C48CD4;
  --color-purple-25: #CDA2DC;
  --color-purple-20: #D6B9E6;
  --color-purple-15: #E0D1F1;
  --color-purple-10: #EEE6FC;
  --color-purple-05: #F7F5FF;
  --color-gray-80: #171717;
  --color-gray-75: #212121;
  --color-gray-70: #2B2B2B;
  --color-gray-65: #383838;
  --color-gray-60: #454545;
  --color-gray-55: #4D4D4D;
  --color-gray-50: #595959;
  --color-gray-45: #696969;
  --color-gray-40: #787878;
  --color-gray-35: #8C8C8C;
  --color-gray-30: #9E9E9E;
  --color-gray-25: #B0B0B0;
  --color-gray-20: #C4C4C4;
  --color-gray-15: #D6D6D6;
  --color-gray-10: #E8E8E8;
  --color-gray-05: #F5F5F5;
  --color-signal-indigo-60: #3262DB;
  --color-signal-indigo-45: #4C87FC;
  --color-signal-indigo-30: #80B5FF;
  --color-signal-blue-60: #008EE8;
  --color-signal-blue-45: #03ABFF;
  --color-signal-blue-30: #41C9FE;
  --color-signal-cyan-60: #00C9A4;
  --color-signal-cyan-45: #00E6C6;
  --color-signal-cyan-30: #91F2E7;
  --color-signal-green-60: #009957;
  --color-signal-green-45: #00BD5E;
  --color-signal-green-30: #45DE85;
  --color-signal-lime-60: #7BCC00;
  --color-signal-lime-45: #9DE807;
  --color-signal-lime-30: #C6F759;
  --color-signal-yellow-60: #F2A200;
  --color-signal-yellow-45: #FFCD05;
  --color-signal-yellow-30: #FFED5E;
  --color-signal-orange-60: #E65800;
  --color-signal-orange-45: #FF830F;
  --color-signal-orange-30: #FFB640;
  --color-signal-red-60: #DE3835;
  --color-signal-red-45: #FA5A4B;
  --color-signal-red-40: #FF6D59;
  --color-signal-red-30: #FF8370;
  --color-signal-red-20: #FFA799;
  --color-signal-pink-60: #F23D9A;
  --color-signal-pink-45: #FF6BC4;
  --color-signal-pink-30: #FF94DA;
  --color-signal-purple-60: #A128ED;
  --color-signal-purple-45: #C04AFF;
  --color-signal-purple-30: #D780FF;
  --color-signal-gray-60: #454545;
  --color-signal-gray-45: #696969;
  --color-signal-gray-30: #9E9E9E;
  --background-body: var(--color-white);
  --background-panel: var(--color-white);
  --border-color-panel: var(--color-gray-25);
  --text-color-neutral: var(--color-gray-75);
  --background-neutral: var(--color-white);
  --border-color-neutral: var(--color-gray-75);
}

:root .accessibility,
::before .accessibility,
::after .accessibility {
  --font-size-caption: 1rem;
  --font-size-body: 2rem;
  --font-size-subtitle: 2.25rem;
  --font-size-h2: 5.94rem;
  --font-size-h4: 2.34rem;
  --font-size-h6: 1.54rem;
}

@media (min-width: 3840px) {
  :root,
  ::before,
  ::after {
    --line-height-reference: 28px;
    --font-size-reference: 32px;
    --font-size-caption: 0.875rem;
    --font-size-body:	1rem;
    --font-size-subtitle:	1.25rem;
    --font-size-header-1: 2.625rem;
    --font-size-header-2: 2rem;
    --font-size-header-3: 1.75rem;
    --font-size-header-4: 1.5625rem;
    --font-size-header-5: 1.25rem;
    --font-size-header-6: 1.0625rem;
    --sizing-6: 18px;
    --sizing-8: 24px;
    --sizing-10: 28px;
    --sizing-12: 32px;
    --sizing-14: 36px;
    --sizing-16: 40px;
    --sizing-18: 44px;
    --sizing-20: 48px;
    --sizing-24: 56px;
    --sizing-28: 64px;
    --sizing-32: 72px;
    --sizing-34: 76px;
    --sizing-40: 80px;
    --sizing-44: 120px;
    --sizing-48: 160px;
    --sizing-64: 212px;
    --sizing-80: 276px;
    --spacing-4: 8px;
    --spacing-6: 12px;
    --spacing-8: 16px;
    --spacing-10: 20px;
    --spacing-12: 24px;
    --spacing-16: 32px;
    --spacing-18: 36px;
    --spacing-20: 40px;
    --spacing-24: 48px;
    --spacing-28: 56px;
    --spacing-32: 64px;
    --spacing-36: 72px;
    --spacing-40: 80px;
    --spacing-48: 120px;
    --spacing-64: 160px;
  }
  :root .accessibility,
  ::before .accessibility,
  ::after .accessibility {
    --font-size-caption: 2rem;
    --font-size-body: 2.12rem;
    --font-size-subtitle: 2.24rem;
    --font-size-h2: 7.8rem;
    --font-size-h4: 3.4rem;
    --font-size-h6: 2.5rem;
  }
}

.dark-skin {
  --background-body: var(--color-gray-75);
  --background-panel: var(--color-gray-65);
  --text-color-neutral: var(--color-white);
  --border-color-neutral: #5e5e5e;
  --background-neutral: var(--color-gray-65);
  --border-color-panel: var(--color-gray-25);
  color: #FFFFFF;
}

/***************************
*        CHANGELOG:
*   1.0.8 - June 11, 2020
***************************
* http://design.emr.philips.com.br/library/wip/guidelines/styling-interfaces/colours/
***************************/
/**
* These tokens must be used in fonts only, no attribute font size
* Ex: font-size: --font-size-body;
*/
/**
* These tokens should only be used to define sizes of elements, icons, boxes and the like.
* Ex: width, height
*/
/**
* These tokens should only be used for internal, external and element spacing.
* Ex: padding, margin, left, right, bottom, top
*/
/*!
* Sobrescrita do estilo da ui-grid para deixa com a aparência requerida pelo design.
*/
.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -2px;
}

.ui-grid-column-menu-button-last-col {
  margin-right: 0;
}

.ui-grid-viewport {
  max-width: 100%;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: transparent;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: transparent;
}

.ui-grid-header-cell .ui-grid-cell-contents {
  margin-right: 5px;
}

.ui-grid-cell-contents {
  padding-left: 2px;
}

[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  width: 6px;
  margin-left: 0;
}

.ui-grid-pager-panel {
  bottom: inherit;
}

.ui-grid-pager-control {
  margin-left: 5px;
}

.ui-grid-pager-control button {
  height: 24px;
  padding: 6px 8px;
}

.ui-grid-pager-control input {
  padding: 2px 3px 2px 7px;
  height: 24px;
}

@font-face {
  font-family: 'ui-grid';
  src: url("/assets/fonts/ui-grid.eot");
  src: url("/assets/fonts/ui-grid/ui-grid.woff") format("woff"), url("/assets/fonts/ui-grid/ui-grid.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.w-accordion-container {
  width: 100%;
}

.w-accordion-header {
  float: left;
  padding: 4px;
}

.w-accordion-header .main-title {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  color: #333333;
}

.w-accordion-header .main-description {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  color: #333333;
}

.w-accordion-header .right-title {
  font-size: var(--font-size-header-5);
  vertical-align: middle;
  text-align: center;
  line-height: var(--font-size-header-4);
}

.w-accordion-header .right-content {
  float: right;
  margin-top: calc(var(--spacing-4) * -1);
}

.w-accordion-header .icon {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==");
}

@media (min-width: 3840px) {
  .w-accordion-header .icon {
    width: var(--sizing-24);
    height: var(--sizing-24);
    margin-right: var(--spacing-12);
  }
}

.w-accordion-header .icon.open {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==");
}

.w-accordion-header h3 {
  margin: 10px 0;
}

@media (min-width: 3840px) {
  .w-accordion-header h3 {
    margin: var(--spacing-12) 0;
  }
}

.w-accordion-pane {
  width: 100%;
  padding: var(--spacing-4);
}

tasy-editor-rules.horizontal.cke_top {
  min-height: 20px;
  height: 20px;
  width: 210mm !important;
  margin-left: calc(50% - 104mm) !important;
  border-width: 1px 0px !important;
  border-color: #f2f2f2;
  margin-bottom: 8px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

tasy-editor-ruler.vertical {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 20px;
  background: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
}

.ruler__left-box {
  width: 20mm;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  overflow-x: hidden;
  position: relative;
}

.ruler__right-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  width: 20mm;
  height: 100%;
  background-color: rgba(242, 242, 242, 0.5);
  overflow-x: hidden;
  position: relative;
}

.ruler__margin-left {
  width: 100%;
  height: 100%;
  background-color: rgba(180, 180, 180, 0.3);
  position: absolute;
  right: 0;
}

.ruler__margin-right {
  width: 20mm;
  height: 100%;
  background-color: rgba(230, 230, 230, 0.7);
  position: absolute;
  right: 0;
}

.ruler__scale {
  -ms-flex: 0 0 10mm;
      flex: 0 0 10mm;
  height: 100%;
  background: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
  box-sizing: border-box;
  background-color: #fff !important;
  color: #333333;
  font-size: 10px;
  margin: 0;
  padding: 5px 0 0 0;
  width: 10mm !important;
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
}

.inc {
  -ms-flex: 0 0 1in !important;
      flex: 0 0 1in !important;
  width: 1in !important;
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-inc.svg") !important;
}

.ruller__scale--text-right {
  text-align: right;
}

.ruler__scale-label {
  color: #333333;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

.ruler__scale-text-container--right,
.ruler__scale-text-container--left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: absolute;
  left: 0;
  width: 100%;
}

.ruler__scale-text-container--left {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.ruler__scale-text-container--right {
  -ms-flex-direction: row;
      flex-direction: row;
}

.ruler__scale-text {
  -ms-flex: 0 0 10mm;
      flex: 0 0 10mm;
  width: 10mm;
  height: 100%;
  font-size: 11px;
  padding-top: 5px;
}

.ruler__scale-text--ten-start-left {
  margin-right: 3px;
}

.ruler__scale-text--unit-start-left {
  margin-right: 2px;
}

.ruler__scale-text--right {
  text-align: right;
}

.ruler__scale-text--unit-start-right {
  margin-left: 2px;
}

.ruler__scale-text--ten-start-right {
  margin-left: 3px;
}

.ruler__scale-text--inc {
  width: 1in !important;
  -ms-flex: 0 0 1in !important;
      flex: 0 0 1in !important;
}

.offset.left.cke_top {
  float: left;
  height: 20px;
  z-index: 8;
  margin-top: -20px !important;
  background: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
  background-color: #f2f2f2 !important;
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-position: right !important;
}

.offset.left.cke_top span {
  background: #f2f2f2;
  width: 8px;
  height: 20px;
  float: right;
  cursor: w-resize;
}

div.cursor-pa {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAAVUlEQVQoU5WQCwqAIBAFVyQKoTt1tL15zSMDP0vgwIDw3uKqwY4bHljwxIwpMJu73yuuD0CJgsi6lumWawxHqeldHSkqSmVvZWYaghr98JU56rsbzB53kovU2o0QbgAAAABJRU5ErkJggg==");
  height: 8px;
  width: 35px;
  position: absolute;
  margin-top: -10px;
  cursor: pointer;
  margin-left: 28.4mm;
  background-repeat: no-repeat;
  background-position-x: 15px;
}

.ruler-line-tab {
  position: absolute !important;
  bottom: 0px;
  top: 8px;
  left: 5.5px;
  border: solid;
  height: 800px;
  border-color: blue;
  border-width: 0 0 0 1px;
  border-style: dashed;
  z-index: 15 !important;
  width: 20px;
}

.region-cursor {
  position: absolute;
  height: 20px;
  width: 210mm;
  z-index: 99;
  left: 0;
  border: 1px solid rgba(230, 230, 230, 0.7);
}

.rule-cursor-left {
  position: absolute !important;
  width: 20px !important;
  height: 100% !important;
  left: 20mm;
  cursor: w-resize;
}

.rule-cursor-right {
  position: absolute !important;
  width: 20px !important;
  height: 100% !important;
  right: 20mm;
  cursor: w-resize;
}

.rule-cursor-p {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAAVUlEQVQoU5WQCwqAIBAFVyQKoTt1tL15zSMDP0vgwIDw3uKqwY4bHljwxIwpMJu73yuuD0CJgsi6lumWawxHqeldHSkqSmVvZWYaghr98JU56rsbzB53kovU2o0QbgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position-x: 14px;
  position: absolute !important;
  height: 10px !important;
  width: 40px;
  left: calc(20mm - 20px);
  cursor: pointer;
}

.tasy-advancedtexteditor-layout-colunms-config {
  min-width: 200px;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-header {
  color: #000;
  cursor: default;
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-columns,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-column-spacing,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-line-between {
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms button {
  margin-left: var(--spacing-20);
}

.tasy-advancedtexteditor-layout-colunms-config .content-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
}

.tasy-advancedtexteditor-layout-colunms-config .content-input input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  height: 30px;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .tasy-advancedtexteditor-layout-colunms-config .content-input input {
    height: var(--sizing-32);
  }
}

.tasy-layout-master-region {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region {
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region p {
  display: block;
  word-wrap: true;
}

.advancedtexteditor-paste {
  margin: 25px;
}

@media (min-width: 3840px) {
  .advancedtexteditor-paste {
    margin: var(--spacing-24);
  }
}

.advancedtexteditor-paste-message {
  font-size: var(--font-size-body);
  margin-bottom: var(--spacing-28);
}

.advancedtexteditor-paste-textarea {
  height: 120px;
}

.advancedtexteditor-preview-buttons .print:before,
.advancedtexteditor-preview-buttons .zoom-in:before,
.advancedtexteditor-preview-buttons .zoom-out:before,
.advancedtexteditor-preview-buttons .preview-previous:before, .advancedtexteditor-preview-buttons .preview-next:after {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: var(--sizing-16);
  width: var(--sizing-16);
}

tasy-editor {
  width: 100% !important;
}

tasy-editor table,
tasy-editor caption,
tasy-editor tbody,
tasy-editor tfoot,
tasy-editor thead,
tasy-editor tr,
tasy-editor th,
tasy-editor td {
  min-width: 20px;
  line-height: 19px;
  border: 1px solid #000;
}

tasy-editor .cke_widget_inline {
  display: inline !important;
}

tasy-editor .cke_wysiwyg_div {
  overflow-anchor: none;
}

.advancedtexteditor-text-selection {
  background-color: blue !important;
  color: #fff !important;
}

.advancedtexteditor-table-selection-panel {
  width: 195px;
  padding: 5px 5px 5px 5px;
}

.advancedtexteditor-table-selection-block {
  width: 15px;
  height: 15px;
  border: 1px solid #fff;
  background-color: #ccc;
}

.advancedtexteditor-table-selection-column {
  border: 3px solid #fff;
  background-color: #ccc;
}

.advancedtexteditor-table-selection-selected {
  background-color: #ccc;
}

.advancedtexteditor-table-selection-selected .advancedtexteditor-table-selection-block {
  background-color: blue;
}

.advancedtexteditor-table-selection-display-count {
  text-align: center;
  margin: 5px auto 0 auto;
}

.advancedtexteditor-editarea {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: auto;
  width: 100%;
}

.advancedtexteditor-editor,
.advancedtexteditor-preview-container {
  margin-left: calc(50% - 105mm);
  width: 210mm;
}

.fix-advanced-editor-margin {
  margin-left: 0;
}

.advancedtexteditor-editor {
  height: 297mm;
  position: absolute;
}

.advancedtexteditor-editor-wrapper {
  color: #333;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  position: relative;
  z-index: 99;
  margin: 0 0 0 0;
}

.flutuante {
  float: left;
  padding: 20mm 0;
  overflow: hidden;
  opacity: 1;
  width: 210mm;
}

.papers-container {
  width: 100%;
  padding: 0 0 0 0;
}

.advancedtexteditor-paper {
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 0 5px #b0b0b0;
  position: relative;
  width: 210mm;
  height: 297mm;
  opacity: 1;
  margin-bottom: 3mm;
}

.advancedtexteditor-margin {
  height: 291mm;
  margin-left: 20mm;
  margin-right: 20mm;
  margin-top: 3mm;
  margin-bottom: 3mm;
  padding: 0;
  background-color: #fff;
}

.advancedtexteditor-page-header {
  width: 210mm;
  padding: 3mm 20mm 0 20mm;
  position: absolute;
  z-index: 100;
  border-bottom: 1px dashed #BFBFBF;
}

.advancedtexteditor-page-header .cke_widget_wrapper:hover > .cke_widget_element,
.advancedtexteditor-page-header .cke_widget_wrapper:hover .cke_widget_editable {
  outline: 0 !important;
}

.advancedtexteditor-page-header .cke_widget_wrapper .cke_widget_editable.cke_widget_editable_focused {
  outline: 0 !important;
}

.advancedtexteditor-page-header-inner {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  line-height: 120%;
}

.advancedtexteditor-page-header-inner-content {
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 120%;
}

.advancedtexteditor-page-header-inner-content:not(.hide) {
  display: block;
  min-height: 16mm;
  padding-bottom: 2mm;
}

.advancedtexteditor-page-footer {
  padding: 0 20mm 3mm 20mm;
  position: absolute;
  top: calc(277mm - 16px);
  width: 210mm;
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-top: 1px dashed #BFBFBF;
}

.advancedtexteditor-page-footer .cke_widget_wrapper:hover > .cke_widget_element,
.advancedtexteditor-page-footer .cke_widget_wrapper:hover .cke_widget_editable {
  outline: 0 !important;
}

.advancedtexteditor-page-footer .cke_widget_wrapper .cke_widget_editable.cke_widget_editable_focused {
  outline: 0 !important;
}

.advancedtexteditor-page-footer-inner {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100%;
}

.advancedtexteditor-page-footer-inner-content {
  min-height: 16mm;
  padding-top: 2mm;
}

.advancedtexteditor-ruler {
  background-color: #888;
  height: 18px;
  width: 100%;
}

.advancedtexteditor-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: var(--spacing-16);
}

.advancedtexteditor-panel .wtitle {
  margin-bottom: 0px;
}

.advancedtexteditor-panel .wtitle .wtitle-container {
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 0;
}

.advancedtexteditor-panel .wtitle .wtitle-container .panel-title:not(:empty) {
  margin-bottom: 28px;
}

.advancedtexteditor-panel-find-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  margin-bottom: 5px;
}

.advancedtexteditor-panel-find-row-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 5px;
}

.advancedtexteditor-panel-find-row-actions button {
  margin-right: 10px;
}

.advancedtexteditor-panel-find-row label {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  color: #ccc;
}

.advancedtexteditor-panel-find-content-input {
  -ms-flex: 2 1 20px;
      flex: 2 1 20px;
  border: 1px solid #ccc;
  height: 30px;
  width: 100%;
}

.advancedtexteditor-panel-find-content-btn-search {
  -ms-flex: 0 0 30px;
      flex: 0 0 30px;
  background: no-repeat center url("data:image/svg+xml;base64,PHN2ZyBpZD0ic2VhcmNoIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4yNCAyNC4xNCI+PHRpdGxlPnNlYXJjaDwvdGl0bGU+PHBhdGggaWQ9Imljb24iIGQ9Ik0yNS4wNywyMi40OWwtOC44Mi04LjgyYTguMzYsOC4zNiwwLDEsMC0yLjQ2LDIuNWw4LjgsOC44Wk03LjYsMTQuOTJBNS44Nyw1Ljg3LDAsMSwxLDE0LjkxLDExaDBBNS44Nyw1Ljg3LDAsMCwxLDcuNiwxNC45MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgzIC0wLjgzKSIgZmlsbD0iI2Q4ZDhkOCIvPjwvc3ZnPg==");
  height: 30px;
  border: 1px solid #ccc;
}

/*Preview*/
.advancedtexteditor-preview-navigator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 16px;
}

.advancedtexteditor-preview-navigator-item {
  display: block;
  background: #d6d6d6;
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  margin: 0 3px;
  width: 12px;
}

.advancedtexteditor-preview-navigator-item.active {
  background: #0096ed;
}

.advancedtexteditor-preview-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

.advancedtexteditor-preview-buttons button {
  background: #e8e8e8;
  border: 1px solid transparent;
  border-bottom-color: #696969;
  border-radius: 4px;
  border-right-color: #b0b0b0;
  color: #383838;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 32px;
  margin-left: 1px;
  padding: 8px 16px;
  white-space: nowrap;
}

.advancedtexteditor-preview-buttons button:not(:disabled):hover {
  background: #f5f5f5;
}

.advancedtexteditor-preview-buttons button:not(:disabled):focus {
  background: #f5f5f5;
  border-color: #0096ed;
}

.advancedtexteditor-preview-buttons button:not(:disabled):active {
  background: #9e9e9e;
  color: #ffffff;
}

.advancedtexteditor-preview-buttons button:disabled {
  color: rgba(56, 56, 56, 0.3);
  cursor: default;
}

.advancedtexteditor-preview-buttons button:disabled:before, .advancedtexteditor-preview-buttons button:disabled:after {
  opacity: .3;
}

.advancedtexteditor-preview-buttons .print,
.advancedtexteditor-preview-buttons .reset {
  border-radius: 0;
}

.advancedtexteditor-preview-buttons .print:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/print.svg");
}

.advancedtexteditor-preview-buttons .zoom-in {
  border-radius: 0 4px 4px 0;
}

.advancedtexteditor-preview-buttons .zoom-in:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/zoom-in.svg");
}

.advancedtexteditor-preview-buttons .zoom-in:active:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/zoom-in-2.svg");
}

.advancedtexteditor-preview-buttons .zoom-out {
  border-radius: 4px 0 0 4px;
}

.advancedtexteditor-preview-buttons .zoom-out:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/zoom-out.svg");
}

.advancedtexteditor-preview-buttons .zoom-out:active:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/zoom-out-2.svg");
}

.advancedtexteditor-preview-buttons .preview-previous {
  margin-right: 16px;
}

.advancedtexteditor-preview-buttons .preview-previous:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/previous.svg");
}

.advancedtexteditor-preview-buttons .preview-previous:active:before {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/previous-2.svg");
}

.advancedtexteditor-preview-buttons .preview-next {
  margin-left: 16px;
}

.advancedtexteditor-preview-buttons .preview-next:after {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/next.svg");
}

.advancedtexteditor-preview-buttons .preview-next:active:after {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/next-2.svg");
}

.advancedtexteditor-preview-buttons .preview-print {
  justify-self: flex-end;
}

.advancedtexteditor-preview-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}

.advancedtexteditor-preview-actions {
  position: absolute;
  right: 0;
}

/*Context Menu*/
.advancedtexteditor-contextmenu-menu-container {
  position: absolute;
  top: 100px;
  left: 200px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 100000;
}

.advancedtexteditor-contextmenu-menu-container,
.advancedtexteditor-contextmenu-submenu {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
}

ul.advancedtexteditor-contextmenu-menu,
ul.advancedtexteditor-contextmenu-submenu {
  margin: 0 0 0 0;
  padding: 0 5px 0 5px;
  list-style: none;
  list-style-image: none;
}

.advancedtexteditor-contextmenu-arrow {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) !important;
  margin-left: 10px;
  background-repeat: no-repeat;
  background-position: right;
}

.advancedtexteditor-contextmenu-menu-container a:link,
.advancedtexteditor-contextmenu-menu-container a:hover,
.advancedtexteditor-contextmenu-menu-container a:active,
.advancedtexteditor-contextmenu-menu-container a:visited {
  color: #000;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
}

.advancedtexteditor-contextmenu-menu-container a:first-letter {
  text-transform: uppercase;
}

.advancedtexteditor-contextmenu-menu-container li {
  margin: 0 0 0 5px;
  padding-right: 5px;
}

li.advancedtexteditor-contextmenu-separator {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 5px;
}

.advancedtexteditor-contextmenu-menu-container li:before {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  content: ' ';
}

.advancedtexteditor-contextmenu-menu-container li:hover {
  background-color: #eee;
}

.advancedtexteditor-contextmenu-menu-container li a {
  white-space: nowrap;
  max-width: 450px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.advancedtexteditor-contextmenu-submenu-container:hover .advancedtexteditor-contextmenu-submenu {
  display: block !important;
}

.advancedtexteditor-contextmenu-submenu-container {
  position: relative;
}

.advancedtexteditor-contextmenu-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  border: 1px solid #ccc;
  z-index: 10;
}

.advancedtexteditor-contextmenu-item-icon {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  width: 20px;
  height: 20px;
  margin: 0 0 0 0;
  padding: 0 0 0 0 !important;
  margin-right: 5px;
}

.advancedtexteditor-contextmenu-item-icon img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}

.advancedtexteditor-contextmenu-shortcut {
  color: #ccc;
  margin-left: 20px;
  text-align: right;
}

.advancedtexteditor-contextmenu-hide {
  display: none;
}

.advancedtexteditor-contextmenu-menu-line-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.advancedtexteditor-contextmenu-menu-line-item {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 0 0 0 0;
}

.advancedtexteditor-contextmenu-disabled {
  color: #ccc !important;
}

.advancedtexteditor-contextmenu-label {
  -ms-flex: 2 2 auto;
      flex: 2 2 auto;
  text-align: left;
  margin-right: 20px;
}

.advancedtexteditor-contextmenu-arrow-none {
  background-image: none !important;
}

.wadvancedtexteditor-table-form-tab-header ul {
  list-style: none;
  list-style-image: none;
  background-color: #BFBFBF;
  padding: 0px;
  margin: 0px;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}

.wadvancedtexteditor-table-form-tab-header li {
  min-width: 50px;
  display: inline-block;
  text-align: left;
  margin: 0 10px 0 10px;
  padding: 10px 0 5px 5px;
  color: #000;
  font-size: var(--font-size-subtitle);
}

a:hover img[data-advancedtexteditor-image] {
  cursor: pointer;
}

.wadvancedtexteditor-table-form-tab-header li:hover {
  cursor: pointer;
}

.wadvancedtexteditor-table-form-active-tab {
  display: block;
}

.wadvancedtexteditor-table-form-hide-tab {
  display: none;
}

.wadvancedtexteditor-table-form-tab-panel {
  width: 100%;
}

.wadvancedtexteditor-table-form-active-header {
  border-bottom: 4px solid #0096ED;
}

.wadvancedtexteditor-table-form-tab-content-container {
  padding: 20px 10px 10px 10px;
}

.wadvancedtexteditor-table-form-divider {
  height: 2px;
  background-color: #b3b3b3;
  width: 100%;
  margin-bottom: 10px;
}

.wadvancedtexteditor-table-form-tab-content-container label,
.wadvancedtexteditor-table-form-tab-content-container select,
.wadvancedtexteditor-table-form-tab-content-container input {
  display: block;
  margin-bottom: 5px;
}

.wadvancedtexteditor-dropdown {
  border: 1px solid #b3b3b3;
  width: 92%;
}

/*end context menu*/
a.cke_button {
  background: white !important;
  border: 0px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

a.cke_button .cke_button__bold_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -26.75px !important;
  background-size: 60.5px auto !important;
}

a.cke_button .cke_button__italic_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -50px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__underline_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -148px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__strike_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -74px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__numberedlist_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1317px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__bulletedlist_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1272px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__outdent_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -983.7px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__indent_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1043.1px !important;
  background-size: 64px auto !important;
}

a.cke_button .cke_button__justifyleft_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: center -1088px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__justifycenter_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1065.55px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__justifyright_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1110.75px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__justifyblock_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1043.5px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__link_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -1265px !important;
  background-size: 63px auto !important;
}

a.cke_button .cke_button__unlink_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -1330px !important;
  background-size: 65px auto !important;
}

a.cke_button .cke_button__tasy-image_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -19px -961px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__table_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -21px -1133.5px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__tasy-advancedtexteditor-replace_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -19px -557px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__tasy-advancedtexteditor-find_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -19px -511.25px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__redo_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -19px -2050px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__undo_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -19px -2033px !important;
  background-size: 60px auto !important;
}

a.cke_button .cke_button__paste_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -336px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__copy_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -241.75px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__cut_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -19px -289px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__text_color_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -434px !important;
  background-size: 62px auto !important;
}

a.cke_button .cke_button__text_highlight_icon {
  background-image: url(/assets/framework/images/jWord-icons-black@2x.png?t=J39A) !important;
  background-position: -20px -410px !important;
  background-size: 62px auto !important;
}

a.cke_button_on .cke_button__bold_icon {
  background-image: url("/assets/framework/images/jWord-icons-blue@2x.png?t=J39A") !important;
}

a.cke_button_on .cke_button__italic_icon {
  background-image: url("/assets/framework/images/jWord-icons-blue@2x.png?t=J39A") !important;
}

a.cke_button_on .cke_button__underline_icon {
  background-image: url("/assets/framework/images/jWord-icons-blue@2x.png?t=J39A") !important;
}

a.cke_button_on .cke_button__strike_icon {
  background-image: url("/assets/framework/images/jWord-icons-blue@2x.png?t=J39A") !important;
}

a.cke_button_on .cke_button__numberedlist_icon {
  background-image: url(/assets/framework/images/jWord-icons-blue@2x.png?t=J39A) !important;
  background-position: center -1320px !important;
  background-size: 60px auto !important;
}

a.cke_button_on .cke_button__bulletedlist_icon {
  background-image: url(/assets/framework/images/jWord-icons-blue@2x.png?t=J39A) !important;
  background-position: center -1275px !important;
  background-size: 60px auto !important;
}

a.cke_button_on .cke_button__justifyleft_icon {
  background-image: url(/assets/framework/images/jWord-icons-blue@2x.png?t=J39A) !important;
  background-position: center -1090px !important;
  background-size: 60px auto !important;
}

a.cke_button_on .cke_button__justifycenter_icon {
  background-image: url(/assets/framework/images/jWord-icons-blue@2x.png?t=J39A) !important;
  background-position: center -1067px !important;
  background-size: 60px auto !important;
}

a.cke_button_on .cke_button__justifyright_icon {
  background-image: url(/assets/framework/images/jWord-icons-blue@2x.png?t=J39A) !important;
  background-position: center -1110px !important;
  background-size: 60px auto !important;
}

a.cke_button_on .cke_button__justifyblock_icon {
  background-image: url(/assets/framework/images/jWord-icons-blue@2x.png?t=J39A) !important;
  background-position: center -1043px !important;
  background-size: 60px auto !important;
}

.cke_button__addlayout_icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2OS4zMzMgNDY5LjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMzMyA0NjkuMzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ1OC42NjcsMGgtNDQ4QzQuNzcxLDAsMCw0Ljc3MSwwLDEwLjY2N3Y0NDhjMCw1Ljg5Niw0Ljc3MSwxMC42NjcsMTAuNjY3LDEwLjY2N2g0NDggICAgYzUuODk2LDAsMTAuNjY3LTQuNzcxLDEwLjY2Ny0xMC42Njd2LTQ0OEM0NjkuMzMzLDQuNzcxLDQ2NC41NjMsMCw0NTguNjY3LDB6IE0yMjQsNDQ4SDIxLjMzM1YyMS4zMzNIMjI0VjQ0OHogTTQ0OCw0NDhIMjQ1LjMzMyAgICBWMjEuMzMzSDQ0OFY0NDh6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMzMjMyMzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==) !important;
  background-size: 16px 16px !important;
}

.cke_button__formula_icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAABmElEQVRYR92XTygEYRiHVymKFJEjruKunKW4K2c5OpGbOEiOTs5OUk5yoVCOHLhJCRc5KDlQlPx5frveevczduxkPvHUUzu/d/Z9Z3Zndr4t/DdqsQWbilsRqcFnfAtcwiiEg73zmCt3aMOuFEAz+oPIjTb8atA1Wq6vKBfO0Yb0KHB0o9XqFeSBDZDRGUYbfqogNrf4a2cvbHiuB6Cr9wKfErThry6Th/hjqLk/0+96gz/CCCYNSLMVc0MPHBukTyg6E2gHMKsgNjZcNiqIjT+AJKx2XNwqZxqt3qCgWnrRGtwrCKhDq8s9NEbR1zqwavYxrcEm+kEL2BlkR5gJ36QSq+j39e5gZqyJfvHS2EY/WO5iZmbQGq0oSMFfL+YUZkYXnTVKowv9YO8iZsI3qUR45hu4FmTL+IkTVFG3S0g72puT7m9D/wlsP6mehhYtvjaIZfhiyBlabUDBF0xipT5+Bb2uwHOJVnxQ8EG1S+whHC+9TKQfx0ovP+MHyXA9MIe584J+qBl14dmHB/iIW5jpwfEHKBTeAYWD3e4fZr0CAAAAAElFTkSuQmCC) !important;
  background-size: 16px 16px !important;
}

.cke_button__comments_icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCwESBycrSWBBAAAAb0lEQVQoz2NkaGaQZcANHjMyfGWIxqNgKQPDBwZ84AMTAwEwPBSwMHAwNGCIvmSYxfCXwZXBmoGDkSEaS1BbMrAzRDAUMbgyTMFuLiNDLcMNBjeGBwwsuC0PYHjC8IohBJ/7dBjuMRxgxOsFYYZEAMLGEoo4DcsZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTExLTAxVDE4OjA3OjM5KzAxOjAwhTZHNwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMS0wMVQxODowNzozOSswMTowMPRr/4sAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAIZJREFUOI3t0rEJAkEQheHvVsXIyBoswFRswmxbudxiFAwMFLNDazIwWcHgNhBFucXkAh8MDDO8fxh4/KgKM6wxKPTeUVeISNgVAiJSKDS96Q/oA2CoDcQy90dc826E1ZcjCzQBB1ww0YYp5NrmWfpQDU7VCzVijjHO2Hd54VkbTHHrYu6HHk9mGG73QMkWAAAAAElFTkSuQmCC) !important;
  background-size: 16px 16px !important;
}

.cke_button__tasy-advancedtexteditor-side-bars_icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2OS4zMzMgNDY5LjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMzMyA0NjkuMzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGNsYXNzPSIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgMCAwKSI+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDU4LjY2NywwaC00NDhDNC43NzEsMCwwLDQuNzcxLDAsMTAuNjY3djQ0OGMwLDUuODk2LDQuNzcxLDEwLjY2NywxMC42NjcsMTAuNjY3aDQ0OCAgICBjNS44OTYsMCwxMC42NjctNC43NzEsMTAuNjY3LTEwLjY2N3YtNDQ4QzQ2OS4zMzMsNC43NzEsNDY0LjU2MywwLDQ1OC42NjcsMHogTTI5OC42NjcsNDQ4SDIxLjMzM1YyMS4zMzNoMjc3LjMzM1Y0NDh6IE00NDgsNDQ4ICAgIEgzMjBWMjEuMzMzaDEyOFY0NDh6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMzMjMyMzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==) !important;
  background-size: 16px 16px !important;
}

.cke_button__tasy-advancedtexteditor-header-visibility_icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2OS4zMzMgNDY5LjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMzMyA0NjkuMzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ1OC42NjcsMGgtNDQ4QzQuNzcxLDAsMCw0Ljc3MSwwLDEwLjY2N3Y0NDhjMCw1Ljg5Niw0Ljc3MSwxMC42NjcsMTAuNjY3LDEwLjY2N2g0NDggICAgYzUuODk2LDAsMTAuNjY3LTQuNzcxLDEwLjY2Ny0xMC42Njd2LTQ0OEM0NjkuMzMzLDQuNzcxLDQ2NC41NjMsMCw0NTguNjY3LDB6IE00NDgsNDQ4SDIxLjMzM1YxNzAuNjY3SDQ0OFY0NDh6IE00NDgsMTQ5LjMzMyAgICBIMjEuMzMzdi0xMjhINDQ4VjE0OS4zMzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMzMjMyMzIiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==) !important;
  background-size: 16px 16px !important;
}

.cursor_link {
  cursor: pointer !important;
}

.weditor-container,
[class*='cke_editor_'] {
  height: 100%;
  min-height: 0;
}

div[class*='cke_editor_'] > .cke_inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}

span[class*='cke_top cke_reset_all'] {
  padding-bottom: 12px !important;
  overflow: inherit;
}

.advancedtexteditor-append-container:not(:empty) {
  margin-top: 14px;
  width: 100%;
}

[class*='cke_editor_'] {
  height: 100% !important;
}

.footer-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.options {
  width: 100px;
  margin-top: 24px;
}

.headers-wrap {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

span.inline-comment {
  background-color: #fcf5a4;
}

@media print {
  span.inline-comment {
    background: none !important;
  }
}

.flutuante em::-moz-selection {
  background: #fcf5a4;
}

.flutuante em::selection {
  background: #fcf5a4;
}

.flutuante b::-moz-selection {
  background: #fcf5a4;
}

.flutuante b::selection {
  background: #fcf5a4;
}

.flutuante u::-moz-selection {
  background: #fcf5a4;
}

.flutuante u::selection {
  background: #fcf5a4;
}

.flutuante i::-moz-selection {
  background: #fcf5a4;
}

.flutuante i::selection {
  background: #fcf5a4;
}

.flutuante strong::-moz-selection {
  background: #fcf5a4;
}

.flutuante strong::selection {
  background: #fcf5a4;
}

.flutuante p::-moz-selection {
  background: #fcf5a4;
}

.flutuante p::selection {
  background: #fcf5a4;
}

.flutuante span::-moz-selection {
  background: #fcf5a4;
}

.flutuante span::selection {
  background: #fcf5a4;
}

.flutuante div::-moz-selection {
  background: #fcf5a4;
}

.flutuante div::selection {
  background: #fcf5a4;
}

.flutuante h1::-moz-selection {
  background: #fcf5a4;
}

.flutuante h1::selection {
  background: #fcf5a4;
}

.flutuante h2::-moz-selection {
  background: #fcf5a4;
}

.flutuante h2::selection {
  background: #fcf5a4;
}

.flutuante h3::-moz-selection {
  background: #fcf5a4;
}

.flutuante h3::selection {
  background: #fcf5a4;
}

.flutuante h4::-moz-selection {
  background: #fcf5a4;
}

.flutuante h4::selection {
  background: #fcf5a4;
}

.flutuante h5::-moz-selection {
  background: #fcf5a4;
}

.flutuante h5::selection {
  background: #fcf5a4;
}

.flutuante h6::-moz-selection {
  background: #fcf5a4;
}

.flutuante h6::selection {
  background: #fcf5a4;
}

.flutuante pre::-moz-selection {
  background: #fcf5a4;
}

.flutuante pre::selection {
  background: #fcf5a4;
}

.flutuante[data-cols] {
  display: -ms-flexbox;
  display: flex;
}

.flutuante[data-cols][data-cols="1"] > .advancedtexteditor-section:not(:only-of-type):last-child {
  display: none;
}

.flutuante[data-cols]:not([data-cols="1"]) > .advancedtexteditor-section {
  top: 20mm;
  bottom: 0;
  width: 85mm;
}

.flutuante[data-cols]:not([data-cols="1"]) > .advancedtexteditor-section:nth-child(1) {
  left: 20mm;
}

.flutuante[data-cols]:not([data-cols="1"]) > .advancedtexteditor-section:nth-child(2) {
  width: 85mm;
  right: 20mm;
}

side-bar {
  border-left: 1px solid transparent;
  margin: 0 0 10px 10px;
}

side-bar:hover {
  border-color: rgba(200, 200, 200, 0.8);
}

#delete-section-body {
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/cancel.svg");
}

#delete-section-body:hover {
  cursor: pointer;
}

.delete-section {
  position: absolute;
  z-index: 99999;
  display: block;
  filter: alpha(opacity=0);
  opacity: 0;
  animation: tasy-fadein 0.4s ease !important;
}

.delete-section.in {
  opacity: 1;
}

.delete-section-inner {
  max-width: 16px;
  min-width: 16px;
  max-height: 16px;
  min-height: 16px;
}

.advancedtexteditor-strike {
  text-decoration: line-through;
}

.advancedtexteditor-underline {
  text-decoration: underline;
}

.advancedtexteditor-bold {
  font-weight: bold;
}

.advancedtexteditor-italic {
  font-style: italic;
}

.advancedtexteditor-show-removed-border {
  border: #d3d3d3 1px dotted !important;
}

@media print {
  .advancedtexteditor-show-removed-border {
    border: none !important;
  }
}

.cke_placeholder {
  background-color: #c2c2c2;
}

.cke_dialog div.cke_dialog_body > div.cke_dialog_title {
  border: 0;
  font-size: var(--font-size-header-5);
  padding: 28px;
  color: #333333;
  background: #fff;
  font-family: "CentraleSansCndBold";
}

.cke_dialog table.cke_dialog_contents td.cke_dialog_contents_body {
  padding: 0 28px 28px;
}

.cke_dialog label.cke_dialog_ui_labeled_label,
.cke_dialog span.cke_dialog_ui_html {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  color: #808080;
}

.cke_dialog div.cke_dialog_ui_vbox td.cke_dialog_ui_vbox_child {
  padding-bottom: 6px !important;
}

.cke_dialog div.cke_dialog_ui_input_text > input.cke_dialog_ui_input_text,
.cke_dialog div.cke_dialog_ui_input_select > select.cke_dialog_ui_input_select,
.cke_dialog select.cke_dialog_ui_input_select > option {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  letter-spacing: 0.1px;
  color: #333333;
}

.cke_dialog div.cke_dialog_ui_input_select > select.cke_dialog_ui_input_select {
  width: auto !important;
}

.cke_dialog a.cke_specialchar > span {
  font-family: "CentraleSansCndMedium";
}

.cke_dialog .cke_reset_all {
  font-family: "CentraleSansCndBook";
}

.cke_dialog table.cke_dialog_contents td.cke_dialog_footer {
  padding: 0 28px 28px;
  border-top: 0;
  background: #fff;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 80px;
  height: 32px;
  padding: 8px 16px;
  border-radius: 4px;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.1s ease;
  border: 0;
  box-shadow: inset 0 1px 0 #f2f2f2, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button.cke_dialog_ui_button_cancel {
  background: #e6e6e6;
  color: #333333;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button.cke_dialog_ui_button_cancel:hover {
  background: #f2f2f2;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button.cke_dialog_ui_button_cancel:active {
  background: #cccccc;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button.cke_dialog_ui_button_ok {
  background: #0096ed;
  color: white;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover {
  background: #54c0ff;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button.cke_dialog_ui_button_ok:active {
  background: #0084d1;
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button:focus {
  box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #0096ed, inset 0 1px 0 #f2f2f2, 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.cke_dialog table.cke_dialog_footer_buttons a.cke_dialog_ui_button:disabled {
  background: #e6e6e6;
  box-shadow: none;
}

.cke_dialog a.cke_dialog_ui_button > span.cke_dialog_ui_button {
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  font-family: "CentraleSansCndBook";
}

.cke_autocomplete_opened {
  z-index: 9999 !important;
}

.cke_autocomplete_panel .wrichedit__autocomplete--title {
  font-family: "CentraleSansCndBold";
}

.cke_autocomplete_panel .wrichedit__autocomplete--description {
  font-family: "CentraleSansCndBook";
  font-style: italic;
}

.wate-document {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
}

span.tasy-advancedtexteditor-macro-nowrap {
  white-space: nowrap !important;
}

.audio-recorder-feedback-user-error {
  --popover-background: #FFCD05;
}

.audio-recorder-feedback-user-error .audio-recorder-feedback-user-error-alert {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-bottom: 8px;
}

.audio-recorder-feedback-user-error .audio-recorder-feedback-user-error-title {
  padding-left: 8px;
}

.audio-recorder-feedback-user-error .audio-recorder-feedback-user-error-icon {
  width: 16px;
  height: 16px;
  float: left;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPg0KICAgIDx0aXRsZT53YXJuaW5nPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZyBpZD0iQ29tcG9uZW50cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJCdWlsZGluZy1CbG9ja3MtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwOC4wMDAwMDAsIC00NzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0id2FybmluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA4LjAwMDAwMCwgNDc0LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9ImJrZy1pY29uIiBmaWxsPSIjMDAwMDAwIiBjeD0iOCIgY3k9IjgiIHI9IjgiPjwvY2lyY2xlPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uLWV4Y2xhbWF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgMy4wMDAwMDApIiBmaWxsPSIjRkZDRDA1Ij4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEuMDM5Njg2MjcsNy40MjkwMTk2MSBDMS42MjE5NjA3OCw3LjQyOTAxOTYxIDIuMDQzNjA3ODQsNy44NzA3NDUxIDIuMDQzNjA3ODQsOC40MzI5NDExOCBDMi4wNDM2MDc4NCw4Ljk5NTEzNzI1IDEuNjQyMDM5MjIsOS40MzY4NjI3NSAxLjAzOTY4NjI3LDkuNDM2ODYyNzUgQzAuNDM3MzMzMzMzLDkuNDM2ODYyNzUgLTAuMDA0MzkyMTU2ODYsOS4wMTUyMTU2OSAtMC4wMDQzOTIxNTY4Niw4LjQzMjk0MTE4IEMtMC4wMDQzOTIxNTY4Niw3Ljg1MDY2NjY3IDAuNDU3NDExNzY1LDcuNDI5MDE5NjEgMS4wMzk2ODYyNyw3LjQyOTAxOTYxIFogTTIuMDIzNTI5NDEsMC42MDIzNTI5NDEgTDEuNjgyMTk2MDgsNi42MjU4ODIzNSBMMC4zNTcwMTk2MDgsNi42MjU4ODIzNSBMMC4wMTU2ODYyNzQ1LDAuNjAyMzUyOTQxIEwyLjAyMzUyOTQxLDAuNjAyMzUyOTQxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");
}

.audio-recorder-feedback-user-error .audio-recorder-feedback-user-error-text {
  padding-left: 8px;
}

.audio-recorder-mic-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.warning-icon {
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxyZWN0IGlkPSJTVkdJRF8xXyIgeD0iLTUyLjkxMyIgeT0iLTQxLjgzIiB3aWR0aD0iNDQ0IiBoZWlnaHQ9IjI4MCIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSJub25lIiBzdHJva2U9IiM2NjY2NjYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTMzMi41ODgsMTc2LjY3YzAsMS4xMDUtMC44OTUsMi0yLDJoLTc2Yy0xLjEwNSwwLTItMC44OTUtMi0ydi0yNmMwLTEuMTA1LDAuODk1LTIsMi0yaDc2YzEuMTA1LDAsMiwwLjg5NSwyLDJWMTc2LjY3eiIvPjxwYXRoIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNy40NzIsMTQuMTYzYzAsNi42MjctNS4zNzMsMTItMTIsMTJjLTYuNjI3LDAtMTItNS4zNzMtMTItMTJzNS4zNzMtMTIsMTItMTJDMjIuMSwyLjE2MywyNy40NzIsNy41MzYsMjcuNDcyLDE0LjE2MyIvPjwvZz48dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEyLjUwMjkgMjEuODcyMSkiIGZpbGw9IiMzMzMzMzMiIGZvbnQtZmFtaWx5PSInQ2VudHJhbGVTYW5zQ25kQm9sZCciIGZvbnQtc2l6ZT0iMjIiPiE8L3RleHQ+PC9zdmc+);
  background-position: -webkit-calc(100% - 16px) center;
  background-repeat: no-repeat;
}

.alert-about {
  color: #E63535;
  opacity: 1;
  font-size: var(--font-size-body);
  position: absolute;
  margin-top: var(--spacing-8);
  font-style: italic;
  font-family: "CentraleSansCndBook";
}

.gwt-SuggestBoxPopup {
  background-color: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  padding: var(--spacing-8) var(--spacing-8) var(--spacing-16);
  z-index: 9998;
}

.gwt-SuggestBoxPopup table {
  width: 100%;
  table-layout: fixed;
}

.gwt-SuggestBoxPopup .item {
  font-family: "CentraleSansCndBook";
  height: 26px;
  padding: 0 var(--spacing-8);
  border-bottom: 4px solid white;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gwt-SuggestBoxPopup .item .autocomplete-highlight {
  font-family: "CentraleSansCndBook";
}

.gwt-SuggestBoxPopup .item-selected, .gwt-SuggestBoxPopup .ui-state-focus {
  background-color: #e6e6e6;
}

.loadingPopupNew .popupContent {
  padding: 0;
}

.loadingPopupNew div {
  padding: 6px 0 0;
  line-height: var(--font-size-header-3);
  color: #707070;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ffffff;
}

.autocomplete-popupLabel {
  color: #2aacf7;
  font-family: "CentraleSansCndBook";
  padding: var(--spacing-4) var(--spacing-8);
  height: var(--sizing-28);
  border-top: 1px solid #d9d9d9;
}

.autocomplete-popupMore {
  height: var(--sizing-28);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  padding: var(--spacing-4);
}

.autocomplete-popupMargin {
  margin-top: var(--spacing-8);
  padding: 0;
}

.autocomplete-padding {
  padding: 0;
}

.menu-item-padding-bottom {
  padding-bottom: var(--spacing-16);
}

.autocomplete-padding-right {
  padding-right: var(--spacing-16);
  box-shadow: none;
}

.autocomplete-popupMargin .popupContent {
  padding: 0;
  display: inline-block;
}

.ui-autocomplete {
  z-index: 99998;
}

.autocomplete-container {
  position: relative;
}

.autocomplete-container .infoicon_img {
  top: var(--spacing-8);
}

.autocomplete-container .advanced-search-btn {
  top: 1px;
  left: 1px;
  height: 30px;
  width: 30px;
  position: absolute;
  z-index: 2;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  border: 0px;
  cursor: pointer;
  background-color: #ffffff;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjODA4MDgwIiBkPSJNMTQuMDA4LDEwLjg1NWMwLjYwMi0wLjk4MywwLjk0OS0yLjEzOSwwLjk0OS0zLjM3N0MxNC45NTcsMy45LDEyLjA1NywxLDguNDc5LDFDNC45MDEsMSwyLDMuOSwyLDcuNDc4QzIsOC4wMDMsMi4wNjksOC41MTEsMi4xODcsOWgxLjUxMUMzLjU0Myw4LjUxMiwzLjQ0LDguMDA1LDMuNDQsNy40NzhjMC0xLjM0NiwwLjUyNS0yLjYxMSwxLjQ3Ni0zLjU2M0M1Ljg2OCwyLjk2NCw3LjEzMywyLjQ0LDguNDc5LDIuNDRjMS4zNDUsMCwyLjYxLDAuNTI0LDMuNTYyLDEuNDc2YzAuOTUxLDAuOTUyLDEuNDc2LDIuMjE3LDEuNDc2LDMuNTYzYzAsMS4zNDYtMC41MjUsMi42MTEtMS40NzYsMy41NjJjLTAuOTUyLDAuOTUyLTIuMjE3LDEuNDc2LTMuNTYyLDEuNDc2Yy0wLjUxMiwwLTEuMDA0LTAuMDk5LTEuNDc5LTAuMjQ1djEuNTA4YzAuNDc2LDAuMTExLDAuOTcsMC4xNzYsMS40NzksMC4xNzZjMS4yMzYsMCwyLjM5NC0wLjM0NywzLjM3Ni0wLjk0OUwxNS44NDksMTdjMC44NzYtMC41MzcsMS42MTUtMS4yNzUsMi4xNTEtMi4xNTJMMTQuMDA4LDEwLjg1NXoiLz48cG9seWdvbiBmaWxsPSIjODA4MDgwIiBwb2ludHM9IjQsMTAgMiwxMCAyLDEyIDAsMTIgMCwxNCAyLDE0IDIsMTYgNCwxNiA0LDE0IDYsMTQgNiwxMiA0LDEyICIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
}

.autocomplete-container-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
  top: 40%;
  width: calc(100% - 45px);
  margin: 0px 35px;
}

@media (min-width: 3840px) {
  .autocomplete-container-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.popup-loading {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin-bottom: 3px;
}

.loading-display {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  height: 58px;
  z-index: 9999;
}

.infoPopup .popupContent {
  padding: 0;
}

.infoPopup div {
  padding: 8px;
  color: #333333;
  background-color: #ffffff;
}

.popup-info {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  padding: 0;
}

.info-display {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  height: 58px;
  z-index: 9999;
}

.info-popupMargin {
  padding: var(--spacing-8) var(--spacing-16);
}

.gwt-TextBox.text-box-autocomplete, .dark-skin .gwt-TextBox.text-box-autocomplete {
  padding-left: var(--spacing-32);
  height: var(--sizing-32);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABA0lEQVQoz2NgAIKZrL2ZPUd7Pvd+7T7dW9THyYAKuiS6T/f8R4JXuxWRpGeygqXv9US2CfcLdAd2XwPyrndzwxX0poOkJ4nC+JP4ei73/O+thisA2v2/OwLZyh5XoJabCO7Hnv/tgsgKVjH3/Oz518ABs+Jrz/+pPMgK/jP2fOv5C1fQc77nf58HihWmQCseILhVQO4ZuHqQBfuAIu1wBZ28PQ+Arj7SZQDi9Wv27gSFRXc5kpHdOj1PwAH0sucZPLD+9WYiKxHrmdLzFizxsXdyT1bPb7CSdJQAb2DplOmUgvosvOcPSEl3KgMu0BsKNSUTp5LuKLApNxlwg96Ynhu9hgCEyJcs7+QprQAAAABJRU5ErkJggg==);
  background-position: left 8px center;
  /*rtl: right 8px center*/
  background-repeat: no-repeat;
}

.dark-skin.gwt-SuggestBoxPopup {
  background-color: #4d4d4d;
}

.dark-skin.gwt-SuggestBoxPopup .ui-menu-item.item-selected.ui-state-focus .item, .dark-skin.gwt-SuggestBoxPopup .ui-menu-item.item-selected .item {
  background-color: #9dd3e3;
  color: #212121;
}

.dark-skin.gwt-SuggestBoxPopup .ui-menu-item.ui-state-focus .item {
  background-color: #696969;
  color: #ffffff;
}

.dark-skin.gwt-SuggestBoxPopup .ui-menu-item .item {
  background-color: #4d4d4d;
  border-bottom: 4px solid #4d4d4d;
  color: #ffffff;
}

.GFMASH3COK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.GFMASH3CPK {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.GFMASH3CAL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 10px;
}

.gwt-SuggestBoxPopup .item {
  font-family: "CentraleSansCndBold";
  height: 26px;
  padding: 0 8px;
  border-bottom: 4px solid white;
  display: table-cell;
  vertical-align: middle;
}

.ui-menu-item {
  font-family: "CentraleSansCndBook";
  cursor: pointer;
  padding: var(--spacing-4) var(--spacing-8);
  vertical-align: middle;
}

.ui-menu-item.more-results {
  float: left;
  margin-right: var(--spacing-8);
  background-color: white !important;
}

.ui-menu-item.advanced-search {
  padding-left: var(--spacing-8);
  background-color: white !important;
}

.loading-autocomplete {
  background: url(/assets/framework/images/lupe.png) no-repeat right center;
}

.wscrollpanel-content {
  width: 480px !important;
}

.atepace7 {
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
}

.atepace7 > div {
  /*width: 50%;*/
  padding: 10px;
}

.atepace7 > div:first-child {
  margin-right: var(--spacing-20);
}

.atepace7 > div.wtabcontent-vertical {
  float: left !important;
  width: 580px !important;
}

.atepace7 > div.wdbpanel .griddetailatepace7 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  display: -ms-flexbox;
  display: flex;
  height: 200px !important;
  width: 100%;
  -ms-flex-direction: collumn;
      flex-direction: collumn;
}

.flDirecHorizontal {
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
}

.flDirecHorizontal > div {
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.tabConteiner,
.tabConteiner > div .wtabcontent-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}

.atepace7 .maincontent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}

.flDirecHorizontal > div > .wtabpanel-horizontal, .flDirecHorizontal > div > .w-bars__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.flDirecHorizontal > div > div:nth-child(2) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.flDirecHorizontal > div > div:nth-child(2) > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.atepace7 .maincontent div.wdbpanel {
  padding: 0;
}

.atepace7 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  width: 100% !important;
}

.atepace7 div.wdbpanel {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
}

.atepace7 .wfilter, .atepace7 .wstd-locator__filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
}

.popupContent > .dialog-box > .dialog-content > .wfilter, .popupContent > .dialog-box > .dialog-content > .wstd-locator__filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100px;
}

.popupContent > .dialog-box > .dialog-content > .wfilter > .w-mdetail > .w-mdetail__container, .popupContent > .dialog-box > .dialog-content > .wstd-locator__filter > .w-mdetail > .w-mdetail__container {
  height: 15% !important;
}

.GFMASH3CCR {
  width: 30px;
}

.GFMASH3CCR > div {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-left: 2px solid rgba(0, 0, 0, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-top: 2px solid #0096ed;
  border-radius: 100%;
  height: var(--sizing-20);
  width: var(--sizing-20);
  animation: rot 2s infinite linear;
}

@keyframes rot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

body .ui-helper-hidden-accessible {
  display: none;
}

.autoCompleteContent {
  padding: var(--spacing-8);
  max-height: 284px;
}

tasy-wbutton {
  height: 32px;
}

tasy-wbutton input {
  position: absolute;
  width: 0;
  height: 0;
}

tasy-wbutton .btn-secondary {
  width: 42px;
  height: 32px;
  box-sizing: border-box;
  min-width: initial;
  position: relative;
  top: -1px;
}

tasy-wbutton .btn-secondary .text-hidden {
  font-size: 0;
}

tasy-wbutton .btn-secondary .wbutton-container-panel {
  display: -ms-inline-grid;
  display: inline-grid;
}

tasy-wbutton .btn-secondary .wbutton-container-panel .wbutton-imagepanel {
  --btn-img-size: 20px;
  width: var(--btn-img-size);
  height: var(--btn-img-size);
  margin: 0;
}

tasy-wbutton .btn-secondary .wbutton-container-panel .wbutton-imagepanel img {
  width: var(--btn-img-size);
  height: var(--btn-img-size);
}

.picklist-button-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.wbutton-imagepanel img {
  vertical-align: middle;
}

.w-button-options__view-options .view-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  max-width: 200px;
  border: none;
  padding: 0;
  line-height: 14px;
  background-position: 6px 6px;
  background-color: transparent;
  cursor: pointer;
}

.w-button-options__view-options .view-button-label {
  display: inline-block;
  vertical-align: top;
}

.w-button-options__view-options .view-button-arrow {
  position: relative;
  margin-left: 4px;
  display: inline-block;
  width: 8px;
  height: 13px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMDA5NkVEIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) no-repeat;
  background-position-y: center;
}

.w-button-options__view-options .view-button:disabled {
  filter: grayscale(100%);
  opacity: .5;
  cursor: initial;
}

.w-button-options__view-options .view-button:disabled .view-button-arrow {
  cursor: initial;
}

.dark-skin .w-button-options__view-options .view-button {
  color: #4accff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-button-options__view-options .view-button:hover {
  opacity: 76%;
}

.dark-skin .w-button-options__view-options .view-button:active {
  opacity: 60%;
}

.dark-skin .w-button-options__view-options .view-button:disabled {
  opacity: 40%;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.btn-blue, .btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton, .btn-green {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: calc(var(--sizing-40) * 2);
  height: var(--sizing-32);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--spacing-4);
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  transition: background-color 0.1s ease;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  position: relative;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.btn-blue::before, .btn-gray::before, .w-dt-result__button.is_dpkb::before, .w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .btn_actions::before, #segment-buttons .btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .wbutton::before, .btn-green::before {
  transition: opacity .2s ease-in-out;
  content: " ";
  width: calc(100% + var(--spacing-8));
  height: calc(100% + var(--spacing-8));
  position: absolute;
  opacity: 0;
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.wbutton-has-icon.btn-blue, .wbutton-has-icon.btn-gray, .wbutton-has-icon.w-dt-result__button.is_dpkb, .wbutton-has-icon.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .wbutton-has-icon.btn_actions, #segment-buttons .wbutton-has-icon.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton-has-icon.wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .wbutton-has-icon.btn-green {
  min-width: calc(var(--sizing-24) * 2);
  padding: var(--spacing-8);
}

.btn-blue:hover, .btn-gray:hover, .w-dt-result__button.is_dpkb:hover, .w-dt-result__button.is_dpkb_visible:hover, .segment-spinner-date .btn_actions:hover, #segment-buttons .btn_actions:hover, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:hover, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:hover, #segment-buttons .segment-spinner-date-button-picker .wbutton:hover, .btn-green:hover {
  background-color: var(--btn-background-hover-color);
}

.btn-blue:active, .btn-gray:active, .w-dt-result__button.is_dpkb:active, .w-dt-result__button.is_dpkb_visible:active, .segment-spinner-date .btn_actions:active, #segment-buttons .btn_actions:active, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:active, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:active, #segment-buttons .segment-spinner-date-button-picker .wbutton:active, .btn-green:active {
  background-color: var(--btn-background-active-color);
}

.btn-blue:focus::before, .btn-gray:focus::before, .w-dt-result__button.is_dpkb:focus::before, .w-dt-result__button.is_dpkb_visible:focus::before, .segment-spinner-date .btn_actions:focus::before, #segment-buttons .btn_actions:focus::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:focus::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:focus::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:focus::before, .btn-green:focus::before, .focus.btn-blue::before, .focus.btn-gray::before, .focus.w-dt-result__button.is_dpkb::before, .focus.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .focus.btn_actions::before, #segment-buttons .focus.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .focus.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .focus.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .focus.wbutton::before, .focus.btn-green::before {
  opacity: 1;
}

.btn-blue:disabled, .btn-gray:disabled, .w-dt-result__button.is_dpkb:disabled, .w-dt-result__button.is_dpkb_visible:disabled, .segment-spinner-date .btn_actions:disabled, #segment-buttons .btn_actions:disabled, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled, .btn-green:disabled, .disable.btn-blue, .disable.btn-gray, .disable.w-dt-result__button.is_dpkb, .disable.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .disable.btn_actions, #segment-buttons .disable.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton, .disable.btn-green {
  cursor: default;
  background-color: var(--btn-background-disabled-color);
  box-shadow: none;
}

.btn-blue:disabled::before, .btn-gray:disabled::before, .w-dt-result__button.is_dpkb:disabled::before, .w-dt-result__button.is_dpkb_visible:disabled::before, .segment-spinner-date .btn_actions:disabled::before, #segment-buttons .btn_actions:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled::before, .btn-green:disabled::before, .disable.btn-blue::before, .disable.btn-gray::before, .disable.w-dt-result__button.is_dpkb::before, .disable.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .disable.btn_actions::before, #segment-buttons .disable.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton::before, .disable.btn-green::before {
  content: none !important;
}

.btn-blue:disabled .wbutton-imagepanel, .btn-gray:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible:disabled .wbutton-imagepanel, .segment-spinner-date .btn_actions:disabled .wbutton-imagepanel, #segment-buttons .btn_actions:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .btn-green:disabled .wbutton-imagepanel, .disable.btn-blue .wbutton-imagepanel, .disable.btn-gray .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .disable.btn_actions .wbutton-imagepanel, #segment-buttons .disable.btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .disable.btn-green .wbutton-imagepanel {
  opacity: .36;
}

.hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green, .hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green {
  visibility: hidden;
}

.btn-blue .wbutton-container-panel, .btn-gray .wbutton-container-panel, .w-dt-result__button.is_dpkb .wbutton-container-panel, .w-dt-result__button.is_dpkb_visible .wbutton-container-panel, .segment-spinner-date .btn_actions .wbutton-container-panel, #segment-buttons .btn_actions .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-container-panel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .btn-green .wbutton-container-panel {
  display: inline;
  vertical-align: middle;
}

.btn-blue .wbutton-text, .btn-gray .wbutton-text, .w-dt-result__button.is_dpkb .wbutton-text, .w-dt-result__button.is_dpkb_visible .wbutton-text, .segment-spinner-date .btn_actions .wbutton-text, #segment-buttons .btn_actions .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-text, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-text, .btn-green .wbutton-text {
  font-size: var(--font-size-body);
}

.btn-blue .wbutton-imagepanel, .btn-gray .wbutton-imagepanel, .w-dt-result__button.is_dpkb .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .btn_actions .wbutton-imagepanel, #segment-buttons .btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .btn-green .wbutton-imagepanel {
  width: var(--sizing-16);
  height: var(--sizing-16);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: var(--spacing-8);
}

.btn-blue .wbutton-imagepanel img, .btn-gray .wbutton-imagepanel img, .w-dt-result__button.is_dpkb .wbutton-imagepanel img, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel img, .segment-spinner-date .btn_actions .wbutton-imagepanel img, #segment-buttons .btn_actions .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel img, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .btn-green .wbutton-imagepanel img {
  width: 100%;
}

.btn-blue {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-blue-50);
  --btn-background-hover-color: #25669d;
  --btn-background-active-color: #1f5482;
  --btn-background-disabled-color: #b1cbe0;
}

.btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-10);
  --btn-background-hover-color: #d5d5d5;
  --btn-background-active-color: #b0b0b0;
  --btn-background-disabled-color: #fbfbfb;
}

.btn-green {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-green-55);
  --btn-background-hover-color: #1b6e2a;
  --btn-background-active-color: #165b22;
  --btn-background-disabled-color: #adceb3;
}

.btn-green:hide, .btn-green.hide {
  visibility: hidden;
}

.btn-save-add, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button {
  letter-spacing: 0.2px;
  color: #808080;
  position: relative;
  height: var(--sizing-32);
  padding: var(--spacing-8) 0;
  border: none;
  background-color: transparent;
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  cursor: pointer;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  content: "";
  display: inline-block;
  left: -var(--sizing-16);
  width: var(--sizing-16);
  height: var(--sizing-16);
  margin-right: var(--spacing-8);
  vertical-align: bottom;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.btn-save-add--disabled, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button {
  color: #bfbfbf;
  cursor: initial;
}

.btn-save-add--disabled:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before {
  filter: grayscale(100%);
  opacity: .5;
}

.btn-link-blue {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.btn-link-blue:focus {
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #03abff;
  --btn-background-hover-color: #3fbfff;
  --btn-background-active-color: #016699;
  --btn-background-disabled-color: #014466;
}

.dark-skin .btn-gray, .dark-skin .w-dt-result__button.is_dpkb, .dark-skin .w-dt-result__button.is_dpkb_visible, .dark-skin .segment-spinner-date .btn_actions, .segment-spinner-date .dark-skin .btn_actions, .dark-skin #segment-buttons .btn_actions, #segment-buttons .dark-skin .btn_actions, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-20);
  --btn-background-hover-color: #d2d2d2;
  --btn-background-active-color: #757575;
  --btn-background-disabled-color: #4e4e4e;
}

.dark-skin .btn-green {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #7bcc00;
  --btn-background-hover-color: #9ad83d;
  --btn-background-active-color: #497a00;
  --btn-background-disabled-color: #384d00;
}

.dark-skin .btn-link-blue {
  color: #4accff;
}

.dark-skin .btn-link-blue:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue::before, .dark-skin .btn-gray::before, .dark-skin .w-dt-result__button.is_dpkb::before, .dark-skin .w-dt-result__button.is_dpkb_visible::before, .dark-skin .segment-spinner-date .btn_actions::before, .segment-spinner-date .dark-skin .btn_actions::before, .dark-skin #segment-buttons .btn_actions::before, #segment-buttons .dark-skin .btn_actions::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton::before, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .btn-green::before {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button {
  color: #ffffff;
}

.dark-skin .btn-save-add:hover, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:hover, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:hover {
  opacity: .76;
}

.dark-skin .btn-save-add:active, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:active, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:active {
  opacity: .60;
}

.dark-skin .btn-save-add:focus, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:focus, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add--disabled:before, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled .dark-skin button:before {
  opacity: .4;
}

.calendar_month_div {
  height: 18px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
}

.calendar_main {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.calendar {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: hidden;
  background-color: #ffffff;
}

.calendar-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: var(--spacing-16);
}

.calendar_content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 200px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: scroll;
}

.calendar_month_content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  padding-right: 56px;
  -ms-flex-direction: column;
      flex-direction: column;
}

.calendar_small_content {
  width: 25%;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  padding-right: 56px;
  -ms-flex-direction: column;
      flex-direction: column;
}

.calendar_month_content_yearly {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 100%;
}

.calendar_global_div {
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 100%;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
}

.calendar_global_div table, .calendar_global_div tr, .calendar_global_div td, .calendar_global_div tbody {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  text-overflow: ellipsis;
}

.calendar_global_div span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.calendar_global_div tr:first-child {
  border-bottom: 1px solid;
  border-top: 0px;
}

.calendar_global_div tr:first-child td {
  border: none;
}

.calendar_global_div td:last-child {
  border-right: 0px;
}

.calendar_global_div tbody {
  -ms-flex-direction: column;
      flex-direction: column;
}

.calendar_month_title {
  font-weight: bold;
  color: #666666;
  margin-bottom: var(--spacing-8);
}

.calendar_month_time_zone {
  background-image: url("/assets/framework/images/components/w-calendar/w-calendar-time-zone.svg");
  width: var(--sizing-20);
  height: var(--sizing-20);
  margin-top: 5px;
}

.calendar_month {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.calendar_month td {
  border: 1px solid transparent;
  border-right: 1px solid #DDDDDD;
  color: #666666;
  position: relative;
  min-width: 125px;
  max-width: 169px;
}

.calendar_month tr {
  min-height: 62px;
  max-height: 73px;
  border-top: 1px solid #DDDDDD;
}

.calendar_month .calendar_tr_header {
  min-height: 30px;
}

.calendar_year {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-width: 244px;
  max-width: 349px;
  margin: 0px 56px 56px 0px;
}

@media screen and (max-width: 1280px) {
  .calendar_year {
    min-width: 240px;
  }
}

@media screen and (min-width: 1600px) {
  .calendar_year {
    min-width: 324px;
    margin: 0px 52px 52px 0px;
  }
}

@media screen and (min-width: 1920px) {
  .calendar_year {
    min-width: 349px;
    margin: 0px 106px 76px 0px;
  }
}

.calendar_year td {
  border: 1px solid transparent;
  border-right: 1px solid #DDDDDD;
  color: #666666;
  position: relative;
  min-width: 34px;
  max-width: 49px;
}

.calendar_year_row_max {
  height: 47px;
  border-top: 1px solid #DDDDDD;
}

.calendar_year_row_min {
  height: 30px;
  border-top: 1px solid #DDDDDD;
}

.calendar_small {
  min-width: 244px;
  max-width: 349px;
}

.calendar_small td {
  border: 1px solid transparent;
  border-right: 1px solid #DDDDDD;
  color: #666666;
  position: relative;
  min-width: 34px;
  max-width: 49px;
}

.calendar_small tr {
  min-height: 30px;
  max-height: 40px;
  border-top: 1px solid #DDDDDD;
}

.calendar_table {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  max-width: 1183px;
}

.calendar_td_header {
  border: 1px solid #a6a6a6;
  border-top: 0px;
  color: #333333;
  font-weight: bold;
  font-size: var(--font-size-body);
  padding-bottom: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
  font-face: CentraleSansCndBook;
}

.calendar_td_header_small {
  border: 1px solid #a6a6a6;
  border-top: 0px;
  color: #333333;
  font-weight: bold;
  font-size: var(--font-size-body);
  padding-bottom: var(--spacing-8);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  font-face: CentraleSansCndBook;
}

.calendar_td_header:first-child {
  border-left: 0px;
}

.calendar_tr_header {
  max-height: 40px;
}

.calendar_td:hover {
  background-color: #d1d1d1;
}

.calendar_td_white {
  color: #CCC;
}

.calendar_actual_day {
  color: #FFFFFF;
  background: #0095ED;
  font-face: CentraleSansCndBook;
}

.circle {
  font-size: var(--font-size-subtitle);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  padding-top: 7px;
  margin-top: 7px;
  -ms-flex: 1;
      flex: 1;
  margin-right: 7px;
}

.circle_secondary {
  font-size: var(--font-size-caption);
  min-width: 28px;
  max-width: 34px;
  min-height: 28px;
  max-height: 34px;
  border-radius: 50%;
  text-align: center;
  padding-top: 5px;
  -ms-flex: 1;
      flex: 1;
  color: #BFBFBF;
}

.circle_small {
  font-size: var(--font-size-body);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  padding: 7px 5px 3px 5px;
  -ms-flex: 1;
      flex: 1;
  margin-left: auto;
  margin-right: auto;
}

.circle_small_secondary {
  font-size: var(--font-size-caption);
  min-width: 28px;
  max-width: 34px;
  min-height: 28px;
  max-height: 34px;
  border-radius: 50%;
  text-align: center;
  padding: 0 5px 5px 5px;
  -ms-flex: 1;
      flex: 1;
  margin-left: auto;
  margin-right: auto;
  color: #BFBFBF;
}

.status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  max-width: 8px;
  min-width: 8px;
  background: #F1F1F2;
}

.legend {
  padding: 10px 10px 10px 10px;
  max-height: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  overflow: hidden;
  display: block;
  -ms-flex: 1;
      flex: 1;
}

.actual_month {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

.next_month {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #8181FF;
  cursor: pointer;
  margin-left: 10px;
}

.next_month:hover {
  border-left-color: #5151FF;
}

.prev_month:hover {
  border-right-color: #5151FF;
}

.prev_month {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid #8181FF;
  cursor: pointer;
  margin-right: 10px;
}

.day_bar {
  height: 100%;
}

.day_bar_small {
  height: 100%;
  width: 100%;
  max-height: 40px;
}

.calendar_hour {
  color: #808080;
  font-size: var(--font-size-caption);
  font-face: CentraleSansCndBook;
  margin: 0 var(--spacing-4) 0 var(--spacing-4);
  white-space: nowrap;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.calendar_legend {
  color: #4A4A4A;
  font-size: var(--font-size-body);
  font-face: CentraleSansCndBook;
}

.calendar_more {
  color: #0096ED;
  font-size: var(--font-size-body);
  font-face: CentraleSansCndBook;
  cursor: pointer;
}

.event {
  display: -ms-flexbox;
  display: flex;
}

.events-list > :last-child {
  border-width: 0px;
}

.w-events-baloon .ngdialog-content {
  position: fixed;
  overflow: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: inline-table;
}

.w-events-baloon .ngdialog-overlay {
  opacity: 0;
}

.ngdialog.w-events-baloon {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.w-events-baloon.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.w-events-baloon .ngdialog-overlay {
  background: transparent !important;
  opacity: 0 !important;
}

.ngdialog.w-events-baloon .ngdialog-content {
  animation: none !important;
}

.baloon-event {
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
}

.events-list li {
  border-width: 0 0 2px 0;
  border-style: dotted;
  border-color: #BFBFBF;
}

.baloon-circle {
  min-width: 16px;
  max-width: 16px;
  max-height: 16px;
  min-height: 16px;
  border-radius: 50%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 0 5px 0 5px;
}

.baloon-legend {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.events-content {
  padding: 0 var(--spacing-16) 0 var(--spacing-16);
}

.calendar .panel-subtitle {
  padding-top: var(--spacing-8);
}

.calendar_row_wrapper {
  max-width: 40px;
}

.calendar_month_yearly_subtitle {
  font-size: var(--font-size-caption);
  color: #4A4A4A;
}

.selected-cell {
  background-color: #DCECFF;
  border: 1px solid #0096ED !important;
}

.calendar-cell:hover {
  background-color: #E6E6E6;
  cursor: pointer;
}

.daily-schedule-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  height: 100%;
}

.schedule-headers-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-right: var(--spacing-12);
  -ms-flex: 0 0 36px;
      flex: 0 0 36px;
}

.schedule-header-space {
  padding-left: 60px;
  z-index: 30;
  background-color: white;
}

.schedule-header {
  border-bottom: 1px solid #A6A6A6;
  border-right: 1px solid #D9D9D9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  min-width: 126px;
  height: 36px;
  -ms-flex: 1;
      flex: 1;
  padding: 0px var(--spacing-12) 0px var(--spacing-12);
  z-index: 30;
  background-color: white;
}

.schedule-header.blocked {
  background-color: #f2f2f2 !important;
}

.schedule-header .info-button {
  width: var(--sizing-24);
  -ms-flex: 0 0 var(--sizing-24);
      flex: 0 0 var(--sizing-24);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+RExTX0luZm9ybWF0aW9uQ2lyY2xlPC90aXRsZT4KICAgIDxnIGlkPSJTcGVjIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVmlzdWFsLXNwZWMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MDAuMDAwMDAwLCAtMTIyMTEuMDAwMDAwKSIgZmlsbD0iIzlDOUM5QyIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9IndlZWtseS1ub3NoaWZ0LXNwZWNzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzEuMDAwMDAwLCAxMjEzNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJ3ZWVrLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MDAuMDAwMDAwLCAtMTA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODYuMDAwMDAwLCAxNjkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJjYWxlbmRhci93ZWVrL2RheS9kYXRlLW5vLXNoaWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTIuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkRMU19JbmZvcm1hdGlvbkNpcmNsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMxLjAwMDAwMCwgMTMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LDggQzE2LDEyLjQxOCAxMi40MTgsMTYgOCwxNiBDMy41ODIsMTYgMCwxMi40MTggMCw4IEMwLDMuNTgyIDMuNTgyLDAgOCwwIEMxMi40MTgsMCAxNiwzLjU4MiAxNiw4IFogTTkuMDY2NCw1Ljk4IEw2LjM5OTQsNS45OCBMNi4zOTk0LDcuMjI0IEw3LjI4ODQsNy41MzYgTDcuMjg4NCwxMi42NDcgTDkuMDY2NCwxMi42NDcgTDkuMDY2NCw1Ljk4IFogTTkuMDY2NCwzLjk4IEM5LjA2NjQsMy40MDIgOC42MjI0LDIuODY5IDcuOTU1NCwyLjg2OSBDNy4yODg0LDIuODY5IDYuODQzNCwzLjQwMiA2Ljg0MzQsMy45OCBDNi44NDM0LDQuNjAyIDcuMjg4NCw1LjA5MSA3Ljk1NTQsNS4wOTEgQzguNjIyNCw1LjA5MSA5LjA2NjQsNC42MDIgOS4wNjY0LDMuOTggWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.schedule-interval-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  padding-bottom: var(--spacing-8);
}

.appointments-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  overflow: scroll;
  position: relative;
}

.schedule-interval {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.schedules-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.schedule-container {
  min-width: 126px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  border-right: 1px solid #d6d6d6;
  background-image: linear-gradient(#d6d6d6, 1px, transparent 0);
}

.schedule-container.blocked {
  background-color: #f1f1f1 !important;
  background-image: repeating-linear-gradient(45deg, #dddddd 9px, #d9d9d9 10px, transparent 12px, transparent 17px) !important;
}

.schedule-title {
  font-size: var(--font-size-subtitle);
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  font-size: var(--font-size-body) !important;
  font-family: "CentraleSansCndMedium";
  color: #333333 !important;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 36px !important;
  text-overflow: ellipsis;
  padding-right: var(--spacing-8);
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  max-width: -moz-max-content;
  max-width: max-content;
}

.schedule-info-button {
  width: var(--sizing-24);
  -ms-flex: 0 0 var(--sizing-24);
  flex: 0 0 var(--sizing-24);
  background-image: url("/assets/framework/images/components/w-calendar/info_selected.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.schedule-status {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #808080 !important;
  height: 36px;
  white-space: nowrap;
  line-height: 36px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: auto;
}

.event-description {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBook";
  color: #4d4d4d !important;
  -ms-flex: 1;
      flex: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.event-description.blocked {
  color: #bfbfbf !important;
}

.event-daily {
  display: -ms-flexbox;
  display: flex;
  position: absolute !important;
  width: 100%;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  background-color: white;
  overflow: hidden;
}

.event-daily.selected {
  background-color: #dcecff;
}

.event-daily:hover {
  background-color: #f2f2f2;
}

.event-daily.locked {
  opacity: 0.3;
}

.event-daily.blocked {
  background-color: #f1f1f1 !important;
  background-image: repeating-linear-gradient(45deg, #dddddd 9px, #d9d9d9 10px, transparent 12px, transparent 17px) !important;
}

.event-daily.free {
  background-color: transparent;
}

.event-daily.free:hover {
  background-color: #f2f2f2;
}

.unavailable-event {
  position: absolute !important;
  width: 100%;
  background-color: #f2f2f2;
}

.unavailable-event .content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.unavailable-event .content .description {
  -ms-flex: 1;
      flex: 1;
  letter-spacing: 0.2px;
  color: #808080;
  overflow: hidden;
  display: block;
  color: #bfbfbf;
}

.unavailable-event .content > div {
  display: -ms-flexbox;
  display: flex;
}

.unused-event {
  position: absolute !important;
  width: 100%;
  background-color: transparent;
  border: 1px solid #d9d9d9;
}

.unused-event .content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.unused-event .content .description {
  -ms-flex: 1;
      flex: 1;
  margin-top: var(--spacing-4);
  margin-right: var(--spacing-8);
  overflow: hidden;
  display: block;
}

.unused-event .content > div {
  display: -ms-flexbox;
  display: flex;
}

.extra-area {
  -ms-flex: 1;
      flex: 1;
  display: inline-block;
  max-width: var(--sizing-24);
  margin: var(--spacing-8);
  -ms-flex-direction: column;
      flex-direction: column;
}

.extra-info {
  -ms-flex: none;
      flex: none;
  display: inline-block;
  width: var(--sizing-24);
  height: var(--sizing-24);
  margin-left: var(--spacing-4);
  background-repeat: no-repeat;
}

.description-legend {
  -ms-flex: none;
      flex: none;
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: var(--sizing-20);
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.icon-plus {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-header-5);
  color: #9E9E9E;
  margin-right: 2px;
}

.icon-number {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
  color: #0095ED;
}

.schedule-events {
  box-sizing: border-box;
  position: relative;
}

.schedule-events .plus-btn {
  border-radius: 50%;
  position: absolute;
  width: var(--sizing-24);
  height: var(--sizing-24);
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) 1px !important;
  border: 2px solid #0096ed;
  color: #0096ed;
  font-family: "CentraleSansCndBook";
  font-size: 0.8125rem !important;
  margin: var(--spacing-8);
  cursor: pointer;
}

.schedule-events .plus-btn::after {
  content: attr(data-hided-events);
  position: absolute;
  top: var(--spacing-4);
}

.schedule-events .hovered:after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 2px #0096ED;
}

.schedule-header-scroll {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex: 1;
      flex: 1;
}

tasy-wcalendar-daily {
  overflow: hidden;
}

.appointments {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
}

.appointments .ui-grid-empty-container, .appointments .ui-grid-custom-empty-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.appointments .ui-grid-empty-container {
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background: white;
  z-index: 1;
}

.appointments .ui-grid-empty-msg {
  letter-spacing: 0.2px;
  color: #808080;
  color: #666666;
  margin-bottom: var(--spacing-16);
  font-size: var(--font-size-subtitle);
}

.density-box {
  position: absolute;
  margin-top: -10px;
  left: 300px;
  padding: 0 var(--spacing-12) 0 var(--spacing-12);
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.segment-spinner-date .segment-spinner-date-button, #segment-buttons .segment-spinner-date-button {
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
}

.segment-spinner-date .segment-spinner-date-button button, #segment-buttons .segment-spinner-date-button button {
  border-radius: 0;
}

.segment-spinner-date .segment-spinner-date-button-previous .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-previous .wbutton-container .wbutton {
  border-radius: 4px 0 0 4px;
  padding: 0 12px 0 12px;
}

.segment-spinner-date .segment-spinner-date-button-next .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-next .wbutton-container .wbutton {
  border-radius: 0 4px 4px 0;
  padding: 0 12px 0 12px;
}

.segment-spinner-date .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  font-weight: bold;
}

.segment-spinner-date .segment-spinner-date-button-picker .wbutton-container .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-container .wbutton {
  min-width: 8px;
  line-height: 18px;
}

.segment-spinner-date-container, #segment-buttons {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  margin-right: 20px;
}

#calendar-empty-activation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
}

/* Weekly */
.week-small {
  max-height: 40px;
  margin-right: 10px;
  font-size: var(--font-size-body);
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  font-family: "CentraleSansCndBook" !important;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.past-day {
  color: #404040;
  opacity: 64%;
}

.actual-day {
  background-color: #0096ed;
  padding: 7px 5px 3px 5px !important;
  font-weight: normal;
  color: white;
}

.actual-day-description {
  color: #0096ed !important;
}

.schedule-hour-line-separator {
  position: absolute;
  border: 0;
  border-top: 1px solid #0096ed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 25;
}

.schedule-hour-separator {
  position: absolute;
  font-size: var(--font-size-body);
  font-weight: bold;
  font-face: CentraleSansCndBook;
  color: #0096ed;
  z-index: 25;
  background-color: white;
  margin-left: var(--spacing-8);
}

.schedule-bullet-line-separator {
  background-color: #0096ed;
  width: var(--sizing-8);
  height: var(--sizing-8);
  z-index: 25;
  position: absolute;
  border-radius: 50%;
  margin-left: 55px;
}

.time-zone-display-wrapper {
  margin-left: var(--spacing-8);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.external-card-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.external-card-container .event-priority {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  background: #F1F1F2;
  visibility: hidden;
  max-width: 0px;
}

.external-card-container .card-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding: 0 6px 6px;
}

.external-card-container .card-container .hour-legend {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 26px;
}

.external-card-container .card-container .hour-legend .hour-container {
  padding: var(--spacing-8) 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.external-card-container .card-container .hour-legend .hour-container .appointment-time {
  font-family: "CentraleSansCndBook";
  color: #333333;
  font-size: var(--font-size-body);
}

.external-card-container .card-container .hour-legend .hour-container .appointment-time.blocked {
  color: #d9d9d9;
}

.external-card-container .card-container .hour-legend .hour-container .appointment-time--text {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
  color: #808080;
  padding-left: var(--spacing-12);
}

.external-card-container .card-container .hour-legend .legend-container {
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-4) 0;
  overflow: hidden;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex: 1 0 49%;
      flex: 1 0 49%;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.external-card-container .card-container .hour-legend .legend-container.legend-container-tag {
  padding: 5px 0;
}

.external-card-container .card-container .hour-legend .legend-container.legend-container-tag .legend-tag-text-calendar {
  height: 20px;
  color: #333;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 10em;
  border-radius: 50px;
  line-height: 10px;
  padding: 6px 8px;
  background-color: rgba(5, 172, 255, 0.35);
  cursor: pointer;
}

.external-card-container .card-container .header {
  padding-bottom: var(--spacing-8);
}

.external-card-container .card-container .header p {
  line-height: 1.0625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.external-card-container .card-container .header .event-title {
  color: #333333;
  font-family: "CentraleSansCndBook";
  font-weight: bold;
  font-size: var(--font-size-body);
  -ms-flex: 1 0 51%;
      flex: 1 0 51%;
}

.external-card-container .card-container .header .event-title--text {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
  color: #808080;
  padding-left: var(--spacing-12);
}

.external-card-container .card-container .header .event-title.blocked {
  color: #bfbfbf;
}

.external-card-container .card-container .header .small-container {
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.external-card-container .card-container .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.external-card-container .card-container .content .description {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  padding-top: 0px;
  display: block;
}

.external-card-container .card-container .content > div {
  display: -ms-flexbox;
  display: flex;
}

.calendar-external {
  height: 100% !important;
  z-index: 999;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.calendar-external.open {
  padding: var(--sizing-28) var(--sizing-12) var(--sizing-28) var(--sizing-12);
}

.calendar-external .calendar-external-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.calendar-external .calendar-external-header .panel-close {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  cursor: pointer;
  width: 14px;
  height: 14px;
  display: inline-block;
  top: 0;
  right: 0;
}

.calendar-external .calendar-external-header .panel-close:hover {
  filter: invert(80%);
}

.calendar-external .slot {
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-8);
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-caption);
}

.calendar-external .calendar-external-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto;
  padding: var(--spacing-8);
}

.calendar-external .calendar-external-content .card-container {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  width: 100% !important;
}

.calendar-external .calendar-external-content .grouped {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: var(--spacing-28);
}

.calendar-external .calendar-external-content .grouped .grouped-title {
  letter-spacing: 0.2px;
  color: #808080;
  -ms-flex-align: end;
      align-items: flex-end;
  border-bottom: 1px solid #333333;
  color: #333333;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-family: "CentraleSansCndBold";
  margin-bottom: var(--spacing-16);
  padding-bottom: var(--spacing-8);
}

.calendar-external .calendar-external-content .grouped .grouped-title::after {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==") bottom right no-repeat;
  content: '';
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 4px;
  margin-left: auto;
  width: var(--sizing-8);
}

.calendar-external .calendar-external-content .grouped .grouped-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
}

.calendar-external .calendar-external-content .grouped.collapsed .grouped-title::after {
  transform: rotate(180deg);
}

.calendar-external .calendar-external-content .grouped.collapsed .grouped-content {
  display: none;
}

.calendar-external .calendar-external-contentt:first-child {
  border-top: 1px solid #D9D9D9;
}

.calendar-external .calendar-external-content:first-child {
  border-top: 1px solid #D9D9D9;
}

.container_charts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bars-text {
  font-size: 14px;
}

@media (min-width: 3840px) {
  .bars-text {
    font-size: 20px;
    transform: translateY(8px);
  }
}

tasy-wchart {
  width: 100%;
  height: 100%;
}

tasy-wchart .x.axis,
tasy-wchart .y.axis {
  font-size: var(--font-size-caption);
}

tasy-wchart .wchart {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: white;
}

tasy-wchart .wchart .wtitle {
  margin: 0;
  height: 25px;
  padding-right: var(--spacing-8);
  margin: 0 0 16px 0;
}

@media (min-width: 3840px) {
  tasy-wchart .wchart .wtitle {
    height: var(--sizing-24);
  }
}

tasy-wchart .wchart .wchart-title {
  font-size: var(--font-size-subtitle);
  padding-top: 3px;
}

@media (min-width: 3840px) {
  tasy-wchart .wchart .wchart-title {
    padding-top: 6px;
  }
}

tasy-wchart .wchart-above-empty-message {
  z-index: 99;
}

tasy-wchart .wchart-empty-message {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 69px;
  z-index: 98;
}

tasy-wchart .wchart-gantt-container {
  overflow: auto;
  box-shadow: none;
}

tasy-wchart .wchart-gantt-container, tasy-wchart .wchart-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 0;
  width: 100%;
  max-height: 100% !important;
}

tasy-wchart .wchart-gantt-container.has-scroll .c3-chart:nth-child(1),
tasy-wchart .wchart-gantt-container.has-scroll .c3-axis-x:last-child, tasy-wchart .wchart-container.has-scroll .c3-chart:nth-child(1),
tasy-wchart .wchart-container.has-scroll .c3-axis-x:last-child {
  display: none;
}

tasy-wchart .wchart-gantt-container.has-scroll .c3-brush .resize, tasy-wchart .wchart-container.has-scroll .c3-brush .resize {
  display: none;
}

tasy-wchart .wchart-gantt-container.has-scroll .c3-brush .background, tasy-wchart .wchart-container.has-scroll .c3-brush .background {
  visibility: visible !important;
  pointer-events: none;
  rx: 5;
  fill: #ececec;
}

tasy-wchart .wchart-gantt-container.has-scroll .c3-brush .extent, tasy-wchart .wchart-container.has-scroll .c3-brush .extent {
  cursor: default !important;
  fill: #b3b3b3;
  fill-opacity: 1;
  rx: 5;
}

tasy-wchart .wchart-gantt-container.has-scroll .c3-brush .extent:hover, tasy-wchart .wchart-container.has-scroll .c3-brush .extent:hover {
  fill: #808080;
}

tasy-wchart .wchart-gantt-container.has-scroll:not(.is-rotated) .c3-brush .background,
tasy-wchart .wchart-gantt-container.has-scroll:not(.is-rotated) .c3-brush .extent, tasy-wchart .wchart-container.has-scroll:not(.is-rotated) .c3-brush .background,
tasy-wchart .wchart-container.has-scroll:not(.is-rotated) .c3-brush .extent {
  height: var(--sizing-8);
}

tasy-wchart .wchart-gantt-container.has-scroll.is-rotated .c3-brush, tasy-wchart .wchart-container.has-scroll.is-rotated .c3-brush {
  transform: translateX(calc(100% - 39px));
}

tasy-wchart .wchart-gantt-container.has-scroll.is-rotated .c3-brush .background,
tasy-wchart .wchart-gantt-container.has-scroll.is-rotated .c3-brush .extent, tasy-wchart .wchart-container.has-scroll.is-rotated .c3-brush .background,
tasy-wchart .wchart-container.has-scroll.is-rotated .c3-brush .extent {
  width: var(--sizing-8);
}

tasy-wchart .wchart-gantt-container.gauge-d3, tasy-wchart .wchart-container.gauge-d3 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

tasy-wchart .wchart-gantt-container.gauge-d3 .wchart-gauge text, tasy-wchart .wchart-container.gauge-d3 .wchart-gauge text {
  fill: #383838;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal, tasy-wchart .wchart-container.stacked-bar-horizontal {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal circle, tasy-wchart .wchart-container.stacked-bar-horizontal circle {
  cursor: pointer;
  z-index: 1;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .y.axis .tick text, tasy-wchart .wchart-container.stacked-bar-horizontal .y.axis .tick text {
  fill: #383838;
  font-size: 12px;
  transform: translateX(-5px);
}

@media (min-width: 3840px) {
  tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .y.axis .tick text, tasy-wchart .wchart-container.stacked-bar-horizontal .y.axis .tick text {
    font-size: 20px;
  }
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .y.axis .tick line, tasy-wchart .wchart-container.stacked-bar-horizontal .y.axis .tick line {
  stroke: #d6d6d6;
  stroke-dasharray: 2, 3;
  visibility: visible !important;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .y.axis path.domain, tasy-wchart .wchart-container.stacked-bar-horizontal .y.axis path.domain {
  stroke: #b3b3b3;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .x.axis .tick text, tasy-wchart .wchart-container.stacked-bar-horizontal .x.axis .tick text {
  fill: #383838;
  font-size: var(--font-size-caption);
  font-weight: bold;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .x.axis path.domain, tasy-wchart .wchart-container.stacked-bar-horizontal .x.axis path.domain {
  fill: transparent;
  stroke: #b0b0b0;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .legend-container text, tasy-wchart .wchart-container.stacked-bar-horizontal .legend-container text {
  font-size: var(--font-size-caption);
  color: #333333;
}

tasy-wchart .wchart-gantt-container.stacked-bar-horizontal .text-stacked-bar-no-data, tasy-wchart .wchart-container.stacked-bar-horizontal .text-stacked-bar-no-data {
  fill: #212121;
  font-family: "CentraleSansCndBook";
}

tasy-wchart .wchart-gantt-container.c3 .c3-axis.c3-axis-x .tick text, tasy-wchart .wchart-container.c3 .c3-axis.c3-axis-x .tick text {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBold";
  fill: #383838;
  font-size: 12px;
  font-weight: bold;
}

tasy-wchart .wchart-gantt-container.c3 .c3-axis.c3-axis-x path.domain, tasy-wchart .wchart-container.c3 .c3-axis.c3-axis-x path.domain {
  stroke: #b3b3b3;
}

tasy-wchart .wchart-gantt-container.c3 .c3-axis.c3-axis-y .tick text, tasy-wchart .wchart-container.c3 .c3-axis.c3-axis-y .tick text {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBold";
  fill: #383838;
  font-size: 12px;
}

tasy-wchart .wchart-gantt-container.c3 .c3-axis.c3-axis-y path.domain, tasy-wchart .wchart-container.c3 .c3-axis.c3-axis-y path.domain {
  stroke: #b3b3b3;
}

tasy-wchart .wchart-gantt-container.c3 .c3-axis.c3-axis-y2 .tick text, tasy-wchart .wchart-container.c3 .c3-axis.c3-axis-y2 .tick text {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBold";
  fill: #383838;
  font-size: 12px;
}

tasy-wchart .wchart-gantt-container.c3 .c3-axis.c3-axis-y2 path.domain, tasy-wchart .wchart-container.c3 .c3-axis.c3-axis-y2 path.domain {
  stroke: #b3b3b3;
}

tasy-wchart .wchart-gantt-container-fragment-container, tasy-wchart .wchart-container-fragment-container {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-height: 75px;
  margin-left: 10px;
}

tasy-wchart .wchart-gantt-container .c3-grid .breakFill > line, tasy-wchart .wchart-container .c3-grid .breakFill > line {
  stroke-width: 20px;
  stroke: #8c8c8c;
  stroke-opacity: .3;
}

tasy-wchart .wchart-schematics-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

tasy-wchart .wchart .main-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  padding: var(--spacing-28);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

tasy-wchart .wchart .wchart-gantt-container .gantt-foreground-col {
  border: none;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-foreground {
  display: none;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-info {
  padding: var(--spacing-8);
  background-color: #595959;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-info::after {
  border-top-color: #595959;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-info .tooltip-title,
tasy-wchart .wchart .wchart-gantt-container .gantt-task-info .tooltip-description {
  line-height: 1.25rem;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-info .tooltip-title {
  color: #ffffff;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-info .tooltip-description {
  color: #bfbfbf;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-valign-content {
  padding-left: var(--spacing-12);
}

tasy-wchart .wchart .wchart-gantt-container .gantt-resizer-display {
  width: 1px;
  background-color: #cccccc;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-row-height {
  height: 30px;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-header-row {
  border-top: 1px solid #cccccc;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-header-row .gantt-column-header {
  border-right: 1px solid #cccccc;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-scrollable-header {
  background-color: #e6e6e6;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-row .gantt-row-background {
  border-top: 1px solid #cccccc;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-row-even > .gantt-row-background {
  background-color: #ffffff;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-tree-header {
  background-color: #e6e6e6;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px 1px 0 1px;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-tree-header-row {
  bottom: 50%;
  transform: translateY(50%);
}

tasy-wchart .wchart .wchart-gantt-container .gantt-tree-header-row span.gantt-label-text {
  font-weight: normal;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-tree-body .gantt-row-label a.gantt-tree-handle-button {
  display: none;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task {
  height: var(--sizing-16);
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-content {
  color: #ffffff;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-progress {
  height: 100%;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group {
  background: #b0b0b0;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-left-main, tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-right-main {
  background: #b0b0b0;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-left-symbol, tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-right-symbol {
  border-top: 8px solid #b0b0b0;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-left-symbol, tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-left-main {
  left: 0;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-left-symbol {
  border-left-width: 0;
  border-right-width: 8px;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-right-symbol, tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-right-main {
  right: 0;
}

tasy-wchart .wchart .wchart-gantt-container .gantt-task-group-right-symbol {
  border-left-width: 8px;
  border-right-width: 0;
}

tasy-wchart .wchart-legends-container {
  min-height: 21px;
}

tasy-wchart .wchart-legend-slider-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

tasy-wchart .wchart-legends-slider {
  width: 250px;
}

@media (min-width: 3840px) {
  tasy-wchart .wchart-legends-slider {
    width: 500px;
  }
}

tasy-wchart .wchart .c3-tooltip-container {
  z-index: 99;
}

tasy-wchart:first-child div.wchart-empty-message {
  top: 105px;
}

.wchart-gauge text {
  font-family: "CentraleSansCndBook";
}

.wchart-gauge-pointer circle,
.wchart-gauge-pointer path {
  fill: #383838;
}

.wchart-gauge-datalabel-text {
  font-size: var(--font-size-caption);
}

.dynamic-container-content tasy-wchart {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.c3-tooltip {
  background-color: #4d4d4d;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  color: #f2f2f2;
  min-width: 100px;
  padding: var(--spacing-8);
  text-align: left;
  opacity: 1;
}

/* Creates a small triangle extender for the tooltip */
.c3-tooltip:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #4d4d4d;
  border-width: 5px;
  margin-left: -5px;
}

.c3-tooltip.arrow-up.inline:after {
  top: 0px;
  left: -5px;
  border-color: transparent #4d4d4d transparent transparent;
}

.c3-tooltip.arrow-up:after {
  top: -10px;
  border-top-color: transparent;
  border-bottom-color: #4d4d4d;
}

.c3-tooltip.inline {
  border-top-left-radius: 0px;
}

.c3-tooltip.inline .tooltip-item {
  display: inline-block;
  padding-left: 10px;
}

.c3-tooltip table {
  border-collapse: collapse;
  border: none;
}

.c3-tooltip tr,
.c3-tooltip td {
  background-color: transparent;
  border: none;
}

.c3-tooltip .tooltip-item {
  margin-top: var(--spacing-8);
}

.c3-tooltip .tooltip-item:first-child {
  margin-top: 0;
}

.c3-tooltip .value-legend {
  color: #bfbfbf;
  font-size: var(--font-size-caption);
  vertical-align: super;
}

.c3-tooltip .value {
  color: #ffffff;
  font-size: var(--font-size-body);
  vertical-align: super;
}

.domain {
  fill: none;
  stroke: #b0b0b0;
  stroke-width: 1px;
}

.tick line {
  visibility: hidden !important;
}

.horizontalMarkLine line {
  stroke-dasharray: 3 3;
  fill: none;
  stroke: #0096ed !important;
  stroke-width: 3px;
}

.verticalMarkLine line {
  stroke-dasharray: 3 3;
  fill: none;
  stroke: #0096ed !important;
  stroke-width: 3px;
}

.c3-region {
  fill: #0095ec;
}

.c3-region.chart-target-transparent {
  stroke: #0095ec;
  stroke-opacity: 0.2;
}

.c3-region.chart-target rect {
  fill-opacity: 1 !important;
}

.c3-chart-arcs path {
  stroke-width: 4;
}

.c3-chart-arcs .c3-chart-arcs-title {
  font-family: "CentraleSansCndBold";
  color: #333333;
}

.c3-chart-arcs .c3-chart-title-36px {
  font-size: 36px;
}

.c3-chart-arcs .c3-chart-title-20px {
  font-size: 20px;
}

.c3-chart-arcs .c3-chart-title-15px {
  font-size: 15px;
}

.c3-chart-arcs .c3-chart-title-13px {
  font-size: 13px;
}

.c3-chart-arcs .c3-chart-title-9px {
  font-size: 9px;
}

.c3-chart-arcs .c3-gauge-value {
  visibility: hidden !important;
}

.needle-center {
  fill: white;
  stroke: black;
  stroke-width: 2px;
}

.needle-path {
  stroke-width: 2px !important;
}

.wchart-active-loader {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: var(--spacing-28);
  z-index: 999;
}

.d3.tooltip-block .text-small {
  color: #b0b0b0;
  font-size: 11px;
}

.d3.tooltip-block .text-big {
  font-size: var(--font-size-subtitle);
  line-height: var(--font-size-caption);
}

.d3.tooltip-block .align-right {
  margin-left: var(--spacing-40);
}

.d3.tooltip-block .align-left {
  margin-right: var(--spacing-40);
}

.w-chart-tooltip {
  padding: var(--spacing-8);
  border-radius: 4px;
}

.w-chart-tooltip.w-chart-date-time {
  font-size: 12px;
}

.w-chart-tooltip.w-chart-date-time .w-chart-tooltip-date {
  margin-top: 4px;
}

.w-chart-tooltip.w-chart-date-time .date-time-tooltip {
  display: block;
}

.w-chart-tooltip.w-chart-date-time .w-chart-tooltip-item__value {
  font-size: 11px;
  vertical-align: super;
  line-height: 10px;
}

.w-chart-tooltip .w-chart-tooltip-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.w-chart-tooltip .w-chart-tooltip-item__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  vertical-align: super;
}

.w-chart-tooltip .w-chart-tooltip-item__value {
  margin-left: 2px;
  font-size: var(--font-size-subtitle);
  line-height: var(--font-size-header-5);
  vertical-align: middle;
}

.w-chart-tooltip .w-chart-tooltip-item-width {
  max-width: 50%;
}

.w-chart-popover-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.w-chart-popover-wrapper .tooltip-arrow::before {
  background: #b0b0b0;
}

.w-chart-popover {
  padding: var(--spacing-16);
  border-radius: 4px;
  background: #ffffff;
}

.w-chart-popover .w-chart-popover-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  color: #171717;
  line-height: 1;
}

.w-chart-popover .w-chart-popover-item + .w-chart-popover-item {
  margin-top: var(--spacing-8);
  margin-bottom: 6px;
}

.w-chart-popover .w-chart-popover-item__legend-color {
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  margin-right: var(--spacing-8);
  margin-bottom: 6px;
}

.w-chart-popover .w-chart-popover-item__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  margin-right: var(--spacing-4);
  margin-bottom: 6px;
}

.w-chart-popover .w-chart-popover-item__value {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10px;
  margin-bottom: 8px;
  font-weight: bold;
}

.w-chart-popover.c3-tooltip {
  max-width: 400px;
}

.w-chart-popover.c3-tooltip:after {
  border-top-color: #f2f2f2;
  border-bottom-color: transparent;
}

.w-chart-popover.c3-tooltip.arrow-up:after {
  border-top-color: transparent;
  border-bottom-color: #f2f2f2;
}

.w-chart-popover--stackedbar {
  margin: calc(var(--spacing-8) * -1);
  background: #ffffff;
}

.w-chart-popover--stackedbar * {
  color: #171717 !important;
}

.dark-skin .wchart {
  background-color: transparent;
}

.dark-skin .wchart .wchart-active-loader,
.dark-skin .wchart .wchart-empty-message {
  background: #4d4d4d;
  color: #c4c4c4;
}

.dark-skin .wchart-container.gauge-d3 .wchart-gauge text {
  fill: #ffffff;
}

.dark-skin .wchart-container.gauge-d3 .wchart-gauge-pointer path,
.dark-skin .wchart-container.gauge-d3 .wchart-gauge-pointer circle {
  fill: #ffffff;
}

.dark-skin .wchart-container.stacked-bar-horizontal circle {
  fill: #ffffff;
}

.dark-skin .wchart-container.stacked-bar-horizontal path.line {
  stroke: #ffffff;
}

.dark-skin .wchart-container.stacked-bar-horizontal .y.axis .tick text {
  fill: #ffffff;
  font-weight: unset;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wchart-container.stacked-bar-horizontal .y.axis .tick line {
  stroke: #8c8c8c;
  border: 1px dashed #8c8c8c;
}

.dark-skin .wchart-container.stacked-bar-horizontal .y.axis path.domain {
  stroke: #b0b0b0;
}

.dark-skin .wchart-container.stacked-bar-horizontal .text-stacked-bar-no-data {
  fill: #ffffff;
}

.dark-skin .wchart-container.stacked-bar-horizontal .x.axis .tick text {
  fill: #ffffff;
  font-weight: unset;
  font-family: "CentraleSansCndBook";
}

@media (min-width: 3840px) {
  .dark-skin .wchart-container.stacked-bar-horizontal .x.axis .tick text {
    font-size: 20px;
  }
}

.dark-skin .wchart-container.stacked-bar-horizontal .x.axis path.domain {
  stroke: #b0b0b0;
}

.dark-skin .wchart-container.c3 .c3-legend-item text {
  fill: #ffffff;
}

.dark-skin .wchart-container.c3 .c3-grid line {
  stroke: #8c8c8c;
  border: 1px dashed #8c8c8c;
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-x .tick text {
  fill: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-x .tick line {
  stroke: #ffffff;
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-x path.domain {
  stroke: #b0b0b0;
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-y .tick text {
  fill: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-y .tick line {
  stroke: #ffffff;
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-y path.domain {
  stroke: #b0b0b0;
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-y2 .tick text {
  fill: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-y2 .tick line {
  stroke: #ffffff;
}

.dark-skin .wchart-container.c3 .c3-axis.c3-axis-y2 path.domain {
  stroke: #b0b0b0;
}

.dark-skin .wchart-container.c3 .c3-tooltip-container .c3-tooltip {
  background: #595959;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.dark-skin .wchart-container.c3 .c3-tooltip-container .c3-tooltip .value-legend {
  color: #ffffff;
}

.dark-skin .wchart-container.c3 .c3-tooltip-container .c3-tooltip .value {
  color: #ffffff;
}

.dark-skin .wchart-container.c3 .c3-tooltip-container .c3-tooltip:after {
  border-top-color: #e8e8e8;
  border-bottom-color: transparent;
}

.dark-skin .wchart-container.c3 .c3-tooltip-container .c3-tooltip.arrow-up:after {
  border-top-color: transparent;
  border-bottom-color: #e8e8e8;
}

.dark-skin .w-chart-tooltip {
  background: #e8e8e8;
  padding: 10px 10px;
}

.dark-skin .w-chart-tooltip .w-chart-tooltip-item__label {
  color: #4d4d4d;
}

.dark-skin .w-chart-tooltip .w-chart-tooltip-item__value {
  color: #212121;
  font-weight: bold;
}

.dark-skin .w-chart-popover-wrapper .tooltip-arrow::before {
  background: #e8e8e8;
}

.dark-skin .w-chart-popover {
  background: #e8e8e8;
}

.dark-skin .w-chart-popover .w-chart-popover-item__label {
  color: #4d4d4d;
}

.dark-skin .w-chart-popover .w-chart-popover-item__value {
  color: #212121;
}

.dark-skin .w-chart-popover.c3-tooltip:after {
  border-top-color: #e8e8e8;
  border-bottom-color: transparent;
}

.dark-skin .w-chart-popover.c3-tooltip.arrow-up:after {
  border-top-color: transparent;
  border-bottom-color: #e8e8e8;
}

.dark-skin .d3.tooltip-block .text-small {
  color: #696969;
  font-size: var(--font-size-caption);
}

.dark-skin tasy-wchart .x.axis,
.dark-skin tasy-wchart .y.axis {
  fill: #ffffff;
  font-size: var(--font-size-caption);
}

.dark-skin tasy-wchart .x.axis .tick line,
.dark-skin tasy-wchart .y.axis .tick line {
  stroke: #8c8c8c;
  stroke-dasharray: 2;
  stroke-linecap: round;
  stroke-width: 0.5px;
  visibility: visible !important;
}

.dark-skin tasy-wchart .wchart-container.c3 path,
.dark-skin tasy-wchart .wchart-container.c3 line {
  stroke: #b0b0b0;
}

.dark-skin tasy-wchart .x.axis .tick line:not(:last-child) {
  stroke: #858585;
  stroke-width: 2.7px;
}

.big-size tasy-wchart .panel-title {
  font-size: 3em;
}

.big-size tasy-wchart .wchart {
  height: 75%;
}

.big-size tasy-wchart .wchart-title {
  height: 62.5px;
  padding-right: 20px;
  padding-top: 12px;
}

.big-size tasy-wchart .wchart-container {
  margin-top: 30px;
}

.big-size tasy-wchart .wchart-fragment-container {
  margin-top: 30px;
}

.big-size tasy-wchart .wchart-legends-slider {
  width: 500px;
}

.wchart-container.c3 {
  max-width: 100%;
  overflow-x: auto;
}

.chart-area-line .wchart-container.c3 text {
  font-family: "CentraleSansCndBold";
  font-size: 12px;
  fill: #383838;
}

.chart-area-line .wchart-container.c3 .c3-chart-texts.padding-c3-text .c3-chart-text .c3-texts text.c3-text {
  transform: translate(12px, 10px);
}

.chart-area-line .wchart-container.c3 .c3-grid line {
  stroke: black;
  stroke-dasharray: 3 3;
}

.chart-area-line .wchart-container.c3 .c3-axis-x .tick .tick-text-smaller {
  font-size: 9px !important;
  fill: #8c8c8c !important;
}

.chart-area-line .wchart-container.c3 .c3-axis-y2 path.domain {
  stroke-dasharray: 3 3;
}

.chart-area-line .wchart-container.c3 .c3-axis-y2 .c3-axis-y2-label {
  display: none;
}

.chart-area-line .wchart-container.c3 .tick line {
  visibility: visible !important;
  stroke: #8c8c8c;
}

.chart-area-line .wchart-container.c3 .c3-axis-x .tick line {
  visibility: hidden !important;
}

.chart-area-line .wchart-container .c3-xgrid-lines .class-line-eixo-x line {
  stroke-dasharray: 3 3;
}

.chart-area-line .wchart-container .c3-target-without-shapes .c3-shapes .c3-shape {
  stroke: none !important;
  opacity: 0.65 !important;
}

.chart-area-line .wchart-container .c3-target-without-opacity .c3-shapes .c3-shape {
  opacity: 1 !important;
}

.chart-area-line .arrow-up {
  transform: none;
}

.chart-area-line .main-container .wtitle .wtitle-container {
  display: contents;
}

.chart-area-line .main-container .wtitle .wtitle-container .wchart-title {
  display: inline-table;
}

.chart-area-line .main-container .wtitle .token-filter-container {
  margin-block: 5px;
  margin-left: 40px;
  width: inherit;
}

.chart-area-line .main-container .wtitle tasy-handlebar-new {
  max-width: inherit;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.chart-container-print {
  padding-top: var(--spacing-28) !important;
}

.chart-container-print .c3-axis.c3-axis-x .tick text {
  font-family: 'Arial' !important;
  font-stretch: condensed !important;
  font-weight: bold !important;
}

.chart-container-print .c3-axis.c3-axis-y .tick text {
  font-family: 'Arial' !important;
  font-stretch: condensed !important;
  font-weight: bold !important;
}

tasy-w-chart-contratilidade {
  height: 100%;
  width: 100%;
  background-color: #FFF;
}

tasy-w-chart-contratilidade .content {
  width: 100%;
  height: 100%;
}

tasy-w-chart-contratilidade .loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}

tasy-w-chart-contratilidade .legend-container {
  padding-left: 28px;
}

w-charts-fragment {
  width: 100%;
}

#chart {
  position: relative;
  margin: auto;
  width: 100%;
}

.resize .circle-resize {
  fill: #bbbbbb;
  fill-opacity: 1;
  cx: -3;
  cy: 32.5;
  r: 10;
}

.w-charts-fragment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.w-charts-fragment__content {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
}

.w-charts-fragment__content #chart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-top: 2em;
}

.w-charts-fragment__content .brush {
  position: relative;
  float: left;
  margin-top: 75px;
  cursor: crosshair;
  fill-opacity: 0.5;
  fill: #b3e3ff;
  shape-rendering: crispEdges;
  width: 100%;
}

.w-charts-fragment__zoom {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.w-charts-fragment__zoom.inner-label {
  color: #0096ed;
  font-size: var(--font-size-caption);
  position: absolute;
  text-align: center;
  top: 120%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 50px;
}

.w-charts-fragment__zoom.inner-label.left {
  left: -25px;
}

.w-charts-fragment__zoom.inner-label.right {
  left: calc(100% - 25px);
}

.w-charts-fragment__zoom.inner-button {
  background: url("/assets/framework/images/arrow-left-right.svg") no-repeat center;
  background-color: #808080;
  border-radius: 7px;
  cursor: w-resize;
  height: 14px;
  width: 14px;
  z-index: 1000;
}

.w-charts-fragment__zoom.inner-button.right {
  left: calc(100% - 7px);
  top: calc(50% - 7px);
}

.w-charts-fragment__zoom.inner-button.left {
  left: calc(0% - 7px);
  top: calc(50% - 7px);
}

.w-charts-fragment__zoom.outer {
  background-color: #f2f2f2;
  opacity: 0.7;
}

.w-charts-fragment__line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 100%;
  margin-bottom: var(--spacing-4);
}

.w-charts-fragment__line:last-child {
  margin-bottom: 0;
}

.w-charts-fragment__bar {
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 100%;
  width: 100%;
}

.w-charts-fragment__bar > svg {
  overflow: visible;
}

.w-charts-fragment__icon--zoomed {
  overflow: visible;
}

.w-charts-fragment__icon--zoomed svg {
  overflow: visible;
  transform: scale(1.3);
}

.dark-skin w-charts-fragment {
  background-color: #383838;
}

.dark-skin .w-charts-fragment #chart {
  background-color: #212121;
}

w-chart-group {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

w-chart-group .w-chart-group {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

w-chart-group .w-chart-group-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

w-chart-group .w-chart-group-container tasy-wchart {
  -moz-flex: 2 1 0;
  -ms-flex: 2 1 0;
  flex: 2 1 0;
  border-right: 1px solid #bfbfbf;
  padding: 16px;
}

w-chart-group .w-chart-group-container tasy-wchart:first-of-type {
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}

w-chart-group .w-chart-group-container tasy-wchart:last-of-type {
  border-right: none;
}

w-chart-group .w-chart-group-container tasy-wchart .main-container {
  padding: 0;
}

w-chart-group .w-chart-group-error {
  margin: auto;
}

.wcheckbox {
  margin-left: 0;
  display: inline-block;
  max-width: 100%;
}

.wcheckbox .wcheckbox-div {
  margin-left: 0px;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 21px;
}

.wcheckbox .wcheckbox-div.enable:focus, .wcheckbox .wcheckbox-div.focus {
  position: relative;
}

.wcheckbox .wcheckbox-div.enable:focus.check-disabled .wcheckbox-label, .wcheckbox .wcheckbox-div.focus.check-disabled .wcheckbox-label {
  cursor: default;
}

.wcheckbox .wcheckbox-div.enable:focus.check-disabled:after, .wcheckbox .wcheckbox-div.focus.check-disabled:after {
  content: '';
  position: absolute;
  cursor: default;
  box-sizing: border-box;
  border: none;
  border-radius: unset;
}

.wcheckbox .wcheckbox-div.enable:focus.check-disabled .wcheckbox-main-label, .wcheckbox .wcheckbox-div.focus.check-disabled .wcheckbox-main-label {
  cursor: default;
}

.wcheckbox .wcheckbox-div.enable:focus .checkbox-container, .wcheckbox .wcheckbox-div.focus .checkbox-container {
  z-index: 10;
}

.wcheckbox .wcheckbox-div.enable:focus:after, .wcheckbox .wcheckbox-div.focus:after {
  content: '';
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #0096ed;
  border-radius: 4px;
  height: 100%;
  width: calc(100% + 12px);
  margin: 0 -6px;
}

.wcheckbox .wcheckbox-div.check-disabled .wcheckbox-main-label {
  cursor: default;
}

.wcheckbox .wcheckbox-div .wcheckbox-main-label {
  padding-left: 4px;
  padding-top: 2px;
  min-width: 0;
  min-height: 17px;
  cursor: pointer;
  margin-left: 5px;
}

.wcheckbox .wcheckbox-div .wcheckbox-label {
  max-width: 100%;
  margin-left: 1px;
  min-height: 17px;
  padding-top: 3px;
  margin-top: -3px;
}

.wcheckbox .wcheckbox-div .wcheckbox-checkbox {
  display: inline-block;
  height: var(--sizing-16);
  width: var(--sizing-16);
  min-width: 16px;
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
}

.wcheckbox .wcheckbox-div .checked {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBvcGFjaXR5PSIwLjk1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMTAyMDIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMTIsNCA3LjUsMTAuNSA0LDcgIi8+PC9zdmc+");
}

.wcheckbox .wcheckbox-div .checked-enable {
  background-color: #ffffff;
}

.wcheckbox .wcheckbox-div.on-right .wcheckbox-label {
  margin: 0 var(--spacing-8) 0 0;
}

.wcheckbox .wcheckbox-div.on-right .wcheckbox-checkbox {
  -ms-flex-order: 1;
      order: 1;
}

.wcheckbox .wcheckbox-div.has-image {
  background-size: contain;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: center;
      align-items: center;
}

.wcheckbox .wcheckbox-div.has-image .wcheckbox-label {
  margin: 5px 0 15px 0;
}

.wcheckbox .wcheckbox-div.disabled .wcheckbox-label {
  opacity: 40%;
  cursor: default;
}

.wcheckbox .wcheckbox-div.disabled .wcheckbox-checkbox {
  box-shadow: none;
  border-color: rgba(179, 179, 179, 0.35);
}

.wcheckbox .wcheckbox-div.disabled .checked {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBvcGFjaXR5PSIwLjE1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMTAyMDIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMTIsNCA3LjUsMTAuNSA0LDcgIi8+PC9zdmc+");
}

.w-checkbox__infobutton {
  z-index: 10;
  height: var(--sizing-16);
  margin-left: var(--spacing-8);
}

.checkboxStyleAngular {
  position: relative;
  box-sizing: content-box;
  line-height: 1em;
  width: var(--sizing-16);
  height: var(--sizing-16);
}

/**
 * Create the box for the checkbox
 */
.checkboxStyleAngular label {
  display: inline-block;
  width: inherit;
  height: inherit;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #b3b3b3;
  box-sizing: border-box;
  border-radius: 2px;
}

/**
 * Display the tick inside the checkbox
 */
.ng-submitted .checkboxStyleAngular input[type=checkbox].ng-invalid-required + label {
  border: 1px solid #db2a36;
}

.checkboxStyleAngular input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxStyleAngular input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.removeBorder:not(.ng-invalid-required) + label, .checkboxStyleAngular input:not(.ng-invalid-required)[type=checkbox]:checked + label, .checkboxStyleAngular input:not(.ng-invalid-required)[type=checkbox]:indeterminate + label {
  border: 0px !important;
}

.checkboxStyleAngular input[type=checkbox]:disabled:checked + label:after {
  background-color: #d9d9d9;
}

.checkboxStyleAngular input[type=checkbox]:disabled:checked + label {
  border: 1px solid #d9d9d9;
}

.checkboxStyleAngular input[type=checkbox]:disabled + label {
  border: 1px solid #bfbfbf;
  cursor: default;
}

.checkbox-container-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
  width: var(--sizing-16);
  min-width: 17px;
  height: var(--sizing-16);
  margin: 0;
  z-index: 9999;
}

@media (min-width: 3840px) {
  .checkbox-container-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.checkbox-container-privacy + label.wcheckbox-main-label {
  background-color: transparent;
  opacity: 40%;
}

.dark-skin .wcheckbox .wcheckbox-div .wcheckbox-main-label {
  color: #ffffff;
}

.dark-skin .wcheckbox .wcheckbox-div:focus, .dark-skin .wcheckbox .wcheckbox-div.focus {
  background-color: #9dd3e3;
}

.dark-skin .wcheckbox .wcheckbox-div:focus:after, .dark-skin .wcheckbox .wcheckbox-div.focus:after {
  border-color: #9dd3e3;
}

.dark-skin .wcheckbox .wcheckbox-div:focus .wcheckbox-main-label, .dark-skin .wcheckbox .wcheckbox-div.focus .wcheckbox-main-label {
  color: #212121;
}

.dark-skin .wcheckbox .wcheckbox-div:focus input[type=checkbox]:checked + label.wcheckbox-inputlabel, .dark-skin .wcheckbox .wcheckbox-div.focus input[type=checkbox]:checked + label.wcheckbox-inputlabel {
  background-color: #383838;
}

.dark-skin .wcheckbox .wcheckbox-div:focus input[type=checkbox]:checked + label.wcheckbox-inputlabel:after, .dark-skin .wcheckbox .wcheckbox-div.focus input[type=checkbox]:checked + label.wcheckbox-inputlabel:after {
  border-color: #ffffff;
}

.dark-skin .wcheckbox .wcheckbox-div:focus .checkboxStyleAngular label, .dark-skin .wcheckbox .wcheckbox-div.focus .checkboxStyleAngular label {
  border-color: #383838;
}

.dark-skin .checkboxStyleAngular label {
  background-color: transparent;
  border-color: #c4c4c4;
}

.dark-skin .checkboxStyleAngular input[type=checkbox]:disabled + label.wcheckbox-inputlabel {
  background-color: transparent;
  opacity: 40%;
}

.dark-skin .checkboxStyleAngular input[type=checkbox]:checked + label.wcheckbox-inputlabel {
  background-color: #41C9FE;
}

.dark-skin .checkboxStyleAngular input[type=checkbox]:checked + label.wcheckbox-inputlabel:after {
  background-image: none;
  background-color: transparent;
  display: inline-block;
  transform: rotate(38deg);
  height: 9px;
  width: 4px !important;
  border-bottom: 3px solid #383838;
  border-right: 3px solid #383838;
  margin-left: var(--spacing-4);
  margin-top: 1px;
  box-sizing: initial;
}

@media (min-width: 3840px) {
  .dark-skin .checkboxStyleAngular input[type=checkbox]:checked + label.wcheckbox-inputlabel:after {
    height: 25px;
    width: 11px !important;
    border-bottom: 7px solid #383838;
    border-right: 7px solid #383838;
    margin-left: 11px;
    margin-top: 1px;
  }
}

.dark-skin .checkboxStyleAngular input[type=checkbox]:indeterminate + label.wcheckbox-inputlabel {
  background-color: #41C9FE;
}

.dark-skin .checkboxStyleAngular input[type=checkbox]:indeterminate + label.wcheckbox-inputlabel:after {
  background-image: none;
  background-color: transparent;
  display: inline-block;
  height: 0px;
  width: 7px;
  border-bottom: 2px solid #383838;
  border-right: 3px solid #383838;
  margin-left: 3px;
  margin-bottom: 2px;
  box-sizing: initial;
}

@media (min-width: 3840px) {
  .dark-skin .checkboxStyleAngular input[type=checkbox]:indeterminate + label.wcheckbox-inputlabel:after {
    height: 25px;
    width: 11px;
    border-bottom: 5px solid #383838;
    border-right: 5px solid #383838;
    margin-left: 13px;
    margin-top: 1px;
  }
}

.wchecklist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  max-width: 100%;
  background-color: #ffffff;
  padding: var(--spacing-16);
  min-height: 0;
}

.wchecklist.with-background > .wchecklist-section {
  background: #d9d9d9;
}

.wchecklist .wchecklist-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: var(--spacing-16);
}

.wchecklist .wchecklist-title-container .wchecklist-title,
.wchecklist .wchecklist-title-container .wchecklist-filter-icon {
  display: inline-block;
  vertical-align: top;
}

.wchecklist .wchecklist-title-container .wchecklist-filter-icon {
  margin-left: var(--spacing-16);
}

.wchecklist .wcheckbox-div {
  min-width: 0;
  padding-left: var(--spacing-8);
  padding-right: 6px;
}

.wchecklist .wcheckbox-div label {
  max-width: 100%;
}

.wchecklist .wcheckbox-div .checkboxStyleAngular {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.wchecklist .wchecklist-select-all-items ~ .wchecklist-item-container {
  margin-top: var(--spacing-4);
}

.wchecklist .wchecklist-select-all-items ~ w-checklist-group .w-checklist__groups {
  margin-top: var(--spacing-16);
}

.wchecklist .filter-container.filter_vertical {
  margin-right: var(--spacing-16);
}

.wchecklist .filter-container.filter_horizontal {
  margin-bottom: var(--spacing-16);
}

.wchecklist-items-inline {
  float: left;
}

.wchecklist-section-inline {
  float: none;
  margin-right: 0px;
  overflow: hidden;
}

.wchecklist-container {
  min-height: 0;
  overflow: auto;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wchecklist-container .tag-list-container {
  margin-left: var(--spacing-8);
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.wchecklist-header {
  display: block;
  font-size: var(--font-size-subtitle);
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
}

.wchecklist-subheader {
  display: block;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #a6a6a6;
  margin: 5px 0 5px 0;
}

.wchecklist-subheader + .wchecklist-item {
  margin-top: var(--spacing-16);
}

.wchecklist-section {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: var(--sizing-28);
  max-height: 28px;
  border-bottom: 1px solid #d9d9d9;
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #808080;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==") no-repeat;
  background-position: 99% 50%;
  cursor: pointer;
}

.wchecklist-section .wcheckbox-div {
  margin-bottom: var(--spacing-8);
  color: #000000;
  font-family: 'CentraleSansCndBook';
}

.wchecklist-section .wcheckbox-div-bold {
  font-family: 'CentraleSansCndBold' !important;
}

.wchecklist-section.is-colapsed {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==");
}

.section-header-shell {
  margin: var(--spacing-12) 0px 5px 0px;
  height: var(--sizing-28);
}

.tasy-checklist-fixed {
  border-bottom: 1px solid #d9d9d9;
  font-family: "CentraleSansCndBook";
  color: #808080;
  position: relative;
  z-index: 1;
}

.tasy-checklist-fixed.fixed {
  position: sticky;
  box-sizing: content-box;
}

.tasy-checklist-fixed.fixed.absolute {
  position: absolute;
}

.wchecklist-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wchecklist-item:hover {
  background: rgba(0, 0, 0, 0.08);
}

.wchecklist-tabpage {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wchecklist-item-container {
  overflow: auto;
}

.wchecklist-itens-repeat {
  overflow: auto;
}

.wchecklist-itens-repeat .wchecklist-item-content {
  padding-left: var(--spacing-24);
}

.wchecklist-item-card {
  padding-top: 7px;
}

.wchecklist-item-card .wchecklist-item-content {
  margin-bottom: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-left: var(--spacing-8);
}

.wchecklist-itens-repeat-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.hide-checkbox .checkboxStyleAngular {
  display: none;
}

.filter-input {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-16);
  min-height: 32px;
}

.checklist-columns {
  float: left;
  margin-right: 5%;
  overflow: hidden;
}

.blank-section {
  -ms-flex-pack: center;
      justify-content: center;
  letter-spacing: 0.2px;
  -ms-flex-align: center;
      align-items: center;
  font-size: var(--font-size-body);
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}

.wchecklist-tab-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.wchecklist-tab-container-section {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  overflow: auto;
}

.wchecklist-tab-container-section .wchecklist-section-line {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-height: 0;
  display: block;
}

.wchecklist-tab-container .wtabpanel-topbar {
  position: relative;
  padding-right: 44px;
}

.wchecklist-tab-container .wtabpanel-topbar.has-popup-opened {
  position: relative !important;
}

.wchecklist .section-header-shell .wcheckbox {
  max-width: 85%;
}

.w-checklist__groups--tabpanel {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.w-checklist__groups__fieldsets {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-checklist__groups__fieldsets .section-header-shell {
  margin-top: 0;
  margin-bottom: 6px;
}

.w-checklist__groups__fieldsets .wchecklist-section-line:not(:first-child) .section-header-shell {
  margin-top: var(--spacing-16);
}

.w-checklist__groups__fieldsets w-checklist-section {
  width: 100%;
}

.wchecklist .tabs-fixed-header .wtabpanel-wrapper {
  width: 100%;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}

.wchecklist .tabs-fixed-header .wtabpanel-container {
  z-index: 2;
  position: sticky;
  top: 0;
}

.wchecklist .tabs-fixed-header .wtabpanel-elipses {
  z-index: 2;
  position: sticky;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  top: 0;
}

.ngdialog-content.ui-draggable .wchecklist {
  padding: 0;
}

.ngdialog-content.ui-draggable .wchecklist-section:first-of-type {
  margin-top: 0px;
  height: var(--sizing-18);
}

.ngdialog-content .wchecklist-title-container {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: var(--spacing-16);
  padding-left: 10px;
}

.ngdialog-content .wchecklist-itens-repeat {
  overflow: auto;
  margin-bottom: 18px;
}

.ngdialog-content .wchecklist-itens-repeat .wchecklist-item-content {
  padding-left: var(--spacing-2);
}

.ngdialog-content .wchecklist .wtabpanel-wrapper-horizontal,
.ngdialog-content .wchecklist .wtabpanel-elipses {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.dark-skin .wchecklist {
  background: #383838;
}

.dark-skin .wchecklist .wchecklist-header {
  color: #ffffff;
}

.dark-skin .wchecklist .wchecklist-item:hover {
  background: #696969;
}

.dark-skin .wchecklist .wchecklist-item:focus {
  background: #9dd3e3;
}

.dark-skin .wchecklist-section {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjOEM4QzhDIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==") no-repeat;
  background-position: 99% 50%;
}

.dark-skin .wchecklist-section.is-colapsed {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjOEM4QzhDIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==");
}

.wchecklist-virtual-assistant-tag {
  display: none;
}

.wchecklist-virtual-assistant-tag.display {
  display: inline-block;
}

.w-chronometer {
  --label--margin-left: 30px;
  --label--between--margin-left: 68px;
  --label--between--margin-right: 75px;
  --label-color: #000000;
  --label-font-size: 33px;
  --number-color: #000000;
  --number-font-size: 80px;
  --timer-font-size: 85px;
  --timer-color: #747474;
  --timer-colon-margin: 17px;
  --actions-margin-right: 16px;
  --actions-margin-top: 31px;
  --text-content-width: 102px;
  --text-content-height: 109px;
  --btn-reset-padding: 8px;
  --btn-reset-margin-top: calc(44px - var(--btn-reset-padding));
  --btn-reset-color: #4accff;
  --btn-reset-font-size: 20px;
  --btn-up-down-width: 39px;
  --btn-up-down-height: 39px;
  --btn-up-down-color: #ffffff;
  --btn-up-down-hover-color: #000000;
  --btn-up-down-background-color: #f2f2f2;
  --btn-up-down-background-hover-color: #d9d9d9;
  --btn-start-width: 115px;
  --btn-start-height: 55px;
  --btn-start-margin-top: 25px;
  --btn-font-size: 20px;
  --btn-color: #ffffff;
  --btn-start-background-color: #7bcc00;
  --btn-start-background-hover-color: #9ad83d;
}

.w-chronometer__text {
  text-align: center;
}

.w-chronometer__text > div:first-child {
  margin-left: var(--label--between--margin-left);
  margin-right: var(--label--between--margin-right);
}

.w-chronometer__text-number {
  color: var(--number-color);
  font-size: var(--number-font-size);
  width: var(--text-content-width);
  height: var(--text-content-height);
  font-weight: 600;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-variant-numeric: tabular-nums;
}

.w-chronometer__text-label {
  color: var(--label-color);
  font-size: var(--label-font-size);
  font-weight: 100;
  margin-left: var(--label--margin-left);
  position: relative;
}

.w-chronometer__text-label::before {
  content: attr(data-before);
  visibility: hidden;
}

.w-chronometer__text-label::after {
  content: attr(data-after);
  visibility: visible;
  position: absolute;
  left: 0;
}

.w-chronometer__actions {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.w-chronometer__actions-reset {
  margin-top: var(--btn-reset-margin-top);
}

.w-chronometer__actions-reset a {
  display: block;
  padding: var(--btn-reset-padding) 0;
  width: var(--btn-start-width);
  color: var(--btn-reset-color);
  cursor: pointer;
  text-align: center;
  font-size: var(--btn-reset-font-size);
}

.w-chronometer__btn {
  text-align: left;
}

.w-chronometer__btn > button {
  border: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.w-chronometer__btn-start, .w-chronometer__btn-stop, .w-chronometer__btn-restart {
  color: var(--btn-color);
  width: var(--btn-start-width);
  height: var(--btn-start-height);
  background-color: var(--btn-start-background-color);
  font-size: var(--btn-font-size);
  margin-top: var(--btn-start-margin-top);
}

.w-chronometer__btn-start:hover, .w-chronometer__btn-stop:hover, .w-chronometer__btn-restart:hover {
  background-color: var(--btn-start-background-hover-color);
}

.w-chronometer__btn-up, .w-chronometer__btn-down {
  color: var(--btn-up-down-color);
  width: var(--btn-up-down-width);
  height: var(--btn-up-down-height);
  background-color: var(--btn-up-down-background-color);
  margin-top: var(--actions-margin-right);
  font-size: 8px;
}

@media (min-width: 3840px) {
  .w-chronometer__btn-up, .w-chronometer__btn-down {
    font-size: 24px;
  }
}

.w-chronometer__btn-up:hover, .w-chronometer__btn-down:hover {
  background-color: var(--btn-up-down-background-hover-color);
  color: var(--btn-up-down-hover-color);
}

.w-chronometer__btn-up {
  margin-right: var(--actions-margin-right);
}

.w-chronometer__timer {
  font-size: var(--timer-font-size);
  color: var(--timer-color);
  margin-left: var(--label--between--margin-left);
  height: var(--text-content-height);
  font-weight: 600;
  letter-spacing: 5px;
}

.w-chronometer__timer__colon {
  margin-left: var(--timer-colon-margin);
  margin-right: var(--timer-colon-margin);
}

.w-chronometer__timer > div:not(.w-chronometer__colon) {
  width: 113px;
  text-align: center;
}

@media (min-width: 3840px) {
  .w-chronometer__timer > div:not(.w-chronometer__colon) {
    width: 229px;
  }
}

.w-chronometer__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.w-chronometer__column > .w-chronometer__col-2 {
  height: auto;
}

.w-chronometer__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.w-chronometer__row > .w-chronometer__col-2 {
  height: auto;
  width: 16.6667%;
}

.w-chronometer__col-2 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}

@media (min-width: 3840px) {
  .w-chronometer {
    --label--margin-left: 60px;
    --label--between--margin-left: 136px;
    --label--between--margin-right: 149px;
    --label-font-size: 65px;
    --number-font-size: 160px;
    --timer-font-size: 180px;
    --timer-colon-margin: 20px;
    --actions-margin-right: 32px;
    --actions-margin-top: 62px;
    --text-content-width: 203px;
    --text-content-height: 218px;
    --btn-reset-padding: 16px;
    --btn-reset-margin-top: calc(88px - var(--btn-reset-padding));
    --btn-reset-font-size: 40px;
    --btn-up-down-width: 77px;
    --btn-up-down-height: 77px;
    --btn-start-width: 230px;
    --btn-start-height: 109px;
    --btn-start-margin-top: 50px;
    --btn-font-size: 40px;
  }
}

.dark-skin .w-chronometer {
  --label-color: #ffff;
  --number-color: #ffff;
  --timer-color: #747474;
  --btn-reset-color: #4accff;
  --btn-up-down-color: #ffffff;
  --btn-up-down-hover-color: #000000;
  --btn-up-down-background-color: #696969;
  --btn-up-down-background-hover-color: #41c9fe;
  --btn-color: #ffffff;
  --btn-start-background-color: #7bcc00;
  --btn-start-background-hover-color: #9ad83d;
}

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: var(--spacing-4);
  width: 19em;
}

@media (min-width: 200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 500px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 1220px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 1px;
}

.bootstrap-datetimepicker-widget table th {
  height: var(--sizing-20);
  line-height: var(--sizing-20);
  width: var(--sizing-20);
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #cccccc;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #e6e6e6;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: var(--sizing-20);
  line-height: var(--sizing-20);
  color: #cccccc;
}

.bootstrap-datetimepicker-widget table td.day {
  height: var(--sizing-20);
  line-height: var(--sizing-20);
  width: var(--sizing-20);
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #e6e6e6;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #cccccc;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #b3e3ff;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: var(--spacing-4);
  right: var(--spacing-4);
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #b3e3ff;
  color: #82d1ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #cccccc;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 1px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #e6e6e6;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #b3e3ff;
  color: #82d1ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #cccccc;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #cccccc;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.ismandatory .w-attr-container__label:before {
  color: #da2935;
  font: Header3 Book;
  vertical-align: middle;
}

/*Picker */
tasy-wdatetimepicker {
  display: block;
}

.pickerRootContainer {
  border: 1px solid #eaeaea;
  box-shadow: 1px 1px 1px 1px #eaeaea;
  margin: var(--spacing-8);
}

.pickerCont-bottom:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 15%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-bottom-color: #ffffff;
  margin-left: calc(var(--spacing-28) * -1);
}

.pickerCont-top:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 15%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-top-color: #ffffff;
  margin-left: calc(var(--spacing-28) * -1);
}

.pickerCont-left:after {
  content: "";
  position: absolute;
  bottom: 85%;
  right: 0%;
  height: var(--sizing-40);
  width: var(--sizing-40);
  background-color: #ffffff;
  margin-left: calc(var(--spacing-20) * -1);
  margin-bottom: calc(var(--spacing-20) * -1);
  z-index: -1;
  box-shadow: 0 0 5px #CCC;
  transform: rotate(45deg);
}

.pickerCont-right:after {
  content: "";
  position: absolute;
  bottom: 93%;
  right: 90%;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  margin-left: calc(var(--spacing-20) * -1);
  margin-bottom: calc(var(--spacing-20) * -1);
  z-index: -1;
  box-shadow: 0 0 5px #CCC;
  transform: rotate(45deg);
}

.pickerContent {
  background-color: white;
  padding: var(--spacing-28);
}

.pickerContent-TimePicker {
  background-color: white;
  padding: var(--spacing-28);
}

.pickerDayCont {
  width: 225px;
  min-height: 260px;
}

.pickerMonthCont {
  width: 225px;
  min-height: 260px;
}

.pickerYearCont {
  width: 225px;
  min-height: 260px;
}

.pickerPopUp {
  border-radius: 5px;
  border: none;
  padding: 0px;
  margin: 0px;
  background-color: white;
}

.pickerTimeCont {
  padding: var(--spacing-40) var(--spacing-20) var(--spacing-20) var(--spacing-40);
  overflow: hidden;
}

.pickerTimeCell {
  float: left;
  padding: var(--spacing-4);
}

.pickerTimeCell-Increment, .pickerTimeCell-Increment:hover {
  background: url("/assets/framework/images/components/w-datetime-picker/time_picker_plus.svg") no-repeat center;
  display: block;
  width: 52px;
  height: 52px;
  font-size: 45px;
  text-align: center;
  background-color: #e6e6e6;
  color: #333333;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerTimeCell-Decrement {
  background: url("/assets/framework/images/components/w-datetime-picker/time_picker_minus.svg") no-repeat center;
  display: block;
  width: 52px;
  height: 52px;
  font-size: 45px;
  text-align: center;
  background-color: #e6e6e6;
  color: #333333;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerTimeCell-txt {
  width: 52px;
  height: 52px;
  font-size: 24px;
  text-align: center;
  color: #333333;
  font-family: "CentraleSansCndBook";
  border: 1px solid #e6e6e6;
  cursor: pointer;
  line-height: 52px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerTimeCell-AMPM {
  width: 52px;
  height: 52px;
  font-size: var(--font-size-subtitle);
  line-height: 52px;
  text-align: center;
  color: #333333;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-family: "CentraleSansCndBook";
}

.pickerTimeCell-AMPM-Selected {
  width: 52px;
  height: 52px;
  font-size: var(--font-size-subtitle);
  line-height: 52px;
  text-align: center;
  color: #333333;
  background-color: #ddecfe;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-family: "CentraleSansCndBook";
}

.pickerToday {
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  text-align: center;
  cursor: pointer;
  padding-bottom: var(--spacing-20);
  font-family: Caption 1 Book;
  font-size: var(--font-size-subtitle);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerToday-TimeOnly {
  font-family: "CentraleSansCndMedium";
  color: #0096ed;
  text-align: center;
  cursor: pointer;
  padding-bottom: var(--spacing-20);
  font-family: Caption 1 Book;
  font-size: var(--font-size-subtitle);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerCell {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #333333;
  line-height: var(--font-size-header-3);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-User-Selected {
  background-color: #b2e2ff;
}

.pickerCell-User-Range-Head {
  background-color: #82d1ff;
  border: none !important;
}

.pickerCell-User-Range {
  background-color: #b3e3ff;
  border: none !important;
}

.pickerCell-Holiday {
  color: #e86c00;
}

.pickerCell-Holiday-Cont {
  color: #e86c00;
  height: var(--sizing-20);
  cursor: pointer;
  width: 200px;
  word-wrap: break-word;
}

.pickerCell-ReadOnly {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #8c8c8c;
  line-height: var(--font-size-header-3);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-ReadOnly-Date {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #a6a6a6;
  line-height: var(--font-size-header-3);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-ReadOnly-Day_Navig {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #a6a6a6;
  line-height: var(--font-size-header-3);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-ReadOnly-Day_Navig:HOVER {
  cursor: pointer;
  background-color: #f2f2f2;
}

.pickerCell-Month {
  width: 55px;
  height: 55px;
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #333333;
  line-height: 55px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-Year {
  width: 55px;
  height: 55px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  line-height: 55px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  word-wrap: break-word;
  font-size: var(--font-size-body);
}

.pickerCell-Year-Multi {
  width: 55px;
  height: 55px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
  padding: 10px;
}

.pickerCell:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Month:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Year:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Year-Multi:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Today {
  border: 1px solid #0096ed;
}

.pickerDay-month-header {
  overflow: hidden;
  padding: 10px;
}

.btnMonthLeftNavig {
  height: var(--sizing-20);
  width: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
}

.btnMonthRightNavig {
  height: var(--sizing-20);
  width: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
}

.lblMonthHeader-Cont {
  width: 185px;
  float: left;
}

.lblMonthHeader {
  font-family: "CentraleSansCndBook";
  text-align: center;
  color: #333333;
  font-size: var(--font-size-subtitle);
  height: var(--sizing-20);
  margin: auto;
}

.lblMonthHeader:HOVER {
  cursor: pointer;
  background-color: #f2f2f2;
}

.pickerDay-container {
  overflow: hidden;
  padding-bottom: var(--spacing-16);
  width: 225px;
}

.pickerBox {
  cursor: pointer;
  height: 30px;
  border-width: 1px;
  border-style: solid;
}

.pickerHolidaysCont {
  border-top: 1px #d9d9d9 solid;
  width: 50%;
}

.lblSpinnerHeader {
  text-align: center;
  float: left;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  color: #333333;
  width: 200px;
  padding-top: 2px;
}

.btnSpinnerLeftNavig {
  float: left;
  height: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
  float: left;
  padding-left: 0 var(--spacing-8);
  width: 35px;
}

.btnSpinnerRightNavig {
  float: left;
  height: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
  float: right;
  padding: 0 var(--spacing-8);
  width: 35px;
}

.calendarButton {
  float: left;
  height: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/date_picker_icon.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
}

/**************************
        START: Week Spinner
***************************/
.pickerWeek-ControlContainer {
  float: left;
  width: 175px;
  padding-top: 5px;
}

.pickerDate-Container {
  float: left;
}

.pickerWeek-RangeLbl {
  color: #0096ed;
  font-family: "CentraleSansCndMedium";
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  -moz-user-select: none;
  line-height: 1.0625rem;
}

/**************************
        END: Week Spinner
***************************/
.dateBoxPickerBtn-DateOnly {
  background-image: url("/assets/framework/images/components/w-datetime-picker/date_picker_icon.svg");
  background-repeat: no-repeat;
  border: none;
  height: var(--sizing-20);
  width: var(--sizing-20);
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-left: 3px;
}

.dateBoxPickerBtn-TimeOnly {
  background-image: url("/assets/framework/images/components/w-datetime-picker/time_picker_icon.svg");
  background-repeat: no-repeat;
  border: none;
  height: var(--sizing-20);
  width: var(--sizing-20);
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-left: 3px;
}

.dateBoxPickerBtn {
  background-image: url("/assets/framework/images/components/w-datetime-picker/time_picker_icon.svg"), url("/assets/framework/images/components/w-datetime-picker/date_picker_icon.svg");
  background-repeat: no-repeat;
  background-position: right top, left top;
  border: none;
  height: var(--sizing-20);
  width: var(--sizing-40);
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-left: 3px;
}

.datepickerLabel {
  padding: var(--spacing-20) var(--spacing-20) var(--spacing-20) 0px;
  font-weight: bold;
  color: gray;
}

.datepickerLabel-Header {
  padding: var(--spacing-20) var(--spacing-20) var(--spacing-20) 0px;
  font-weight: bold;
  font-size: 20px;
}

.maskedInputContainer {
  border: inset 1px #bababa;
  border-collapse: initial;
  float: left;
}

.dateSpinner {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.dateSpinnerTextBox {
  border: none !important;
}

.dateSpinnerClient {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.dateSpinnerCalendarButton {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 6%;
      flex: 1 1 6%;
  border-left: 1px solid #ccc !important;
}

.pickerDateBox {
  border: none !important;
  border-right: solid 1px #bababa !important;
  height: 30px;
  float: left;
  font-size: var(--font-size-subtitle) !important;
  font-family: "CentraleSansCndBook" !important;
  color: #333333 !important;
  padding: var(--spacing-4) !important;
}

.maskedInputContainer-InValid {
  border: inset 1px #f5a55e;
  float: left;
}

.pickerDateBox-InValid {
  border: none !important;
  border-right: solid 1px #e86c00 !important;
  height: 30px;
  float: left;
  font-size: 16px !important;
  font-family: "CentraleSansCndBook" !important;
  color: #333333 !important;
  padding: var(--spacing-4) !important;
}

.pickerDateBox-InValid-Lbl {
  float: left;
  color: #e86c00;
  padding: 5px 5px 5px 0px;
  width: 200px;
  height: var(--sizing-20);
}

.pickerMaskedInput-Wrapper {
  overflow: hidden;
  height: 50px;
}

.pickerDateSpinner-Cont {
  height: 30px;
  padding: var(--spacing-4);
  border-right: solid 1px #bababa;
}

.pickerInput-MandatoryLbl {
  color: #cb5052;
  font-size: 46px;
  padding: 0px;
  height: var(--sizing-20);
  float: left;
}

.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: var(--spacing-8);
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: var(--spacing-8) 0 var(--spacing-8) var(--spacing-8);
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: var(--sizing-20);
  vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: var(--sizing-20);
  min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: var(--font-size-caption);
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: var(--font-size-body);
  line-height: 1.4285714285714286rem;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: var(--font-size-caption);
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: var(--spacing-8);
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: var(--sizing-20);
  border-radius: 3px;
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: var(--font-size-caption);
  font-weight: 300;
  color: #82878c;
  height: var(--sizing-28);
  position: relative;
  padding: var(--spacing-4) 17px var(--spacing-4) 33px;
  border: 1px solid #d7d8da;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
  /* IE6-9 */
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

.xdsoft_datetimepicker .xdsoft_calendar td {
  height: 25px;
  width: var(--sizing-32);
}

.dtp-highlighted {
  background-color: #B3E3FF !important;
  border: medium none !important;
}

.dtp-highlighted-Head {
  background-color: #82D1FF !important;
  border: medium none !important;
}

.ismandatory .w-attr-container__label:before {
  color: #da2935;
  font: Header3 Book;
  vertical-align: middle;
}

/*Picker */
tasy-wdatetimepicker {
  display: block;
}

.datetimepicker_table {
  width: 100%;
}

.pickerRootContainer {
  border: 1px solid #eaeaea;
  box-shadow: 1px 1px 1px 1px #eaeaea;
  margin: calc(var(--spacing-8) * -1);
}

@media (min-width: 3840px) {
  .pickerRootContainer {
    border: 2px solid #eaeaea;
    box-shadow: 2px 2px 2px 2px #eaeaea;
  }
}

.pickerCont-bottom:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 15%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-bottom-color: #ffffff;
  margin-left: calc(var(--spacing-28) * -1);
}

@media (min-width: 3840px) {
  .pickerCont-bottom:before {
    border: var(--spacing-16) solid transparent;
  }
}

.pickerCont-top:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 15%;
  height: 0;
  width: 0;
  border: 15px solid transparent;
  border-top-color: #ffffff;
  margin-left: calc(var(--spacing-28) * -1);
}

@media (min-width: 3840px) {
  .pickerCont-top:before {
    border: var(--spacing-16) solid transparent;
  }
}

.pickerCont-left:after {
  content: "";
  position: absolute;
  bottom: 85%;
  right: 0%;
  height: var(--sizing-40);
  width: var(--sizing-40);
  background-color: #ffffff;
  margin-left: calc(var(--spacing-20) * -1);
  margin-bottom: calc(var(--spacing-20) * -1);
  z-index: -1;
  box-shadow: 0 0 5px #CCC;
  transform: rotate(45deg);
}

@media (min-width: 3840px) {
  .pickerCont-left:after {
    box-shadow: 0 0 var(--sizing-8) #CCC;
  }
}

.pickerCont-right:after {
  content: "";
  position: absolute;
  bottom: 93%;
  right: 90%;
  height: 30px;
  width: 30px;
  background-color: #ffffff;
  margin-left: calc(var(--spacing-20) * -1);
  margin-bottom: calc(var(--spacing-20) * -1);
  z-index: -1;
  box-shadow: 0 0 5px #CCC;
  transform: rotate(45deg);
}

@media (min-width: 3840px) {
  .pickerCont-right:after {
    height: var(--sizing-32);
    width: var(--sizing-32);
    box-shadow: 0 0 var(--sizing-8) #CCC;
  }
}

.pickerContent {
  background-color: white;
  padding: var(--spacing-28);
}

.pickerContent-TimePicker {
  background-color: white;
  padding: var(--spacing-28);
}

.pickerDayCont {
  width: 225px;
  min-height: 260px;
}

.pickerMonthCont {
  width: 225px;
  min-height: 260px;
}

.pickerYearCont {
  width: 225px;
  min-height: 260px;
}

.pickerPopUp {
  border-radius: 5px;
  border: none;
  padding: 0px;
  margin: 0px;
  background-color: white;
}

@media (min-width: 3840px) {
  .pickerPopUp {
    border-radius: var(--sizing-8);
  }
}

.pickerTimeCont {
  padding: var(--spacing-40) var(--spacing-20) var(--spacing-20) var(--spacing-40);
  overflow: hidden;
}

.pickerTimeCell {
  float: left;
  padding: var(--spacing-4);
}

.pickerTimeCell-Increment, .pickerTimeCell-Increment:hover {
  background: url("/assets/framework/images/components/w-datetime-picker/time_picker_plus.svg") no-repeat center;
  display: block;
  width: 52px;
  height: 52px;
  font-size: 45px;
  text-align: center;
  background-color: #e6e6e6;
  color: #333333;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

@media (min-width: 3840px) {
  .pickerTimeCell-Increment, .pickerTimeCell-Increment:hover {
    width: var(--sizing-48);
    height: var(--sizing-48);
    font-size: var(--font-size-header-1);
    border: 2px solid #e6e6e6;
  }
}

.pickerTimeCell-Decrement {
  background: url("/assets/framework/images/components/w-datetime-picker/time_picker_minus.svg") no-repeat center;
  display: block;
  width: 52px;
  height: 52px;
  font-size: 45px;
  text-align: center;
  background-color: #e6e6e6;
  color: #333333;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

@media (min-width: 3840px) {
  .pickerTimeCell-Decrement {
    width: var(--sizing-48);
    height: var(--sizing-48);
    font-size: var(--font-size-header-1);
    border: 2px solid #e6e6e6;
  }
}

.pickerTimeCell-txt {
  width: 52px;
  height: 52px;
  font-size: var(--font-size-header-4);
  text-align: center;
  color: #333333;
  font-family: "CentraleSansCndBook";
  border: 1px solid #e6e6e6;
  cursor: pointer;
  line-height: 52px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

@media (min-width: 3840px) {
  .pickerTimeCell-txt {
    width: var(--sizing-48);
    height: var(--sizing-48);
    border: 2px solid #e6e6e6;
  }
}

.pickerTimeCell-AMPM {
  width: 52px;
  height: 52px;
  font-size: var(--font-size-subtitle);
  line-height: 52px;
  text-align: center;
  color: #333333;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-family: "CentraleSansCndBook";
}

@media (min-width: 3840px) {
  .pickerTimeCell-AMPM {
    width: var(--sizing-48);
    height: var(--sizing-48);
  }
}

.pickerTimeCell-AMPM-Selected {
  width: 52px;
  height: 52px;
  font-size: var(--font-size-subtitle);
  line-height: 52px;
  text-align: center;
  color: #333333;
  background-color: #ddecfe;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-family: "CentraleSansCndBook";
}

@media (min-width: 3840px) {
  .pickerTimeCell-AMPM-Selected {
    width: var(--sizing-48);
    height: var(--sizing-48);
    line-height: var(--sizing-48);
  }
}

.pickerToday {
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  text-align: center;
  cursor: pointer;
  padding-bottom: var(--spacing-20);
  font-family: Caption 1 Book;
  font-size: var(--font-size-subtitle);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerToday-TimeOnly {
  font-family: "CentraleSansCndMedium";
  color: #0096ed;
  text-align: center;
  cursor: pointer;
  padding-bottom: var(--spacing-20);
  font-family: Caption 1 Book;
  font-size: var(--font-size-subtitle);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
}

.pickerCell {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #333333;
  line-height: var(--font-size-header-3);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-User-Selected {
  background-color: #b2e2ff;
}

.pickerCell-User-Range-Head {
  background-color: #82d1ff;
  border: none !important;
}

.pickerCell-User-Range {
  background-color: #b3e3ff;
  border: none !important;
}

.pickerCell-Holiday {
  color: #e86c00;
}

.pickerCell-Holiday-Cont {
  color: #e86c00;
  height: var(--sizing-20);
  cursor: pointer;
  width: 200px;
  word-wrap: break-word;
}

.pickerCell-ReadOnly {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #8c8c8c;
  line-height: var(--font-size-header-3);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-ReadOnly-Date {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #a6a6a6;
  line-height: var(--font-size-header-3);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-ReadOnly-Day_Navig {
  width: var(--sizing-32);
  height: var(--sizing-32);
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #a6a6a6;
  line-height: var(--font-size-header-3);
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

.pickerCell-ReadOnly-Day_Navig:HOVER {
  cursor: pointer;
  background-color: #f2f2f2;
}

.pickerCell-Month {
  width: 55px;
  height: 55px;
  text-align: center;
  font-family: "CentraleSansCndBook";
  color: #333333;
  line-height: 55px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .pickerCell-Month {
    width: 110px;
    height: 110px;
    line-height: 110px;
  }
}

.pickerCell-Year {
  width: 55px;
  height: 55px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  line-height: 55px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  word-wrap: break-word;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .pickerCell-Year {
    width: 110px;
    height: 110px;
    line-height: 110px;
  }
}

.pickerCell-Year-Multi {
  width: 55px;
  height: 55px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -user-select: none;
  font-size: var(--font-size-body);
  padding: 10px;
}

.pickerCell:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Month:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Year:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Year-Multi:HOVER {
  background-color: #f2f2f2;
}

.pickerCell-Today {
  border: 1px solid #0096ed;
}

.pickerDay-month-header {
  overflow: hidden;
  padding: 10px;
}

@media (min-width: 3840px) {
  .pickerDay-month-header {
    padding: var(--spacing-12);
  }
}

.btnMonthLeftNavig {
  height: var(--sizing-32);
  width: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
}

.btnMonthRightNavig {
  height: var(--sizing-32);
  width: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
}

.lblMonthHeader-Cont {
  width: 185px;
  float: left;
}

.lblMonthHeader {
  font-family: "CentraleSansCndBook";
  text-align: center;
  color: #333333;
  font-size: var(--font-size-subtitle);
  height: var(--sizing-20);
  margin: auto;
}

.lblMonthHeader:HOVER {
  cursor: pointer;
  background-color: #f2f2f2;
}

.pickerDay-container {
  overflow: hidden;
  padding-bottom: var(--spacing-16);
  width: 225px;
}

.pickerBox {
  cursor: pointer;
  height: 30px;
  border-width: 1px;
  border-style: solid;
}

.pickerBox-first {
  font-weight: bold;
}

.pickerHolidaysCont {
  border-top: 1px #d9d9d9 solid;
  width: 50%;
}

.lblSpinnerHeader {
  text-align: center;
  float: left;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  color: #333333;
  width: 200px;
  padding-top: 2px;
}

@media (min-width: 3840px) {
  .lblSpinnerHeader {
    padding-top: 4px;
  }
}

.btnSpinnerLeftNavig {
  float: left;
  height: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
  float: left;
  padding-left: 0 var(--spacing-8);
  width: 35px;
}

.btnSpinnerRightNavig {
  float: left;
  height: var(--sizing-20);
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
  float: right;
  padding: 0 var(--spacing-8);
  width: 35px;
}

@media (min-width: 3840px) {
  .btnSpinnerRightNavig {
    width: var(--sizing-32);
  }
}

.calendarButton {
  float: left;
  height: var(--sizing-20);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI5LjAzOCIgY3k9IjguOTYzIiByPSI2Ljk2MiIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjAzNyIgeTE9IjMuODY4IiB4Mj0iOS4wMzciIHkyPSI5LjQyMSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjcwOCIgeTE9IjkuMjMiIHgyPSI1Ljk4OSIgeTI9IjguMTQ4Ii8+PC9nPjwvc3ZnPg==) no-repeat center;
  border: none;
  font-weight: bold;
  text-align: center;
  font-size: var(--font-size-header-5);
  cursor: pointer;
}

/**************************
        START: Week Spinner
***************************/
.pickerWeek-ControlContainer {
  float: left;
  width: 175px;
  padding-top: 5px;
}

.pickerDate-Container {
  float: left;
}

.pickerWeek-RangeLbl {
  color: #0096ed;
  font-family: "CentraleSansCndMedium";
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  -moz-user-select: none;
  line-height: 1.0625rem;
}

/**************************
        END: Week Spinner
***************************/
.dateBoxPickerBtn-DateOnly {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0xNi4zMTYsMTUuNTdjMCwwLjUzMy0wLjQzNywwLjk2OS0wLjk2OSwwLjk2OUgyLjI4NGMtMC41MzIsMC0wLjk2OC0wLjQzNi0wLjk2OC0wLjk2OVYyLjUwN2MwLTAuNTMyLDAuNDM2LTAuOTY4LDAuOTY4LTAuOTY4aDEzLjA2NGMwLjUzMiwwLDAuOTY5LDAuNDM2LDAuOTY5LDAuOTY4VjE1LjU3eiIvPjxyZWN0IHg9IjIuMDY1IiB5PSI2LjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjUuNTY1IiB5PSI2LjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjkuMDY1IiB5PSI2LjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyLjU2NSIgeT0iNi4yNzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIyLjA2NSIgeT0iOC43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI1LjU2NSIgeT0iOC43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI5LjA2NSIgeT0iOC43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIxMi41NjUiIHk9IjguNzcyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iMi4wNjUiIHk9IjExLjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjUuNTY1IiB5PSIxMS4yNzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI5LjA2NSIgeT0iMTEuMjcyIiBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iMTIuNTY1IiB5PSIxMS4yNzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIyLjA2NSIgeT0iMTMuNzcyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iNS41NjUiIHk9IjEzLjc3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjkuMDY1IiB5PSIxMy43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIxMi41NjUiIHk9IjEzLjc3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  border: none;
  height: var(--sizing-20);
  width: var(--sizing-20);
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-left: 3px;
}

@media (min-width: 3840px) {
  .dateBoxPickerBtn-DateOnly {
    margin-top: 12px;
    margin-left: 6px;
  }
}

.dateBoxPickerBtn-TimeOnly {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI5LjAzOCIgY3k9IjguOTYzIiByPSI2Ljk2MiIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjAzNyIgeTE9IjMuODY4IiB4Mj0iOS4wMzciIHkyPSI5LjQyMSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjcwOCIgeTE9IjkuMjMiIHgyPSI1Ljk4OSIgeTI9IjguMTQ4Ii8+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  border: none;
  height: var(--sizing-20);
  width: var(--sizing-20);
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-left: 3px;
}

@media (min-width: 3840px) {
  .dateBoxPickerBtn-TimeOnly {
    margin-top: 12px;
    margin-left: 6px;
  }
}

.dateBoxPickerBtn {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODg4ODg4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI5LjAzOCIgY3k9IjguOTYzIiByPSI2Ljk2MiIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjAzNyIgeTE9IjMuODY4IiB4Mj0iOS4wMzciIHkyPSI5LjQyMSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5LjcwOCIgeTE9IjkuMjMiIHgyPSI1Ljk4OSIgeTI9IjguMTQ4Ii8+PC9nPjwvc3ZnPg==), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTggMTgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0xNi4zMTYsMTUuNTdjMCwwLjUzMy0wLjQzNywwLjk2OS0wLjk2OSwwLjk2OUgyLjI4NGMtMC41MzIsMC0wLjk2OC0wLjQzNi0wLjk2OC0wLjk2OVYyLjUwN2MwLTAuNTMyLDAuNDM2LTAuOTY4LDAuOTY4LTAuOTY4aDEzLjA2NGMwLjUzMiwwLDAuOTY5LDAuNDM2LDAuOTY5LDAuOTY4VjE1LjU3eiIvPjxyZWN0IHg9IjIuMDY1IiB5PSI2LjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjUuNTY1IiB5PSI2LjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjkuMDY1IiB5PSI2LjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyLjU2NSIgeT0iNi4yNzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIyLjA2NSIgeT0iOC43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI1LjU2NSIgeT0iOC43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI5LjA2NSIgeT0iOC43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIxMi41NjUiIHk9IjguNzcyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iMi4wNjUiIHk9IjExLjI3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjUuNTY1IiB5PSIxMS4yNzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI5LjA2NSIgeT0iMTEuMjcyIiBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iMTIuNTY1IiB5PSIxMS4yNzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIyLjA2NSIgeT0iMTMuNzcyIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMyIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iNS41NjUiIHk9IjEzLjc3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjkuMDY1IiB5PSIxMy43NzIiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIxMi41NjUiIHk9IjEzLjc3MiIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjMiIGhlaWdodD0iMiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right top, left top;
  border: none;
  height: var(--sizing-20);
  width: var(--sizing-40);
  cursor: pointer;
  float: left;
  margin-top: 6px;
  margin-left: 3px;
}

@media (min-width: 3840px) {
  .dateBoxPickerBtn {
    margin-top: 12px;
    margin-left: 6px;
  }
}

.datepickerLabel {
  padding: var(--spacing-20) var(--spacing-20) var(--spacing-20) 0px;
  font-weight: bold;
  color: gray;
}

.datepickerLabel-Header {
  padding: var(--spacing-20) var(--spacing-20) var(--spacing-20) 0px;
  font-weight: bold;
  font-size: 20px;
}

@media (min-width: 3840px) {
  .datepickerLabel-Header {
    font-size: var(--font-size-header-3);
  }
}

.maskedInputContainer {
  border: inset 1px #bababa;
  border-collapse: initial;
  float: left;
}

.dateSpinner {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.dateSpinnerTextBox {
  border: none !important;
}

.dateSpinnerClient {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}

.dateSpinnerCalendarButton {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 6%;
      flex: 1 1 6%;
  border-left: 1px solid #ccc !important;
}

.pickerDateBox {
  border: none !important;
  border-right: solid 1px #bababa !important;
  height: 30px;
  float: left;
  font-size: var(--font-size-subtitle) !important;
  font-family: "CentraleSansCndBook" !important;
  color: #333333 !important;
  padding: var(--spacing-4) !important;
}

@media (min-width: 3840px) {
  .pickerDateBox {
    height: var(--sizing-32);
  }
}

.maskedInputContainer-InValid {
  border: inset 1px #f5a55e;
  float: left;
}

.pickerDateBox-InValid {
  border: none !important;
  border-right: solid 1px #e86c00 !important;
  height: 30px;
  float: left;
  font-size: var(--font-size-subtitle) !important;
  font-family: "CentraleSansCndBook" !important;
  color: #333333 !important;
  padding: var(--spacing-4) !important;
}

@media (min-width: 3840px) {
  .pickerDateBox-InValid {
    height: var(--sizing-32);
  }
}

.pickerDateBox-InValid-Lbl {
  float: left;
  color: #e86c00;
  padding: 5px 5px 5px 0px;
  width: 200px;
  height: var(--sizing-20);
}

@media (min-width: 3840px) {
  .pickerDateBox-InValid-Lbl {
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) 0;
  }
}

.pickerMaskedInput-Wrapper {
  overflow: hidden;
  height: 50px;
}

@media (min-width: 3840px) {
  .pickerMaskedInput-Wrapper {
    height: var(--sizing-48);
  }
}

.pickerDateSpinner-Cont {
  height: 30px;
  padding: var(--spacing-4);
  border-right: solid 1px #bababa;
}

@media (min-width: 3840px) {
  .pickerDateSpinner-Cont {
    height: var(--sizing-32);
    border-right: solid 2px #bababa;
  }
}

.pickerInput-MandatoryLbl {
  color: #cb5052;
  font-size: 46px;
  padding: 0px;
  height: var(--sizing-20);
  float: left;
}

@media (min-width: 3840px) {
  .pickerInput-MandatoryLbl {
    font-size: var(--font-size-header-1);
  }
}

.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: var(--spacing-8);
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 10000;
  box-sizing: border-box;
  display: none;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker {
    box-shadow: 0 var(--spacing-4) var(--spacing-16) calc(var(--spacing-4) * -1) rgba(0, 0, 0, 0.506);
    border-bottom: 2px solid #bbb;
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-top: 2px solid #ccc;
    padding-top: 4px;
  }
}

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: var(--spacing-8) 0 var(--spacing-8) var(--spacing-8);
}

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_noselect::selection {
  background: transparent;
}

.xdsoft_noselect::-moz-selection {
  background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.xdsoft_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: var(--spacing-8);
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: var(--spacing-8);
  margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: var(--spacing-8);
  margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: var(--spacing-8);
  margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: var(--spacing-8);
  margin-bottom: 3px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-bottom: 6px;
  }
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: var(--sizing-20);
  vertical-align: middle;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_label i {
    width: var(--sizing-8);
  }
}

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_today_button {
    margin-left: var(--spacing-4);
  }
}

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: var(--sizing-20);
  min-width: 0;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_next,
  .xdsoft_datetimepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_today_button {
    height: var(--sizing-32);
  }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    height: var(--sizing-16);
    width: var(--sizing-32);
    margin-left: var(--sizing-16);
    margin-top: var(--sizing-8);
  }
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
  .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    margin-right: var(--spacing-16);
  }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin-bottom: var(--spacing-8);
  }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: var(--font-size-caption);
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    height: var(--sizing-24);
    line-height: var(--font-size-header-4);
  }
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: var(--font-size-body);
  line-height: 1.4285714285714286rem;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_label {
    padding: 10px 6px;
  }
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 4px 20px 4px 10px;
  }
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    box-shadow: #178fe5 0 2px 6px 0 inset;
  }
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
  width: var(--sizing-48);
  margin-left: 5px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_year {
    margin-left: 10px;
  }
}

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 10px;
  }
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar th {
    height: var(--sizing-24);
  }
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: var(--font-size-caption);
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    height: var(--sizing-24);
    border: 2px solid #ddd;
  }
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    box-shadow: #ffb871 0 2px 8px 0 inset;
  }
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    box-shadow: #ffb871 0 2px 8px 0 inset;
  }
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    box-shadow: #ffb871 0 2px 6px 0 inset;
  }
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    box-shadow: #ffb871 0 2px 6px 0 inset;
  }
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: var(--spacing-8);
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_copyright {
    font-size: var(--font-size-caption);
  }
}

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}

@media (min-width: 3840px) {
  .xdsoft_time_box {
    border: 1px solid #ccc;
  }
}

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: var(--sizing-20);
  border-radius: 3px;
}

@media (min-width: 3840px) {
  .xdsoft_scrollbar > .xdsoft_scroller {
    border-radius: 6px;
  }
}

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}

.xdsoft_scroller_box {
  position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 10px var(--spacing-16) -10px rgba(255, 255, 255, 0.506);
  }
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_save_selected {
    margin-top: 10px;
    font-size: var(--font-size-body);
  }
}

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: var(--font-size-caption);
  font-weight: 300;
  color: #82878c;
  height: var(--sizing-28);
  position: relative;
  padding: var(--spacing-4) 17px var(--spacing-4) 33px;
  border: 1px solid #d7d8da;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
  /* IE6-9 */
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .blue-gradient-button {
    padding-right: var(--spacing-16);
    padding-left: var(--spacing-32);
  }
}

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

.xdsoft_datetimepicker .xdsoft_calendar td {
  height: 25px;
  width: var(--sizing-32);
}

@media (min-width: 3840px) {
  .xdsoft_datetimepicker .xdsoft_calendar td {
    height: var(--sizing-24);
  }
}

.dtp-highlighted {
  background-color: #B3E3FF !important;
  border: medium none !important;
}

.dtp-highlighted-Head {
  background-color: #82D1FF !important;
  border: medium none !important;
}

.w-dt_result__button:disabled {
  background-color: #ffffff !important;
}

.w-dtpkr_clickable {
  cursor: pointer;
}

.datetimepicker-container {
  position: relative;
  padding: 0;
  margin: 0;
}

.datetimepicker-container .w-container-input {
  position: relative;
}

.datetimepicker-container .w-container-input .datetimepicker-tz-label {
  position: absolute;
  right: 0px;
  margin-right: 15px;
}

@media (min-width: 3840px) {
  .datetimepicker-container .w-container-input .datetimepicker-tz-label {
    margin-right: var(--spacing-16);
  }
}

.datetimepicker-container .w-container-input .datetimepicker-tz-label span {
  background-color: #90d6ff8a;
  color: black;
  text-align: center;
  border-radius: 16px;
  height: var(--sizing-20);
  font-size: var(--font-size-caption);
  padding: var(--spacing-4) 5px;
  width: var(--spacing-64);
}

@media (min-width: 3840px) {
  .datetimepicker-container .w-container-input .datetimepicker-tz-label span {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.datetimepicker-container .w-dt-result__arrow--right {
  position: absolute;
  right: 0px;
}

.datetimepicker-container-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .datetimepicker-container-privacy {
    margin: 0 var(--sizing-12);
  }
}

.picker_button_month {
  font-family: "CentraleSansCndBook";
  font-weight: bold;
  font-size: var(--font-size-body);
}

.picker_button_year {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
}

.dark-skin .datetimepicker-container .w-container-input {
  background-color: #383838;
}

w-draganddrop-field {
  position: absolute;
  border: 3px solid transparent;
  box-sizing: border-box;
  overflow: hidden;
  width: 100px;
  height: 32px;
  color: #333333;
  border-top: 1px solid #999999;
  border-left: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
}

w-draganddrop-field:hover,
w-draganddrop-field .draganddrop-field__resizable {
  border-color: #4286f4;
  cursor: move;
}

w-draganddrop-field .draganddrop-field__resizable .draganddrop-field__resizers {
  width: 100%;
  height: 100%;
  border: 3px solid #4286f4;
  box-sizing: border-box;
}

w-draganddrop-field .draganddrop-field__resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 3px solid #4286f4;
  background: #4286f4;
  position: absolute;
  top: -6px;
  left: -6px;
}

w-draganddrop-field .draganddrop-field__resizer.top-left {
  right: initial;
  left: -6px;
  cursor: nwse-resize;
}

w-draganddrop-field .draganddrop-field__resizer.top-right {
  left: initial;
  right: -6px;
  cursor: nesw-resize;
}

w-draganddrop-field .draganddrop-field__resizer.bottom-left {
  top: initial;
  bottom: -6px;
  cursor: nesw-resize;
}

w-draganddrop-field .draganddrop-field__resizer.bottom-right {
  top: initial;
  left: initial;
  bottom: -6px;
  right: -6px;
  cursor: nwse-resize;
}

.w-email {
  width: 500px;
  padding: 28px;
  background-color: #FFF;
}

.w-email__header {
  margin-bottom: 16px;
}

.w-email__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 16px;
}

.w-email tasy-wbutton + tasy-wbutton {
  margin-left: 16px;
}

.w-email .w-mdetail {
  padding: 0px;
}

.w-fieldset {
  margin-bottom: 28px;
}

.w-fieldset--collapsed .w-fieldset__title::after {
  transform: rotate(180deg);
}

.w-fieldset--collapsed .w-fieldset__content {
  display: none;
}

.w-fieldset__title {
  letter-spacing: 0.2px;
  color: #808080;
  -ms-flex-align: end;
      align-items: flex-end;
  border-bottom: 1px solid #333333;
  color: #333333;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  font-family: "CentraleSansCndBold";
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.w-fieldset__title::after {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==") bottom right no-repeat;
  content: '';
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 4px;
  margin-left: auto;
  width: 8px;
}

.w-fieldset__title__text {
  line-height: 16px;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-fieldset__title__infobutton {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 8px;
}

.w-fieldset__title__checkbox {
  margin-bottom: -2px;
}

.w-fieldset__title__checkbox .wcheckbox > .wcheckbox-div {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  margin-right: 0px;
}

.w-fieldset__title__checkbox .wcheckbox > .wcheckbox-div.enable:focus:after {
  border: none;
}

.w-fieldset__tooltip .tooltip-inner {
  max-width: 400px;
}

.w-fieldset__content {
  display: -ms-flexbox;
  display: flex;
}

wgrid,
.wgrid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

wgrid .wgrid-hide,
.wgrid .wgrid-hide {
  display: none !important;
}

wgrid .ui-grid,
.wgrid .ui-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: none;
  min-height: 100px;
  position: relative;
}

wgrid .ui-grid-header,
.wgrid .ui-grid-header {
  border-bottom: 1px solid #a6a6a6;
}

wgrid .ui-grid-top-panel,
.wgrid .ui-grid-top-panel {
  font-weight: initial;
  font-family: "CentraleSansCndBook";
  background: #e6e6e6;
  color: #808080;
  height: var(--sizing-28);
}

wgrid .ui-grid-viewport,
.wgrid .ui-grid-viewport {
  -ms-flex: 1;
      flex: 1;
  min-width: 100%;
  overflow: auto !important;
}

wgrid .ui-grid-render-container,
wgrid .ui-grid-contents-wrapper,
.wgrid .ui-grid-render-container,
.wgrid .ui-grid-contents-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
}

wgrid .ui-grid-pinned-container .ui-grid-render-container-left,
.wgrid .ui-grid-pinned-container .ui-grid-render-container-left {
  position: fixed;
  height: 100%;
}

wgrid .ui-grid-contents-wrapper,
.wgrid .ui-grid-contents-wrapper {
  padding: 0;
}

wgrid .ui-grid-cell,
.wgrid .ui-grid-cell {
  cursor: pointer;
  border: none;
}

wgrid .grid-number-col,
.wgrid .grid-number-col {
  text-align: right !important;
}

wgrid .ui-grid-menu-items,
.wgrid .ui-grid-menu-items {
  background-color: #ffffff;
  display: block;
  padding: 8px !important;
}

wgrid .ui-grid-menu-item,
.wgrid .ui-grid-menu-item {
  border: none !important;
  letter-spacing: 0.2px;
  color: #808080;
  color: #333333;
  font-family: "CentraleSansCndBook";
  box-shadow: none !important;
}

wgrid .ui-grid-menu-item > i,
.wgrid .ui-grid-menu-item > i {
  display: none !important;
}

wgrid .ui-grid-menu-item:not(.ui-grid-menu-item-active):hover,
.wgrid .ui-grid-menu-item:not(.ui-grid-menu-item-active):hover {
  box-shadow: initial !important;
  background-color: #f2f2f2 !important;
  cursor: pointer;
}

wgrid .ui-grid-menu-inner,
.wgrid .ui-grid-menu-inner {
  border: none !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

wgrid .ui-grid-menu-close-button,
.wgrid .ui-grid-menu-close-button {
  display: none !important;
}

wgrid .ui-grid-menu-item-active,
.wgrid .ui-grid-menu-item-active {
  background-color: #dcecff !important;
  box-shadow: initial !important;
}

wgrid .ui-grid-render-container-body .inline-edit-link,
.wgrid .ui-grid-render-container-body .inline-edit-link {
  display: none;
}

wgrid .ui-grid-canvas,
.wgrid .ui-grid-canvas {
  min-width: 100%;
  height: auto !important;
  padding-top: 0;
}

wgrid .ui-grid-canvas .new-record-visual-area,
.wgrid .ui-grid-canvas .new-record-visual-area {
  height: 31px !important;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
}

wgrid .ui-grid-canvas .new-record-visual-row-text,
.wgrid .ui-grid-canvas .new-record-visual-row-text {
  -ms-flex-align: center;
      align-items: center;
  font-style: italic;
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
}

wgrid .ui-grid-row:nth-child > .ui-grid-cell .ui-grid-cell,
.wgrid .ui-grid-row:nth-child > .ui-grid-cell .ui-grid-cell {
  background-color: transparent;
}

wgrid .ui-grid-row-hover,
.wgrid .ui-grid-row-hover {
  background-color: #f2f2f2 !important;
}

wgrid .ui-grid-render-container-body .ui-grid-row:hover,
.wgrid .ui-grid-render-container-body .ui-grid-row:hover {
  background-color: #f2f2f2;
}

wgrid .ui-grid-render-container-body .ui-grid-row:hover .inline-edit-link,
.wgrid .ui-grid-render-container-body .ui-grid-row:hover .inline-edit-link {
  display: block;
  width: 30px;
  height: 26px;
  position: fixed;
  right: 0;
  background: url("/assets/framework/images/pencil-grey.svg") no-repeat center;
  background-color: #f2f2f2;
}

wgrid .ui-grid-render-container-body .ui-grid-row:hover .inline-edit-active,
.wgrid .ui-grid-render-container-body .ui-grid-row:hover .inline-edit-active {
  display: none;
}

wgrid .ui-grid-render-container-body .ui-grid-row .inline-edit-link:hover,
.wgrid .ui-grid-render-container-body .ui-grid-row .inline-edit-link:hover {
  cursor: pointer;
  background: url("/assets/framework/images/pencil-blue.svg") no-repeat center !important;
  background-color: #f2f2f2 !important;
}

wgrid .ui-grid-row,
wgrid .ui-grid-cell,
wgrid .ui-grid-vertical-bar,
.wgrid .ui-grid-row,
.wgrid .ui-grid-cell,
.wgrid .ui-grid-vertical-bar {
  height: var(--sizing-28) !important;
}

wgrid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
.wgrid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: transparent;
}

wgrid .ui-grid-row,
.wgrid .ui-grid-row {
  border-bottom: 1px solid #d9d9d9;
}

wgrid .ui-grid-row-column-color,
.wgrid .ui-grid-row-column-color {
  border-right: 1px solid #d9d9d9 !important;
}

wgrid .ui-grid-row-selected,
.wgrid .ui-grid-row-selected {
  background-color: #f2f2f2;
}

wgrid:focus .ui-grid-row-selected,
.wgrid:focus .ui-grid-row-selected {
  background-color: #dcecff;
}

wgrid .ui-grid-header-cell,
.wgrid .ui-grid-header-cell {
  border-right: #bfbfbf solid 1px;
  border-top: none;
  border-left: none;
  display: block;
  float: left;
}

wgrid .ui-grid-header-cell > div,
.wgrid .ui-grid-header-cell > div {
  height: 100%;
}

wgrid .ui-grid-header-cell .legend-header-wrapper,
.wgrid .ui-grid-header-cell .legend-header-wrapper {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

wgrid .ui-grid-header-cell .ui-grid-cell-contents,
.wgrid .ui-grid-header-cell .ui-grid-cell-contents {
  padding: 7px var(--spacing-8);
}

wgrid .ui-grid-header-cell div[aria-sort="descending"],
wgrid .ui-grid-header-cell div[aria-sort="ascending"],
.wgrid .ui-grid-header-cell div[aria-sort="descending"],
.wgrid .ui-grid-header-cell div[aria-sort="ascending"] {
  color: #333333;
  font-family: "CentraleSansCndBold";
}

wgrid .ui-grid-header-cell .ui-grid-sort-priority-number,
.wgrid .ui-grid-header-cell .ui-grid-sort-priority-number {
  color: transparent !important;
}

wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons,
.wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons {
  opacity: 0.3;
  margin-right: -7px;
  box-shadow: inset 0px 0px 0px 1px #969696;
  top: 50%;
  left: 50%;
  height: 17px;
  background-color: white !important;
}

@media (min-width: 3840px) {
  wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons,
  .wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons {
    margin-right: calc(var(--spacing-8) * -1);
    height: var(--sizing-16);
  }
}

wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons.ui-grid-all-selected,
.wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
  opacity: 1 !important;
  color: black;
  border-color: transparent;
  background-color: transparent !important;
}

wgrid .ui-grid-header-cell .ui-grid-all-selected.ui-grid-selection-row-header-buttons:before,
.wgrid .ui-grid-header-cell .ui-grid-all-selected.ui-grid-selection-row-header-buttons:before {
  opacity: 1 !important;
}

wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons:before,
.wgrid .ui-grid-header-cell .ui-grid-selection-row-header-buttons:before {
  opacity: 0 !important;
}

wgrid .sortable:not(.movingColumn),
.wgrid .sortable:not(.movingColumn) {
  cursor: -webkit-grab;
}

wgrid .ui-grid-cell-contents,
.wgrid .ui-grid-cell-contents {
  height: 29px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-overflow: ellipsis;
  display: block;
  margin: initial;
  padding: var(--spacing-8);
}

@media (min-width: 3840px) {
  wgrid .ui-grid-cell-contents,
  .wgrid .ui-grid-cell-contents {
    height: var(--sizing-28);
  }
}

wgrid .ui-grid-cell-contents-privacy,
.wgrid .ui-grid-cell-contents-privacy {
  position: relative;
}

wgrid .ui-grid-cell-contents-privacy:before,
.wgrid .ui-grid-cell-contents-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: "";
  display: block;
  height: 6px;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

wgrid .ui-grid-cell-contents del,
.wgrid .ui-grid-cell-contents del {
  text-decoration: line-through;
}

wgrid .ui-grid-header-cell-label,
.wgrid .ui-grid-header-cell-label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis;
  margin-right: 3px;
  padding-top: 3px;
}

@media (min-width: 3840px) {
  wgrid .ui-grid-header-cell-label,
  .wgrid .ui-grid-header-cell-label {
    overflow: visible !important;
  }
}

wgrid .ui-grid-header-cell-primary-focus,
.wgrid .ui-grid-header-cell-primary-focus {
  display: -ms-flexbox;
  display: flex;
}

wgrid .ui-grid-column-menu-button,
.wgrid .ui-grid-column-menu-button {
  top: 50%;
  transform: translateY(-50%);
}

wgrid .ui-grid-pager-panel,
.wgrid .ui-grid-pager-panel {
  position: relative;
  width: 100% !important;
  height: 20px;
}

wgrid .ui-grid-empty-container,
wgrid .ui-grid-custom-empty-container,
.wgrid .ui-grid-empty-container,
.wgrid .ui-grid-custom-empty-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

wgrid .ui-grid-empty-container,
.wgrid .ui-grid-empty-container {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background: white;
  z-index: 1;
}

wgrid .ui-grid-empty-msg,
.wgrid .ui-grid-empty-msg {
  letter-spacing: 0.2px;
  color: #808080;
  color: #666666;
  margin-bottom: var(--spacing-16);
  font-size: var(--font-size-subtitle);
}

wgrid.with-legend .legend-cell,
.wgrid.with-legend .legend-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

wgrid.with-legend .legend-cell-status,
.wgrid.with-legend .legend-cell-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  white-space: nowrap;
}

wgrid.with-legend .legend-cell-status div:first,
.wgrid.with-legend .legend-cell-status div:first {
  padding-left: 16px !important;
}

wgrid.with-legend .legend-cell-status.justify-left,
.wgrid.with-legend .legend-cell-status.justify-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

wgrid.with-legend .legend-cell-status-labeled,
.wgrid.with-legend .legend-cell-status-labeled {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  white-space: nowrap;
  margin-left: 16px;
}

wgrid.with-legend .legend-cell-status-left,
.wgrid.with-legend .legend-cell-status-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  white-space: nowrap;
  float: left;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-left: 16px;
}

wgrid.with-legend .legend-cell-label,
.wgrid.with-legend .legend-cell-label {
  letter-spacing: 0.2px;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-left: 8px;
}

wgrid.with-legend .priority-legend-cell-label,
.wgrid.with-legend .priority-legend-cell-label {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBook";
  color: #1a1a1a;
  padding-left: 5px;
}

wgrid.with-legend .legend-cell-tape,
.wgrid.with-legend .legend-cell-tape {
  width: 8px;
  height: calc(100% - 1px);
  margin-right: 8px;
}

wgrid.with-legend .legend-cell-circle,
.wgrid.with-legend .legend-cell-circle {
  -ms-flex-positive: 0;
      flex-grow: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  min-width: 16px;
}

wgrid.with-legend .legend-image-cell,
.wgrid.with-legend .legend-image-cell {
  width: 24px;
  height: 24px;
  min-width: 24px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

wgrid.with-legend .legend-description-content,
.wgrid.with-legend .legend-description-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

wgrid.with-legend .legend-cell-priority,
.wgrid.with-legend .legend-cell-priority {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

wgrid.with-legend .priority,
.wgrid.with-legend .priority {
  width: 10px;
  height: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

wgrid.with-legend .legend-space,
.wgrid.with-legend .legend-space {
  width: 5px;
}

wgrid.with-legend .legend-header + div,
.wgrid.with-legend .legend-header + div {
  cursor: default;
  border-right: none !important;
}

wgrid .ui-grid-pinned-container .ui-grid-viewport,
.wgrid .ui-grid-pinned-container .ui-grid-viewport {
  overflow: hidden !important;
}

wgrid .gwt-TextBox.ng-invalid,
wgrid .w-listbox.ng-invalid,
.wgrid .gwt-TextBox.ng-invalid,
.wgrid .w-listbox.ng-invalid {
  border: 1px solid red;
}

.wgrid.focused .ui-grid-row-selected {
  background-color: #dcecff;
}

.ui-grid[dir="rtl"] .ui-grid-column-menu-button {
  top: 50%;
  transform: translateY(-50%);
}

.total-items-without-paging {
  text-align: right;
}

tasy-wdbpanel.wdbpanel-external-detail:not(.active) .wgrid .ui-grid-row-selected {
  background-color: transparent;
}

tasy-wdbpanel.wdbpanel-external-detail:not(.active) .wgrid .ui-grid-cell-focus {
  background-color: transparent;
}

.ui-grid-render-container-left .ui-grid-viewport {
  overflow: hidden !important;
}

.selectedRowClass .ui-grid-selection-row-header-buttons {
  opacity: 1;
}

.selectedRowClass .ui-grid-selection-row-header-buttons:before {
  opacity: 1;
}

tasy-wdbpanel.wdbpanel-external-detail.has-rows-selected .wgrid .ui-grid-row-selected {
  background-color: #f2f2f2;
}

tasy-wdbpanel.wdbpanel-external-detail.has-rows-selected .wgrid:focus .ui-grid-row-selected {
  background-color: #dcecff;
}

.ui-grid-row-selected .ui-grid-selection-row-header-buttons {
  border-color: #f2f2f2;
  opacity: 1;
}

.wgrid:focus .ui-grid-row-selected:not(.ui-grid-row-hover) .ui-grid-selection-row-header-buttons {
  border-color: #dcecff;
}

.ui-grid-row-selected .ui-grid-selection-row-header-buttons:before {
  opacity: 1 !important;
}

.ui-grid-selection-row-header-buttons {
  opacity: 0.3;
  margin: -10px -2px -11px -9px;
  box-shadow: inset 0px 0px 0px 1px #969696;
  top: 7px;
  left: 7px;
  height: 16px;
  border-radius: 2px;
  background-color: white !important;
  position: relative;
  box-sizing: content-box;
  line-height: 1em;
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.ui-grid-disable-selection {
  height: 29px;
}

.ui-grid-inactive:before {
  content: "";
  position: absolute;
  left: 0;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
  height: 14px;
  pointer-events: none;
}

.ui-grid-text-inactive {
  color: #9e9e9e;
}

.ui-grid-selection-row-header-buttons:before {
  opacity: 0;
}

.ui-grid-header-cell-wrapper {
  background: #e6e6e6;
  display: table;
}

.ui-grid-header-cell-sortable {
  color: #333333;
}

wgrid .ui-grid-top-panel,
.wgrid .ui-grid-top-panel {
  background-color: #f5f5f5;
}

.no-scroll-placeholder .ui-grid-scrollbar-placeholder {
  display: none;
}

.checkBox-cell {
  text-align: center;
  margin: auto;
  pointer-events: none;
  padding: 3px !important;
}

.checkBox-cell .wcheckbox {
  margin-top: -4px;
}

.cell-color-container {
  display: -ms-flexbox;
  display: flex;
  margin: 8px 8px 8px 8px;
}

.cell-color-content {
  height: 12px;
  width: 100%;
}

.ui-grid-selection-row-header-buttons.ui-grid-all-indeterminate {
  opacity: 1 !important;
}

.wgrid .ui-grid-header-cell .ui-grid-all-indeterminate.ui-grid-selection-row-header-buttons:before {
  opacity: 1 !important;
}

.wgrid-image-icon {
  width: var(--sizing-24);
  height: var(--sizing-24);
  margin: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5pbWFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdGF0dXMtJmFtcDstRmVlZGJhY2siIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImltYWdlIiBmaWxsPSIjOUU5RTlFIj4gICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBpZD0iUGFnZS0xIj4gICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxNiBMMTYsMTYgTDE2LDAgTDAsMCBMMCwxNiBaIE0yLDE0LjAwMSBMMTQuMDAxLDE0LjAwMSBMMTQuMDAxLDIgTDIsMiBMMiwxNC4wMDEgWiIgaWQ9IkZpbGwtMiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMSIgcG9pbnRzPSI5IDUgNyAxMCA2IDcgMyAxMyAxMyAxMyI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSw2IEM1LjMyOCw2IDYsNS4zMjkgNiw0LjUgQzYsMy42NzEgNS4zMjgsMyA0LjUsMyBDMy42NzIsMyAzLDMuNjcxIDMsNC41IEMzLDUuMzI5IDMuNjcyLDYgNC41LDYiIGlkPSJGaWxsLTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.wgrid-paperclip-icon {
  width: var(--sizing-28);
  height: var(--sizing-28);
  margin: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5wYXBlcmNsaXA8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iU3RhdHVzLSZhbXA7LUZlZWRiYWNrIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJwYXBlcmNsaXAiIGZpbGw9IiM5RTlFOUUiPiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC41NzE0Mjg1NywxNS43OTE2Mjc5IEMyLjcyMzcwODAxLDE1Ljc5MDA0MDUgMS4wNTg2NDY4MSwxNC43MDIxNjkgMC4zNTE3NzQ2MjEsMTMuMDM0NzA3NCBDLTAuMzU1MDk3NTcyLDExLjM2NzI0NTkgMC4wMzUyMjg2MzE1LDkuNDQ4MTA3NTggMS4zNDA5NTIzOCw4LjE3MTE2Mjc5IEw4LjAxMTQyODU3LDEuNjc4MTM5NTMgQzkuMTY4Mjg4NTgsMC41NDgxODMyNTEgMTAuODU0NDQ4OCwwLjEwNjg4NTA4NyAxMi40MzQ3NDg5LDAuNTIwNDc3NzkzIEMxNC4wMTUwNDkxLDAuOTM0MDcwNDk4IDE1LjI0OTQwNCwyLjEzOTcxOTUgMTUuNjcyODQ0MiwzLjY4MzI2ODQ5IEMxNi4wOTYyODQzLDUuMjI2ODE3NDggMTUuNjQ0NDc5MSw2Ljg3Mzc2NDY1IDE0LjQ4NzYxOSw4LjAwMzcyMDkzIEwxMS4xMzE0Mjg2LDExLjI1OTUzNDkgQzkuOTQxNjQ5NDIsMTIuNDIyNjcyMyA4LjAxMTc4MzUsMTIuNDIzNTA1MiA2LjgyMDk1MjM4LDExLjI2MTM5NTMgQzUuNjMwMTIxMjYsMTAuMDk5Mjg1NSA1LjYyOTI2ODQ3LDguMjE0MzAwMTYgNi44MTkwNDc2Miw3LjA1MTE2Mjc5IEw5LjQ1NTIzODEsNC40Njg4MzcyMSBMMTAuNTMzMzMzMyw1LjUyMTg2MDQ3IEw3Ljg5NzE0Mjg2LDguMDg5MzAyMzMgQzcuNTExOTc2NTIsOC40NjU1MTEzIDcuMzYxNTUxOTMsOS4wMTM4NDc4MyA3LjUwMjUzMjU5LDkuNTI3NzU4ODUgQzcuNjQzNTEzMjUsMTAuMDQxNjY5OSA4LjA1NDQ4MDg0LDEwLjQ0MzA4MDEgOC41ODA2Mjc4NCwxMC41ODA3ODIxIEM5LjEwNjc3NDg0LDEwLjcxODQ4NDIgOS42NjgxNjcsMTAuNTcxNTU3OCAxMC4wNTMzMzMzLDEwLjE5NTM0ODggTDEzLjM5ODA5NTIsNi45MjgzNzIwOSBDMTQuNTg0NzE4NCw1Ljc2MjE1MjIgMTQuNTc4NzQ4OSwzLjg3NzE2NjkgMTMuMzg0NzYxOSwyLjcxODEzOTU3IEMxMi4xOTA3NzQ5LDEuNTU5MTEyMjMgMTAuMjYwOTA5LDEuNTY0OTQyOTMgOS4wNzQyODU3MSwyLjczMTE2Mjc5IEwyLjQxNTIzODEsOS4yMDU1ODE0IEMxLjIyMDE5OTEyLDEwLjM2ODcxODggMS4yMTY3ODc5NywxMi4yNTc4Njg5IDIuNDA3NjE5MDgsMTMuNDI1MTE2MiBDMy41OTg0NTAxOSwxNC41OTIzNjM2IDUuNTMyNTgwMDQsMTQuNTk1Njk1NSA2LjcyNzYxOTA1LDEzLjQzMjU1ODEgTDcuNDg5NTIzODEsMTIuNjg4MzcyMSBMOC41Njc2MTkwNSwxMy43NDEzOTUzIEw3LjgwNTcxNDI5LDE0LjQ4NTU4MTQgQzYuOTQ5NTgyOTYsMTUuMzI1NTM1IDUuNzg0ODc4MzQsMTUuNzk1ODU3OCA0LjU3MTQyODU3LDE1Ljc5MTYyNzkgTDQuNTcxNDI4NTcsMTUuNzkxNjI3OSBaIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.ui-grid-cell-contents.wgrid-file-icon-content {
  padding: 0;
}

.wgrid-include-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
}

.dark-skin w-grid .ui-grid-empty-container,
.dark-skin wgrid .ui-grid-empty-container,
.dark-skin .wgrid .ui-grid-empty-container {
  background: transparent;
}

.dark-skin w-grid .ui-grid-header-cell-label,
.dark-skin wgrid .ui-grid-header-cell-label,
.dark-skin .wgrid .ui-grid-header-cell-label {
  color: #cccccc;
}

.dark-skin w-grid .ui-grid-header-cell-wrapper,
.dark-skin wgrid .ui-grid-header-cell-wrapper,
.dark-skin .wgrid .ui-grid-header-cell-wrapper {
  background: #4d4d4d;
}

.dark-skin w-grid .ui-grid-header-cell,
.dark-skin wgrid .ui-grid-header-cell,
.dark-skin .wgrid .ui-grid-header-cell {
  border-right: #8c8c8c solid 1px;
}

.dark-skin w-grid .ui-grid-header-cell:last-child,
.dark-skin wgrid .ui-grid-header-cell:last-child,
.dark-skin .wgrid .ui-grid-header-cell:last-child {
  border-right: #737373 solid 1px;
}

.dark-skin w-grid .ui-grid-column-resizer.right,
.dark-skin wgrid .ui-grid-column-resizer.right,
.dark-skin .wgrid .ui-grid-column-resizer.right {
  border-right: #737373 solid 1px;
}

.dark-skin w-grid .ui-grid-header,
.dark-skin wgrid .ui-grid-header,
.dark-skin .wgrid .ui-grid-header {
  border-bottom: 1px solid #404040;
}

.dark-skin w-grid .ui-grid-top-panel,
.dark-skin wgrid .ui-grid-top-panel,
.dark-skin .wgrid .ui-grid-top-panel {
  background-color: #737373;
  border-bottom: 1px solid #737373;
}

.dark-skin w-grid .ui-grid-row-selected,
.dark-skin wgrid .ui-grid-row-selected,
.dark-skin .wgrid .ui-grid-row-selected {
  background-color: #9dd3e3;
  color: #404040;
}

.dark-skin w-grid .ui-grid-row-hover,
.dark-skin wgrid .ui-grid-row-hover,
.dark-skin .wgrid .ui-grid-row-hover {
  background-color: #8c8c8c !important;
  color: #ffffff;
}

.dark-skin w-grid .ui-grid-row,
.dark-skin wgrid .ui-grid-row,
.dark-skin .wgrid .ui-grid-row {
  border-bottom: 1px solid #737373;
}

.dark-skin w-grid .ui-grid-render-container-body .ui-grid-row:hover,
.dark-skin wgrid .ui-grid-render-container-body .ui-grid-row:hover,
.dark-skin .wgrid .ui-grid-render-container-body .ui-grid-row:hover {
  background-color: #8c8c8c;
  color: #ffffff;
}

.dark-skin w-grid .ui-grid-empty-msg,
.dark-skin wgrid .ui-grid-empty-msg,
.dark-skin .wgrid .ui-grid-empty-msg {
  color: var(--color-white);
}

.dark-skin w-grid .ui-grid-icon-angle-down,
.dark-skin wgrid .ui-grid-icon-angle-down,
.dark-skin .wgrid .ui-grid-icon-angle-down {
  color: #cccccc;
}

.dark-skin w-grid .ui-grid-render-container-body .ui-grid-header-viewport,
.dark-skin wgrid .ui-grid-render-container-body .ui-grid-header-viewport,
.dark-skin .wgrid .ui-grid-render-container-body .ui-grid-header-viewport {
  background-color: #4d4d4d;
}

.datagrid-inline-edit-container {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  color: white;
  left: 0;
  top: 0;
}

.datagrid-inline-edit-container .w-attr-container {
  background-color: rgba(255, 255, 255, 0.9);
}

.datagrid-inline-edit-container .w-form {
  margin: 0 0;
}

.datagrid-inline-edit-row {
  height: 35px;
}

.datagrid-inline-edit-form .inline-edit-attrib-checkbox {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.datagrid-inline-edit-form .inline-edit-attrib-checkbox .wcheckbox {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.datagrid-inline-edit-form textarea {
  min-height: 32px;
}

.datagrid-inline-edit-form .wcheckbox-main-label {
  display: none;
}

.datagrid-inline-edit-form input:not([disabled]) {
  border: 1px solid #0096ed;
}

.inline-edit-container {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  color: white;
  height: 90px;
  left: 0;
  top: 0;
}

.inline-edit-container .w-form {
  margin: 0 0;
}

.inline-edit-row {
  height: 35px;
}

.inline-edit-buttons {
  position: fixed;
  right: 0;
  padding-top: 12px;
}

.inline-edit-cancel {
  margin-right: 16px;
}

.inline-edit-save {
  margin-right: 12px;
}

.inline-edit-form .inline-edit-attrib-checkbox {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.inline-edit-form .inline-edit-attrib-checkbox .wcheckbox {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.inline-edit-form textarea {
  min-height: 32px;
}

.inline-edit-form .wcheckbox-main-label {
  display: none;
}

.inline-edit-form input:not([disabled]) {
  border: 1px solid #0096ed;
}

.w-historysparkline .axis {
  font: 10px sans-serif;
}

.w-historysparkline .axis-title {
  text-anchor: end;
}

.w-historysparkline .axis path,
.w-historysparkline .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.w-historysparkline .axis--x path {
  display: none;
}

.w-historysparkline .axis--y .tick:not(.tick--one) line {
  stroke-opacity: .15;
}

.w-historysparkline path {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1px;
}

.w-historysparkline .tooltip {
  position: fixed;
  pointer-events: none;
  opacity: 0;
}

.w-historysparkline .tooltip.top {
  margin-top: -12px;
}

.dark-skin .w-historysparkline .graph-container {
  background-color: rgba(196, 196, 196, 0.1);
}

.html-viewer-container {
  height: 100%;
  background-color: white;
}

.html-viewer-container #html-viewer-content {
  height: 100%;
  overflow: auto;
}

w-iframe.w-iframe {
  height: 100%;
}

w-iframe.w-iframe .iframe-container {
  height: 100%;
  padding: .5rem;
}

w-iframe.w-iframe .iframe-container .wiframe-container-sandbox {
  width: 100%;
  height: 100%;
}

tasy-wimage .w-image-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+aWNvbi1wbGFjZWhvbGRlcjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMaXN0cy0tLURCUGFuZWwvQ1BhbmVsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdWlsZGluZy1TcGVjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMzQuMDAwMDAwLCAtMTI2MTMuMDAwMDAwKSIgZmlsbD0iI0JGQkZCRiI+ICAgICAgICAgICAgPGcgaWQ9Imljb24tcGxhY2Vob2xkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMzQuMDAwMDAwLCAxMjYxMy4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IkRMU19JbWFnZVBob3RvIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uIj4gICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMzcuMTM0NTQ1NSAyMC40NTA5MDkxIDI3Ljk3MDkwOTEgMzkuNjk0NTQ1NSAyMy4wMTA5MDkxIDI5LjQ0IDEwLjE4MTgxODIgNTMuODE4MTgxOCA1My44MTgxODE4IDUzLjgxODE4MTgiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNTguMTgxODE4Miw1LjgxODE4MTgyIEw1OC4xODE4MTgyLDU4LjE4MTgxODIgTDUuODE4MTgxODIsNTguMTgxODE4MiBMNS44MTgxODE4Miw1LjgxODE4MTgyIEw1OC4xODE4MTgyLDUuODE4MTgxODIgTDU4LjE4MTgxODIsNS44MTgxODE4MiBaIE02NCwwIEwwLDAgTDAsNjQgTDY0LDY0IEw2NCwwIEw2NCwwIEw2NCwwIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlIGlkPSJPdmFsIiBjeD0iMTcuNDU0NTQ1NSIgY3k9IjE4LjkwOTA5MDkiIHJ4PSI0LjM2MzYzNjM2IiByeT0iNC4zNjM2MzYzNiI+PC9lbGxpcHNlPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

tasy-wimage .w-image-size {
  height: 64px;
  width: 64px;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}

tasy-wimage .w-imagem-button-capture {
  float: left;
  margin-top: 29px;
}

tasy-wimage .w-image-title {
  padding-top: 28px;
  padding-left: 28px;
}

tasy-wimage .w-image-disabled {
  cursor: auto;
  opacity: 0.5;
}

.wicou {
  width: 100%;
}

.wicou .wicou-content {
  margin-top: 8px;
}

tasy-wimage-draw {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.wimage-draw {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: hidden;
  background-color: #ffffff;
}

.wimage-draw-container {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 28px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.wimage-draw .more-one-record {
  margin: auto;
}

.wimage-draw .drag-drop-image {
  cursor: move;
}

.wimage-draw .drag-drop-image.over i {
  border: 3px solid #0096ed;
  padding-left: 18px;
  padding-bottom: 5px;
  content: '';
  height: 100%;
  position: absolute;
  left: -23px;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  background: #fff;
}

.wimage-draw .drag-drop-image.over:before {
  border: 3px solid #0096ed;
  padding-left: 18px;
  padding-bottom: 18px;
  content: '';
  width: 100%;
  position: absolute;
  bottom: -21px;
  left: -23px;
  background: #fff;
  border-radius: 0 0 4px 4px;
}

.wimage-draw .drag-drop-image.over figcaption {
  display: none;
}

.wimage-draw .drag-drop-image.item-drag {
  opacity: 0.4;
  border: 2px dotted #dedede;
}

.wimage-draw [draggable] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.dialog-content .wimage-draw-container {
  box-shadow: none;
}

.dialog-content tasy-wimage-selection .wimage_main_content {
  overflow-y: auto;
  max-height: 400px;
  overflow-x: hidden;
  margin: 0px;
}

.dialog-content .image-draw-dialog-content {
  margin-top: 23px;
}

.custom_size_wimage .ngdialog-content {
  width: 650px !important;
  height: 530px !important;
}

.custom_size_wimage {
  padding-top: 30px !important;
  padding-bottom: 0px !important;
}

.wimage_box_image {
  width: 120px;
  display: inline-block;
  border: 2px solid gray;
  margin-right: 8px;
  margin-bottom: 10px;
}

.wimage_btn_on_add {
  width: 80px;
}

.wimage_add_border {
  border: 1px dashed #d9d9d9;
  cursor: pointer;
  vertical-align: bottom;
}

#wimage_figures_container {
  display: inline-table;
  margin-top: 5px;
}

tasy-wimage-selection #wimage_figures_container {
  max-height: 248px;
  overflow: auto;
  display: block;
}

.class-test-height {
  width: 100%;
  height: 100%;
  position: absolute;
}

.wimage_content {
  position: relative;
  display: inline-block;
  margin-bottom: 24px;
  margin-right: 24px;
  height: 100px;
  width: 120px;
}

.wimage_content figcaption .wimage_add_label {
  display: block;
  cursor: pointer;
  color: #0096ed;
}

.wimage_content figcaption .wimage_div_tools_add {
  text-align: center;
  width: 100%;
  position: absolute;
  top: calc(50% - 20px);
  opacity: 1;
}

.wimage_content figcaption .wimage_div_tools {
  cursor: context-menu;
  text-align: center;
  width: 100%;
  position: absolute;
  top: calc(50% - 10px);
  opacity: 0;
  transition: opacity 0.3s;
}

.wimage_content figcaption .wimage_buttons {
  width: 15px;
  margin: 3px;
  opacity: 0.8;
  cursor: pointer;
  transition: opacity 0.3s;
}

.wimage_content figcaption .wimage_buttons:hover {
  opacity: 1;
  transform: scale(1.25);
  transition: opacity 0.3s;
  transition: transform 0.3s;
}

.wimage_content figcaption #wimage_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.wimage_content figcaption #wimage_hover.image_not_selected {
  opacity: 0;
  background-color: #0096ed;
  transition: opacity 0.3s;
}

.wimage_content figcaption .wimage_checkbox {
  position: absolute;
  top: 5px;
  right: -5px;
  opacity: 0;
  transition: opacity 0.3s;
}

.wimage_content figcaption .wimage_div_tools {
  opacity: 0;
  transition: opacity 0.3s;
}

.wimage_content figcaption.wimagedraw_image_selected #wimage_hover {
  opacity: 0.5;
  background-color: #0096ed;
  transition: opacity 0.3s;
}

.wimage_content figcaption.wimagedraw_image_selected .wimage_checkbox {
  opacity: 1;
  transition: opacity 0.3s;
}

.wimage_content:hover figcaption .wimage_checkbox {
  opacity: 1;
  transition: opacity 0.3s;
}

.wimage_content:hover figcaption .wimage_div_tools {
  opacity: 1;
  transition: opacity 0.3s;
}

.wimage_content:hover figcaption .wimage_div_tools_add .wimage_buttons {
  transform: scale(1.25);
  transition: transform 0.3s;
}

.wimage_content:hover figcaption #wimage_hover.image_not_selected {
  opacity: 0.5;
  transition: opacity 0.3s;
}

.wimage_container {
  border: 1px solid gray;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  background-color: #ffffff;
}

.wimage_tools_container {
  border-right: 1px solid gray;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0.2;
      flex: 0.2;
  -ms-flex-direction: column;
      flex-direction: column;
}

.wimage_buttons_tools {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.wimage_main_content {
  margin: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}

.wimage_padding_button {
  margin-bottom: 5px;
}

.dialog-paint-custom-size .ngdialog-content {
  width: 100% !important;
  height: 100% !important;
}

tasy-wpagination.pagination-image-draw {
  padding: 15px 0 0 0;
}

tasy-wpagination.pagination-image-draw .main {
  clear: inline-start;
}

tasy-wpagination.pagination-image-draw .main .container-input-page > span {
  margin-top: 6px;
}

.loading-modal-image {
  margin: auto;
  position: absolute;
  z-index: 99;
  display: block;
  background: #00000033;
  width: 100%;
  height: 70%;
}

.loading-modal-image > div {
  margin: 4%;
}

.w-infobutton {
  cursor: pointer;
  display: inline-block;
}

.w-attr-container__info {
  display: none;
  visibility: hidden;
  height: var(--sizing-12);
  width: var(--sizing-12);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 5px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9IiNCRkJGQkYiIGN4PSI2IiBjeT0iNiIgcj0iNiIvPjwvZz48cmVjdCB4PSI1IiB5PSI1IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSI1Ii8+PGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNiIgY3k9IjMiIHI9IjEiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .w-attr-container__info {
    background-size: 100%;
  }
}

.w-attr-container__info:hover {
  display: inline-block;
  visibility: visible;
}

.w-attr-container:hover > .w-attr-container__info,
.w-attr-container:hover > .w-attr-container__label .w-attr-container__info {
  display: inline-block;
  visibility: visible;
  cursor: pointer;
}

.w-attr-container__info__visible {
  display: inline-block !important;
  visibility: visible !important;
}

.w-info-popup {
  background-color: #ffffff;
  padding: var(--spacing-12);
  width: 400px;
  max-height: 540px;
}

.w-info-popup__header {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  display: -ms-flexbox;
  display: flex;
  padding-bottom: var(--spacing-28);
}

.w-info-popup__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-info-popup__desc {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #333333;
  margin-bottom: var(--spacing-24);
  max-height: 52px;
  overflow: auto;
  line-height: 1.6;
}

.w-info-popup__label, .w-info-popup__field {
  display: inline-block;
  font-size: var(--font-size-caption);
  color: #333333;
}

.w-info-popup__more {
  display: block;
  cursor: pointer;
}

.w-info-popup__more:after {
  content: "";
  width: var(--sizing-8);
  height: var(--sizing-8);
  margin-left: var(--spacing-4);
  margin-top: var(--spacing-4);
  display: inline-block;
  vertical-align: middle;
  border: 4px solid transparent;
  border-top-color: currentColor;
}

.w-info-popup__more.less:after {
  border: 4px solid transparent;
  border-bottom-color: currentColor;
  margin-top: 0px;
  margin-bottom: var(--spacing-4);
}

.w-info-popup__label {
  font-family: "CentraleSansCndBold";
  color: #808080;
}

.w-info-popup__row {
  margin-bottom: var(--spacing-8);
}

.w-info-popup__info {
  margin-top: var(--spacing-12);
  padding-top: var(--spacing-12);
  border-top: 1px solid #f2f2f2;
  max-height: 130px;
  overflow-y: scroll;
}

.w-info-popup .arrow {
  height: var(--sizing-8);
  width: var(--sizing-8);
  padding: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

.w-label-text {
  font-size: var(--font-size-subtitle);
}

.btn-link-blue.disabled {
  opacity: 0.7;
  cursor: default;
}

.w-label-container {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: end;
      align-items: flex-end;
}

.w-label-container__empty-text {
  height: var(--sizing-32);
}

.w-label-container-handover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.dark-skin .w-label-container-handover {
  color: white;
}

.w-label-container-handover > .w-label-icon-button {
  height: var(--sizing-32);
  width: var(--sizing-48);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-top: var(--spacing-8);
}

.w-label-container-handover > .w-label-icon-button a {
  visibility: visible;
  height: 100%;
  width: 100%;
  background-size: 50%;
  background-position: left;
}

@media (min-width: 3840px) {
  .w-label-container-handover > .w-label-icon-button a {
    background-size: contain;
  }
}

.w-label-container-handover > .w-label-text {
  height: 25px;
  width: auto;
  max-width: 80%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.w-attr-container__content--text .w-label-container {
  height: var(--sizing-32);
  -ms-flex-align: center;
      align-items: center;
}

.w-label-container-privacy,
.w-label-container-obscure-hide-info {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .w-label-container-privacy,
  .w-label-container-obscure-hide-info {
    margin: 0 var(--sizing-12);
  }
}

.w-label-container-obscure {
  cursor: pointer;
}

.w-attr-container__content--text .w-label-container.row-max-size {
  height: 0px;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.w-label-container-align-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.w-label-container-align-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.w-label-container-align-right {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.w-label-container-align-handover {
  position: absolute;
  height: 25px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  color: #000000;
}

.w-label-text-additional {
  display: none;
  margin-left: var(--spacing-4);
}

tasy-wlegend {
  float: left;
  line-height: 150%;
}

tasy-wlegend.is-inline {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  float: initial;
  line-height: initial;
}

tasy-wlegend.is-inline .w-legend {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

tasy-wlegend.is-inline .w-legend-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

tasy-wlegend.is-inline .w-legend-container > w-legend-item {
  display: contents;
}

tasy-wlegend.is-inline .w-legend-container > w-legend-item > .w-legend-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: initial;
      flex: initial;
  -ms-flex-align: center;
      align-items: center;
  padding: 2px 5px;
  margin: auto;
}

.wlegend-button {
  font-size: var(--font-size-body);
  color: #4accff;
}

.dark-skin.legend-dialog .ngdialog-content .legend-box-container {
  background-color: #4d4d4d;
}

.dark-skin.legend-dialog .ngdialog-content .legend-box-container:before {
  background-color: #4d4d4d;
}

.legend-dialog .ngdialog-content {
  position: fixed;
  background-color: transparent;
}

.legend-dialog .ngdialog-content.legend-rtl > .legend-box-container {
  margin-right: 10px;
}

.legend-dialog .ngdialog-content.legend-rtl > .legend-box-container:before {
  right: 0;
}

.legend-dialog .ngdialog-content.arrow-bottom > .legend-box-container:before {
  transform: rotate(-45deg);
  bottom: -8px;
  left: 70px;
}

.legend-dialog .ngdialog-content.arrow-top > .legend-box-container:before {
  transform: rotate(45deg);
  left: calc(100% - 40px);
  top: -8px;
  box-shadow: none;
}

.legend-dialog .ngdialog-content .legend-box-container {
  overflow: auto;
  background-color: #fff;
  max-width: 300px;
  padding: var(--spacing-16);
  margin-left: var(--spacing-8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /*
        big-box-container    = Applied when the component has more than 30 legend items
        medium-box-container = Applied when the component has the quantity of legend items between 10 and 30
      */
}

.legend-dialog .ngdialog-content .legend-box-container .segmented-control {
  padding-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}

.legend-dialog .ngdialog-content .legend-box-container:before {
  content: "";
  display: block;
  width: var(--sizing-16);
  height: var(--sizing-16);
  box-shadow: -3px 3px 7px -2px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  transform: rotate(45deg);
  background-color: #fff;
  bottom: 16px;
}

.legend-dialog .ngdialog-content .legend-box-container.medium-box-container, .legend-dialog .ngdialog-content .legend-box-container.big-box-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 700px;
}

.legend-dialog .ngdialog-content .legend-box-container.medium-box-container .legend-item, .legend-dialog .ngdialog-content .legend-box-container.big-box-container .legend-item {
  -ms-flex: 0 0 33%;
      flex: 0 0 33%;
  min-width: 0;
}

.legend-dialog .ngdialog-content .legend-box-container.medium-box-container .legend-item .w-legend-item-label, .legend-dialog .ngdialog-content .legend-box-container.big-box-container .legend-item .w-legend-item-label {
  max-width: 165px;
}

.legend-dialog .ngdialog-content .legend-box-container.small-box-container.legend-group .w-legend-item {
  padding-bottom: 12px;
}

.legend-dialog .ngdialog-content .legend-box-container.legend-group {
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 480px;
  padding: 16px 0px 16px 16px !important;
  overflow: hidden;
  row-gap: 12px;
}

.legend-dialog .ngdialog-content .legend-box-container.legend-group .legend-item {
  padding-right: 24px;
}

.legend-dialog .ngdialog-content .legend-box-container.legend-group .legend-item .w-legend-item {
  min-height: 24px;
}

.legend-dialog .ngdialog-content .legend-box-container.legend-group .legend-item .w-legend-item .w-legend-item-label {
  max-width: 200px;
  white-space: pre-line;
  font-size: var(--font-size-caption);
}

.legend-dialog .ngdialog-content .legend-box-container.segmented-control-multiply-4 {
  min-width: 700px;
}

.legend-dialog .ngdialog-content .legend-box-container.segmented-control-multiply-3 {
  min-width: 600px;
}

.legend-dialog .ngdialog-content .legend-box-container .legend-checkbox-select-all {
  margin-bottom: 16px;
}

.legend-dialog .ngdialog-content .legend-box-container .legend__separator,
.legend-dialog .ngdialog-content .legend-box-container .legend-checklist-separator {
  border-bottom: 1px dashed #d9d9d9;
}

.legend-dialog .ngdialog-content .legend-box-container .legend-checklist-separator {
  border-style: solid;
  border-bottom-width: 1px;
}

.legend-dialog .ngdialog-content .legend-box-container .legend-item-group {
  font-size: var(--font-size-body);
  color: #333333;
  font-family: 'CentraleSansCndBold';
  max-width: 200px;
  margin-bottom: 16px;
}

.legend-dialog .ngdialog-content__separator {
  margin: 0 10px;
  line-height: 0;
  max-height: 1px;
}

.legend-dialog .ngdialog-content__separator.legend__separator--full {
  border-style: solid;
  border-bottom-width: 1px;
  margin-left: -8px;
  margin-right: -8px;
}

.legend-dialog .ngdialog-close::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
}

@media (min-width: 3840px) {
  .legend-dialog .ngdialog-close::before {
    width: 48px;
    height: 48px;
  }
}

.legend-dialog .ngdialog-close::before {
  /*rtl:ignore*/
  left: 14px;
}

.legend-dialog .ngdialog-close::before {
  /*rtl:begin:remove*/
  left: auto;
  right: 4px;
  /*rtl:end:remove*/
}

.legend-dialog .ngdialog-overlay {
  opacity: 0;
}

.dark-skin .ngdialog-content .legend-box-container {
  background-color: var(--color-gray-55);
}

.dark-skin .ngdialog-content .legend-box-container:before {
  background-color: var(--color-gray-55) !important;
}

.w-loader-invisible {
  opacity: 0;
  cursor: wait;
}

.w-loader-invisible.fadeOut {
  cursor: auto;
  transition: none !important;
}

.w-loader {
  position: relative;
  display: block;
  overflow: hidden;
  width: var(--sizing-32);
  height: var(--sizing-32);
  border-radius: 50%;
  color: var(--color-gray-20);
  margin: auto;
}

.w-loader--spinner {
  animation: spin 0.8s linear infinite;
  /*rtl:raw:
  animation-direction: reverse;
  */
  border: 2px solid var(--color-gray-20);
  border-top-color: currentColor;
}

.w-loader--spinner.w-loader--blue {
  color: #0096ed;
}

.w-loader--spinner.w-loader--black {
  color: #4d4d4d;
}

.w-loader--spinner.w-loader--small {
  width: var(--sizing-20);
  height: var(--sizing-20);
}

.w-loader--spinner.w-loader--medium {
  width: var(--sizing-32);
  height: var(--sizing-32);
}

.w-loader--spinner.w-loader--large {
  width: 60px;
  height: 60px;
}

@media (min-width: 3840px) {
  .w-loader--spinner.w-loader--large {
    width: 120px;
    height: 120px;
  }
}

.w-loader--spinner.w-loader--xlarge {
  width: 80px;
  height: 80px;
  border-width: var(--spacing-4);
  border-color: #e0e0e0;
}

.w-loader--spinner.w-loader--xlarge.w-loader--blue {
  border-top-color: #169aed;
}

.w-loader--spinner.w-loader--xlarge + .w-loader__msg {
  font-size: var(--font-size-body);
  line-height: var(--spacing-12);
  color: #333333;
}

@media (min-width: 3840px) {
  .w-loader--spinner.w-loader--xlarge {
    width: 160px;
    height: 160px;
  }
}

.w-loader-progress {
  width: 100%;
  height: var(--sizing-32);
  margin-right: var(--spacing-8);
}

.w-loader-progress .progress {
  width: 100%;
  height: var(--spacing-8);
  margin-bottom: 0px;
  background-color: #d9d9d9;
}

.w-loader-progress .progress-bar {
  height: var(--spacing-8);
  transition: none;
  background-color: #0096ed;
}

.w-loader-progress .progress-bar.active,
.w-loader-progress .progress.active .progress-bar {
  margin-top: 8px;
  animation: none;
}

.w-loader-linear {
  position: relative;
  display: block;
  overflow: hidden;
  color: #595959;
}

.w-loader__msg {
  display: inline-block;
  width: 100%;
  font-size: var(--font-size-subtitle);
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  line-height: var(--spacing-16);
  margin-top: var(--spacing-16);
  color: #8c8c8c;
  text-align: center;
}

.w-loader__msg.w-loader__msg--delay {
  animation: wait 10s, fadein 0.5s 10s;
}

.w-loader--center {
  margin: auto;
}

.w-loader--left {
  margin: 0;
}

.fadein {
  animation: fadein 1s;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes wait {
  from,
  to {
    opacity: 0;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
}

.wloader-dialog {
  min-width: 350px;
  min-height: 150px;
}

.wloader-dialog-content {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.container-linear-gradient {
  text-align: center;
}

.container-linear-gradient .progress-bar-linear-gradient {
  margin: 0 auto 8px;
  width: 280px;
  height: 4px;
  background: var(--color-blue-group-47);
}

.container-linear-gradient .progress-bar-linear-gradient div {
  height: 4px;
  width: 90%;
  background: linear-gradient(89.81deg, var(--color-purple-45) 10%, var(--color-blue-group-45) 90%);
}

.container-linear-gradient .subtitle-linear-gradient {
  margin: 0 auto;
  width: 280px;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--font-size-caption);
  font-weight: 400;
  color: var(--color-gray-75);
  -ms-flex-pack: center;
      justify-content: center;
}

.dark-skin .w-loader {
  border-color: var(--color-signal-blue-45);
  border-top-color: var(--color-gray-20);
}

.dark-skin .w-loader.w-loader--blue {
  border-top-color: var(--color-gray-20);
}

.dark-skin .w-loader__msg,
.dark-skin .w-loader.w-loader--xlarge + .w-loader__msg {
  color: var(--color-gray-15);
}

.dark-skin .w-loader-linear {
  color: var(--color-gray-15);
}

.dark-skin w-loader .progress {
  background-color: rgba(var(--color-gray-20), 0.35);
}

.dark-skin w-loader .progress .progress-bar {
  background-color: var(--color-gray-20);
}

.dark-skin .container-linear-gradient .progress-bar-linear-gradient {
  background: var(--color-blue-group-03);
}

.dark-skin .container-linear-gradient .progress-bar-linear-gradient div {
  background: linear-gradient(89.81deg, var(--color-purple-42) 10%, var(--color-blue-group-45) 90%);
}

.dark-skin .container-linear-gradient .subtitle-linear-gradient {
  color: var(--color-gray-15);
}

.w-loader-popup {
  position: absolute;
  background-color: white;
  padding: var(--spacing-28);
  left: 50%;
  top: 50%;
  margin-top: -71px;
  margin-left: -250px;
  width: 500px;
  height: 142px;
}

@media (min-width: 3840px) {
  .w-loader-popup {
    width: 1000px;
    height: 284px;
    margin-top: -142px;
    margin-left: -500px;
  }
}

.w-loader-popup-label {
  margin-bottom: 12px;
  text-align: center;
  height: var(--sizing-16);
}

.w-loader-popup-spinner {
  height: 60px;
}

@media (min-width: 3840px) {
  .w-loader-popup-spinner {
    height: 120px;
  }
}

.dark-skin .w-loader-popup {
  background-color: var(--color-gray-65);
}

.dark-skin .w-loader-popup-label {
  color: var(--color-white);
}

.w-multicolor-sparkline .axis {
  font: 10px sans-serif;
}

.w-multicolor-sparkline .axis-title {
  text-anchor: end;
}

.w-multicolor-sparkline .axis path,
.w-multicolor-sparkline .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.w-multicolor-sparkline .axis--x path {
  display: none;
}

.w-multicolor-sparkline .axis--y .tick:not(.tick--one) line {
  stroke-opacity: .15;
}

.w-multicolor-sparkline path {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 3px;
}

.w-multicolor-sparkline .tooltip {
  position: fixed;
  pointer-events: none;
  opacity: 0;
}

.w-multicolor-sparkline .tooltip.top {
  margin-top: -12px;
}

.dark-skin .w-multicolor-sparkline .graph-container {
  background-color: rgba(196, 196, 196, 0.1);
}

.notification {
  min-height: 105px;
  max-height: 269px;
  max-width: 349px;
  width: 349px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  border-left-width: 4px;
  border-left-style: solid;
  overflow: hidden;
  word-wrap: break-word;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
}

.notification .notification-icon {
  position: absolute;
  top: 16px;
  left: 16px;
}

.notification .notification-icon img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.notification-header {
  display: block;
  width: 100%;
}

.notification-title {
  font-family: CentraleSansCndBold;
  font-size: var(--font-size-subtitle);
  color: #333333;
  padding: 16px 16px 0 16px;
  display: inline-block;
}

.notification-title #text {
  margin-right: 16px;
}

.notification-title.call {
  padding-left: 58px;
}

.notification-title small {
  font-family: CentraleSansCndBook;
  font-size: var(--font-size-caption);
  color: #BFBFBF;
  display: inline-block;
  word-wrap: normal;
}

.notification-body {
  font-family: CentraleSansCndBook;
  font-size: var(--font-size-body);
  color: #333333;
  width: 100%;
  padding: 16px 16px 16px 16px;
  display: block;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.notification-body.call {
  padding-left: 58px;
}

.notification-close {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("/assets/framework/images/topbar-close-external.svg");
  right: 5px;
  top: 5px;
}

.notification-close:hover {
  filter: invert(100%);
}

.notification-actions {
  background-color: #F2F2F2;
  width: 100%;
  max-height: 28px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.notification-actions:empty {
  height: 16px !important;
  display: none;
}

.notification-action {
  display: block;
  float: right;
  padding: 6px 12px 6px 12px;
  color: #07C;
  cursor: pointer;
}

.notification-read {
  display: block;
  float: right;
  padding: 6px 12px 6px 12px;
  cursor: pointer;
}

.notification-read .expand, .notification-read .contract {
  cursor: pointer;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
  color: #555;
}

.notification-read .expand:hover, .notification-read .contract:hover {
  color: #121212;
}

.notification-read .hide {
  display: none;
}

.notification-read img {
  margin-left: 7px;
  margin-bottom: 2px;
}

.notification-info {
  border-left-color: #008EE8;
}

.notification-warning {
  border-left-color: #FF9514;
}

.notification-alert {
  border-left-color: #FF5454;
}

tasy-wpagination {
  text-align: center;
}

div .main.hide,
div span.hide,
div ul.hide {
  display: none;
}

.container-input-page {
  min-width: 75px;
  border: 1px solid #dedada;
  border-radius: 2px;
  font-style: italic;
  margin-left: 5px;
}

.container-input-page input {
  float: left;
  font-style: italic;
  width: 33px;
  height: 23px;
  text-align: end;
  font-size: 15px;
}

.container-input-page input.dark-skin {
  background: transparent;
}

.container-input-page span {
  width: auto;
  color: darkgrey;
  float: right;
  margin-right: 10px;
}

.container-input-page span.concat-of {
  margin: 0 5px;
}

.container-input-page span.total-per-page {
  margin: 0;
}

.paginationtop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex: 1;
      flex: 1;
}

.total-records {
  margin: 0 4px 0 8px;
}

.rightlabel {
  float: right;
  color: #808080;
  font-size: var(--font-size-body);
  display: -ms-grid;
  display: grid;
  -ms-flex-align: center;
      align-items: center;
  min-height: 14px;
}

.rightlabel span {
  text-align: right;
}

.rightlabel span i {
  font-style: normal;
}

.pagination {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 0;
}

.main {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  clear: both;
}

.main .title-page {
  margin: auto 25px;
}

.main .row-per-page {
  margin: auto 25px;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.main .row-per-page .title-per-page {
  margin: auto 15px;
}

.main .row-per-page .list-per-page {
  padding: 0;
  width: 75px;
}

.main .row-per-page .list-per-page tasy-listbox {
  margin: 0 .4rem 0 0;
  border: none;
}

.main .row-per-page .list-per-page tasy-listbox .w-listbox {
  background: transparent;
  border: none;
}

.ui-grid-pager-panel {
  display: none;
}

.first-page,
.last-page,
.next-page,
.prev-page {
  background-repeat: no-repeat;
  background-position: center;
  width: 10px;
  height: 10px;
  background-size: 40%;
}

@media (min-width: 3840px) {
  .first-page,
  .last-page,
  .next-page,
  .prev-page {
    width: var(--sizing-12);
    height: var(--sizing-12);
  }
}

.first-page.disabled,
.last-page.disabled,
.next-page.disabled,
.prev-page.disabled {
  cursor: default;
}

.pn-3 .paginationtop,
.pn-4 .paginationtop,
.rg-3 .paginationtop,
.rg-4 .paginationtop {
  display: block;
}

/*rtl:begin:options:
{
  "autoRename": true,
  "stringMap":[
    {
      "name"    : "first-last",
      "search"  : ["first"],
      "replace" : ["last"]
    }]
}*/
.first-page {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNiA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLWZpcnN0LXBhZ2VfYWN0aXZlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9Ikxpc3RzLS0tREJQYW5lbC9DUGFuZWwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IkJ1aWxkaW5nLVNwZWNzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwMy4wMDAwMDAsIC02NDg2LjAwMDAwMCkiIGZpbGw9IiMwMDk2RUMiPiAgICAgICAgICAgIDxnIGlkPSJmb2N1cy1wYW5lbC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA1ODM1LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iVGFibGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3Ni4wMDAwMDAsIDE1OC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODcuMDAwMDAwLCA0NTQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2luYXRpb24tSWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWMtZmlyc3QtcGFnZV9hY3RpdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MC4wMDAwMDAsIDMwLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iOCI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Ikljbi1Tb3J0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC4wMDAwMDAsIC00LjAwMDAwMCkgIiBwb2ludHM9IjAgMiA0IDYgOCAyIj48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}

.first-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNiA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLWZpcnN0LXBhZ2U8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iTGlzdHMtLS1EQlBhbmVsL0NQYW5lbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NjMuMDAwMDAwLCAtNjQ4Ni4wMDAwMDApIiBmaWxsPSIjQkZCRkJGIj4gICAgICAgICAgICA8ZyBpZD0iZm9jdXMtcGFuZWwtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNTgzNS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlRhYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzYuMDAwMDAwLCAxNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnaW5hdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjAwMDAwMCwgNDU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uLUljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImljLWZpcnN0LXBhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjgiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJJY24tU29ydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDQuMDAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTQuMDAwMDAwLCAtNC4wMDAwMDApICIgcG9pbnRzPSIwIDIgNCA2IDggMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
}

.last-page {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNiA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLWxhc3QtcGFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMaXN0cy0tLURCUGFuZWwvQ1BhbmVsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdWlsZGluZy1TcGVjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNDMuMDAwMDAwLCAtNjQ5Ni4wMDAwMDApIiBmaWxsPSIjMDA5NkVDIj4gICAgICAgICAgICA8ZyBpZD0iZm9jdXMtcGFuZWwtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNTgzNS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlRhYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzYuMDAwMDAwLCAxNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnaW5hdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjAwMDAwMCwgNDU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uLUljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImljLWxhc3QtcGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTgzLjAwMDAwMCwgNDQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xODMuMDAwMDAwLCAtNDQuMDAwMDAwKSB0cmFuc2xhdGUoMTgwLjAwMDAwMCwgNDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSI4Ij48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iSWNuLVNvcnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjAwMDAwMCwgLTQuMDAwMDAwKSAiIHBvaW50cz0iMCAyIDQgNiA4IDIiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.last-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNiA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLWxhc3QtcGFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMaXN0cy0tLURCUGFuZWwvQ1BhbmVsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdWlsZGluZy1TcGVjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNjMuMDAwMDAwLCAtNjQ4Ni4wMDAwMDApIiBmaWxsPSIjQkZCRkJGIj4gICAgICAgICAgICA8ZyBpZD0iZm9jdXMtcGFuZWwtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNTgzNS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlRhYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzYuMDAwMDAwLCAxNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnaW5hdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjAwMDAwMCwgNDU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uLUljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImljLWxhc3QtcGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAzLjAwMDAwMCwgMzQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0yMDMuMDAwMDAwLCAtMzQuMDAwMDAwKSB0cmFuc2xhdGUoMjAwLjAwMDAwMCwgMzAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSI4Ij48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iSWNuLVNvcnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjAwMDAwMCwgLTQuMDAwMDAwKSAiIHBvaW50cz0iMCAyIDQgNiA4IDIiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.prev-page {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLXByZXYtcGFnZV9hY3RpdmU8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iTGlzdHMtLS1EQlBhbmVsL0NQYW5lbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE1LjAwMDAwMCwgLTY0ODYuMDAwMDAwKSIgZmlsbD0iIzAwOTZFQyI+ICAgICAgICAgICAgPGcgaWQ9ImZvY3VzLXBhbmVsLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMC4wMDAwMDAsIDU4MzUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJUYWJsZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjc2LjAwMDAwMCwgMTU4LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2luYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Ny4wMDAwMDAsIDQ1NC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnaW5hdGlvbi1JY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDkuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJpYy1wcmV2LXBhZ2VfYWN0aXZlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTQuMDAwMDAwLCAzNC4wMDAwMDApIHNjYWxlKDEsIC0xKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTE1NC4wMDAwMDAsIC0zNC4wMDAwMDApICIgcG9pbnRzPSIxNTAgMzIgMTU0IDM2IDE1OCAzMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.prev-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLXByZXYtcGFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMaXN0cy0tLURCUGFuZWwvQ1BhbmVsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdWlsZGluZy1TcGVjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4NS4wMDAwMDAsIC02NDg2LjAwMDAwMCkiIGZpbGw9IiNCRkJGQkYiPiAgICAgICAgICAgIDxnIGlkPSJmb2N1cy1wYW5lbC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA1ODM1LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iVGFibGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY3Ni4wMDAwMDAsIDE1OC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODcuMDAwMDAwLCA0NTQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2luYXRpb24tSWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iaWMtcHJldi1wYWdlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDM0LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0yNC4wMDAwMDAsIC0zNC4wMDAwMDApICIgcG9pbnRzPSIyMCAzMiAyNCAzNiAyOCAzMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.next-page {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLW5leHQtcGFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMaXN0cy0tLURCUGFuZWwvQ1BhbmVsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdWlsZGluZy1TcGVjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMTUuMDAwMDAwLCAtNjQ5Ni4wMDAwMDApIiBmaWxsPSIjMDA5NkVDIj4gICAgICAgICAgICA8ZyBpZD0iZm9jdXMtcGFuZWwtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNTgzNS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlRhYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzYuMDAwMDAwLCAxNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnaW5hdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjAwMDAwMCwgNDU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uLUljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9ImljLW5leHQtcGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU0LjAwMDAwMCwgNDQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNTQuMDAwMDAwLCAtNDQuMDAwMDAwKSAiIHBvaW50cz0iMTUwIDQyIDE1NCA0NiAxNTggNDIiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}

.next-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPmljLW5leHQtcGFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJMaXN0cy0tLURCUGFuZWwvQ1BhbmVsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJCdWlsZGluZy1TcGVjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMzUuMDAwMDAwLCAtNjQ4Ni4wMDAwMDApIiBmaWxsPSIjQkZCRkJGIj4gICAgICAgICAgICA8ZyBpZD0iZm9jdXMtcGFuZWwtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNTgzNS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9IlRhYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzYuMDAwMDAwLCAxNTguMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUGFnaW5hdGlvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTg3LjAwMDAwMCwgNDU0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uLUljb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9ImljLW5leHQtcGFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc0LjAwMDAwMCwgMzQuMDAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNzQuMDAwMDAwLCAtMzQuMDAwMDAwKSAiIHBvaW50cz0iMTcwIDMyIDE3NCAzNiAxNzggMzIiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}

/*rtl:end:options*/
.pagination > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

.pagination > li span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  letter-spacing: 0.2px;
  font-family: "CentraleSansCndBook";
}

.pagination > li.page {
  margin-left: var(--spacing-8);
  border-radius: 50%;
  height: var(--sizing-24);
  min-width: var(--sizing-24);
}

.pagination > li.page.active {
  font-family: "CentraleSansCndMedium";
  background-color: #dcecff;
  color: #333333;
}

.pagination > li.page:hover {
  background-color: #f2f2f2;
  color: #808080;
}

.pagination > li.next-page, .pagination > li.next-pagedisabled {
  margin: 0 var(--spacing-8);
}

.pagination > li.prev-page {
  margin-left: var(--spacing-8);
}

.dark-skin .first-page {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNiA4IiB3aWR0aD0iNiIgaGVpZ2h0PSI4Ij48ZGVmcz48cGF0aCBkPSJNMSAwQzEgMCAxIDAgMSAwQzEgNC44IDEgNy40NyAxIDhDMSA4IDEgOCAxIDhDMC40IDggMC4wNyA4IDAgOEMwIDggMCA4IDAgOEMwIDMuMiAwIDAuNTMgMCAwQzAgMCAwIDAgMCAwQzAuNiAwIDAuOTMgMCAxIDBaIiBpZD0iYTRwbWFCd3RxIj48L3BhdGg+PHBhdGggZD0iTTIgNEw2IDhMNiAwTDIgNFoiIGlkPSJiN3ZtUTFhUmQiPjwvcGF0aD48L2RlZnM+PGc+PGc+PGc+PHVzZSB4bGluazpocmVmPSIjYTRwbWFCd3RxIiBvcGFjaXR5PSIxIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2E0cG1hQnd0cSIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYjd2bVExYVJkIiBvcGFjaXR5PSIxIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2I3dm1RMWFSZCIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.dark-skin .first-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNiA4IiB3aWR0aD0iNiIgaGVpZ2h0PSI4Ij48ZGVmcz48cGF0aCBkPSJNMSAwQzEgMCAxIDAgMSAwQzEgNC44IDEgNy40NyAxIDhDMSA4IDEgOCAxIDhDMC40IDggMC4wNyA4IDAgOEMwIDggMCA4IDAgOEMwIDMuMiAwIDAuNTMgMCAwQzAgMCAwIDAgMCAwQzAuNiAwIDAuOTMgMCAxIDBaIiBpZD0iYkFod0ljOVUiPjwvcGF0aD48cGF0aCBkPSJNMiA0TDYgOEw2IDBMMiA0WiIgaWQ9ImF0N0R1WnEyTCI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNiQWh3SWM5VSIgb3BhY2l0eT0iMSIgZmlsbD0iIzRkNGQ0ZCIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNiQWh3SWM5VSIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjYXQ3RHVacTJMIiBvcGFjaXR5PSIxIiBmaWxsPSIjNGQ0ZDRkIiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2F0N0R1WnEyTCIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.dark-skin .prev-page {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNCA4IiB3aWR0aD0iNCIgaGVpZ2h0PSI4Ij48ZGVmcz48cGF0aCBkPSJNMCA0TDQgOEw0IDBMMCA0WiIgaWQ9ImRuOGpYcFZiViI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNkbjhqWHBWYlYiIG9wYWNpdHk9IjEiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjZG44alhwVmJWIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMCI+PC91c2U+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.dark-skin .prev-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNCA4IiB3aWR0aD0iNCIgaGVpZ2h0PSI4Ij48ZGVmcz48cGF0aCBkPSJNMCA0TDQgOEw0IDBMMCA0WiIgaWQ9ImQzbFZsbVNpcCI+PC9wYXRoPjwvZGVmcz48Zz48Zz48Zz48dXNlIHhsaW5rOmhyZWY9IiNkM2xWbG1TaXAiIG9wYWNpdHk9IjEiIGZpbGw9IiM0ZDRkNGQiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjZDNsVmxtU2lwIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMCI+PC91c2U+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.dark-skin .next-page {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMy45NTYyNjc4ODY5NTQ2MDk3IiBoZWlnaHQ9IjcuOTYyMDk4OTI0MzMzMjAxIiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSIiPjxyZWN0IGlkPSJiYWNrZ3JvdW5kcmVjdCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeD0iMCIgeT0iMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBjbGFzcz0iIiBzdHlsZT0iIi8+ICAgICAgICA8dGl0bGU+aWMtbmV4dC1wYWdlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzLz4gICAgPGcgY2xhc3M9ImN1cnJlbnRMYXllciIgc3R5bGU9IiI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgICAgICAgPGcgaWQ9IkJ1aWxkaW5nLVNwZWNzIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiIGNsYXNzPSIiIHRyYW5zZm9ybT0icm90YXRlKC0xNzkuNzUzNTI0NzgwMjczNDQgMiwzLjk5OTk5OTk5OTk5OTk5OTYpICI+ICAgICAgICAgICAgPGcgaWQ9ImZvY3VzLXBhbmVsLTIiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSI+ICAgICAgICAgICAgICAgIDxnIGlkPSJUYWJsZSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdpbmF0aW9uLUljb25zIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iaWMtbmV4dC1wYWdlIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAtOTE0Ljk5OTk5OTk5OTk5OTIsLTY2MDEuOTk5NTExNzE4NzUxKSAiIHBvaW50cz0iNTY5NC45OTk1MTE3MTg3NSwtNzUyMC45OTk1MTE3MTg3NSA1NjkwLjk5OTUxMTcxODc1LC03NTE2Ljk5OTUxMTcxODc1IDU2ODYuOTk5NTExNzE4NzUsLTc1MjAuOTk5NTExNzE4NzUgIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjEiLz4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}

.dark-skin .next-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNCA4IiB3aWR0aD0iNCIgaGVpZ2h0PSI4Ij48ZGVmcz48cGF0aCBkPSJNMyAwQzMgMCAzIDAgMyAwQzMgNC4yIDMgNi41MyAzIDdDMyA3IDMgNyAzIDdDMS4yIDcgMC4yIDcgMCA3QzAgNyAwIDcgMCA3QzAgMi44IDAgMC40NyAwIDBDMCAwIDAgMCAwIDBDMS44IDAgMi44IDAgMyAwWiIgaWQ9ImIxOGxESElKRSI+PC9wYXRoPjxwYXRoIGQ9Ik00IDQuMDFMLTAuMDIgNy45OUwwLjAyIC0wLjAxTDQgNC4wMVoiIGlkPSJhMTJDYURNMTRKIj48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2IxOGxESElKRSIgb3BhY2l0eT0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNiMThsREhJSkUiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2ExMkNhRE0xNEoiIG9wYWNpdHk9IjEiIGZpbGw9IiM0ZDRkNGQiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYTEyQ2FETTE0SiIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=);
}

.dark-skin .last-page {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHRpdGxlPmljLWxhc3QtcGFnZTwvdGl0bGU+CiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIiBpZD0iTGlzdHMtLS1EQlBhbmVsL0NQYW5lbCI+CiAgIDxnIGZpbGw9IiMwMDk2RUMiIGlkPSJCdWlsZGluZy1TcGVjcyI+CiAgICA8ZyBpZD0iZm9jdXMtcGFuZWwtMiI+CiAgICAgPGcgaWQ9IlRhYmxlIj4KICAgICAgPGcgaWQ9IlBhZ2luYXRpb24iPgogICAgICAgPGcgaWQ9IlBhZ2luYXRpb24tSWNvbnMiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Myw0NCkgc2NhbGUoLTEsMSkgdHJhbnNsYXRlKC0xODMsLTQ0KSB0cmFuc2xhdGUoMTgwLDQwKSAiIGlkPSJpYy1sYXN0LXBhZ2UiPgogICAgICAgICA8cmVjdCBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjgiIHdpZHRoPSIxIiB5PSItNDAiIHg9IjE4MCIgaWQ9IlJlY3RhbmdsZSIvPgogICAgICAgICA8cG9seWdvbiBmaWxsPSIjZmZmZmZmIiBwb2ludHM9IjE4NCwtMzQgMTg4LC0zMCAxOTIsLTM0ICIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTg0LjAwMDAwMDAwMDAwMDAzLC0zNS45OTk5OTk5OTk5OTk5OSkgdHJhbnNsYXRlKC00LC00KSAiIGlkPSJJY24tU29ydCIvPgogICAgICAgIDwvZz4KICAgICAgIDwvZz4KICAgICAgPC9nPgogICAgIDwvZz4KICAgIDwvZz4KICAgPC9nPgogIDwvZz4KIDwvZz4KPC9zdmc+);
}

.dark-skin .last-page.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgNiA4IiB3aWR0aD0iNiIgaGVpZ2h0PSI4Ij48ZGVmcz48cGF0aCBkPSJNNTgxIC0xQzU4MSAtMSA1ODEgLTEgNTgxIC0xQzU4MSAyNDAuMiA1ODEgMzc0LjIgNTgxIDQwMUM1ODEgNDAxIDU4MSA0MDEgNTgxIDQwMUMyMzEuOCA0MDEgMzcuOCA0MDEgLTEgNDAxQy0xIDQwMSAtMSA0MDEgLTEgNDAxQy0xIDE1OS44IC0xIDI1LjggLTEgLTFDLTEgLTEgLTEgLTEgLTEgLTFDMzQ4LjIgLTEgNTQyLjIgLTEgNTgxIC0xWiIgaWQ9ImE2d2kxYnFWeiI+PC9wYXRoPjxwYXRoIGQ9Ik01IDBDNSAwIDUgMCA1IDBDNSA0LjggNSA3LjQ3IDUgOEM1IDggNSA4IDUgOEM1LjYgOCA1LjkzIDggNiA4QzYgOCA2IDggNiA4QzYgMy4yIDYgMC41MyA2IDBDNiAwIDYgMCA2IDBDNS40IDAgNS4wNyAwIDUgMFoiIGlkPSJiMmE1eFVCNzFyIj48L3BhdGg+PHBhdGggZD0iTTQgNEwwIDhMMCAwTDQgNFoiIGlkPSJqeDJ3UXJXIj48L3BhdGg+PC9kZWZzPjxnPjxnPjxnPjx1c2UgeGxpbms6aHJlZj0iI2E2d2kxYnFWeiIgb3BhY2l0eT0iMSIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIwIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNhNndpMWJxVnoiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2IyYTV4VUI3MXIiIG9wYWNpdHk9IjEiIGZpbGw9IiM0ZDRkNGQiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYjJhNXhVQjcxciIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjangyd1FyVyIgb3BhY2l0eT0iMSIgZmlsbD0iIzRkNGQ0ZCIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNqeDJ3UXJXIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMCI+PC91c2U+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}

.dark-skin .pagination > li.page.active {
  background-color: #9dd3e3;
  color: #404040;
}

.dark-skin .pagination > li.page.active:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin .pagination > li.page {
  color: #c4c4c4;
  font-family: "CentraleSansCndBold";
  height: 39px;
  min-width: 37px;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .dark-skin .pagination > li.page {
    height: auto;
    min-width: auto;
  }
}

.dark-skin .pagination > li.page:not(.active):hover {
  opacity: 0.24;
  background-color: transparent;
}

.dark-skin .pagination > li.page:active {
  opacity: 0.4;
}

.dark-skin .rightlabel {
  color: #ffffff;
}

.pdf-viewer-container {
  padding: 15px;
}

.pdf-viewer-message {
  width: 100%;
  height: 100%;
  text-align: center;
}

.custom_size_wpreview .pdf-viewer-message {
  color: white;
  font-size: 1.1em;
}

.canvas-pdf-container {
  margin-left: auto;
  margin-right: auto;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.btn-blue, .btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton, .btn-green {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: calc(var(--sizing-40) * 2);
  height: var(--sizing-32);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--spacing-4);
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  transition: background-color 0.1s ease;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  position: relative;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.btn-blue::before, .btn-gray::before, .w-dt-result__button.is_dpkb::before, .w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .btn_actions::before, #segment-buttons .btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .wbutton::before, .btn-green::before {
  transition: opacity .2s ease-in-out;
  content: " ";
  width: calc(100% + var(--spacing-8));
  height: calc(100% + var(--spacing-8));
  position: absolute;
  opacity: 0;
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.wbutton-has-icon.btn-blue, .wbutton-has-icon.btn-gray, .wbutton-has-icon.w-dt-result__button.is_dpkb, .wbutton-has-icon.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .wbutton-has-icon.btn_actions, #segment-buttons .wbutton-has-icon.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton-has-icon.wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .wbutton-has-icon.btn-green {
  min-width: calc(var(--sizing-24) * 2);
  padding: var(--spacing-8);
}

.btn-blue:hover, .btn-gray:hover, .w-dt-result__button.is_dpkb:hover, .w-dt-result__button.is_dpkb_visible:hover, .segment-spinner-date .btn_actions:hover, #segment-buttons .btn_actions:hover, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:hover, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:hover, #segment-buttons .segment-spinner-date-button-picker .wbutton:hover, .btn-green:hover {
  background-color: var(--btn-background-hover-color);
}

.btn-blue:active, .btn-gray:active, .w-dt-result__button.is_dpkb:active, .w-dt-result__button.is_dpkb_visible:active, .segment-spinner-date .btn_actions:active, #segment-buttons .btn_actions:active, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:active, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:active, #segment-buttons .segment-spinner-date-button-picker .wbutton:active, .btn-green:active {
  background-color: var(--btn-background-active-color);
}

.btn-blue:focus::before, .btn-gray:focus::before, .w-dt-result__button.is_dpkb:focus::before, .w-dt-result__button.is_dpkb_visible:focus::before, .segment-spinner-date .btn_actions:focus::before, #segment-buttons .btn_actions:focus::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:focus::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:focus::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:focus::before, .btn-green:focus::before, .focus.btn-blue::before, .focus.btn-gray::before, .focus.w-dt-result__button.is_dpkb::before, .focus.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .focus.btn_actions::before, #segment-buttons .focus.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .focus.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .focus.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .focus.wbutton::before, .focus.btn-green::before {
  opacity: 1;
}

.btn-blue:disabled, .btn-gray:disabled, .w-dt-result__button.is_dpkb:disabled, .w-dt-result__button.is_dpkb_visible:disabled, .segment-spinner-date .btn_actions:disabled, #segment-buttons .btn_actions:disabled, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled, .btn-green:disabled, .disable.btn-blue, .disable.btn-gray, .disable.w-dt-result__button.is_dpkb, .disable.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .disable.btn_actions, #segment-buttons .disable.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton, .disable.btn-green {
  cursor: default;
  background-color: var(--btn-background-disabled-color);
  box-shadow: none;
}

.btn-blue:disabled::before, .btn-gray:disabled::before, .w-dt-result__button.is_dpkb:disabled::before, .w-dt-result__button.is_dpkb_visible:disabled::before, .segment-spinner-date .btn_actions:disabled::before, #segment-buttons .btn_actions:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled::before, .btn-green:disabled::before, .disable.btn-blue::before, .disable.btn-gray::before, .disable.w-dt-result__button.is_dpkb::before, .disable.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .disable.btn_actions::before, #segment-buttons .disable.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton::before, .disable.btn-green::before {
  content: none !important;
}

.btn-blue:disabled .wbutton-imagepanel, .btn-gray:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible:disabled .wbutton-imagepanel, .segment-spinner-date .btn_actions:disabled .wbutton-imagepanel, #segment-buttons .btn_actions:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .btn-green:disabled .wbutton-imagepanel, .disable.btn-blue .wbutton-imagepanel, .disable.btn-gray .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .disable.btn_actions .wbutton-imagepanel, #segment-buttons .disable.btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .disable.btn-green .wbutton-imagepanel {
  opacity: .36;
}

.hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green, .hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green {
  visibility: hidden;
}

.btn-blue .wbutton-container-panel, .btn-gray .wbutton-container-panel, .w-dt-result__button.is_dpkb .wbutton-container-panel, .w-dt-result__button.is_dpkb_visible .wbutton-container-panel, .segment-spinner-date .btn_actions .wbutton-container-panel, #segment-buttons .btn_actions .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-container-panel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .btn-green .wbutton-container-panel {
  display: inline;
  vertical-align: middle;
}

.btn-blue .wbutton-text, .btn-gray .wbutton-text, .w-dt-result__button.is_dpkb .wbutton-text, .w-dt-result__button.is_dpkb_visible .wbutton-text, .segment-spinner-date .btn_actions .wbutton-text, #segment-buttons .btn_actions .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-text, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-text, .btn-green .wbutton-text {
  font-size: var(--font-size-body);
}

.btn-blue .wbutton-imagepanel, .btn-gray .wbutton-imagepanel, .w-dt-result__button.is_dpkb .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .btn_actions .wbutton-imagepanel, #segment-buttons .btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .btn-green .wbutton-imagepanel {
  width: var(--sizing-16);
  height: var(--sizing-16);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: var(--spacing-8);
}

.btn-blue .wbutton-imagepanel img, .btn-gray .wbutton-imagepanel img, .w-dt-result__button.is_dpkb .wbutton-imagepanel img, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel img, .segment-spinner-date .btn_actions .wbutton-imagepanel img, #segment-buttons .btn_actions .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel img, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .btn-green .wbutton-imagepanel img {
  width: 100%;
}

.btn-blue {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-blue-50);
  --btn-background-hover-color: #25669d;
  --btn-background-active-color: #1f5482;
  --btn-background-disabled-color: #b1cbe0;
}

.btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-10);
  --btn-background-hover-color: #d5d5d5;
  --btn-background-active-color: #b0b0b0;
  --btn-background-disabled-color: #fbfbfb;
}

.btn-green {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-green-55);
  --btn-background-hover-color: #1b6e2a;
  --btn-background-active-color: #165b22;
  --btn-background-disabled-color: #adceb3;
}

.btn-green:hide, .btn-green.hide {
  visibility: hidden;
}

.btn-save-add, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button {
  letter-spacing: 0.2px;
  color: #808080;
  position: relative;
  height: var(--sizing-32);
  padding: var(--spacing-8) 0;
  border: none;
  background-color: transparent;
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  cursor: pointer;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  content: "";
  display: inline-block;
  left: -var(--sizing-16);
  width: var(--sizing-16);
  height: var(--sizing-16);
  margin-right: var(--spacing-8);
  vertical-align: bottom;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.btn-save-add--disabled, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button {
  color: #bfbfbf;
  cursor: initial;
}

.btn-save-add--disabled:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before {
  filter: grayscale(100%);
  opacity: .5;
}

.btn-link-blue {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.btn-link-blue:focus {
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #03abff;
  --btn-background-hover-color: #3fbfff;
  --btn-background-active-color: #016699;
  --btn-background-disabled-color: #014466;
}

.dark-skin .btn-gray, .dark-skin .w-dt-result__button.is_dpkb, .dark-skin .w-dt-result__button.is_dpkb_visible, .dark-skin .segment-spinner-date .btn_actions, .segment-spinner-date .dark-skin .btn_actions, .dark-skin #segment-buttons .btn_actions, #segment-buttons .dark-skin .btn_actions, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-20);
  --btn-background-hover-color: #d2d2d2;
  --btn-background-active-color: #757575;
  --btn-background-disabled-color: #4e4e4e;
}

.dark-skin .btn-green {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #7bcc00;
  --btn-background-hover-color: #9ad83d;
  --btn-background-active-color: #497a00;
  --btn-background-disabled-color: #384d00;
}

.dark-skin .btn-link-blue {
  color: #41C9FE;
}

.dark-skin .btn-link-blue:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue::before, .dark-skin .btn-gray::before, .dark-skin .w-dt-result__button.is_dpkb::before, .dark-skin .w-dt-result__button.is_dpkb_visible::before, .dark-skin .segment-spinner-date .btn_actions::before, .segment-spinner-date .dark-skin .btn_actions::before, .dark-skin #segment-buttons .btn_actions::before, #segment-buttons .dark-skin .btn_actions::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton::before, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .btn-green::before {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button {
  color: #ffffff;
}

.dark-skin .btn-save-add:hover, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:hover, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:hover {
  opacity: .76;
}

.dark-skin .btn-save-add:active, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:active, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:active {
  opacity: .60;
}

.dark-skin .btn-save-add:focus, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:focus, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add--disabled:before, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled .dark-skin button:before {
  opacity: .4;
}

w-persistence-action-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 32px;
}

w-persistence-action-bar w-persistence-action-bar-button.wpab-standard-button {
  margin-left: var(--spacing-16);
}

w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button {
  min-width: 0;
  margin-left: var(--spacing-16);
}

w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-top: 9px;
  font-size: var(--font-size-body);
}

w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:focus {
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.w-phonenumber {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.w-phonenumber__listbox {
  min-width: 100px;
}

.w-phonenumber__textbox {
  -ms-flex: 1;
      flex: 1;
}

.w-phonenumber__flag {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 22px !important;
  height: 16px !important;
}

.w-phonenumber__country-name {
  -ms-flex: 1;
      flex: 1;
  margin: 0 16px;
}

.w-phonenumber__dial-code {
  margin: 0 4px;
}

.w-phonenumber__dial-code-list-item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-phonenumber__container-list-item {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}

.w-phonenumber-listbox__content {
  max-width: 400px !important;
}

.popover-dialog {
  --popover-background: var(--color-white);
  --popover-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  --popover-text-color: var(--color-gray-75);
  --popover-arrow-size: var(--sizing-12);
  --popover-close-size: var(--sizing-12);
  --popover-border-radius: var(--sizing-4);
  --popover-padding: var(--spacing-16);
  --container-without-padding: 500px;
  --container-with-padding: calc(var(--container-without-padding) - var(--popover-padding) * 2);
}

.dark-skin.popover-dialog,
.dark-skin .popover-dialog {
  --popover-background: var(--color-gray-65);
  --popover-shadow: 0 4px 21px rgba(0, 0, 0, 0.3);
  --popover-text-color: var(--color-gray-10);
}

.popover-dialog.hidden-popover {
  visibility: hidden;
}

.scroll-appearance {
  max-width: 400px;
  max-height: var(--container-with-padding);
  overflow: auto;
}

.scroll-appearance .ng-scope {
  line-height: normal;
}

.popover-box-container-warning .scroll-appearance {
  overflow: hidden;
}

.popover-dialog {
  -webkit-user-select: initial !important;
     -moz-user-select: initial !important;
      -ms-user-select: initial !important;
          user-select: initial !important;
}

.popover-dialog.hidden-popover {
  visibility: hidden;
}

.popover-dialog .ngdialog-content {
  background: var(--popover-background);
  font-size: var(--font-size-body);
  position: fixed;
  overflow: auto;
  box-shadow: var(--popover-shadow);
  overflow: visible;
  border-radius: var(--spacing-4);
}

.popover-dialog .ngdialog-content .popover-box-container {
  background: var(--popover-background);
  border-radius: var(--spacing-4);
  color: var(--popover-text-color);
  padding: var(--spacing-28);
  position: relative;
  max-height: var(--container-without-padding);
  max-width: 400px;
}

@media (min-width: 3840px) {
  .popover-dialog .ngdialog-content .popover-box-container {
    padding: var(--spacing-24) var(--spacing-20);
  }
}

.popover-dialog .ngdialog-content .popover-box-container .arrow {
  display: block;
  width: calc(12px / 1.14);
  height: calc(12px / 1.14);
  position: absolute;
  background-color: var(--popover-background);
  transform: rotateZ(45deg);
  z-index: -1;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@media (min-width: 3840px) {
  .popover-dialog .ngdialog-content .popover-box-container .arrow {
    width: calc(24px / 1.14);
    height: calc(24px / 1.14);
  }
}

.popover-dialog .ngdialog-content .popover-box-container-warning {
  background: #f0bb29;
  color: white;
}

.popover-dialog .popover-box-container .arrow {
  display: block;
  width: var(--sizing-12);
  height: var(--sizing-12);
  position: absolute;
  background-color: var(--popover-background);
  transform: rotateZ(45deg);
  z-index: -1;
  box-shadow: var(--popover-shadow);
}

.popover-dialog .popover-box-container-warning .arrow {
  background-color: #f0bb29;
}

.popover-dialog .ngdialog-close::before,
.popover-dialog .ngdialog-close-submenu::before {
  content: "";
  width: var(--sizing-12);
  height: var(--sizing-12);
  top: var(--spacing-8);
  right: var(--spacing-8);
  position: absolute;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
}

@media (min-width: 3840px) {
  .popover-dialog .ngdialog-close::before,
  .popover-dialog .ngdialog-close-submenu::before {
    top: var(--spacing-24);
    right: var(--spacing-20);
  }
}

.popover-dialog .ngdialog-overlay {
  opacity: 0;
}

.popover-dialog .ngdialog-content .dark-skin.popover-box-container-warning {
  background: #ff830f;
  color: #212121;
}

.popover-dialog .ngdialog-content .dark-skin.popover-box-container-warning .arrow {
  background-color: #ff830f;
}

.popover-dialog .ngdialog-content .dark-skin.popover-box-container-danger, .popover-dialog .ngdialog-content .dark-skin.popover-box-container-error {
  background: #ff6d59;
  color: #212121;
}

.popover-dialog .ngdialog-content .dark-skin.popover-box-container-danger .arrow, .popover-dialog .ngdialog-content .dark-skin.popover-box-container-error .arrow {
  background-color: #ff6d59;
}

.popover-dialog .ngdialog-content .dark-skin.popover-box-container-caution {
  background: #ffcd05;
  color: #212121;
}

.popover-dialog .ngdialog-content .dark-skin.popover-box-container-caution .arrow {
  background-color: #ffcd05;
}

.popover-dialog tasy-wbutton {
  height: auto;
  width: 100%;
}

.popover-dialog tasy-wbutton .wbutton-container {
  padding: var(--spacing-8) var(--spacing-16);
  height: var(--spacing-32);
  width: 100%;
}

@media (min-width: 3840px) {
  .popover-dialog tasy-wbutton .wbutton-container {
    min-width: 200px;
  }
}

.popover-dialog tasy-wbutton .wbutton-container .wbutton-text {
  font-size: var(--font-size-body) !important;
}

.popover-dialog.bordered .ngdialog-content {
  border-color: #05ACff;
  border-style: solid;
}

.popover-dialog.bordered .ngdialog-content.left {
  border-left-width: var(--spacing-4);
}

.popover-dialog.bordered .ngdialog-content.right {
  border-right-width: var(--spacing-4);
}

.ngdialog.popover-dialog.ngdialog-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: max-content;
      grid-template-rows: max-content;
}

.ngdialog.popover-dialog.ngdialog-grid .ngdialog-content {
  position: sticky;
  display: -ms-grid;
  display: grid;
}

.ngdialog.popover-dialog.ngdialog-grid .ngdialog-content .popover-box-container {
  max-width: none !important;
}

.ngdialog.popover-dialog.ngdialog-grid .ngdialog-content .popover-box-container .scroll-appearance {
  max-width: none;
}

.ngdialog.popover-dialog.ngdialog-grid.pn-2 .ngdialog-content {
  grid-area: auto / 1 / auto / span 2;
}

.ngdialog.popover-dialog.ngdialog-grid.pn-3 .ngdialog-content {
  grid-area: auto / 1 / auto / span 3;
}

.ngdialog.popover-dialog.ngdialog-grid.pn-4 .ngdialog-content {
  grid-area: auto / 1 / auto / span 4;
}

.ngdialog.popover-dialog.ngdialog-grid.pn-6 .ngdialog-content {
  grid-area: auto / 1 / auto / span 6;
}

.ngdialog.popover-dialog {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.popover-dialog.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.popover-dialog .ngdialog-overlay {
  background: transparent !important;
  opacity: 0 !important;
}

.ngdialog.popover-dialog .ngdialog-content {
  animation: none !important;
}

.popover-warning {
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.dark-skin .ngdialog-content .ngdialog-close::before {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0JDQkNCQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNCQ0JDQkMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
}

.w-progress {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

.w-progress object {
  height: 100%;
  width: 100%;
  min-width: 180px;
}

.qrcode-viewer #qrcode-viewer {
  margin: auto;
  width: 70%;
}

.qrcode-viewer .dialog-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-flow: column;
      flex-flow: column;
}

.qrcode-viewer .dialog-footer .btn-blue {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.qrcode-viewer .qr-link {
  max-width: 420px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qrcode-viewer.ngdialog.ngdialog-theme-default.qrcode-multiple-sign {
  padding-bottom: 0;
  padding-top: 105px;
}

.qrcode-viewer.ngdialog.ngdialog-theme-default.qrcode-multiple-sign .ngdialog-content {
  width: 720px;
}

.qrcode-viewer.ngdialog.ngdialog-theme-default.qrcode-multiple-sign .ngdialog-content .dialog-authentication-content {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.qrcode-viewer.ngdialog.ngdialog-theme-default.qrcode-multiple-sign .ngdialog-content .dialog-authentication-content #qrcode-viewer {
  width: 100%;
}

.qrcode-viewer.ngdialog.ngdialog-theme-default.qrcode-multiple-sign .ngdialog-content .dialog-authentication-content #qrcode-viewer .item-qrcode-viewer {
  padding: 0 20px;
  width: 340px;
  display: inline-block;
}

.qrcode-viewer.ngdialog.ngdialog-theme-default.qrcode-multiple-sign .ngdialog-content .dialog-authentication-content #qrcode-viewer .item-qrcode-viewer .qr-link {
  display: inline-block;
  max-width: 300px;
}

.gwt-RadioButton {
  position: relative;
  margin-left: 0px;
}

.gwt-RadioButton label {
  display: -ms-flexbox;
  display: flex;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gwt-RadioButton .rg-label {
  display: inline-block;
  padding-top: 3px;
}

.gwt-RadioButton input {
  opacity: 0;
  position: absolute;
  left: -99999px;
}

.gwt-RadioButton input + label:before {
  content: '';
  background: #ffffff;
  border-radius: 100%;
  border: 1px solid #b3b3b3;
  display: inline-block;
  width: var(--sizing-16);
  height: var(--sizing-16);
  margin-right: var(--spacing-8);
  vertical-align: top;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.gwt-RadioButton input:checked + label:before {
  background-color: #000000;
  box-shadow: inset 0 0 0 4px #ffffff;
}

.gwt-RadioButton input:disabled:checked + label:before {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 4px #b0b0b0;
}

.gwt-RadioButton input:disabled + label {
  color: #b0b0b0;
}

.gwt-RadioButton input:disabled + label:before {
  border-color: rgba(176, 176, 176, 0.35);
  background-color: rgba(176, 176, 176, 0.35);
}

.gwt-RadioButton input:focus + label:before {
  outline: 0;
  border: 1px solid #0096ed;
}

.ng-submitted tasy-wradiobuttongroup input.ng-invalid-required ~ div input + label:before,
tasy-wradiobuttongroup.touched input.ng-invalid-required ~ div input + label:before {
  border: 1px solid #db2a36;
}

tasy-wradiobuttongroup .group-box-container + .group-box-container {
  margin-top: 12px;
}

.gwt-RadioButton[disabled="disabled"] {
  pointer-events: none;
  opacity: 0.4;
}

.radiobutton-container-privacy::before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  position: absolute;
  content: '';
  background: #bdbdbd;
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.radiobutton-text-privacy {
  margin-left: 26px;
  color: #b0b0b0;
}

.tasy-group-box .group-box-container .group-box-column {
  padding-left: 4px;
  padding-right: 4px;
}

.tasy-group-box .group-box-container .group-box-column:first-child {
  padding-left: 0px;
}

.tasy-group-box .group-box-container .group-box-column:last-child {
  padding-right: 0px;
}

.gwt-RadioButton label {
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
}

.dark-skin .gwt-RadioButton label {
  color: #ffffff;
}

.dark-skin .gwt-RadioButton label:hover {
  color: rgba(255, 255, 255, 0.76);
}

.dark-skin .gwt-RadioButton input + label:before {
  border-color: #c4c4c4;
  background: transparent;
}

.dark-skin .gwt-RadioButton input:checked + label:before {
  background-color: #41c9fe;
  border-color: #41c9fe;
  box-shadow: inset 0 0 0 4px #4d4d4d;
}

.dark-skin .gwt-RadioButton input:focus + label:before {
  border-color: #41c9fe;
}

.dark-skin .gwt-RadioButton.selected label {
  background-color: #9dd3e3;
  color: #212121;
}

.dark-skin .gwt-RadioButton.selected input {
  color: #212121;
  background-color: #9dd3e3;
}

.dark-skin .gwt-RadioButton.selected input + label:before {
  border-color: #212121;
}

.dark-skin .gwt-RadioButton.selected input:checked + label:before {
  background-color: #212121;
  box-shadow: inset 0px 0px 0px 4px #9dd3e3;
}

.dark-skin .gwt-RadioButton input:disabled + label {
  opacity: 0.4;
  color: #ffffff;
}

.reference-table {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  table-layout: fixed;
}

.first-line .reference-table-cell {
  border-top: 0px;
}

.last-line .reference-table-cell {
  border-bottom: 0px;
}

.reference-table-line > :first-child {
  border-left: 0px;
}

.reference-table-line > :last-child {
  border-right: 0px;
}

.reference-table-cell {
  border: 1px solid #bfbfbf;
  word-wrap: break-word;
  padding: 8px;
}

.tasy-advancedtexteditor-layout-colunms-config {
  min-width: 200px;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-header {
  color: #000;
  cursor: default;
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-columns,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-column-spacing,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-line-between {
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms button {
  margin-left: var(--spacing-20);
}

.tasy-advancedtexteditor-layout-colunms-config .content-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
}

.tasy-advancedtexteditor-layout-colunms-config .content-input input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  height: 30px;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .tasy-advancedtexteditor-layout-colunms-config .content-input input {
    height: var(--sizing-32);
  }
}

.tasy-layout-master-region {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region {
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region p {
  display: block;
  word-wrap: true;
}

.w-richedit-table-dialog {
  min-width: 215px;
  height: 100%;
  overflow: hidden;
  padding: 6px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__header {
  color: #000;
  cursor: default;
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  line-height: 35px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 35px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: auto;
  margin: 4px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__row input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  padding: 8px;
  height: 30px;
  font-size: var(--font-size-body);
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: auto;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__input input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  padding: 8px;
  height: 30px;
  font-size: var(--font-size-body);
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_vertical {
  min-height: 80px;
  padding: 0px 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
  text-align: left;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_vertical .content__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: normal;
      justify-content: normal;
  min-height: 30px;
  margin: 2px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_vertical .content__row label {
  cursor: pointer;
}

.w-richedit-table-dialog .w-richedit-table-dialog__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  min-height: 36px;
  margin-top: 20px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__footer button {
  margin-left: 20px;
}

.richedit-paste {
  margin: 25px;
}

.richedit-paste-message {
  font-size: var(--font-size-body);
  margin-bottom: 28px;
}

.richedit-paste-textarea {
  height: 120px;
}

.wrichedit-container, .wrichedit-container .wrichedit-editor-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  min-height: 0;
  width: 100%;
}

.wrichedit-container .wrichedit-append-container {
  -ms-flex: 0;
      flex: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.wrichedit-container .wrichedit-append-container:not(:empty) {
  margin: 0 var(--spacing-16) var(--spacing-16);
}

.wrichedit-editor-wrapper {
  color: #333;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 100px;
  -ms-flex: 1;
      flex: 1;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.wrichedit-editor-wrapper p {
  line-height: 1.5em;
  margin: 0;
  background: none;
}

.wrichedit-editor-wrapper p span {
  line-height: 1.5em;
}

.wrichedit-editor-wrapper .mic-richedit-editor-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}

.wrichedit-editor-wrapper ul,
.wrichedit-editor-wrapper ol {
  margin: 0;
  padding-left: 22px;
  line-height: 1.5em;
}

.wrichedit-editor-wrapper ol {
  list-style-type: decimal;
}

.wrichedit-editor-wrapper ul {
  list-style-type: disc;
}

.wrichedit-editor-wrapper li {
  line-height: 1.5em;
  margin: 0;
}

.wrichedit-editor-wrapper strong {
  font-family: inherit;
}

.wricent {
  text-align: center;
}

.wririgh {
  text-align: right;
}

.wrichedit {
  min-width: 0;
  min-height: 0;
}

.wrichedit-editarea {
  overflow: auto;
  width: 100%;
  min-height: 100px;
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.wrichedit-editarea p span u {
  text-decoration: underline;
}

.wrichedit-editarea .grammarly-extension-hidden grammarly-extension {
  display: none;
}

.wrichedit-editarea .wrichedit-editor.cke_editable.cke_editable_inline {
  word-wrap: break-word;
  overflow-x: inherit;
}

.wrichedit-editor {
  border: 1px solid var(--border-color-panel);
  height: 100%;
  padding: var(--spacing-8);
  font-size: var(--font-size-subtitle);
  line-height: 1.5em;
  letter-spacing: 0.1px;
  background: transparent;
  color: var(--color-gray-75);
  overflow: auto !important;
  position: relative;
  -ms-flex: 1;
      flex: 1;
}

.wrichedit-editor.with-error {
  height: 100%;
  border-style: solid;
  border-width: thin;
}

.wrichedit-editor-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
  margin: 0 1px;
}

@media (min-width: 3840px) {
  .wrichedit-editor-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.cke_editable[contenteditable="false"] {
  cursor: default;
}

.wrichedit-editor[contenteditable="true"]:focus {
  border-color: #0095ed;
}

.wrichedit-paper {
  height: 100%;
  background-color: transparent;
  position: relative;
  overflow: hidden;
}

.wrichedit-paper p strong span {
  font-weight: inherit !important;
}

.wrichedit-paper p em span {
  font-style: inherit !important;
}

.wrichedit-paper pre {
  white-space: pre-wrap;
  font-family: "CentraleSansCndBook";
  font-weight: 300;
}

.wrichedit-ruler {
  background-color: #888;
  height: 18px;
  width: 100%;
}

.wrichedit-rulersize {
  background-color: #ffffff;
  margin-top: 10px;
  height: 18px;
  margin-left: calc(50% - 13.8cm);
  width: 23.46cm;
}

.wrichedit-textindent {
  background-color: #555;
  cursor: ew-resize;
  height: 4px;
  line-height: 6px;
  margin-bottom: 2px;
  margin-top: -14px;
  position: relative;
  width: 9px;
}

.wrichedit-leftmargin {
  border: transparent solid 4px;
  border-top: #555 solid 6px;
  cursor: ew-resize;
  height: 4px;
  line-height: 4px;
  position: relative;
  width: 1px;
}

.wrichedit-rightmargin {
  border: transparent solid 4px;
  border-top: #555 solid 6px;
  cursor: ew-resize;
  height: 4px;
  margin-top: -14px;
  position: relative;
  width: 1px;
}

.wrichedit-cm-markers {
  position: relative;
  height: 18px;
  left: 0;
  cursor: default;
}

.wrichedit-cm-marker {
  border-right: #ccc 1px solid;
  display: inline-block;
  height: 6px;
  position: relative;
  top: -6px;
  width: calc(0.25cm - 1px);
}

.wrichedit-half-cm-marker {
  border-right: #ccc 1px solid;
  display: inline-block;
  height: 6px;
  position: relative;
  top: 3px;
  width: calc(0.25cm - 1px);
}

.wrichedit-quarter-cm-marker {
  border-right: #ccc 1px solid;
  display: inline-block;
  height: 3px;
  position: relative;
  top: 3px;
  width: calc(0.25cm - 1px);
}

.wrichedit-cm-measure {
  color: #777;
  font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
  font-size: 9px;
  margin-top: -16px;
  text-align: left;
  text-indent: 6px;
}

.default:hover {
  background: none;
}

table.wrichedit-table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #000;
  width: 100%;
  margin-bottom: 16px;
}

table.wrichedit-table tr > td {
  min-width: 20px;
  line-height: 19px;
  border: 1px solid #000;
}

.cke_top:not(.cke_panel),
.cke:not(.cke_panel),
.cke_toolgroup:not(.cke_panel) {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cke_button {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.wrichedit-toolbar {
  margin-bottom: 0;
}

@media (min-width: 3840px) {
  .wrichedit-toolbar {
    padding: var(--spacing-8) var(--spacing-8) var(--spacing-12) var(--spacing-8);
  }
}

.wrichedit {
  padding: var(--spacing-16);
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.wrichedit table {
  width: 100%;
}

.wrichedit .more-one-record {
  margin: auto;
}

.wrichedit .cke_combopanel {
  background-color: white !important;
  border: 1px solid #bcbcbc !important;
  border-top: none !important;
}

.wrichedit .cke_toolbar {
  padding-left: 8px;
}

.wrichedit .cke_toolbar:first-child {
  padding-left: 0;
  margin-left: 0;
}

.wrichedit .cke_toolgroup a.cke_button:last-child:after,
.wrichedit .cke_toolgroup a.cke_button:hover:last-child:after {
  border-color: #bfbfbf !important;
  height: 16px !important;
  margin: 5px 0 0 8px !important;
  right: -8px !important;
  top: 0 !important;
}

.wrichedit .cke_button {
  width: auto;
  height: auto;
  padding: 5px 0 0 0 !important;
  margin: 0 0 0 8px;
}

.wrichedit .cke_button:first-child {
  margin-left: 0;
}

.wrichedit .cke_button.cke_button_on {
  box-shadow: none !important;
  background-color: #f2f2f2 !important;
}

.wrichedit .cke_button .cke_button_icon {
  background-size: 15px 15px !important;
  background-position: center center !important;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  opacity: 1;
}

.wrichedit .cke_button.cke_button_disabled .cke_button_icon {
  cursor: initial;
}

.wrichedit .cke_button .cke_button__bold_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M5.9,3H8c1,0,1.7,0.9,1.7,1.8c0,0,0,0.1,0,0.1C9.7,5.9,9,6.7,8.1,6.8c-0.1,0-0.1,0-0.2,0H5.9V3z M5.9,13V9.1h2.5c1,0,1.8,0.8,1.8,1.8c0,0,0,0.1,0,0.1c0.1,1-0.6,1.8-1.6,1.9c-0.1,0-0.1,0-0.2,0L5.9,13L5.9,13z M3,0.6v14.9h6.1c2.1,0.1,3.9-1.6,3.9-3.7c0-0.1,0-0.3,0-0.4c0.1-1.7-1-3.2-2.6-3.5c1.3-0.5,2.2-1.9,2-3.3c0.1-2.2-1.6-4-3.8-4c-0.1,0-0.2,0-0.3,0H3z"/></svg>') !important;
}

.wrichedit .cke_button .cke_button__italic_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><polygon points="6,15.5 7.8,15.5 10,0.5 8.2,0.5 "/></svg>') !important;
}

.wrichedit .cke_button .cke_button__underline_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M3.6,1.3v8.9c-0.2,2.3,1.6,4.3,3.9,4.5c0.2,0,0.3,0,0.5,0c2.3,0.1,4.3-1.7,4.4-4c0-0.2,0-0.3,0-0.5V1.3h-1.6v9c0.1,1.5-1,2.9-2.5,3c-0.1,0-0.2,0-0.3,0c-1.5,0-2.8-1.2-2.8-2.7c0-0.1,0-0.2,0-0.3v-9H3.6z"/></svg>') !important;
}

.wrichedit .cke_button .cke_button__cut_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M15.4,7.7c0-0.1-0.1-0.2-0.3-0.2L9,7.1l1.5-6c0-0.1,0-0.3-0.2-0.3c-0.1,0-0.2,0-0.3,0.1L8.4,3.4C7.6,4.4,7.2,5.6,7,6.9V7L5.1,6.9c-0.3-1.2-1.5-2-2.7-1.8c-1.2,0.3-2,1.5-1.8,2.7c0.2,1,1,1.7,2.1,1.8h0.2c0.9,0,1.7-0.5,2.1-1.3l1.9,0.4l-0.2,1.9c-0.9,0.1-1.7,0.8-1.9,1.7c-0.3,1.2,0.4,2.5,1.6,2.8c0.2,0,0.4,0.1,0.6,0.1c1.3,0,2.3-1,2.3-2.3c0-0.8-0.4-1.6-1.1-2L8.5,9h0.1c1.3,0.3,2.6,0.2,3.8-0.2L15.2,8C15.3,8,15.4,7.8,15.4,7.7L15.4,7.7L15.4,7.7z M4.2,7.4c0,0.7-0.5,1.2-1.2,1.2c0,0-0.1,0-0.1,0C2.1,8.6,1.6,8,1.6,7.3c0-0.7,0.6-1.2,1.3-1.2H3c0.7,0,1.2,0.5,1.2,1.2C4.2,7.4,4.2,7.4,4.2,7.4L4.2,7.4L4.2,7.4z M8.1,13.2c-0.1,0.7-0.7,1.1-1.3,1c-0.4-0.1-0.8-0.3-1-0.7c-0.4-0.5-0.2-1.3,0.3-1.7c0.2-0.2,0.5-0.2,0.8-0.2c0.1,0,0.2,0,0.3,0c0.7,0.1,1.1,0.8,0.9,1.4C8.2,13.1,8.1,13.1,8.1,13.2L8.1,13.2L8.1,13.2z M8,8.4c-0.3,0-0.5-0.3-0.5-0.6c0-0.3,0.3-0.5,0.6-0.5c0.3,0,0.5,0.2,0.5,0.5C8.5,8.2,8.3,8.4,8,8.4C8,8.4,8,8.4,8,8.4L8,8.4z"/></svg>') !important;
}

.wrichedit .cke_button .cke_button__copy_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.7,4.2V0.5H2.1V12h3.2v3.5h8.6V7.4L10.7,4.2z M10.7,5.6l1.6,1.6h-1.6V5.6L10.7,5.6z M3.1,11V1.5h6.7V4H5.3V11H3.1z M6.2,14.5V4.9h3.5v3.2h3.2v6.4H6.2L6.2,14.5z"/></svg>') !important;
}

.wrichedit .cke_button .cke_button__paste_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.6,4.8V1.3H8.9V0.5H4.1v0.8H2.4v10.9h3v3.3h8.1V7.9L10.6,4.8z M10.6,6.1L12,7.6h-1.5V6.1L10.6,6.1z M5,1.4h3v1.5H5V1.4z M3.3,11.3V2.2h0.8v1.7h4.8V2.2h0.8v2.4H5.4v6.7H3.3z M6.3,14.6V5.5h3.3v3h3v6.1L6.3,14.6L6.3,14.6z"/></svg>') !important;
}

.wrichedit .cke_button .cke_button__justifyleft_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,11.3333333 L10,11.3333333 L10,10 L2,10 L2,11.3333333 Z M2,6 L10,6 L10,4.66666667 L2,4.66666667 L2,6 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button .cke_button__justifycenter_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M4.66666667,11.3333333 L11.3333333,11.3333333 L11.3333333,10 L4.66666667,10 L4.66666667,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M4.66666667,6 L11.3333333,6 L11.3333333,4.66666667 L4.66666667,4.66666667 L4.66666667,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button .cke_button__justifyright_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L6,10 L6,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L6,4.66666667 L6,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button .cke_button__justifyblock_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L2,10 L2,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L2,4.66666667 L2,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button .cke_button__bulletedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><rect x="7.2" y="7.4" width="6.4" height="1.2"/><circle cx="4.1" cy="8" r="1.8"/><rect x="7.2" y="13.1" width="6.4" height="1.2"/><circle cx="4.1" cy="13.7" r="1.8"/><rect x="7.2" y="1.7" width="6.4" height="1.2"/><circle cx="4.1" cy="2.3" r="1.8"/></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__numberedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><polygon points="4.1,2.1 4.6,1.9 4.6,4.8 4.9,4.8 4.9,1.4 4.6,1.4 4,1.8 "/><path d="M4.6,6.6c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.3-0.2,0.6-0.5,1l-1,1.1v0.3h1.9V9.3H4.3L5,8.5c0.1-0.1,0.2-0.2,0.2-0.2C5.3,8.2,5.3,8.1,5.4,8c0.1-0.1,0.1-0.2,0.2-0.4c0-0.1,0.1-0.2,0.1-0.4c0-0.3-0.1-0.6-0.3-0.7C5.2,6.4,5,6.3,4.7,6.3c-0.3,0-0.5,0.1-0.9,0.3L4,6.8C4.2,6.7,4.4,6.6,4.6,6.6z"/><path d="M4.6,11.5c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.2-0.4,0.2H4.4v0.3h0.2c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5s-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.6-0.2l-0.1,0.2c0.3,0.2,0.5,0.2,0.8,0.2s0.5-0.1,0.7-0.3s0.3-0.4,0.3-0.7c0-0.2-0.1-0.4-0.2-0.6c-0.1-0.1-0.3-0.2-0.5-0.3c0.2-0.1,0.3-0.2,0.4-0.3s0.1-0.3,0.1-0.5c0-0.2-0.1-0.4-0.2-0.6c-0.2-0.2-0.4-0.2-0.6-0.2c-0.3,0-0.5,0.1-0.8,0.2L4,11.6C4.2,11.5,4.4,11.5,4.6,11.5z"/><rect x="7" y="7.7" width="5.2" height="1"/><rect x="7" y="12.3" width="5.2" height="1"/><rect x="7" y="3" width="5.2" height="1"/></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__tasy-wrichedit-page-break_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/quebra-pagina" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="quebra-pagina"><g transform="translate(1.000000, 1.000000)" stroke="%23808080"><rect id="Rectangle" fill="%23808080" x="1.5" y="0.5" width="11" height="1"></rect><line x1="1.5" y1="1.5" x2="1.5" y2="4.5" id="Line" stroke-linecap="square"></line><line x1="12.5" y1="1.5" x2="12.5" y2="4.5" id="Line-2" stroke-linecap="square"></line><line x1="12.5" y1="11.5" x2="12.5" y2="13.5" id="Line-4" stroke-linecap="square"></line><line x1="11.5" y1="13.5" x2="2.5" y2="13.5" id="Line-5" stroke-linecap="square"></line><line x1="1.5" y1="13.5" x2="1.5" y2="11.5" id="Line-6" stroke-linecap="square"></line><line x1="0.5" y1="8.5" x2="2.5" y2="8.5" id="Line-7" stroke-linecap="square"></line><line x1="13.5" y1="8.5" x2="11.5" y2="8.5" id="Line-8" stroke-linecap="square"></line><line x1="8.5" y1="8.5" x2="5.5" y2="8.5" id="Line-8" stroke-linecap="square"></line></g></g></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(1.000000, 1.000000)" fill="%23808080"><g transform="translate(0.875000, 0.875000)"><path d="M0,12.25 L12.25,12.25 L12.25,0 L0,0 L0,12.25 Z M6.59620259,2.296875 L11.3075948,2.296875 L11.3075948,0.765836207 L6.59620259,0.765836207 L6.59620259,2.296875 Z M0.942193966,2.296875 L5.65358621,2.296875 L5.65358621,0.765836207 L0.942193966,0.765836207 L0.942193966,2.296875 Z M6.59620259,4.59353879 L11.3075948,4.59353879 L11.3075948,3.0625 L6.59620259,3.0625 L6.59620259,4.59353879 Z M0.942193966,4.59353879 L5.65358621,4.59353879 L5.65358621,3.0625 L0.942193966,3.0625 L0.942193966,4.59353879 Z M6.59620259,6.890625 L11.3075948,6.890625 L11.3075948,5.359375 L6.59620259,5.359375 L6.59620259,6.890625 Z M0.942193966,6.890625 L5.65358621,6.890625 L5.65358621,5.359375 L0.942193966,5.359375 L0.942193966,6.890625 Z M6.59620259,9.1875 L11.3075948,9.1875 L11.3075948,7.65646121 L6.59620259,7.65646121 L6.59620259,9.1875 Z M0.942193966,9.1875 L5.65358621,9.1875 L5.65358621,7.65646121 L0.942193966,7.65646121 L0.942193966,9.1875 Z M6.59620259,11.4841638 L11.3075948,11.4841638 L11.3075948,9.953125 L6.59620259,9.953125 L6.59620259,11.4841638 Z M0.942193966,11.4841638 L5.65358621,11.4841638 L5.65358621,9.953125 L0.942193966,9.953125 L0.942193966,11.4841638 Z"></path></g></g></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__tasy-richedit-convert-delphi-table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -2.000000)" fill-rule="nonzero" fill="%23808080"><path d="M12.319,5.792L8.836,2.328C8.589,2.08,8.269,2.295,8.269,2.573v1.534C8.115,4.091,7.937,4.084,7.783,4.084c-2.592,0-4.7,2.097-4.7,4.676c0,1.749,0.968,3.337,2.528,4.146c0.352,0.194,0.651-0.257,0.424-0.529c-0.415-0.492-0.643-1.118-0.643-1.762c0-1.514,1.261-2.747,2.787-2.747c0.029,0,0.06,0,0.09,0.002v1.632c0,0.335,0.378,0.435,0.568,0.245l3.483-3.464C12.455,6.147,12.455,5.928,12.319,5.792 M8.938,8.67V7.554c0-0.411-0.528-0.377-0.781-0.377c-1.906,0-3.457,1.542-3.457,3.438c0,0.271,0.033,0.542,0.097,0.805C4.149,10.7,3.775,9.762,3.775,8.76c0-2.197,1.798-3.985,4.008-3.985c0.251,0,0.501,0.023,0.744,0.069c0.212,0.039,0.412-0.124,0.412-0.34v-1.1l2.646,2.633L8.938,8.67z M14.389,7.107c-0.34-0.18-0.662,0.244-0.424,0.529c0.416,0.493,0.644,1.118,0.644,1.762c0,1.515-1.272,2.747-2.798,2.747c-0.029,0-0.061,0-0.089-0.002v-1.631c0-0.354-0.382-0.419-0.558-0.246l-3.482,3.465c-0.136,0.136-0.136,0.355,0,0.49l3.482,3.465c0.189,0.186,0.568,0.096,0.568-0.245v-1.533c0.153,0.016,0.331,0.022,0.484,0.022c2.592,0,4.7-2.098,4.7-4.677C16.917,9.506,15.948,7.917,14.389,7.107 M12.217,15.238c-0.251,0-0.501-0.022-0.743-0.069c-0.212-0.039-0.411,0.125-0.411,0.341v1.101l-2.646-2.634l2.646-2.633v1.116c0,0.174,0.126,0.318,0.295,0.343c0.158,0.024,0.318,0.034,0.486,0.034c1.905,0,3.456-1.542,3.456-3.438c0-0.271-0.032-0.541-0.097-0.804c0.648,0.719,1.022,1.659,1.022,2.66C16.226,13.451,14.428,15.238,12.217,15.238"></path></g></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__tasy-wrichedit-checkbox_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/checkbox" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group-3"><g id="Group-2"><g id="Group"><rect id="Rectangle-6" x="0" y="0" width="16" height="16"></rect><g id="checkbox/box-only/checkbox/onall" transform="translate(1.000000, 1.000000)"><rect stroke="%23808080" x="0.5" y="0.5" width="13" height="13" rx="2"></rect><polygon id="" fill="%23808080" fill-rule="nonzero" points="6.32369942 11 12 3.74322581 10.7976879 3 6.11560694 8.95612903 3.04046243 6.21032258 2 7.13935484"></polygon></g></g></g></g></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__tasy-richedit-image_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%23808080"><path d="M0,12 L0,0 L12,0 L12,12 L0,12 Z M1.33333333,10.6666667 L10.6666667,10.6666667 L10.6666667,1.33333333 L1.33333333,1.33333333 L1.33333333,10.6666667 Z"></path><polygon points="7.33333333 4 5.33333333 8 4 5.33333333 2 10 10 10"></polygon><path d="M3.33333333,4.66666667 C4.06933333,4.66666667 4.66666667,4.07022222 4.66666667,3.33333333 C4.66666667,2.59644444 4.06933333,2 3.33333333,2 C2.59733333,2 2,2.59644444 2,3.33333333 C2,4.07022222 2.59733333,4.66666667 3.33333333,4.66666667"></path></g></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__link_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%23808080"> <path d="M12.7359112,5.15434004 L10.1165949,7.77373169 C9.97744284,7.91288773 9.81206175,7.93359548 9.72592001,7.93359548 C9.63977827,7.93359548 9.47439717,7.91288773 9.33552122,7.77373169 L9.21238271,7.65086574 L9.98268865,6.88026153 C10.1985952,6.66462488 10.1985952,6.31507815 9.98268865,6.0994415 L9.90041225,6.01716273 C9.6850579,5.80180219 9.33552122,5.80180219 9.11961468,6.01716273 L8.34930873,6.78776694 L8.22617022,6.66462488 C8.0146812,6.45285368 8.0146812,6.09529995 8.22617022,5.88380486 L10.8457626,3.2641371 C10.9846386,3.12525716 11.1500197,3.10454941 11.2361614,3.10454941 C11.3223032,3.10454941 11.4876843,3.12525716 11.6265602,3.2641371 L12.7359112,4.37352001 C12.9476763,4.58501511 12.9476763,4.94256883 12.7359112,5.15434004 M7.77364998,10.116744 L5.15433367,12.7361356 C5.01518162,12.8750156 4.85007662,12.8957233 4.76365878,12.8957233 C4.67751704,12.8957233 4.51241204,12.8750156 4.37326,12.7361356 L3.26418509,11.6267527 C3.12503305,11.4878728 3.1043259,11.3224869 3.1043259,11.2363427 C3.1043259,11.1501985 3.12503305,10.9848126 3.26418509,10.8459327 L5.88350141,8.22654104 C6.02265345,8.0876611 6.18775846,8.06667725 6.2739002,8.06667725 C6.36004194,8.06667725 6.52542303,8.0876611 6.66457508,8.22654104 L6.78771359,8.34940699 L6.01740764,9.1200112 C5.8015011,9.33564784 5.8015011,9.68519458 6.01740764,9.90083122 L6.09913186,9.98283389 C6.3150384,10.1987466 6.66457508,10.1987466 6.88020552,9.98283389 L7.65051147,9.21250579 L7.77364998,9.33592395 C7.91252593,9.47452779 7.93323308,9.63991364 7.93323308,9.72633396 C7.93323308,9.81220208 7.91252593,9.97758793 7.77364998,10.116744 M13.5167088,3.59242388 L12.4076339,2.48331707 C12.0854306,2.16110457 11.660796,2.00013636 11.2361614,2.00013636 C10.8115268,2.00013636 10.3868922,2.16110457 10.064689,2.48331707 L7.44537265,5.10270873 C6.80096617,5.74685764 6.80096617,6.801296 7.44537265,7.44544491 C7.12316941,7.1232324 6.6985348,6.9622642 6.2739002,6.9622642 C5.84954169,6.9622642 5.42490708,7.1232324 5.10270384,7.44544491 L2.48311143,10.0651127 C1.83898104,10.7092616 1.83898104,11.7634238 2.48311143,12.4078488 L3.59246243,13.5169557 C3.91466567,13.8391682 4.33902418,14.0001364 4.76365878,14.0001364 C5.18856949,14.0001364 5.612928,13.8391682 5.93513124,13.5169557 L8.55444755,10.897564 C9.19885404,10.2534151 9.19885404,9.19897673 8.55444755,8.55455171 C8.8766508,8.87676422 9.3015615,9.03773242 9.72592001,9.03773242 C10.1505546,9.03773242 10.5751892,8.87676422 10.8973925,8.55455171 L13.5167088,5.93543617 C14.1611153,5.29101115 14.1611153,4.23684889 13.5167088,3.59242388"></path></g></g></svg>') !important;
}

.wrichedit .cke_button .cke_button__text_color_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M11.9203839,10 L10.6097846,10 L9.8459182,8.0285339 L6.0171204,8.0285339 L5.2649455,10 L4,10 L7.156796,2 L8.7635884,2 L11.9203839,10 Z M6.3929296,7.0486465 L9.4701095,7.0486465 L7.9429326,3.08233 L7.931798,3.08233 L6.3929296,7.0486465 Z"></path><path d="M12.9855957,11 L3.0144043,11 C2.4541643,11 2,11.4541645 2,12.0144043 L2,12.9855957 C2,13.5458355 2.4541643,14 3.0144043,14 L12.9855957,14 C13.5458355,14 14,13.5458355 14,12.9855957 L14,12.0144043 C14,11.4541645 13.5458355,11 12.9855957,11 Z"></path></svg>') !important;
}

.wrichedit .cke_button .cke_button__text_highlight_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M6.7929077,1 L5.1738281,2.6190796 L5.1738281,2.7855225 L5.8515625,2.7855225 C6.0908203,2.6243897 6.375,2.5355225 6.6738281,2.5355225 C7.5009765,2.5355225 8.1738281,3.2083741 8.1738281,4.0355225 C8.1738281,4.8626709 7.5009765,5.5355225 6.6738281,5.5355225 C6.375,5.5355225 6.0908203,5.4466553 5.8505859,5.2855225 L3.1738281,5.2855225 C3.1033935,5.2855225 3.0367431,5.2729493 2.96875,5.2647095 C2.9743042,5.5130616 3.0678101,5.7601929 3.2573853,5.9497071 L6.0858155,8.7781373 C6.4763184,9.1687013 7.1094361,9.1687013 7.5000001,8.7781373 L11.0355226,5.2426148 L6.7929077,1 Z"  fill="%23808080" fill-rule="nonzero"></path><path d="M6.6737785,3.5355225 C6.4907341,3.5355225 6.3375358,3.638794 6.2504387,3.7855225 L3.1737785,3.7855225 C2.9843254,3.7855225 2.978466,3.5550537 2.978466,3.5291748 C2.978466,3.4720459 2.9931145,3.2855225 3.1737785,3.2855225 L4.1737785,3.2855225 L4.1737785,2.7855225 L3.1737785,2.7855225 C2.9599113,2.7855225 2.7714347,2.8734131 2.6435051,3.0330811 C2.5370598,3.1663819 2.478466,3.3426514 2.478466,3.5291748 C2.478466,3.9603272 2.7772942,4.2855225 3.1737785,4.2855225 L6.2504387,4.2855225 C6.3375969,4.4323121 6.4907341,4.5355225 6.6737785,4.5355225 C6.9499015,4.5355225 7.1737785,4.3116455 7.1737785,4.0355225 C7.1737785,3.7593995 6.9499016,3.5355225 6.6737785,3.5355225 Z" fill="%23808080" fill-rule="nonzero"></path><path d="M12.9855957,11.0355225 L3.0144043,11.0355225 C2.4541643,11.0355225 2,11.489687 2,12.0499268 L2,13.0211182 C2,13.581358 2.4541643,14.0355225 3.0144043,14.0355225 L12.9855957,14.0355225 C13.5458355,14.0355225 14,13.581358 14,13.0211182 L14,12.0499268 C14,11.489687 13.5458355,11.0355225 12.9855957,11.0355225 Z" fill="%23808080" fill-rule="nonzero"></path><path d="M13,8.5355225 C13,9.3639498 12.3284273,10.0355225 11.5,10.0355225 C10.6715727,10.0355225 10,9.3639498 10,8.5355225 C10,7.7070952 11.5,6.0355225 11.5,6.0355225 C11.5,6.0355225 13,7.7070952 13,8.5355225 Z" fill="%23808080" fill-rule="nonzero"></path></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__bold_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M5.9,3H8c1,0,1.7,0.9,1.7,1.8c0,0,0,0.1,0,0.1C9.7,5.9,9,6.7,8.1,6.8c-0.1,0-0.1,0-0.2,0H5.9V3z M5.9,13V9.1h2.5c1,0,1.8,0.8,1.8,1.8c0,0,0,0.1,0,0.1c0.1,1-0.6,1.8-1.6,1.9c-0.1,0-0.1,0-0.2,0L5.9,13L5.9,13z M3,0.6v14.9h6.1c2.1,0.1,3.9-1.6,3.9-3.7c0-0.1,0-0.3,0-0.4c0.1-1.7-1-3.2-2.6-3.5c1.3-0.5,2.2-1.9,2-3.3c0.1-2.2-1.6-4-3.8-4c-0.1,0-0.2,0-0.3,0H3z"/></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__italic_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><polygon points="6,15.5 7.8,15.5 10,0.5 8.2,0.5 "/></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__underline_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M3.6,1.3v8.9c-0.2,2.3,1.6,4.3,3.9,4.5c0.2,0,0.3,0,0.5,0c2.3,0.1,4.3-1.7,4.4-4c0-0.2,0-0.3,0-0.5V1.3h-1.6v9c0.1,1.5-1,2.9-2.5,3c-0.1,0-0.2,0-0.3,0c-1.5,0-2.8-1.2-2.8-2.7c0-0.1,0-0.2,0-0.3v-9H3.6z"/></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__cut_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M15.4,7.7c0-0.1-0.1-0.2-0.3-0.2L9,7.1l1.5-6c0-0.1,0-0.3-0.2-0.3c-0.1,0-0.2,0-0.3,0.1L8.4,3.4C7.6,4.4,7.2,5.6,7,6.9V7L5.1,6.9c-0.3-1.2-1.5-2-2.7-1.8c-1.2,0.3-2,1.5-1.8,2.7c0.2,1,1,1.7,2.1,1.8h0.2c0.9,0,1.7-0.5,2.1-1.3l1.9,0.4l-0.2,1.9c-0.9,0.1-1.7,0.8-1.9,1.7c-0.3,1.2,0.4,2.5,1.6,2.8c0.2,0,0.4,0.1,0.6,0.1c1.3,0,2.3-1,2.3-2.3c0-0.8-0.4-1.6-1.1-2L8.5,9h0.1c1.3,0.3,2.6,0.2,3.8-0.2L15.2,8C15.3,8,15.4,7.8,15.4,7.7L15.4,7.7L15.4,7.7z M4.2,7.4c0,0.7-0.5,1.2-1.2,1.2c0,0-0.1,0-0.1,0C2.1,8.6,1.6,8,1.6,7.3c0-0.7,0.6-1.2,1.3-1.2H3c0.7,0,1.2,0.5,1.2,1.2C4.2,7.4,4.2,7.4,4.2,7.4L4.2,7.4L4.2,7.4z M8.1,13.2c-0.1,0.7-0.7,1.1-1.3,1c-0.4-0.1-0.8-0.3-1-0.7c-0.4-0.5-0.2-1.3,0.3-1.7c0.2-0.2,0.5-0.2,0.8-0.2c0.1,0,0.2,0,0.3,0c0.7,0.1,1.1,0.8,0.9,1.4C8.2,13.1,8.1,13.1,8.1,13.2L8.1,13.2L8.1,13.2z M8,8.4c-0.3,0-0.5-0.3-0.5-0.6c0-0.3,0.3-0.5,0.6-0.5c0.3,0,0.5,0.2,0.5,0.5C8.5,8.2,8.3,8.4,8,8.4C8,8.4,8,8.4,8,8.4L8,8.4z"/></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__copy_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.7,4.2V0.5H2.1V12h3.2v3.5h8.6V7.4L10.7,4.2z M10.7,5.6l1.6,1.6h-1.6V5.6L10.7,5.6z M3.1,11V1.5h6.7V4H5.3V11H3.1z M6.2,14.5V4.9h3.5v3.2h3.2v6.4H6.2L6.2,14.5z"/></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__paste_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.6,4.8V1.3H8.9V0.5H4.1v0.8H2.4v10.9h3v3.3h8.1V7.9L10.6,4.8z M10.6,6.1L12,7.6h-1.5V6.1L10.6,6.1z M5,1.4h3v1.5H5V1.4z M3.3,11.3V2.2h0.8v1.7h4.8V2.2h0.8v2.4H5.4v6.7H3.3z M6.3,14.6V5.5h3.3v3h3v6.1L6.3,14.6L6.3,14.6z"/></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__justifyleft_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,11.3333333 L10,11.3333333 L10,10 L2,10 L2,11.3333333 Z M2,6 L10,6 L10,4.66666667 L2,4.66666667 L2,6 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__justifycenter_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M4.66666667,11.3333333 L11.3333333,11.3333333 L11.3333333,10 L4.66666667,10 L4.66666667,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M4.66666667,6 L11.3333333,6 L11.3333333,4.66666667 L4.66666667,4.66666667 L4.66666667,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__justifyright_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L6,10 L6,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L6,4.66666667 L6,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__justifyblock_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L2,10 L2,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L2,4.66666667 L2,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__bulletedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><rect x="7.2" y="7.4" width="6.4" height="1.2"/><circle cx="4.1" cy="8" r="1.8"/><rect x="7.2" y="13.1" width="6.4" height="1.2"/><circle cx="4.1" cy="13.7" r="1.8"/><rect x="7.2" y="1.7" width="6.4" height="1.2"/><circle cx="4.1" cy="2.3" r="1.8"/></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__numberedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><polygon points="4.1,2.1 4.6,1.9 4.6,4.8 4.9,4.8 4.9,1.4 4.6,1.4 4,1.8 "/><path d="M4.6,6.6c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.3-0.2,0.6-0.5,1l-1,1.1v0.3h1.9V9.3H4.3L5,8.5c0.1-0.1,0.2-0.2,0.2-0.2C5.3,8.2,5.3,8.1,5.4,8c0.1-0.1,0.1-0.2,0.2-0.4c0-0.1,0.1-0.2,0.1-0.4c0-0.3-0.1-0.6-0.3-0.7C5.2,6.4,5,6.3,4.7,6.3c-0.3,0-0.5,0.1-0.9,0.3L4,6.8C4.2,6.7,4.4,6.6,4.6,6.6z"/><path d="M4.6,11.5c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.2-0.4,0.2H4.4v0.3h0.2c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5s-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.6-0.2l-0.1,0.2c0.3,0.2,0.5,0.2,0.8,0.2s0.5-0.1,0.7-0.3s0.3-0.4,0.3-0.7c0-0.2-0.1-0.4-0.2-0.6c-0.1-0.1-0.3-0.2-0.5-0.3c0.2-0.1,0.3-0.2,0.4-0.3s0.1-0.3,0.1-0.5c0-0.2-0.1-0.4-0.2-0.6c-0.2-0.2-0.4-0.2-0.6-0.2c-0.3,0-0.5,0.1-0.8,0.2L4,11.6C4.2,11.5,4.4,11.5,4.6,11.5z"/><rect x="7" y="7.7" width="5.2" height="1"/><rect x="7" y="12.3" width="5.2" height="1"/><rect x="7" y="3" width="5.2" height="1"/></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__tasy-wrichedit-page-break_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/quebra-pagina" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="quebra-pagina"><g transform="translate(1.000000, 1.000000)" stroke="%23808080"><rect id="Rectangle" fill="%23808080" x="1.5" y="0.5" width="11" height="1"></rect><line x1="1.5" y1="1.5" x2="1.5" y2="4.5" id="Line" stroke-linecap="square"></line><line x1="12.5" y1="1.5" x2="12.5" y2="4.5" id="Line-2" stroke-linecap="square"></line><line x1="12.5" y1="11.5" x2="12.5" y2="13.5" id="Line-4" stroke-linecap="square"></line><line x1="11.5" y1="13.5" x2="2.5" y2="13.5" id="Line-5" stroke-linecap="square"></line><line x1="1.5" y1="13.5" x2="1.5" y2="11.5" id="Line-6" stroke-linecap="square"></line><line x1="0.5" y1="8.5" x2="2.5" y2="8.5" id="Line-7" stroke-linecap="square"></line><line x1="13.5" y1="8.5" x2="11.5" y2="8.5" id="Line-8" stroke-linecap="square"></line><line x1="8.5" y1="8.5" x2="5.5" y2="8.5" id="Line-8" stroke-linecap="square"></line></g></g></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(1.000000, 1.000000)" fill="%23808080"><g transform="translate(0.875000, 0.875000)"><path d="M0,12.25 L12.25,12.25 L12.25,0 L0,0 L0,12.25 Z M6.59620259,2.296875 L11.3075948,2.296875 L11.3075948,0.765836207 L6.59620259,0.765836207 L6.59620259,2.296875 Z M0.942193966,2.296875 L5.65358621,2.296875 L5.65358621,0.765836207 L0.942193966,0.765836207 L0.942193966,2.296875 Z M6.59620259,4.59353879 L11.3075948,4.59353879 L11.3075948,3.0625 L6.59620259,3.0625 L6.59620259,4.59353879 Z M0.942193966,4.59353879 L5.65358621,4.59353879 L5.65358621,3.0625 L0.942193966,3.0625 L0.942193966,4.59353879 Z M6.59620259,6.890625 L11.3075948,6.890625 L11.3075948,5.359375 L6.59620259,5.359375 L6.59620259,6.890625 Z M0.942193966,6.890625 L5.65358621,6.890625 L5.65358621,5.359375 L0.942193966,5.359375 L0.942193966,6.890625 Z M6.59620259,9.1875 L11.3075948,9.1875 L11.3075948,7.65646121 L6.59620259,7.65646121 L6.59620259,9.1875 Z M0.942193966,9.1875 L5.65358621,9.1875 L5.65358621,7.65646121 L0.942193966,7.65646121 L0.942193966,9.1875 Z M6.59620259,11.4841638 L11.3075948,11.4841638 L11.3075948,9.953125 L6.59620259,9.953125 L6.59620259,11.4841638 Z M0.942193966,11.4841638 L5.65358621,11.4841638 L5.65358621,9.953125 L0.942193966,9.953125 L0.942193966,11.4841638 Z"></path></g></g></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__tasy-richedit-convert-delphi-table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -2.000000)" fill-rule="nonzero" fill="%23808080"><path d="M12.319,5.792L8.836,2.328C8.589,2.08,8.269,2.295,8.269,2.573v1.534C8.115,4.091,7.937,4.084,7.783,4.084c-2.592,0-4.7,2.097-4.7,4.676c0,1.749,0.968,3.337,2.528,4.146c0.352,0.194,0.651-0.257,0.424-0.529c-0.415-0.492-0.643-1.118-0.643-1.762c0-1.514,1.261-2.747,2.787-2.747c0.029,0,0.06,0,0.09,0.002v1.632c0,0.335,0.378,0.435,0.568,0.245l3.483-3.464C12.455,6.147,12.455,5.928,12.319,5.792 M8.938,8.67V7.554c0-0.411-0.528-0.377-0.781-0.377c-1.906,0-3.457,1.542-3.457,3.438c0,0.271,0.033,0.542,0.097,0.805C4.149,10.7,3.775,9.762,3.775,8.76c0-2.197,1.798-3.985,4.008-3.985c0.251,0,0.501,0.023,0.744,0.069c0.212,0.039,0.412-0.124,0.412-0.34v-1.1l2.646,2.633L8.938,8.67z M14.389,7.107c-0.34-0.18-0.662,0.244-0.424,0.529c0.416,0.493,0.644,1.118,0.644,1.762c0,1.515-1.272,2.747-2.798,2.747c-0.029,0-0.061,0-0.089-0.002v-1.631c0-0.354-0.382-0.419-0.558-0.246l-3.482,3.465c-0.136,0.136-0.136,0.355,0,0.49l3.482,3.465c0.189,0.186,0.568,0.096,0.568-0.245v-1.533c0.153,0.016,0.331,0.022,0.484,0.022c2.592,0,4.7-2.098,4.7-4.677C16.917,9.506,15.948,7.917,14.389,7.107 M12.217,15.238c-0.251,0-0.501-0.022-0.743-0.069c-0.212-0.039-0.411,0.125-0.411,0.341v1.101l-2.646-2.634l2.646-2.633v1.116c0,0.174,0.126,0.318,0.295,0.343c0.158,0.024,0.318,0.034,0.486,0.034c1.905,0,3.456-1.542,3.456-3.438c0-0.271-0.032-0.541-0.097-0.804c0.648,0.719,1.022,1.659,1.022,2.66C16.226,13.451,14.428,15.238,12.217,15.238"></path></g></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__tasy-wrichedit-checkbox_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/checkbox" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group-3"><g id="Group-2"><g id="Group"><rect id="Rectangle-6" x="0" y="0" width="16" height="16"></rect><g id="checkbox/box-only/checkbox/onall" transform="translate(1.000000, 1.000000)"><rect stroke="%23808080" x="0.5" y="0.5" width="13" height="13" rx="2"></rect><polygon id="" fill="%23808080" fill-rule="nonzero" points="6.32369942 11 12 3.74322581 10.7976879 3 6.11560694 8.95612903 3.04046243 6.21032258 2 7.13935484"></polygon></g></g></g></g></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__tasy-richedit-image_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%23808080"><path d="M0,12 L0,0 L12,0 L12,12 L0,12 Z M1.33333333,10.6666667 L10.6666667,10.6666667 L10.6666667,1.33333333 L1.33333333,1.33333333 L1.33333333,10.6666667 Z"></path><polygon points="7.33333333 4 5.33333333 8 4 5.33333333 2 10 10 10"></polygon><path d="M3.33333333,4.66666667 C4.06933333,4.66666667 4.66666667,4.07022222 4.66666667,3.33333333 C4.66666667,2.59644444 4.06933333,2 3.33333333,2 C2.59733333,2 2,2.59644444 2,3.33333333 C2,4.07022222 2.59733333,4.66666667 3.33333333,4.66666667"></path></g></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__link_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%23808080"> <path d="M12.7359112,5.15434004 L10.1165949,7.77373169 C9.97744284,7.91288773 9.81206175,7.93359548 9.72592001,7.93359548 C9.63977827,7.93359548 9.47439717,7.91288773 9.33552122,7.77373169 L9.21238271,7.65086574 L9.98268865,6.88026153 C10.1985952,6.66462488 10.1985952,6.31507815 9.98268865,6.0994415 L9.90041225,6.01716273 C9.6850579,5.80180219 9.33552122,5.80180219 9.11961468,6.01716273 L8.34930873,6.78776694 L8.22617022,6.66462488 C8.0146812,6.45285368 8.0146812,6.09529995 8.22617022,5.88380486 L10.8457626,3.2641371 C10.9846386,3.12525716 11.1500197,3.10454941 11.2361614,3.10454941 C11.3223032,3.10454941 11.4876843,3.12525716 11.6265602,3.2641371 L12.7359112,4.37352001 C12.9476763,4.58501511 12.9476763,4.94256883 12.7359112,5.15434004 M7.77364998,10.116744 L5.15433367,12.7361356 C5.01518162,12.8750156 4.85007662,12.8957233 4.76365878,12.8957233 C4.67751704,12.8957233 4.51241204,12.8750156 4.37326,12.7361356 L3.26418509,11.6267527 C3.12503305,11.4878728 3.1043259,11.3224869 3.1043259,11.2363427 C3.1043259,11.1501985 3.12503305,10.9848126 3.26418509,10.8459327 L5.88350141,8.22654104 C6.02265345,8.0876611 6.18775846,8.06667725 6.2739002,8.06667725 C6.36004194,8.06667725 6.52542303,8.0876611 6.66457508,8.22654104 L6.78771359,8.34940699 L6.01740764,9.1200112 C5.8015011,9.33564784 5.8015011,9.68519458 6.01740764,9.90083122 L6.09913186,9.98283389 C6.3150384,10.1987466 6.66457508,10.1987466 6.88020552,9.98283389 L7.65051147,9.21250579 L7.77364998,9.33592395 C7.91252593,9.47452779 7.93323308,9.63991364 7.93323308,9.72633396 C7.93323308,9.81220208 7.91252593,9.97758793 7.77364998,10.116744 M13.5167088,3.59242388 L12.4076339,2.48331707 C12.0854306,2.16110457 11.660796,2.00013636 11.2361614,2.00013636 C10.8115268,2.00013636 10.3868922,2.16110457 10.064689,2.48331707 L7.44537265,5.10270873 C6.80096617,5.74685764 6.80096617,6.801296 7.44537265,7.44544491 C7.12316941,7.1232324 6.6985348,6.9622642 6.2739002,6.9622642 C5.84954169,6.9622642 5.42490708,7.1232324 5.10270384,7.44544491 L2.48311143,10.0651127 C1.83898104,10.7092616 1.83898104,11.7634238 2.48311143,12.4078488 L3.59246243,13.5169557 C3.91466567,13.8391682 4.33902418,14.0001364 4.76365878,14.0001364 C5.18856949,14.0001364 5.612928,13.8391682 5.93513124,13.5169557 L8.55444755,10.897564 C9.19885404,10.2534151 9.19885404,9.19897673 8.55444755,8.55455171 C8.8766508,8.87676422 9.3015615,9.03773242 9.72592001,9.03773242 C10.1505546,9.03773242 10.5751892,8.87676422 10.8973925,8.55455171 L13.5167088,5.93543617 C14.1611153,5.29101115 14.1611153,4.23684889 13.5167088,3.59242388"></path></g></g></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__text_color_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M11.9203839,10 L10.6097846,10 L9.8459182,8.0285339 L6.0171204,8.0285339 L5.2649455,10 L4,10 L7.156796,2 L8.7635884,2 L11.9203839,10 Z M6.3929296,7.0486465 L9.4701095,7.0486465 L7.9429326,3.08233 L7.931798,3.08233 L6.3929296,7.0486465 Z"></path><path d="M12.9855957,11 L3.0144043,11 C2.4541643,11 2,11.4541645 2,12.0144043 L2,12.9855957 C2,13.5458355 2.4541643,14 3.0144043,14 L12.9855957,14 C13.5458355,14 14,13.5458355 14,12.9855957 L14,12.0144043 C14,11.4541645 13.5458355,11 12.9855957,11 Z"></path></svg>') !important;
}

.wrichedit .cke_button:hover .cke_button__text_highlight_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M6.7929077,1 L5.1738281,2.6190796 L5.1738281,2.7855225 L5.8515625,2.7855225 C6.0908203,2.6243897 6.375,2.5355225 6.6738281,2.5355225 C7.5009765,2.5355225 8.1738281,3.2083741 8.1738281,4.0355225 C8.1738281,4.8626709 7.5009765,5.5355225 6.6738281,5.5355225 C6.375,5.5355225 6.0908203,5.4466553 5.8505859,5.2855225 L3.1738281,5.2855225 C3.1033935,5.2855225 3.0367431,5.2729493 2.96875,5.2647095 C2.9743042,5.5130616 3.0678101,5.7601929 3.2573853,5.9497071 L6.0858155,8.7781373 C6.4763184,9.1687013 7.1094361,9.1687013 7.5000001,8.7781373 L11.0355226,5.2426148 L6.7929077,1 Z"  fill="%23808080" fill-rule="nonzero"></path><path d="M6.6737785,3.5355225 C6.4907341,3.5355225 6.3375358,3.638794 6.2504387,3.7855225 L3.1737785,3.7855225 C2.9843254,3.7855225 2.978466,3.5550537 2.978466,3.5291748 C2.978466,3.4720459 2.9931145,3.2855225 3.1737785,3.2855225 L4.1737785,3.2855225 L4.1737785,2.7855225 L3.1737785,2.7855225 C2.9599113,2.7855225 2.7714347,2.8734131 2.6435051,3.0330811 C2.5370598,3.1663819 2.478466,3.3426514 2.478466,3.5291748 C2.478466,3.9603272 2.7772942,4.2855225 3.1737785,4.2855225 L6.2504387,4.2855225 C6.3375969,4.4323121 6.4907341,4.5355225 6.6737785,4.5355225 C6.9499015,4.5355225 7.1737785,4.3116455 7.1737785,4.0355225 C7.1737785,3.7593995 6.9499016,3.5355225 6.6737785,3.5355225 Z" fill="%23808080" fill-rule="nonzero"></path><path d="M12.9855957,11.0355225 L3.0144043,11.0355225 C2.4541643,11.0355225 2,11.489687 2,12.0499268 L2,13.0211182 C2,13.581358 2.4541643,14.0355225 3.0144043,14.0355225 L12.9855957,14.0355225 C13.5458355,14.0355225 14,13.581358 14,13.0211182 L14,12.0499268 C14,11.489687 13.5458355,11.0355225 12.9855957,11.0355225 Z" fill="%23808080" fill-rule="nonzero"></path><path d="M13,8.5355225 C13,9.3639498 12.3284273,10.0355225 11.5,10.0355225 C10.6715727,10.0355225 10,9.3639498 10,8.5355225 C10,7.7070952 11.5,6.0355225 11.5,6.0355225 C11.5,6.0355225 13,7.7070952 13,8.5355225 Z" fill="%23808080" fill-rule="nonzero"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__bold_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M5.9,3H8c1,0,1.7,0.9,1.7,1.8c0,0,0,0.1,0,0.1C9.7,5.9,9,6.7,8.1,6.8c-0.1,0-0.1,0-0.2,0H5.9V3z M5.9,13V9.1h2.5c1,0,1.8,0.8,1.8,1.8c0,0,0,0.1,0,0.1c0.1,1-0.6,1.8-1.6,1.9c-0.1,0-0.1,0-0.2,0L5.9,13L5.9,13z M3,0.6v14.9h6.1c2.1,0.1,3.9-1.6,3.9-3.7c0-0.1,0-0.3,0-0.4c0.1-1.7-1-3.2-2.6-3.5c1.3-0.5,2.2-1.9,2-3.3c0.1-2.2-1.6-4-3.8-4c-0.1,0-0.2,0-0.3,0H3z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__italic_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><polygon points="6,15.5 7.8,15.5 10,0.5 8.2,0.5 "/></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__underline_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M3.6,1.3v8.9c-0.2,2.3,1.6,4.3,3.9,4.5c0.2,0,0.3,0,0.5,0c2.3,0.1,4.3-1.7,4.4-4c0-0.2,0-0.3,0-0.5V1.3h-1.6v9c0.1,1.5-1,2.9-2.5,3c-0.1,0-0.2,0-0.3,0c-1.5,0-2.8-1.2-2.8-2.7c0-0.1,0-0.2,0-0.3v-9H3.6z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__cut_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M15.4,7.7c0-0.1-0.1-0.2-0.3-0.2L9,7.1l1.5-6c0-0.1,0-0.3-0.2-0.3c-0.1,0-0.2,0-0.3,0.1L8.4,3.4C7.6,4.4,7.2,5.6,7,6.9V7L5.1,6.9c-0.3-1.2-1.5-2-2.7-1.8c-1.2,0.3-2,1.5-1.8,2.7c0.2,1,1,1.7,2.1,1.8h0.2c0.9,0,1.7-0.5,2.1-1.3l1.9,0.4l-0.2,1.9c-0.9,0.1-1.7,0.8-1.9,1.7c-0.3,1.2,0.4,2.5,1.6,2.8c0.2,0,0.4,0.1,0.6,0.1c1.3,0,2.3-1,2.3-2.3c0-0.8-0.4-1.6-1.1-2L8.5,9h0.1c1.3,0.3,2.6,0.2,3.8-0.2L15.2,8C15.3,8,15.4,7.8,15.4,7.7L15.4,7.7L15.4,7.7z M4.2,7.4c0,0.7-0.5,1.2-1.2,1.2c0,0-0.1,0-0.1,0C2.1,8.6,1.6,8,1.6,7.3c0-0.7,0.6-1.2,1.3-1.2H3c0.7,0,1.2,0.5,1.2,1.2C4.2,7.4,4.2,7.4,4.2,7.4L4.2,7.4L4.2,7.4z M8.1,13.2c-0.1,0.7-0.7,1.1-1.3,1c-0.4-0.1-0.8-0.3-1-0.7c-0.4-0.5-0.2-1.3,0.3-1.7c0.2-0.2,0.5-0.2,0.8-0.2c0.1,0,0.2,0,0.3,0c0.7,0.1,1.1,0.8,0.9,1.4C8.2,13.1,8.1,13.1,8.1,13.2L8.1,13.2L8.1,13.2z M8,8.4c-0.3,0-0.5-0.3-0.5-0.6c0-0.3,0.3-0.5,0.6-0.5c0.3,0,0.5,0.2,0.5,0.5C8.5,8.2,8.3,8.4,8,8.4C8,8.4,8,8.4,8,8.4L8,8.4z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__copy_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.7,4.2V0.5H2.1V12h3.2v3.5h8.6V7.4L10.7,4.2z M10.7,5.6l1.6,1.6h-1.6V5.6L10.7,5.6z M3.1,11V1.5h6.7V4H5.3V11H3.1z M6.2,14.5V4.9h3.5v3.2h3.2v6.4H6.2L6.2,14.5z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__paste_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.6,4.8V1.3H8.9V0.5H4.1v0.8H2.4v10.9h3v3.3h8.1V7.9L10.6,4.8z M10.6,6.1L12,7.6h-1.5V6.1L10.6,6.1z M5,1.4h3v1.5H5V1.4z M3.3,11.3V2.2h0.8v1.7h4.8V2.2h0.8v2.4H5.4v6.7H3.3z M6.3,14.6V5.5h3.3v3h3v6.1L6.3,14.6L6.3,14.6z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__justifyleft_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,11.3333333 L10,11.3333333 L10,10 L2,10 L2,11.3333333 Z M2,6 L10,6 L10,4.66666667 L2,4.66666667 L2,6 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__justifycenter_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M4.66666667,11.3333333 L11.3333333,11.3333333 L11.3333333,10 L4.66666667,10 L4.66666667,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M4.66666667,6 L11.3333333,6 L11.3333333,4.66666667 L4.66666667,4.66666667 L4.66666667,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__justifyright_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L6,10 L6,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L6,4.66666667 L6,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__justifyblock_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L2,10 L2,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L2,4.66666667 L2,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__bulletedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><rect x="7.2" y="7.4" width="6.4" height="1.2"/><circle cx="4.1" cy="8" r="1.8"/><rect x="7.2" y="13.1" width="6.4" height="1.2"/><circle cx="4.1" cy="13.7" r="1.8"/><rect x="7.2" y="1.7" width="6.4" height="1.2"/><circle cx="4.1" cy="2.3" r="1.8"/></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__numberedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><polygon points="4.1,2.1 4.6,1.9 4.6,4.8 4.9,4.8 4.9,1.4 4.6,1.4 4,1.8 "/><path d="M4.6,6.6c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.3-0.2,0.6-0.5,1l-1,1.1v0.3h1.9V9.3H4.3L5,8.5c0.1-0.1,0.2-0.2,0.2-0.2C5.3,8.2,5.3,8.1,5.4,8c0.1-0.1,0.1-0.2,0.2-0.4c0-0.1,0.1-0.2,0.1-0.4c0-0.3-0.1-0.6-0.3-0.7C5.2,6.4,5,6.3,4.7,6.3c-0.3,0-0.5,0.1-0.9,0.3L4,6.8C4.2,6.7,4.4,6.6,4.6,6.6z"/><path d="M4.6,11.5c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.2-0.4,0.2H4.4v0.3h0.2c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5s-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.6-0.2l-0.1,0.2c0.3,0.2,0.5,0.2,0.8,0.2s0.5-0.1,0.7-0.3s0.3-0.4,0.3-0.7c0-0.2-0.1-0.4-0.2-0.6c-0.1-0.1-0.3-0.2-0.5-0.3c0.2-0.1,0.3-0.2,0.4-0.3s0.1-0.3,0.1-0.5c0-0.2-0.1-0.4-0.2-0.6c-0.2-0.2-0.4-0.2-0.6-0.2c-0.3,0-0.5,0.1-0.8,0.2L4,11.6C4.2,11.5,4.4,11.5,4.6,11.5z"/><rect x="7" y="7.7" width="5.2" height="1"/><rect x="7" y="12.3" width="5.2" height="1"/><rect x="7" y="3" width="5.2" height="1"/></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__tasy-wrichedit-page-break_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/quebra-pagina" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="quebra-pagina"><g transform="translate(1.000000, 1.000000)" stroke="%230096ED"><rect id="Rectangle" fill="%230096ED" x="1.5" y="0.5" width="11" height="1"></rect><line x1="1.5" y1="1.5" x2="1.5" y2="4.5" id="Line" stroke-linecap="square"></line><line x1="12.5" y1="1.5" x2="12.5" y2="4.5" id="Line-2" stroke-linecap="square"></line><line x1="12.5" y1="11.5" x2="12.5" y2="13.5" id="Line-4" stroke-linecap="square"></line><line x1="11.5" y1="13.5" x2="2.5" y2="13.5" id="Line-5" stroke-linecap="square"></line><line x1="1.5" y1="13.5" x2="1.5" y2="11.5" id="Line-6" stroke-linecap="square"></line><line x1="0.5" y1="8.5" x2="2.5" y2="8.5" id="Line-7" stroke-linecap="square"></line><line x1="13.5" y1="8.5" x2="11.5" y2="8.5" id="Line-8" stroke-linecap="square"></line><line x1="8.5" y1="8.5" x2="5.5" y2="8.5" id="Line-8" stroke-linecap="square"></line></g></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(1.000000, 1.000000)" fill="%230096ED"><g transform="translate(0.875000, 0.875000)"><path d="M0,12.25 L12.25,12.25 L12.25,0 L0,0 L0,12.25 Z M6.59620259,2.296875 L11.3075948,2.296875 L11.3075948,0.765836207 L6.59620259,0.765836207 L6.59620259,2.296875 Z M0.942193966,2.296875 L5.65358621,2.296875 L5.65358621,0.765836207 L0.942193966,0.765836207 L0.942193966,2.296875 Z M6.59620259,4.59353879 L11.3075948,4.59353879 L11.3075948,3.0625 L6.59620259,3.0625 L6.59620259,4.59353879 Z M0.942193966,4.59353879 L5.65358621,4.59353879 L5.65358621,3.0625 L0.942193966,3.0625 L0.942193966,4.59353879 Z M6.59620259,6.890625 L11.3075948,6.890625 L11.3075948,5.359375 L6.59620259,5.359375 L6.59620259,6.890625 Z M0.942193966,6.890625 L5.65358621,6.890625 L5.65358621,5.359375 L0.942193966,5.359375 L0.942193966,6.890625 Z M6.59620259,9.1875 L11.3075948,9.1875 L11.3075948,7.65646121 L6.59620259,7.65646121 L6.59620259,9.1875 Z M0.942193966,9.1875 L5.65358621,9.1875 L5.65358621,7.65646121 L0.942193966,7.65646121 L0.942193966,9.1875 Z M6.59620259,11.4841638 L11.3075948,11.4841638 L11.3075948,9.953125 L6.59620259,9.953125 L6.59620259,11.4841638 Z M0.942193966,11.4841638 L5.65358621,11.4841638 L5.65358621,9.953125 L0.942193966,9.953125 L0.942193966,11.4841638 Z"></path></g></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__tasy-richedit-convert-delphi-table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -2.000000)" fill-rule="nonzero" fill="%230096ED"><path d="M12.319,5.792L8.836,2.328C8.589,2.08,8.269,2.295,8.269,2.573v1.534C8.115,4.091,7.937,4.084,7.783,4.084c-2.592,0-4.7,2.097-4.7,4.676c0,1.749,0.968,3.337,2.528,4.146c0.352,0.194,0.651-0.257,0.424-0.529c-0.415-0.492-0.643-1.118-0.643-1.762c0-1.514,1.261-2.747,2.787-2.747c0.029,0,0.06,0,0.09,0.002v1.632c0,0.335,0.378,0.435,0.568,0.245l3.483-3.464C12.455,6.147,12.455,5.928,12.319,5.792 M8.938,8.67V7.554c0-0.411-0.528-0.377-0.781-0.377c-1.906,0-3.457,1.542-3.457,3.438c0,0.271,0.033,0.542,0.097,0.805C4.149,10.7,3.775,9.762,3.775,8.76c0-2.197,1.798-3.985,4.008-3.985c0.251,0,0.501,0.023,0.744,0.069c0.212,0.039,0.412-0.124,0.412-0.34v-1.1l2.646,2.633L8.938,8.67z M14.389,7.107c-0.34-0.18-0.662,0.244-0.424,0.529c0.416,0.493,0.644,1.118,0.644,1.762c0,1.515-1.272,2.747-2.798,2.747c-0.029,0-0.061,0-0.089-0.002v-1.631c0-0.354-0.382-0.419-0.558-0.246l-3.482,3.465c-0.136,0.136-0.136,0.355,0,0.49l3.482,3.465c0.189,0.186,0.568,0.096,0.568-0.245v-1.533c0.153,0.016,0.331,0.022,0.484,0.022c2.592,0,4.7-2.098,4.7-4.677C16.917,9.506,15.948,7.917,14.389,7.107 M12.217,15.238c-0.251,0-0.501-0.022-0.743-0.069c-0.212-0.039-0.411,0.125-0.411,0.341v1.101l-2.646-2.634l2.646-2.633v1.116c0,0.174,0.126,0.318,0.295,0.343c0.158,0.024,0.318,0.034,0.486,0.034c1.905,0,3.456-1.542,3.456-3.438c0-0.271-0.032-0.541-0.097-0.804c0.648,0.719,1.022,1.659,1.022,2.66C16.226,13.451,14.428,15.238,12.217,15.238"></path></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__tasy-wrichedit-checkbox_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/checkbox" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group-3"><g id="Group-2"><g id="Group"><rect id="Rectangle-6" x="0" y="0" width="16" height="16"></rect><g id="checkbox/box-only/checkbox/onall" transform="translate(1.000000, 1.000000)"><rect stroke="%230096ED" x="0.5" y="0.5" width="13" height="13" rx="2"></rect><polygon id="" fill="%230096ED" fill-rule="nonzero" points="6.32369942 11 12 3.74322581 10.7976879 3 6.11560694 8.95612903 3.04046243 6.21032258 2 7.13935484"></polygon></g></g></g></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__tasy-richedit-image_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%230096ED"><path d="M0,12 L0,0 L12,0 L12,12 L0,12 Z M1.33333333,10.6666667 L10.6666667,10.6666667 L10.6666667,1.33333333 L1.33333333,1.33333333 L1.33333333,10.6666667 Z"></path><polygon points="7.33333333 4 5.33333333 8 4 5.33333333 2 10 10 10"></polygon><path d="M3.33333333,4.66666667 C4.06933333,4.66666667 4.66666667,4.07022222 4.66666667,3.33333333 C4.66666667,2.59644444 4.06933333,2 3.33333333,2 C2.59733333,2 2,2.59644444 2,3.33333333 C2,4.07022222 2.59733333,4.66666667 3.33333333,4.66666667"></path></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__link_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%230096ED"> <path d="M12.7359112,5.15434004 L10.1165949,7.77373169 C9.97744284,7.91288773 9.81206175,7.93359548 9.72592001,7.93359548 C9.63977827,7.93359548 9.47439717,7.91288773 9.33552122,7.77373169 L9.21238271,7.65086574 L9.98268865,6.88026153 C10.1985952,6.66462488 10.1985952,6.31507815 9.98268865,6.0994415 L9.90041225,6.01716273 C9.6850579,5.80180219 9.33552122,5.80180219 9.11961468,6.01716273 L8.34930873,6.78776694 L8.22617022,6.66462488 C8.0146812,6.45285368 8.0146812,6.09529995 8.22617022,5.88380486 L10.8457626,3.2641371 C10.9846386,3.12525716 11.1500197,3.10454941 11.2361614,3.10454941 C11.3223032,3.10454941 11.4876843,3.12525716 11.6265602,3.2641371 L12.7359112,4.37352001 C12.9476763,4.58501511 12.9476763,4.94256883 12.7359112,5.15434004 M7.77364998,10.116744 L5.15433367,12.7361356 C5.01518162,12.8750156 4.85007662,12.8957233 4.76365878,12.8957233 C4.67751704,12.8957233 4.51241204,12.8750156 4.37326,12.7361356 L3.26418509,11.6267527 C3.12503305,11.4878728 3.1043259,11.3224869 3.1043259,11.2363427 C3.1043259,11.1501985 3.12503305,10.9848126 3.26418509,10.8459327 L5.88350141,8.22654104 C6.02265345,8.0876611 6.18775846,8.06667725 6.2739002,8.06667725 C6.36004194,8.06667725 6.52542303,8.0876611 6.66457508,8.22654104 L6.78771359,8.34940699 L6.01740764,9.1200112 C5.8015011,9.33564784 5.8015011,9.68519458 6.01740764,9.90083122 L6.09913186,9.98283389 C6.3150384,10.1987466 6.66457508,10.1987466 6.88020552,9.98283389 L7.65051147,9.21250579 L7.77364998,9.33592395 C7.91252593,9.47452779 7.93323308,9.63991364 7.93323308,9.72633396 C7.93323308,9.81220208 7.91252593,9.97758793 7.77364998,10.116744 M13.5167088,3.59242388 L12.4076339,2.48331707 C12.0854306,2.16110457 11.660796,2.00013636 11.2361614,2.00013636 C10.8115268,2.00013636 10.3868922,2.16110457 10.064689,2.48331707 L7.44537265,5.10270873 C6.80096617,5.74685764 6.80096617,6.801296 7.44537265,7.44544491 C7.12316941,7.1232324 6.6985348,6.9622642 6.2739002,6.9622642 C5.84954169,6.9622642 5.42490708,7.1232324 5.10270384,7.44544491 L2.48311143,10.0651127 C1.83898104,10.7092616 1.83898104,11.7634238 2.48311143,12.4078488 L3.59246243,13.5169557 C3.91466567,13.8391682 4.33902418,14.0001364 4.76365878,14.0001364 C5.18856949,14.0001364 5.612928,13.8391682 5.93513124,13.5169557 L8.55444755,10.897564 C9.19885404,10.2534151 9.19885404,9.19897673 8.55444755,8.55455171 C8.8766508,8.87676422 9.3015615,9.03773242 9.72592001,9.03773242 C10.1505546,9.03773242 10.5751892,8.87676422 10.8973925,8.55455171 L13.5167088,5.93543617 C14.1611153,5.29101115 14.1611153,4.23684889 13.5167088,3.59242388"></path></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__text_color_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M11.9203839,10 L10.6097846,10 L9.8459182,8.0285339 L6.0171204,8.0285339 L5.2649455,10 L4,10 L7.156796,2 L8.7635884,2 L11.9203839,10 Z M6.3929296,7.0486465 L9.4701095,7.0486465 L7.9429326,3.08233 L7.931798,3.08233 L6.3929296,7.0486465 Z"></path><path d="M12.9855957,11 L3.0144043,11 C2.4541643,11 2,11.4541645 2,12.0144043 L2,12.9855957 C2,13.5458355 2.4541643,14 3.0144043,14 L12.9855957,14 C13.5458355,14 14,13.5458355 14,12.9855957 L14,12.0144043 C14,11.4541645 13.5458355,11 12.9855957,11 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_on .cke_button__text_highlight_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M6.7929077,1 L5.1738281,2.6190796 L5.1738281,2.7855225 L5.8515625,2.7855225 C6.0908203,2.6243897 6.375,2.5355225 6.6738281,2.5355225 C7.5009765,2.5355225 8.1738281,3.2083741 8.1738281,4.0355225 C8.1738281,4.8626709 7.5009765,5.5355225 6.6738281,5.5355225 C6.375,5.5355225 6.0908203,5.4466553 5.8505859,5.2855225 L3.1738281,5.2855225 C3.1033935,5.2855225 3.0367431,5.2729493 2.96875,5.2647095 C2.9743042,5.5130616 3.0678101,5.7601929 3.2573853,5.9497071 L6.0858155,8.7781373 C6.4763184,9.1687013 7.1094361,9.1687013 7.5000001,8.7781373 L11.0355226,5.2426148 L6.7929077,1 Z"  fill="%230096ED" fill-rule="nonzero"></path><path d="M6.6737785,3.5355225 C6.4907341,3.5355225 6.3375358,3.638794 6.2504387,3.7855225 L3.1737785,3.7855225 C2.9843254,3.7855225 2.978466,3.5550537 2.978466,3.5291748 C2.978466,3.4720459 2.9931145,3.2855225 3.1737785,3.2855225 L4.1737785,3.2855225 L4.1737785,2.7855225 L3.1737785,2.7855225 C2.9599113,2.7855225 2.7714347,2.8734131 2.6435051,3.0330811 C2.5370598,3.1663819 2.478466,3.3426514 2.478466,3.5291748 C2.478466,3.9603272 2.7772942,4.2855225 3.1737785,4.2855225 L6.2504387,4.2855225 C6.3375969,4.4323121 6.4907341,4.5355225 6.6737785,4.5355225 C6.9499015,4.5355225 7.1737785,4.3116455 7.1737785,4.0355225 C7.1737785,3.7593995 6.9499016,3.5355225 6.6737785,3.5355225 Z" fill="%230096ED" fill-rule="nonzero"></path><path d="M12.9855957,11.0355225 L3.0144043,11.0355225 C2.4541643,11.0355225 2,11.489687 2,12.0499268 L2,13.0211182 C2,13.581358 2.4541643,14.0355225 3.0144043,14.0355225 L12.9855957,14.0355225 C13.5458355,14.0355225 14,13.581358 14,13.0211182 L14,12.0499268 C14,11.489687 13.5458355,11.0355225 12.9855957,11.0355225 Z" fill="%230096ED" fill-rule="nonzero"></path><path d="M13,8.5355225 C13,9.3639498 12.3284273,10.0355225 11.5,10.0355225 C10.6715727,10.0355225 10,9.3639498 10,8.5355225 C10,7.7070952 11.5,6.0355225 11.5,6.0355225 C11.5,6.0355225 13,7.7070952 13,8.5355225 Z" fill="%230096ED" fill-rule="nonzero"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__bold_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M5.9,3H8c1,0,1.7,0.9,1.7,1.8c0,0,0,0.1,0,0.1C9.7,5.9,9,6.7,8.1,6.8c-0.1,0-0.1,0-0.2,0H5.9V3z M5.9,13V9.1h2.5c1,0,1.8,0.8,1.8,1.8c0,0,0,0.1,0,0.1c0.1,1-0.6,1.8-1.6,1.9c-0.1,0-0.1,0-0.2,0L5.9,13L5.9,13z M3,0.6v14.9h6.1c2.1,0.1,3.9-1.6,3.9-3.7c0-0.1,0-0.3,0-0.4c0.1-1.7-1-3.2-2.6-3.5c1.3-0.5,2.2-1.9,2-3.3c0.1-2.2-1.6-4-3.8-4c-0.1,0-0.2,0-0.3,0H3z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__italic_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><polygon points="6,15.5 7.8,15.5 10,0.5 8.2,0.5 "/></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__underline_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M3.6,1.3v8.9c-0.2,2.3,1.6,4.3,3.9,4.5c0.2,0,0.3,0,0.5,0c2.3,0.1,4.3-1.7,4.4-4c0-0.2,0-0.3,0-0.5V1.3h-1.6v9c0.1,1.5-1,2.9-2.5,3c-0.1,0-0.2,0-0.3,0c-1.5,0-2.8-1.2-2.8-2.7c0-0.1,0-0.2,0-0.3v-9H3.6z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__cut_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M15.4,7.7c0-0.1-0.1-0.2-0.3-0.2L9,7.1l1.5-6c0-0.1,0-0.3-0.2-0.3c-0.1,0-0.2,0-0.3,0.1L8.4,3.4C7.6,4.4,7.2,5.6,7,6.9V7L5.1,6.9c-0.3-1.2-1.5-2-2.7-1.8c-1.2,0.3-2,1.5-1.8,2.7c0.2,1,1,1.7,2.1,1.8h0.2c0.9,0,1.7-0.5,2.1-1.3l1.9,0.4l-0.2,1.9c-0.9,0.1-1.7,0.8-1.9,1.7c-0.3,1.2,0.4,2.5,1.6,2.8c0.2,0,0.4,0.1,0.6,0.1c1.3,0,2.3-1,2.3-2.3c0-0.8-0.4-1.6-1.1-2L8.5,9h0.1c1.3,0.3,2.6,0.2,3.8-0.2L15.2,8C15.3,8,15.4,7.8,15.4,7.7L15.4,7.7L15.4,7.7z M4.2,7.4c0,0.7-0.5,1.2-1.2,1.2c0,0-0.1,0-0.1,0C2.1,8.6,1.6,8,1.6,7.3c0-0.7,0.6-1.2,1.3-1.2H3c0.7,0,1.2,0.5,1.2,1.2C4.2,7.4,4.2,7.4,4.2,7.4L4.2,7.4L4.2,7.4z M8.1,13.2c-0.1,0.7-0.7,1.1-1.3,1c-0.4-0.1-0.8-0.3-1-0.7c-0.4-0.5-0.2-1.3,0.3-1.7c0.2-0.2,0.5-0.2,0.8-0.2c0.1,0,0.2,0,0.3,0c0.7,0.1,1.1,0.8,0.9,1.4C8.2,13.1,8.1,13.1,8.1,13.2L8.1,13.2L8.1,13.2z M8,8.4c-0.3,0-0.5-0.3-0.5-0.6c0-0.3,0.3-0.5,0.6-0.5c0.3,0,0.5,0.2,0.5,0.5C8.5,8.2,8.3,8.4,8,8.4C8,8.4,8,8.4,8,8.4L8,8.4z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__copy_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.7,4.2V0.5H2.1V12h3.2v3.5h8.6V7.4L10.7,4.2z M10.7,5.6l1.6,1.6h-1.6V5.6L10.7,5.6z M3.1,11V1.5h6.7V4H5.3V11H3.1z M6.2,14.5V4.9h3.5v3.2h3.2v6.4H6.2L6.2,14.5z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__paste_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M10.6,4.8V1.3H8.9V0.5H4.1v0.8H2.4v10.9h3v3.3h8.1V7.9L10.6,4.8z M10.6,6.1L12,7.6h-1.5V6.1L10.6,6.1z M5,1.4h3v1.5H5V1.4z M3.3,11.3V2.2h0.8v1.7h4.8V2.2h0.8v2.4H5.4v6.7H3.3z M6.3,14.6V5.5h3.3v3h3v6.1L6.3,14.6L6.3,14.6z"/></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__justifyleft_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,11.3333333 L10,11.3333333 L10,10 L2,10 L2,11.3333333 Z M2,6 L10,6 L10,4.66666667 L2,4.66666667 L2,6 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__justifycenter_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M4.66666667,11.3333333 L11.3333333,11.3333333 L11.3333333,10 L4.66666667,10 L4.66666667,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M4.66666667,6 L11.3333333,6 L11.3333333,4.66666667 L4.66666667,4.66666667 L4.66666667,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__justifyright_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L6,10 L6,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L6,4.66666667 L6,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__justifyblock_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M2,14 L14,14 L14,12.6666667 L2,12.6666667 L2,14 Z M6,11.3333333 L14,11.3333333 L14,10 L2,10 L2,11.3333333 Z M2,8.66666667 L14,8.66666667 L14,7.33333333 L2,7.33333333 L2,8.66666667 Z M6,6 L14,6 L14,4.66666667 L2,4.66666667 L2,6 Z M2,3.33333333 L14,3.33333333 L14,2 L2,2 L2,3.33333333 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__bulletedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><rect x="7.2" y="7.4" width="6.4" height="1.2"/><circle cx="4.1" cy="8" r="1.8"/><rect x="7.2" y="13.1" width="6.4" height="1.2"/><circle cx="4.1" cy="13.7" r="1.8"/><rect x="7.2" y="1.7" width="6.4" height="1.2"/><circle cx="4.1" cy="2.3" r="1.8"/></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__numberedlist_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g><polygon points="4.1,2.1 4.6,1.9 4.6,4.8 4.9,4.8 4.9,1.4 4.6,1.4 4,1.8 "/><path d="M4.6,6.6c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.3-0.2,0.6-0.5,1l-1,1.1v0.3h1.9V9.3H4.3L5,8.5c0.1-0.1,0.2-0.2,0.2-0.2C5.3,8.2,5.3,8.1,5.4,8c0.1-0.1,0.1-0.2,0.2-0.4c0-0.1,0.1-0.2,0.1-0.4c0-0.3-0.1-0.6-0.3-0.7C5.2,6.4,5,6.3,4.7,6.3c-0.3,0-0.5,0.1-0.9,0.3L4,6.8C4.2,6.7,4.4,6.6,4.6,6.6z"/><path d="M4.6,11.5c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.2,0.2,0.2,0.4c0,0.2-0.1,0.3-0.2,0.4c-0.1,0.1-0.3,0.2-0.4,0.2H4.4v0.3h0.2c0.2,0,0.4,0.1,0.5,0.2c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5s-0.3,0.2-0.5,0.2c-0.2,0-0.4-0.1-0.6-0.2l-0.1,0.2c0.3,0.2,0.5,0.2,0.8,0.2s0.5-0.1,0.7-0.3s0.3-0.4,0.3-0.7c0-0.2-0.1-0.4-0.2-0.6c-0.1-0.1-0.3-0.2-0.5-0.3c0.2-0.1,0.3-0.2,0.4-0.3s0.1-0.3,0.1-0.5c0-0.2-0.1-0.4-0.2-0.6c-0.2-0.2-0.4-0.2-0.6-0.2c-0.3,0-0.5,0.1-0.8,0.2L4,11.6C4.2,11.5,4.4,11.5,4.6,11.5z"/><rect x="7" y="7.7" width="5.2" height="1"/><rect x="7" y="12.3" width="5.2" height="1"/><rect x="7" y="3" width="5.2" height="1"/></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__tasy-wrichedit-page-break_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/quebra-pagina" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="quebra-pagina"><g transform="translate(1.000000, 1.000000)" stroke="%23BFBFBF"><rect id="Rectangle" fill="%23BFBFBF" x="1.5" y="0.5" width="11" height="1"></rect><line x1="1.5" y1="1.5" x2="1.5" y2="4.5" id="Line" stroke-linecap="square"></line><line x1="12.5" y1="1.5" x2="12.5" y2="4.5" id="Line-2" stroke-linecap="square"></line><line x1="12.5" y1="11.5" x2="12.5" y2="13.5" id="Line-4" stroke-linecap="square"></line><line x1="11.5" y1="13.5" x2="2.5" y2="13.5" id="Line-5" stroke-linecap="square"></line><line x1="1.5" y1="13.5" x2="1.5" y2="11.5" id="Line-6" stroke-linecap="square"></line><line x1="0.5" y1="8.5" x2="2.5" y2="8.5" id="Line-7" stroke-linecap="square"></line><line x1="13.5" y1="8.5" x2="11.5" y2="8.5" id="Line-8" stroke-linecap="square"></line><line x1="8.5" y1="8.5" x2="5.5" y2="8.5" id="Line-8" stroke-linecap="square"></line></g></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(1.000000, 1.000000)" fill="%23BFBFBF"><g transform="translate(0.875000, 0.875000)"><path d="M0,12.25 L12.25,12.25 L12.25,0 L0,0 L0,12.25 Z M6.59620259,2.296875 L11.3075948,2.296875 L11.3075948,0.765836207 L6.59620259,0.765836207 L6.59620259,2.296875 Z M0.942193966,2.296875 L5.65358621,2.296875 L5.65358621,0.765836207 L0.942193966,0.765836207 L0.942193966,2.296875 Z M6.59620259,4.59353879 L11.3075948,4.59353879 L11.3075948,3.0625 L6.59620259,3.0625 L6.59620259,4.59353879 Z M0.942193966,4.59353879 L5.65358621,4.59353879 L5.65358621,3.0625 L0.942193966,3.0625 L0.942193966,4.59353879 Z M6.59620259,6.890625 L11.3075948,6.890625 L11.3075948,5.359375 L6.59620259,5.359375 L6.59620259,6.890625 Z M0.942193966,6.890625 L5.65358621,6.890625 L5.65358621,5.359375 L0.942193966,5.359375 L0.942193966,6.890625 Z M6.59620259,9.1875 L11.3075948,9.1875 L11.3075948,7.65646121 L6.59620259,7.65646121 L6.59620259,9.1875 Z M0.942193966,9.1875 L5.65358621,9.1875 L5.65358621,7.65646121 L0.942193966,7.65646121 L0.942193966,9.1875 Z M6.59620259,11.4841638 L11.3075948,11.4841638 L11.3075948,9.953125 L6.59620259,9.953125 L6.59620259,11.4841638 Z M0.942193966,11.4841638 L5.65358621,11.4841638 L5.65358621,9.953125 L0.942193966,9.953125 L0.942193966,11.4841638 Z"></path></g></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__tasy-richedit-convert-delphi-table_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-2.000000, -2.000000)" fill-rule="nonzero" fill="%23BFBFBF"><path d="M12.319,5.792L8.836,2.328C8.589,2.08,8.269,2.295,8.269,2.573v1.534C8.115,4.091,7.937,4.084,7.783,4.084c-2.592,0-4.7,2.097-4.7,4.676c0,1.749,0.968,3.337,2.528,4.146c0.352,0.194,0.651-0.257,0.424-0.529c-0.415-0.492-0.643-1.118-0.643-1.762c0-1.514,1.261-2.747,2.787-2.747c0.029,0,0.06,0,0.09,0.002v1.632c0,0.335,0.378,0.435,0.568,0.245l3.483-3.464C12.455,6.147,12.455,5.928,12.319,5.792 M8.938,8.67V7.554c0-0.411-0.528-0.377-0.781-0.377c-1.906,0-3.457,1.542-3.457,3.438c0,0.271,0.033,0.542,0.097,0.805C4.149,10.7,3.775,9.762,3.775,8.76c0-2.197,1.798-3.985,4.008-3.985c0.251,0,0.501,0.023,0.744,0.069c0.212,0.039,0.412-0.124,0.412-0.34v-1.1l2.646,2.633L8.938,8.67z M14.389,7.107c-0.34-0.18-0.662,0.244-0.424,0.529c0.416,0.493,0.644,1.118,0.644,1.762c0,1.515-1.272,2.747-2.798,2.747c-0.029,0-0.061,0-0.089-0.002v-1.631c0-0.354-0.382-0.419-0.558-0.246l-3.482,3.465c-0.136,0.136-0.136,0.355,0,0.49l3.482,3.465c0.189,0.186,0.568,0.096,0.568-0.245v-1.533c0.153,0.016,0.331,0.022,0.484,0.022c2.592,0,4.7-2.098,4.7-4.677C16.917,9.506,15.948,7.917,14.389,7.107 M12.217,15.238c-0.251,0-0.501-0.022-0.743-0.069c-0.212-0.039-0.411,0.125-0.411,0.341v1.101l-2.646-2.634l2.646-2.633v1.116c0,0.174,0.126,0.318,0.295,0.343c0.158,0.024,0.318,0.034,0.486,0.034c1.905,0,3.456-1.542,3.456-3.438c0-0.271-0.032-0.541-0.097-0.804c0.648,0.719,1.022,1.659,1.022,2.66C16.226,13.451,14.428,15.238,12.217,15.238"></path></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__tasy-wrichedit-checkbox_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="icon/checkbox" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group-3"><g id="Group-2"><g id="Group"><rect id="Rectangle-6" x="0" y="0" width="16" height="16"></rect><g id="checkbox/box-only/checkbox/onall" transform="translate(1.000000, 1.000000)"><rect stroke="%23BFBFBF" x="0.5" y="0.5" width="13" height="13" rx="2"></rect><polygon id="" fill="%23BFBFBF" fill-rule="nonzero" points="6.32369942 11 12 3.74322581 10.7976879 3 6.11560694 8.95612903 3.04046243 6.21032258 2 7.13935484"></polygon></g></g></g></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__tasy-richedit-image_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%23BFBFBF"><path d="M0,12 L0,0 L12,0 L12,12 L0,12 Z M1.33333333,10.6666667 L10.6666667,10.6666667 L10.6666667,1.33333333 L1.33333333,1.33333333 L1.33333333,10.6666667 Z"></path><polygon points="7.33333333 4 5.33333333 8 4 5.33333333 2 10 10 10"></polygon><path d="M3.33333333,4.66666667 C4.06933333,4.66666667 4.66666667,4.07022222 4.66666667,3.33333333 C4.66666667,2.59644444 4.06933333,2 3.33333333,2 C2.59733333,2 2,2.59644444 2,3.33333333 C2,4.07022222 2.59733333,4.66666667 3.33333333,4.66666667"></path></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__link_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(2.000000, 2.000000)" fill-rule="nonzero" fill="%23BFBFBF"> <path d="M12.7359112,5.15434004 L10.1165949,7.77373169 C9.97744284,7.91288773 9.81206175,7.93359548 9.72592001,7.93359548 C9.63977827,7.93359548 9.47439717,7.91288773 9.33552122,7.77373169 L9.21238271,7.65086574 L9.98268865,6.88026153 C10.1985952,6.66462488 10.1985952,6.31507815 9.98268865,6.0994415 L9.90041225,6.01716273 C9.6850579,5.80180219 9.33552122,5.80180219 9.11961468,6.01716273 L8.34930873,6.78776694 L8.22617022,6.66462488 C8.0146812,6.45285368 8.0146812,6.09529995 8.22617022,5.88380486 L10.8457626,3.2641371 C10.9846386,3.12525716 11.1500197,3.10454941 11.2361614,3.10454941 C11.3223032,3.10454941 11.4876843,3.12525716 11.6265602,3.2641371 L12.7359112,4.37352001 C12.9476763,4.58501511 12.9476763,4.94256883 12.7359112,5.15434004 M7.77364998,10.116744 L5.15433367,12.7361356 C5.01518162,12.8750156 4.85007662,12.8957233 4.76365878,12.8957233 C4.67751704,12.8957233 4.51241204,12.8750156 4.37326,12.7361356 L3.26418509,11.6267527 C3.12503305,11.4878728 3.1043259,11.3224869 3.1043259,11.2363427 C3.1043259,11.1501985 3.12503305,10.9848126 3.26418509,10.8459327 L5.88350141,8.22654104 C6.02265345,8.0876611 6.18775846,8.06667725 6.2739002,8.06667725 C6.36004194,8.06667725 6.52542303,8.0876611 6.66457508,8.22654104 L6.78771359,8.34940699 L6.01740764,9.1200112 C5.8015011,9.33564784 5.8015011,9.68519458 6.01740764,9.90083122 L6.09913186,9.98283389 C6.3150384,10.1987466 6.66457508,10.1987466 6.88020552,9.98283389 L7.65051147,9.21250579 L7.77364998,9.33592395 C7.91252593,9.47452779 7.93323308,9.63991364 7.93323308,9.72633396 C7.93323308,9.81220208 7.91252593,9.97758793 7.77364998,10.116744 M13.5167088,3.59242388 L12.4076339,2.48331707 C12.0854306,2.16110457 11.660796,2.00013636 11.2361614,2.00013636 C10.8115268,2.00013636 10.3868922,2.16110457 10.064689,2.48331707 L7.44537265,5.10270873 C6.80096617,5.74685764 6.80096617,6.801296 7.44537265,7.44544491 C7.12316941,7.1232324 6.6985348,6.9622642 6.2739002,6.9622642 C5.84954169,6.9622642 5.42490708,7.1232324 5.10270384,7.44544491 L2.48311143,10.0651127 C1.83898104,10.7092616 1.83898104,11.7634238 2.48311143,12.4078488 L3.59246243,13.5169557 C3.91466567,13.8391682 4.33902418,14.0001364 4.76365878,14.0001364 C5.18856949,14.0001364 5.612928,13.8391682 5.93513124,13.5169557 L8.55444755,10.897564 C9.19885404,10.2534151 9.19885404,9.19897673 8.55444755,8.55455171 C8.8766508,8.87676422 9.3015615,9.03773242 9.72592001,9.03773242 C10.1505546,9.03773242 10.5751892,8.87676422 10.8973925,8.55455171 L13.5167088,5.93543617 C14.1611153,5.29101115 14.1611153,4.23684889 13.5167088,3.59242388"></path></g></g></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__text_color_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M11.9203839,10 L10.6097846,10 L9.8459182,8.0285339 L6.0171204,8.0285339 L5.2649455,10 L4,10 L7.156796,2 L8.7635884,2 L11.9203839,10 Z M6.3929296,7.0486465 L9.4701095,7.0486465 L7.9429326,3.08233 L7.931798,3.08233 L6.3929296,7.0486465 Z"></path><path d="M12.9855957,11 L3.0144043,11 C2.4541643,11 2,11.4541645 2,12.0144043 L2,12.9855957 C2,13.5458355 2.4541643,14 3.0144043,14 L12.9855957,14 C13.5458355,14 14,13.5458355 14,12.9855957 L14,12.0144043 C14,11.4541645 13.5458355,11 12.9855957,11 Z"></path></svg>') !important;
}

.wrichedit .cke_button.cke_button_disabled .cke_button__text_highlight_icon {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><path d="M6.7929077,1 L5.1738281,2.6190796 L5.1738281,2.7855225 L5.8515625,2.7855225 C6.0908203,2.6243897 6.375,2.5355225 6.6738281,2.5355225 C7.5009765,2.5355225 8.1738281,3.2083741 8.1738281,4.0355225 C8.1738281,4.8626709 7.5009765,5.5355225 6.6738281,5.5355225 C6.375,5.5355225 6.0908203,5.4466553 5.8505859,5.2855225 L3.1738281,5.2855225 C3.1033935,5.2855225 3.0367431,5.2729493 2.96875,5.2647095 C2.9743042,5.5130616 3.0678101,5.7601929 3.2573853,5.9497071 L6.0858155,8.7781373 C6.4763184,9.1687013 7.1094361,9.1687013 7.5000001,8.7781373 L11.0355226,5.2426148 L6.7929077,1 Z"  fill="%23BFBFBF" fill-rule="nonzero"></path><path d="M6.6737785,3.5355225 C6.4907341,3.5355225 6.3375358,3.638794 6.2504387,3.7855225 L3.1737785,3.7855225 C2.9843254,3.7855225 2.978466,3.5550537 2.978466,3.5291748 C2.978466,3.4720459 2.9931145,3.2855225 3.1737785,3.2855225 L4.1737785,3.2855225 L4.1737785,2.7855225 L3.1737785,2.7855225 C2.9599113,2.7855225 2.7714347,2.8734131 2.6435051,3.0330811 C2.5370598,3.1663819 2.478466,3.3426514 2.478466,3.5291748 C2.478466,3.9603272 2.7772942,4.2855225 3.1737785,4.2855225 L6.2504387,4.2855225 C6.3375969,4.4323121 6.4907341,4.5355225 6.6737785,4.5355225 C6.9499015,4.5355225 7.1737785,4.3116455 7.1737785,4.0355225 C7.1737785,3.7593995 6.9499016,3.5355225 6.6737785,3.5355225 Z" fill="%23BFBFBF" fill-rule="nonzero"></path><path d="M12.9855957,11.0355225 L3.0144043,11.0355225 C2.4541643,11.0355225 2,11.489687 2,12.0499268 L2,13.0211182 C2,13.581358 2.4541643,14.0355225 3.0144043,14.0355225 L12.9855957,14.0355225 C13.5458355,14.0355225 14,13.581358 14,13.0211182 L14,12.0499268 C14,11.489687 13.5458355,11.0355225 12.9855957,11.0355225 Z" fill="%23BFBFBF" fill-rule="nonzero"></path><path d="M13,8.5355225 C13,9.3639498 12.3284273,10.0355225 11.5,10.0355225 C10.6715727,10.0355225 10,9.3639498 10,8.5355225 C10,7.7070952 11.5,6.0355225 11.5,6.0355225 C11.5,6.0355225 13,7.7070952 13,8.5355225 Z" fill="%23BFBFBF" fill-rule="nonzero"></path></svg>') !important;
}

.wrichedit .cke_button .cke_button__pastetext_icon {
  background-position: 0 -1872px !important;
  background-size: unset !important;
}

.wrichedit .cke_button.cke_button__pastetext.cke_button_disabled {
  opacity: 0.3;
}

.wrichedit .cke_combo .cke_combo_button {
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 0;
  /*
       * The !important's purpose here is to prevent the default CKEDITOR's css classes
       * from messing up the placement of the combo buttons by clearing the margin
       */
  margin: 6px 8px 0 0 !important;
}

.wrichedit .cke_combo .cke_combo_button .cke_combo_open {
  position: absolute;
  right: -10px;
}

.wrichedit .cke_combo .cke_combo_button .cke_combo_text {
  display: none;
}

.wrichedit .cke_combo .cke_combo_button .cke_combo_label {
  display: none;
}

.wrichedit .cke_combo .cke_combo_button :hover {
  background-color: initial;
  border: 0;
}

.wrichedit .cke_combo::after {
  display: none;
}

.wrichedit .cke_combo.cke_combo__font :hover,
.wrichedit .cke_combo.cke_combo__fontsize :hover,
.wrichedit .cke_combo.cke_combo__lineheight :hover {
  background-color: initial;
  border: 0;
}

.wrichedit .cke_combo.cke_combo_on .cke_combo_button {
  background-color: initial;
  border: 0;
}

.wrichedit .cke_combo.cke_combo_off .cke_combo_button:hover {
  padding: 0;
}

.wrichedit .cke_combo__font {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(2.000000, 2.000000)" fill="%23808080"><path d="M4.05602831,0 L5.97943256,0 L9.46879426,12 L7.91985809,12 L6.9666666,8.78297872 L3.00070916,8.78297872 L2.03049639,12 L0.566666603,12 L4.05602831,0 Z M4.97517724,1.68510638 L3.30709214,7.59148936 L6.66028362,7.59148936 L4.99219852,1.68510638 L4.97517724,1.68510638 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__font:hover {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(2.000000, 2.000000)" fill="%23808080"><path d="M4.05602831,0 L5.97943256,0 L9.46879426,12 L7.91985809,12 L6.9666666,8.78297872 L3.00070916,8.78297872 L2.03049639,12 L0.566666603,12 L4.05602831,0 Z M4.97517724,1.68510638 L3.30709214,7.59148936 L6.66028362,7.59148936 L4.99219852,1.68510638 L4.97517724,1.68510638 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__font.cke_combo.cke_combo_on {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(2.000000, 2.000000)" fill="%230096ED"><path d="M4.05602831,0 L5.97943256,0 L9.46879426,12 L7.91985809,12 L6.9666666,8.78297872 L3.00070916,8.78297872 L2.03049639,12 L0.566666603,12 L4.05602831,0 Z M4.97517724,1.68510638 L3.30709214,7.59148936 L6.66028362,7.59148936 L4.99219852,1.68510638 L4.97517724,1.68510638 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__font.cke_combo.cke_combo_disabled {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(2.000000, 2.000000)" fill="%23BFBFBF"><path d="M4.05602831,0 L5.97943256,0 L9.46879426,12 L7.91985809,12 L6.9666666,8.78297872 L3.00070916,8.78297872 L2.03049639,12 L0.566666603,12 L4.05602831,0 Z M4.97517724,1.68510638 L3.30709214,7.59148936 L6.66028362,7.59148936 L4.99219852,1.68510638 L4.97517724,1.68510638 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__fontsize {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(1.000000, 5.000000)" fill="%23808080"><path d="M2.61312938,0.0133843212 L4.05353728,0.0133843212 L6.66666667,9 L5.50669216,9 L4.7928617,6.59082218 L1.82281708,6.59082218 L1.09623964,9 L0,9 L2.61312938,0.0133843212 Z M3.3014659,1.27533461 L2.05226259,5.6985341 L4.56341619,5.6985341 L3.31421287,1.27533461 L3.3014659,1.27533461 Z"></path><path d="M9.1625239,2.78000005 L10.1708094,2.78000005 L12,9.00222227 L11.1880178,9.00222227 L10.6883365,7.33413717 L8.60930529,7.33413717 L8.10070108,9.00222227 L7.33333333,9.00222227 L9.1625239,2.78000005 Z M9.64435946,3.65375892 L8.76991714,6.71632787 L10.5277247,6.71632787 L9.65328235,3.65375892 L9.64435946,3.65375892 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__fontsize:hover {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(1.000000, 5.000000)" fill="%23808080"><path d="M2.61312938,0.0133843212 L4.05353728,0.0133843212 L6.66666667,9 L5.50669216,9 L4.7928617,6.59082218 L1.82281708,6.59082218 L1.09623964,9 L0,9 L2.61312938,0.0133843212 Z M3.3014659,1.27533461 L2.05226259,5.6985341 L4.56341619,5.6985341 L3.31421287,1.27533461 L3.3014659,1.27533461 Z"></path><path d="M9.1625239,2.78000005 L10.1708094,2.78000005 L12,9.00222227 L11.1880178,9.00222227 L10.6883365,7.33413717 L8.60930529,7.33413717 L8.10070108,9.00222227 L7.33333333,9.00222227 L9.1625239,2.78000005 Z M9.64435946,3.65375892 L8.76991714,6.71632787 L10.5277247,6.71632787 L9.65328235,3.65375892 L9.64435946,3.65375892 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__fontsize.cke_combo.cke_combo_on {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(1.000000, 5.000000)" fill="%230096ED"><path d="M2.61312938,0.0133843212 L4.05353728,0.0133843212 L6.66666667,9 L5.50669216,9 L4.7928617,6.59082218 L1.82281708,6.59082218 L1.09623964,9 L0,9 L2.61312938,0.0133843212 Z M3.3014659,1.27533461 L2.05226259,5.6985341 L4.56341619,5.6985341 L3.31421287,1.27533461 L3.3014659,1.27533461 Z"></path><path d="M9.1625239,2.78000005 L10.1708094,2.78000005 L12,9.00222227 L11.1880178,9.00222227 L10.6883365,7.33413717 L8.60930529,7.33413717 L8.10070108,9.00222227 L7.33333333,9.00222227 L9.1625239,2.78000005 Z M9.64435946,3.65375892 L8.76991714,6.71632787 L10.5277247,6.71632787 L9.65328235,3.65375892 L9.64435946,3.65375892 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__fontsize.cke_combo.cke_combo_disabled {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g><g><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(1.000000, 5.000000)" fill="%23BFBFBF"><path d="M2.61312938,0.0133843212 L4.05353728,0.0133843212 L6.66666667,9 L5.50669216,9 L4.7928617,6.59082218 L1.82281708,6.59082218 L1.09623964,9 L0,9 L2.61312938,0.0133843212 Z M3.3014659,1.27533461 L2.05226259,5.6985341 L4.56341619,5.6985341 L3.31421287,1.27533461 L3.3014659,1.27533461 Z"></path><path d="M9.1625239,2.78000005 L10.1708094,2.78000005 L12,9.00222227 L11.1880178,9.00222227 L10.6883365,7.33413717 L8.60930529,7.33413717 L8.10070108,9.00222227 L7.33333333,9.00222227 L9.1625239,2.78000005 Z M9.64435946,3.65375892 L8.76991714,6.71632787 L10.5277247,6.71632787 L9.65328235,3.65375892 L9.64435946,3.65375892 Z"></path></g></g></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__lineheight {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(0.166, 0.833)" fill="%23808080" stroke="%23808080"><path d="M 1.5 1.116876 L 2.190104 2.499688 L 0.809896 2.499688 Z M 1.5 1.116876 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M 1.5 8.117499 L 2.190104 9.500311 L 0.809896 9.500311 Z M 1.5 8.117499 " transform="matrix(1,0,0,-1,2,20)"/><path d="M 1.5 1.499688 L 1.5 7.499688 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M5.5 2L14.5 2L14.5 3L5.5 3ZM5.5 2"/><path d="M5.5 7L14.5 7L14.5 8L5.5 8ZM5.5 7"/><path d="M5.5 12L14.5 12L14.5 13L5.5 13ZM5.5 12"/></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__lineheight:hover {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23808080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(0.166, 0.833)" fill="%23808080" stroke="%23808080"><path d="M 1.5 1.116876 L 2.190104 2.499688 L 0.809896 2.499688 Z M 1.5 1.116876 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M 1.5 8.117499 L 2.190104 9.500311 L 0.809896 9.500311 Z M 1.5 8.117499 " transform="matrix(1,0,0,-1,2,20)"/><path d="M 1.5 1.499688 L 1.5 7.499688 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M5.5 2L14.5 2L14.5 3L5.5 3ZM5.5 2"/><path d="M5.5 7L14.5 7L14.5 8L5.5 8ZM5.5 7"/><path d="M5.5 12L14.5 12L14.5 13L5.5 13ZM5.5 12"/></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__lineheight.cke_combo.cke_combo_on {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%230096ED" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(0.166, 0.833)" fill="%230096ED" stroke="%230096ED"><path d="M 1.5 1.116876 L 2.190104 2.499688 L 0.809896 2.499688 Z M 1.5 1.116876 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M 1.5 8.117499 L 2.190104 9.500311 L 0.809896 9.500311 Z M 1.5 8.117499 " transform="matrix(1,0,0,-1,2,20)"/><path d="M 1.5 1.499688 L 1.5 7.499688 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M5.5 2L14.5 2L14.5 3L5.5 3ZM5.5 2"/><path d="M5.5 7L14.5 7L14.5 8L5.5 8ZM5.5 7"/><path d="M5.5 12L14.5 12L14.5 13L5.5 13ZM5.5 12"/></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .cke_combo__lineheight.cke_combo.cke_combo_disabled {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23BFBFBF" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect fill="%23FFFFFF" x="0" y="0" width="16" height="16"></rect><g transform="translate(0.166, 0.833)" fill="%23BFBFBF" stroke="%23BFBFBF"><path d="M 1.5 1.116876 L 2.190104 2.499688 L 0.809896 2.499688 Z M 1.5 1.116876 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M 1.5 8.117499 L 2.190104 9.500311 L 0.809896 9.500311 Z M 1.5 8.117499 " transform="matrix(1,0,0,-1,2,20)"/><path d="M 1.5 1.499688 L 1.5 7.499688 " transform="matrix(1,0,0,1,2,2.67)"/><path d="M5.5 2L14.5 2L14.5 3L5.5 3ZM5.5 2"/><path d="M5.5 7L14.5 7L14.5 8L5.5 8ZM5.5 7"/><path d="M5.5 12L14.5 12L14.5 13L5.5 13ZM5.5 12"/></g></g></svg>') !important;
  background-repeat: no-repeat;
  background-position: center bottom !important;
  background-size: 16px 16px !important;
  opacity: 1;
}

.wrichedit .w-attr-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 0;
}

.wrichedit .w-attr-container__label {
  position: relative;
  height: 14px;
  font-size: var(--font-size-body);
  line-height: 14px;
  margin-bottom: 8px;
  color: #808080;
}

.wrichedit .w-attr-container__label > span {
  display: inline-block;
  padding-top: 3px;
  margin-top: -3px;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.wrichedit .is-mandatory .w-attr-container__label:before {
  content: "*";
  width: 10px;
  height: 12px;
  color: red;
  font-size: var(--font-size-header-2);
  margin-top: 6px;
  margin-right: 5px;
  margin-left: -2px;
  display: inline-block;
}

.wrichedit .w-attr-container__label.autoheight {
  height: auto;
}

.dark-skin .wrichedit-editor {
  color: var(--color-white);
}

.dark-skin .wrichedit .is-mandatory .w-attr-container__label:before {
  margin-top: 9px;
}

.cke_autocomplete_panel .wrichedit__autocomplete--item {
  font-size: var(--font-size-body);
}

.cke_autocomplete_panel .wrichedit__autocomplete--title {
  font-family: "CentraleSansCndBold";
}

.cke_autocomplete_panel .wrichedit__autocomplete--description {
  font-family: "CentraleSansCndBook";
  font-style: italic;
}

.wrichedit-feedback-user-warning {
  display: -ms-flexbox;
  display: flex;
  --popover-background: #FFCD05;
  font-family: 'CentraleSansCndBook', Sans-Serif, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: start;
      align-items: start;
}

.wrichedit-feedback-user-warning .wrichedit-feedback-user-warning-icon {
  width: 16px;
  height: 16px;
  float: left;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPg0KICAgIDx0aXRsZT53YXJuaW5nPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZyBpZD0iQ29tcG9uZW50cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJCdWlsZGluZy1CbG9ja3MtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwOC4wMDAwMDAsIC00NzQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0id2FybmluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjA4LjAwMDAwMCwgNDc0LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9ImJrZy1pY29uIiBmaWxsPSIjMDAwMDAwIiBjeD0iOCIgY3k9IjgiIHI9IjgiPjwvY2lyY2xlPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uLWV4Y2xhbWF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgMy4wMDAwMDApIiBmaWxsPSIjRkZDRDA1Ij4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEuMDM5Njg2MjcsNy40MjkwMTk2MSBDMS42MjE5NjA3OCw3LjQyOTAxOTYxIDIuMDQzNjA3ODQsNy44NzA3NDUxIDIuMDQzNjA3ODQsOC40MzI5NDExOCBDMi4wNDM2MDc4NCw4Ljk5NTEzNzI1IDEuNjQyMDM5MjIsOS40MzY4NjI3NSAxLjAzOTY4NjI3LDkuNDM2ODYyNzUgQzAuNDM3MzMzMzMzLDkuNDM2ODYyNzUgLTAuMDA0MzkyMTU2ODYsOS4wMTUyMTU2OSAtMC4wMDQzOTIxNTY4Niw4LjQzMjk0MTE4IEMtMC4wMDQzOTIxNTY4Niw3Ljg1MDY2NjY3IDAuNDU3NDExNzY1LDcuNDI5MDE5NjEgMS4wMzk2ODYyNyw3LjQyOTAxOTYxIFogTTIuMDIzNTI5NDEsMC42MDIzNTI5NDEgTDEuNjgyMTk2MDgsNi42MjU4ODIzNSBMMC4zNTcwMTk2MDgsNi42MjU4ODIzNSBMMC4wMTU2ODYyNzQ1LDAuNjAyMzUyOTQxIEwyLjAyMzUyOTQxLDAuNjAyMzUyOTQxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==");
}

.wrichedit-feedback-user-warning .wrichedit-feedback-user-warning-text {
  padding-left: 6px;
}

.llm-suggestion-span {
  background: rgba(142, 81, 194, 0.15);
  transition: background 0.2s;
  border-radius: 3px;
  cursor: pointer;
}

.llm-suggestion-span:hover {
  background: rgba(142, 81, 194, 0.25);
}

.llm-suggestion-icon {
  height: 16px;
  width: 16px;
  background-image: url(/assets/framework/w-ia/star-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 4px;
}

.llm-processing-span {
  color: #8e51c2;
  font-style: italic;
}

.llm-processing-bg {
  display: inline-block;
  padding: 2px 4px;
  border-radius: 5px;
  position: relative;
  background-color: rgba(142, 81, 194, 0.05);
  /* Fundo base fixo */
  overflow: hidden;
}

.llm-processing-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: -70%;
  width: 140%;
  height: 100%;
  background: linear-gradient(90deg, rgba(142, 81, 194, 0) 0%, rgba(142, 81, 194, 0.05) 10%, rgba(142, 81, 194, 0.12) 30%, rgba(142, 81, 194, 0.22) 50%, rgba(142, 81, 194, 0.12) 70%, rgba(142, 81, 194, 0.05) 90%, rgba(142, 81, 194, 0) 100%);
  animation: llmProcessingBgHighlightMove 1.6s linear infinite;
  pointer-events: none;
}

@keyframes llmProcessingBgHighlightMove {
  0% {
    left: -70%;
  }
  100% {
    left: 100%;
  }
}

.scale_alert, .scale_indicator_alert, .scale_warning, .scale_indicator_warning, .scale_default, .scale_indicator_default {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  border: none;
  color: black;
  font-weight: bold;
  padding: var(--spacing-8);
  font-size: var(--font-size-subtitle);
  cursor: default;
  min-width: 50px;
  min-height: 30px;
  height: 100%;
  float: right;
}

.scale_alert {
  background-color: #F2BE00;
  width: 50px;
}

.scale_indicator_alert {
  background-color: #F2BE00;
  width: 70px;
}

.scale_warning {
  background-color: #FF5454;
  color: white;
  width: 50px;
}

.scale_indicator_warning {
  background-color: #FF5454;
  color: white;
  width: 70px;
}

.scale_default {
  background-color: White;
  border: 1px solid #BFBFBF;
  width: 50px;
}

.scale_indicator_default {
  background-color: White;
  border: 1px solid #BFBFBF;
  width: 70px;
}

.scale_indicator_main_hist, .scale_indicator_main_hist_exp {
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  color: black;
  font-weight: bold;
  font-size: 10px;
  cursor: default;
  background-color: White;
  border: 1px solid #BFBFBF;
  width: 100%;
  height: 100%;
  text-align: left;
}

.scale_indicator_main_hist {
  max-width: 60px;
  max-height: 45px;
  min-width: 60px;
  min-height: 45px;
  float: right;
}

.scale_indicator_main_hist_exp {
  max-width: 160px;
  max-height: 145px;
  min-width: 160px;
  min-height: 145px;
  float: right;
}

.scale_indicator_hist_mv_text {
  font-size: 11px;
  width: 55%;
  text-align: left;
}

.scale_indicator_hist_text {
  width: 100%;
  height: 100%;
  text-align: left;
  -ms-flex-align: left;
      align-items: left;
  -ms-flex: 1;
      flex: 1;
  float: left;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 60px;
  max-height: 45px;
}

.scale_indicator_hist_text_exp {
  width: 100%;
  height: 100%;
  text-align: left;
  -ms-flex-align: left;
      align-items: left;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 15px;
  margin-left: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
  -ms-flex: 1;
      flex: 1;
  float: left;
  -ms-flex-direction: column;
      flex-direction: column;
}

.scale_indicator_hist_value {
  width: 35%;
  height: 100%;
  text-align: left;
  -ms-flex: 1;
      flex: 1;
  float: right;
}

.scale_indicator_hist_value_exp {
  width: 40%;
  height: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  -ms-flex: 1;
      flex: 1;
  float: right;
}

.scale_indicator_hist_mv_value {
  font-size: 11px;
  width: 40%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.scale_indicator_expand_value {
  font-size: 21px;
  line-height: 28px;
  letter-spacing: 0.05px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  width: 40%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.scale_indicator_expand_text {
  font-size: 21px;
  line-height: 28px;
  letter-spacing: 0.05px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  width: 40%;
}

.w-scheduler-calendar-day {
  display: -ms-flexbox;
  display: flex;
}

.w-scheduler-calendar-day__btn button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: none;
  border: none;
  height: var(--sizing-32);
  width: var(--sizing-32);
  cursor: pointer;
}

.w-scheduler-calendar-day__btn button::after {
  content: '';
  width: 0;
  height: 0;
  border-top: var(--sizing-8) solid transparent;
  border-bottom: var(--sizing-8) solid transparent;
}

.w-scheduler-calendar-day__btn-next::after {
  border-left: var(--sizing-8) solid #000000;
}

.w-scheduler-calendar-day__btn-previous::after {
  border-right: var(--sizing-8) solid #000000;
}

.dark-skin .w-scheduler-calendar-day__btn-next::after {
  border-left-color: #ffffff;
}

.dark-skin .w-scheduler-calendar-day__btn-previous::after {
  border-right-color: #ffffff;
}

.w-scheduler-card {
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
  width: 225px;
  height: 55px;
  border-color: var(--border-color-neutral);
  background-color: var(--color-white);
  border-left-width: 6px;
  border-left-style: solid;
}

@media (min-width: 3840px) {
  .w-scheduler-card {
    width: 450px;
    height: 130px;
    border-radius: 8px;
    border-left-width: 12px;
  }
}

.w-scheduler-card-icon {
  height: var(--sizing-20);
  width: var(--sizing-20);
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.w-scheduler-card-icon-text {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
}

.w-scheduler-card-icon__now {
  filter: brightness(0) saturate(100%) invert(62%) sepia(41%) saturate(6997%) hue-rotate(172deg) brightness(104%) contrast(101%);
}

.w-scheduler-card-icon__complete {
  filter: brightness(0) saturate(100%) invert(51%) sepia(40%) saturate(2080%) hue-rotate(112deg) brightness(93%) contrast(101%);
}

.w-scheduler-card-icon__incomplete {
  filter: brightness(0) saturate(100%) invert(87%) sepia(15%) saturate(7456%) hue-rotate(354deg) brightness(106%) contrast(103%);
}

.w-scheduler-card-icon__warning {
  filter: brightness(0) saturate(100%) invert(62%) sepia(82%) saturate(2741%) hue-rotate(350deg) brightness(99%) contrast(105%);
}

.w-scheduler-card-icon__overdue {
  filter: brightness(0) saturate(100%) invert(43%) sepia(15%) saturate(3696%) hue-rotate(324deg) brightness(106%) contrast(96%);
}

.w-scheduler-card-icon__upcoming {
  filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(44%) hue-rotate(224deg) brightness(97%) contrast(90%);
}

.w-scheduler-card-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
  padding-left: var(--spacing-8);
}

.w-scheduler-card-ceiling-text {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndMedium";
}

.w-scheduler-card-floor-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.w-scheduler-card-floor-text-status {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
}

.w-scheduler-card-floor-text-finish-time {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  padding-left: var(--spacing-8);
}

.w-scheduler-card-alt {
  border: 0px transparent;
  width: 80px;
  height: 80px;
  background-color: var(--background);
  padding-left: var(--spacing-20);
}

@media (min-width: 3840px) {
  .w-scheduler-card-alt {
    width: 130px;
    height: 130px;
  }
}

.w-scheduler-card-alt-icon {
  width: 100%;
  height: 100%;
  font-size: var(--font-size-caption);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: center;
}

.w-scheduler-card-alt-icon div {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  border-width: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media (min-width: 3840px) {
  .w-scheduler-card-alt-icon div {
    width: 98px;
    height: 98px;
    border-radius: 49px;
    border-width: 6px;
  }
}

.w-scheduler-card-alt-icon__now {
  background-color: #03abff;
}

.w-scheduler-card-alt-icon__now img {
  filter: var(--icon-filter-neutral);
}

.w-scheduler-card-alt-icon__complete {
  border: solid #00bd5e;
  filter: brightness(0) saturate(100%) invert(51%) sepia(40%) saturate(2080%) hue-rotate(112deg) brightness(93%) contrast(101%);
}

.w-scheduler-card-alt-icon__incomplete {
  border: solid #ffcd05;
  filter: brightness(0) saturate(100%) invert(87%) sepia(15%) saturate(7456%) hue-rotate(354deg) brightness(106%) contrast(103%);
}

.w-scheduler-card-alt-icon__warning {
  border: solid #ff830f;
  filter: brightness(0) saturate(100%) invert(62%) sepia(82%) saturate(2741%) hue-rotate(350deg) brightness(99%) contrast(105%);
}

.w-scheduler-card-alt-icon__overdue {
  background-color: #fa5a4b;
}

.w-scheduler-card-alt-icon__overdue img {
  filter: var(--icon-filter-neutral);
}

.w-scheduler-card-alt-icon__upcoming {
  border: solid var(--color-gray-30);
  filter: brightness(0) saturate(100%) invert(65%) sepia(0%) saturate(44%) hue-rotate(224deg) brightness(97%) contrast(90%);
}

.w-scheduler-card__now {
  border-left-color: #03abff;
}

.w-scheduler-card__complete {
  border-left-color: #00bd5e;
}

.w-scheduler-card__incomplete {
  border-left-color: #ffcd05;
}

.w-scheduler-card__warning {
  border-left-color: #ff830f;
}

.w-scheduler-card__overdue {
  border-left-color: #fa5a4b;
}

.w-scheduler-card__upcoming {
  border-left-color: var(--color-gray-30);
}

.icon {
  width: var(--sizing-20);
  height: var(--sizing-20);
}

.icon-alt {
  width: var(--sizing-40);
  height: var(--sizing-40);
}

.dark-skin .w-scheduler-card {
  background-color: var(--color-gray-55);
}

.segmented-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.segmented-control .option {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 1px;
  font-size: 8px;
}

.segmented-control .option:first-child {
  margin-left: 0;
}

.segmented-control .option:first-child button {
  border-radius: 4px 0 0 4px;
}

.segmented-control .option:last-child button {
  border-radius: 0 4px 4px 0;
}

.segmented-control .option .first-child {
  border-radius: 4px 0 0 4px;
}

.segmented-control .option button {
  width: 100%;
  min-width: 48px;
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  height: var(--sizing-32);
  background-color: #e6e6e6;
  box-shadow: 0 1px rgba(0, 0, 0, 0.6), 0 -1px #f2f2f2;
  padding: 0 var(--spacing-16);
}

.segmented-control .option button:hover {
  background-color: #f2f2f2;
}

.segmented-control .option button:focus {
  border: 1px solid #0096ed;
}

.segmented-control .option button:active {
  background-color: #cccccc;
}

.segmented-control .option button:disabled {
  background-color: #e6e6e6;
}

.segmented-control .controll-button {
  width: 32px;
  min-width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 12px;
  text-align: center;
  background-color: #e6e6e6;
  box-shadow: 0 1px rgba(0, 0, 0, 0.6), 0 -1px #f2f2f2;
  cursor: pointer;
  border: none;
}

.segmented-control .controll-button:hover {
  background-color: #f2f2f2;
}

.segmented-control .controll-button img {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.segmented-control .disabled {
  opacity: 0.3;
}

.segmented-control .controll-button.right {
  border-radius: 0px 3px 3px 0px;
  margin-left: 1px;
}

.segmented-control .controll-button.left {
  border-radius: 3px 0px 0px 3px;
  margin-right: 1px;
}

.segmented-control-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
  position: absolute;
}

@media (min-width: 3840px) {
  .segmented-control-privacy {
    margin: 0 var(--sizing-12);
  }
}

.segmented-control-required button {
  border: 1px solid #db2a36 !important;
}

.segmented-control .option button.selected {
  background-color: #999999;
  color: #ffffff;
}

.segmented-control.segmented-control-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.segmented-control.segmented-control-vertical .option:not(:last-child) {
  border-width: 1px 1px 0 1px;
}

.segmented-control.segmented-control-vertical .option button {
  border-width: 0 0 0 5px;
  border-color: transparent;
  border-style: solid;
}

.segmented-control.segmented-control-vertical .option button.selected {
  border-color: #FF9900;
}

.disable.segmented-control .option button {
  background-color: #ececec;
}

.main_div.navigational .option {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.main_div.navigational button {
  padding: 0 0px;
}

.segmented-control-repeater-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  overflow: hidden;
  padding: 1px;
}

.segmented-control-repeater-wrapper .segmented-button-fixed-size {
  width: 25%;
}

.segmented-control-repeater-wrapper .svg {
  filter: invert(0.5);
}

.dark-skin .segmented-control .option button {
  background-color: #8c8c8c;
  color: #d6d6d6;
  box-shadow: none;
}

.dark-skin .segmented-control .option button:hover {
  background-color: #787878;
  color: #ffffff;
}

.dark-skin .segmented-control .option button:focus {
  border: 1px solid #0096ed;
}

.dark-skin .segmented-control .option button:active {
  background-color: #404040;
}

.dark-skin .segmented-control .option button:disabled {
  background-color: #e6e6e6;
}

.dark-skin .segmented-control .option button.selected {
  background-color: #696969;
  color: #ffffff;
}

.wselection-content {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding-bottom: 28px;
  min-height: 100px;
  height: 100%;
  width: 100%;
  overflow: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 2px solid #F00;
}

.wselection-content-group {
  width: 440px;
  height: 360px;
  padding-left: 15px;
}

.wselection-content-groupcontent {
  width: 440px !important;
  height: 300px !important;
  padding-top: 15px !important;
  padding-bottom: 0px !important;
}

.wselection-content .wcheckbox-div {
  margin-bottom: 12px;
  margin-right: 64px;
  width: 100%;
}

.wselection-content .wcheckbox-div .wcheckbox-label {
  max-width: 200px;
}

.wselection-title {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 28px;
}

.wselection .wtabpanel {
  -ms-flex-direction: column;
      flex-direction: column;
}

.wselection-group-panel {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.wselection-group-content {
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  padding-top: 28px;
}

.wselection-tab-content {
  padding-top: 28px;
}

.wselection .wtab-link-vertical-label {
  padding: 0 20px;
  cursor: pointer;
}

.wselection .wtab-link-horizontal-label {
  padding: 0 8px;
  cursor: pointer;
}

.wselection .wtab-horizontal, .wselection .w-bars__tab {
  padding-right: 24px;
}

.wselection .wtabpanel-vertical {
  margin: 0 40px 0 0;
}

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

.wselection-content {
  width: 440px;
  height: 375px;
  padding-left: 15px;
  margin-left: 15px;
}

.wselection-content *, .wselection-content-group * {
  box-sizing: content-box !important;
}

.wselectionCart {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
  max-width: 100%;
  padding: 28px;
}

.wselectionCart.with-background > .wselectionCart-section {
  background: #d9d9d9;
}

.wselectionCart .wcheckbox-div {
  min-width: 0;
  margin-left: 8px;
  margin-right: 6px;
}

.wselectionCart .wcheckbox-div label {
  max-width: 100%;
}

.wselectionCart .wcheckbox-div .checkboxStyleAngular {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.wselectionCart .single-selection-selected-item {
  background: #dcecff;
}

.wselectionCart .wselectioncart-header {
  letter-spacing: .1px;
  display: block;
  font-family: "CentraleSansCndBold";
  color: #333333;
  line-height: 22px;
  font-size: var(--font-size-header-5);
}

.wselectionCart .wselectioncart-subheader {
  display: block;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #a6a6a6;
  margin: 5px 0 5px 0;
}

.wselectionCart .wselectioncart-subheader + .wchecklist-item {
  margin-top: 16px;
}

.filter-input {
  min-height: 32px;
}

.w-selection-cart-section-area {
  overflow-y: auto;
}

.w-selection-cart-section-area w-selection-cart-section .wselection-cart-section-title {
  margin-bottom: 12px;
  border-bottom: 1px solid #d9d9d9;
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBold";
  color: #333333;
}

.w-selection-cart-section-area w-selection-cart-section .wselection-cart-section-title:first-of-type {
  margin-top: 16px;
}

.w-selection-cart-section-area w-selection-cart-section w-checklist-item .wcheckbox {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #333333;
}

.w-selection-cart-section-area w-selection-cart-section w-checklist-item .wchecklist-item {
  padding-left: 0;
}

.layout-regions:not(.master-region) .region-cel:not(:first-of-type) .wselectionCart {
  padding-left: 28px;
}

.wserve-file-unselect {
  margin-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.wserve-file-unselect + .wserve-file-unselect {
  margin-left: 24px;
}

.wserve-file-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.wserve-file-container .btn-gray, .wserve-file-container .w-dt-result__button.is_dpkb, .wserve-file-container .w-dt-result__button.is_dpkb_visible, .wserve-file-container .segment-spinner-date .btn_actions, .segment-spinner-date .wserve-file-container .btn_actions, .wserve-file-container #segment-buttons .btn_actions, #segment-buttons .wserve-file-container .btn_actions, .wserve-file-container .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .wserve-file-container .wbutton, .wserve-file-container .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wserve-file-container .wbutton, .wserve-file-container #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wserve-file-container .wbutton {
  min-width: auto;
}

.wserve-file-file, .wserve-file-file-multi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  min-width: 141px;
}

.wserve-file-file-multi {
  margin-bottom: 5px;
}

.wserve-file-path {
  -ms-flex: 1;
      flex: 1;
}

.wserve-file-container-multiple {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 244px;
}

.wserve-file-container-multiple .wserve-file-unselect {
  margin-right: 0px;
}

.wserve-file-container-multiple .btn-gray, .wserve-file-container-multiple .w-dt-result__button.is_dpkb, .wserve-file-container-multiple .w-dt-result__button.is_dpkb_visible, .wserve-file-container-multiple .segment-spinner-date .btn_actions, .segment-spinner-date .wserve-file-container-multiple .btn_actions, .wserve-file-container-multiple #segment-buttons .btn_actions, #segment-buttons .wserve-file-container-multiple .btn_actions, .wserve-file-container-multiple .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .wserve-file-container-multiple .wbutton, .wserve-file-container-multiple .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wserve-file-container-multiple .wbutton, .wserve-file-container-multiple #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wserve-file-container-multiple .wbutton {
  width: 160px;
}

.wserve-file-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

.wserve-file-container-input {
  position: relative;
  margin-right: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wserve-file-container-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .wserve-file-container-privacy {
    margin: 0 var(--sizing-12);
  }
}

.w-severity-bar__container {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.w-severity-bar__container .severity-bar__item {
  width: 8px;
  height: 8px;
  background-color: #696969;
  margin-right: 1px;
}

.w-severity-bar__container .severity-bar__item.item-caution {
  background-color: #ffcd05;
}

.w-severity-bar__container .severity-bar__item.item-warning {
  background-color: #ff830f;
}

.wsummarizer {
  display: block;
}

.wsummarizer__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f2f2;
  width: 100%;
  padding: 11px 16px;
  min-height: 48px;
  max-height: 126px;
}

.wsummarizer__items {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow-y: auto;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wsummarizer__items .wsummarizer__value__wrapper {
  white-space: nowrap;
  margin-left: 4px;
  margin-right: 4px;
}

.wsummarizer__items .wsummarizer__title__wrapper {
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
}

.wsummarizer__item {
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -ms-flex: auto;
      flex: auto;
  padding: 5px 0;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.wsummarizer__title,
.wsummarizer__value {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.wsummarizer__title {
  font-family: "CentraleSansCndBook";
  color: #808080;
  font-size: var(--font-size-body);
}

.wsummarizer__value {
  font-family: "CentraleSansCndMedium";
  color: #333333;
  font-size: var(--font-size-subtitle);
}

.wsummarizer__info {
  position: relative;
  height: 28px;
}

.wsummarizer__total {
  position: absolute;
  bottom: 4px;
  font-family: "CentraleSansCndMedium";
  color: #333333;
  font-size: var(--font-size-body);
}

.pn-3 .wsummarizer__item {
  min-width: 100%;
}

.pn-3 .wsummarizer__title__wrapper {
  min-width: 88px;
  max-width: 88px;
}

.pn-3 .wsummarizer__value__wrapper {
  min-width: 120px;
}

.pn-4 .wsummarizer__item {
  min-width: 100%;
}

.pn-4 .wsummarizer__title__wrapper {
  min-width: 130px;
  max-width: 130px;
}

.pn-4 .wsummarizer__value__wrapper {
  min-width: 144px;
}

.pn-5 .wsummarizer__item {
  min-width: 50%;
}

.pn-5 .wsummarizer__title__wrapper {
  min-width: 120px;
  max-width: 120px;
}

.pn-5 .wsummarizer__value__wrapper {
  min-width: 144px;
}

.pn-6 .wsummarizer__item {
  min-width: 50%;
}

.pn-6 .wsummarizer__item .wsummarizer__title__wrapper {
  min-width: 110px;
  max-width: 110px;
}

.pn-6 .wsummarizer__item .wsummarizer__value__wrapper {
  min-width: 144px;
}

.pn-8 .wsummarizer__item {
  min-width: 50%;
}

.pn-8 .wsummarizer__title__wrapper {
  min-width: 130px;
  max-width: 130px;
}

.pn-8 .wsummarizer__value__wrapper {
  min-width: 144px;
}

.pn-9 .wsummarizer__item {
  min-width: 33.33%;
}

.pn-9 .wsummarizer__item .wsummarizer__title__wrapper {
  min-width: 110px;
  max-width: 110px;
}

.pn-9 .wsummarizer__item .wsummarizer__value__wrapper {
  min-width: 144px;
}

.pn-12 div[type="LAYOUT_B"] .wsummarizer__item {
  min-width: 50%;
}

.pn-12 div[type="LAYOUT_B"] .wsummarizer__item .wsummarizer__title__wrapper {
  min-width: 110px;
  max-width: 110px;
}

.pn-12 div[type="LAYOUT_B"] .wsummarizer__item .wsummarizer__value__wrapper {
  min-width: 144px;
}

.pn-12 .wsummarizer__item {
  min-width: 25%;
}

.pn-12 .wsummarizer__item .wsummarizer__title__wrapper {
  min-width: 130px;
  max-width: 130px;
}

.pn-12 .wsummarizer__item .wsummarizer__value__wrapper {
  min-width: 144px;
}

w-svg-viewer {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

w-svg-viewer .w-svg-viewer {
  width: 100%;
  height: 100%;
}

w-svg-viewer .w-svg-viewer__container {
  width: 100%;
  height: 100%;
}

textarea {
  resize: none;
  font-size: var(--font-size-subtitle);
}

textarea:-moz-read-only {
  background-color: #E8E8E8;
  color: #333333;
  border: 1px solid #BFBFBF;
}

textarea:read-only {
  background-color: #E8E8E8;
  color: #333333;
  border: 1px solid #BFBFBF;
}

textArea.auto-resize {
  overflow: auto;
}

textArea {
  padding: 8px 10px 8px 8px;
  min-height: 60px;
  max-height: 168px;
}

textArea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

textArea::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
  background-clip: padding-box;
  border-radius: 4px;
  border: 1px solid transparent;
}

textArea::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
}

textArea::-webkit-scrollbar-thumb:active {
  background-color: #808080;
}

.text-area-container {
  position: relative;
  padding: 0;
  margin: 0;
}

.text-area-container-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .text-area-container-privacy {
    margin: 0 var(--sizing-12);
  }
}

.phrase-builder-icon {
  display: none;
  margin-top: -22px;
  margin-bottom: 4px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url("/assets/icons/status-and-feedback/phrase-builder.svg");
  background-size: 12px 12px;
}

.grammarly-extension-hidden grammarly-extension {
  display: none;
}

.position-relative {
  position: relative;
}

.text-area-container-input-voice {
  margin-bottom: 8px;
  display: block;
  font-weight: bold;
}

.mic-text-area {
  position: absolute;
  bottom: 0;
  right: 0;
}

/*
    Created on : Sep 24, 2015, 10:32:19 AM
    Author     : mmmacedo
*/
tasy-wtextbox {
  display: block;
}

.gwt-TextBox,
.suggestbox-autocomplete,
input[type="password"],
input[type="text"],
input[type="number"],
textArea {
  border-top: 1px solid #999999;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

.gwt-TextBox,
.suggestbox-autocomplete,
input[type="password"],
input[type="text"],
input[type="number"],
textArea, .with-error, .highlight-text, .dark-skin .gwt-TextBox,
.dark-skin .suggestbox-autocomplete,
.dark-skin input[type="password"],
.dark-skin input[type="text"],
.dark-skin input[type="number"],
.dark-skin textArea, .text-box-container .unit-of-measurement {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  color: #333333;
  height: var(--sizing-32);
}

.gwt-TextBox:-ms-input-placeholder,
.suggestbox-autocomplete:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
textArea:-ms-input-placeholder, .with-error:-ms-input-placeholder, .highlight-text:-ms-input-placeholder, .dark-skin .gwt-TextBox:-ms-input-placeholder,
.dark-skin .suggestbox-autocomplete:-ms-input-placeholder,
.dark-skin input[type="password"]:-ms-input-placeholder,
.dark-skin input[type="text"]:-ms-input-placeholder,
.dark-skin input[type="number"]:-ms-input-placeholder,
.dark-skin textArea:-ms-input-placeholder, .text-box-container .unit-of-measurement:-ms-input-placeholder {
  font-size: var(--font-size-subtitle);
}

.gwt-TextBox::placeholder,
.suggestbox-autocomplete::placeholder,
input[type="password"]::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder,
textArea::placeholder, .with-error::placeholder, .highlight-text::placeholder, .dark-skin .gwt-TextBox::placeholder,
.dark-skin .suggestbox-autocomplete::placeholder,
.dark-skin input[type="password"]::placeholder,
.dark-skin input[type="text"]::placeholder,
.dark-skin input[type="number"]::placeholder,
.dark-skin textArea::placeholder, .text-box-container .unit-of-measurement::placeholder {
  font-size: var(--font-size-subtitle);
}

.gwt-TextBox,
.suggestbox-autocomplete,
input[type="password"],
input[type="text"],
input[type="number"],
textArea, .with-error, .highlight-text, .dark-skin .gwt-TextBox,
.dark-skin .suggestbox-autocomplete,
.dark-skin input[type="password"],
.dark-skin input[type="text"],
.dark-skin input[type="number"],
.dark-skin textArea {
  padding: var(--spacing-8);
  width: 100%;
}

.gwt-TextBox:-ms-input-placeholder,
.suggestbox-autocomplete:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
textArea:-ms-input-placeholder, .with-error:-ms-input-placeholder, .highlight-text:-ms-input-placeholder, .dark-skin .gwt-TextBox:-ms-input-placeholder,
.dark-skin .suggestbox-autocomplete:-ms-input-placeholder,
.dark-skin input[type="password"]:-ms-input-placeholder,
.dark-skin input[type="text"]:-ms-input-placeholder,
.dark-skin input[type="number"]:-ms-input-placeholder,
.dark-skin textArea:-ms-input-placeholder {
  color: #9e9e9e;
}

.gwt-TextBox::placeholder,
.suggestbox-autocomplete::placeholder,
input[type="password"]::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder,
textArea::placeholder, .with-error::placeholder, .highlight-text::placeholder, .dark-skin .gwt-TextBox::placeholder,
.dark-skin .suggestbox-autocomplete::placeholder,
.dark-skin input[type="password"]::placeholder,
.dark-skin input[type="text"]::placeholder,
.dark-skin input[type="number"]::placeholder,
.dark-skin textArea::placeholder {
  color: #9e9e9e;
}

.gwt-TextBox:focus,
.suggestbox-autocomplete:focus,
input:focus[type="password"],
input:focus[type="text"],
input:focus[type="number"],
textArea:focus, .with-error:focus, .highlight-text:focus {
  border-color: #0096ed;
}

.gwt-TextBox:disabled,
.suggestbox-autocomplete:disabled,
input:disabled[type="password"],
input:disabled[type="text"],
input:disabled[type="number"],
textArea:disabled, .with-error:disabled, .highlight-text:disabled {
  background-color: #ffffff;
  color: #bfbfbf;
  border: 1px solid #bfbfbf;
}

.gwt-TextBox:-moz-read-only,
.suggestbox-autocomplete:-moz-read-only,
input:-moz-read-only[type="password"],
input:-moz-read-only[type="text"],
input:-moz-read-only[type="number"],
textArea:-moz-read-only, .with-error:-moz-read-only, .highlight-text:-moz-read-only {
  background-color: #e8e8e8;
  color: #666666;
  border: 1px solid #bfbfbf;
}

.gwt-TextBox:read-only,
.suggestbox-autocomplete:read-only,
input:read-only[type="password"],
input:read-only[type="text"],
input:read-only[type="number"],
textArea:read-only, .with-error:read-only, .highlight-text:read-only {
  background-color: #e8e8e8;
  color: #666666;
  border: 1px solid #bfbfbf;
}

.gwt-TextBox:-moz-read-only,
.suggestbox-autocomplete:-moz-read-only,
input:-moz-read-only[type="password"],
input:-moz-read-only[type="text"],
input:-moz-read-only[type="number"],
textArea:-moz-read-only, .with-error:-moz-read-only, .highlight-text:-moz-read-only {
  background-color: #e8e8e8;
  color: #666666;
  border: 1px solid #bfbfbf;
}

.gwt-TextBox:read-only,
.suggestbox-autocomplete:read-only,
input:read-only[type="password"],
input:read-only[type="text"],
input:read-only[type="number"],
textArea:read-only, .with-error:read-only, .highlight-text:read-only {
  background-color: #e8e8e8;
  color: #666666;
  border: 1px solid #bfbfbf;
}

input[type="password"] {
  color: #737373;
}

.position-defined {
  width: 70% !important;
  float: left !important;
}

.currency-label {
  float: left !important;
  padding-top: 10px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: "CentraleSansCndBook";
  color: #333333;
}

.text-box-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
  padding: 0;
  margin: 0;
}

.text-box-container .unit-of-measurement {
  margin-left: var(--spacing-8);
  padding: var(--spacing-8) 0;
}

.text-box-wrapper {
  position: relative;
  width: 100%;
}

.text-box-wrapper-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .text-box-wrapper-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.infoicon_img {
  position: absolute;
  bottom: var(--spacing-8);
  right: var(--spacing-8);
  width: var(--spacing-16);
  height: var(--spacing-16);
  display: none;
  cursor: pointer;
}

.btn-action {
  height: var(--sizing-32);
  width: var(--sizing-32);
  background-color: #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #CCCCCC;
  border-left: 1px solid #b3b3b3;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
}

.btn-action:hover {
  background-color: #f2f2f2;
}

.btn-action[readonly], .btn-action[disabled] {
  background-color: #f2f2f2;
  cursor: default;
}

input:focus ~ .btn-action {
  border: 1px solid #0096ed;
}

input:focus ~ .btn-action[disabled] {
  border: 1px solid #b3b3b3;
}

input.ng-invalid:not(.ng-untouched) ~ .btn-action,
input.ng-invalid-required:not(.ng-untouched) ~ .btn-action {
  border-color: #db2a36;
}

tasy-wtextbox.has-infoIcon input,
tasy-wtextbox.has-actionButton input {
  padding-right: 38px;
}

@media (min-width: 3840px) {
  tasy-wtextbox.has-infoIcon input,
  tasy-wtextbox.has-actionButton input {
    padding-right: 76px;
  }
}

tasy-wtextbox.has-more-action-button input {
  padding-right: 76px;
}

tasy-wtextbox.has-infoIcon.has-actionButton input {
  padding-right: 60px;
}

@media (min-width: 3840px) {
  tasy-wtextbox.has-infoIcon.has-actionButton input {
    padding-right: 120px;
  }
}

tasy-wtextbox.has-infoIcon.has-actionButton .infoicon_img {
  right: var(--sizing-40);
}

.remove-cursor {
  cursor: default;
}

.has-locator {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: var(--sizing-32);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjODA4MDgwIiBkPSJNMTQuMDA4LDEwLjg1NWMwLjYwMi0wLjk4MywwLjk0OS0yLjEzOSwwLjk0OS0zLjM3N0MxNC45NTcsMy45LDEyLjA1NywxLDguNDc5LDFDNC45MDEsMSwyLDMuOSwyLDcuNDc4QzIsOC4wMDMsMi4wNjksOC41MTEsMi4xODcsOWgxLjUxMUMzLjU0Myw4LjUxMiwzLjQ0LDguMDA1LDMuNDQsNy40NzhjMC0xLjM0NiwwLjUyNS0yLjYxMSwxLjQ3Ni0zLjU2M0M1Ljg2OCwyLjk2NCw3LjEzMywyLjQ0LDguNDc5LDIuNDRjMS4zNDUsMCwyLjYxLDAuNTI0LDMuNTYyLDEuNDc2YzAuOTUxLDAuOTUyLDEuNDc2LDIuMjE3LDEuNDc2LDMuNTYzYzAsMS4zNDYtMC41MjUsMi42MTEtMS40NzYsMy41NjJjLTAuOTUyLDAuOTUyLTIuMjE3LDEuNDc2LTMuNTYyLDEuNDc2Yy0wLjUxMiwwLTEuMDA0LTAuMDk5LTEuNDc5LTAuMjQ1djEuNTA4YzAuNDc2LDAuMTExLDAuOTcsMC4xNzYsMS40NzksMC4xNzZjMS4yMzYsMCwyLjM5NC0wLjM0NywzLjM3Ni0wLjk0OUwxNS44NDksMTdjMC44NzYtMC41MzcsMS42MTUtMS4yNzUsMi4xNTEtMi4xNTJMMTQuMDA4LDEwLjg1NXoiLz48cG9seWdvbiBmaWxsPSIjODA4MDgwIiBwb2ludHM9IjQsMTAgMiwxMCAyLDEyIDAsMTIgMCwxNCAyLDE0IDIsMTYgNCwxNiA0LDE0IDYsMTQgNiwxMiA0LDEyICIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  border-left-width: 0;
  cursor: pointer;
  background-color: #ffffff;
}

.has-locator:focus {
  border: 1px solid #0096ed;
}

.has-locator[readonly] {
  background-color: #f2f2f2;
  cursor: default;
}

.with-error {
  border-color: #db2a36 !important;
  background-repeat: no-repeat;
  background-position: right var(--spacing-8) center;
}

.consistency-message {
  color: #db2a36;
  position: absolute;
  margin-top: var(--spacing-8);
}

.with-warning {
  border: 1px solid #f28729;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjRjI4NzI5IiBkPSJNMTgsOWMwLDQuOTcxLTQuMDMsOS05LDljLTQuOTcsMC05LTQuMDI5LTktOXM0LjAzLTksOS05QzEzLjk3LDAsMTgsNC4wMjksMTgsOSIvPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03Ljk5MiwzLjMyOGgyLjAxN2wtMC4zMzYsNy44ODlIOC4zMjhMNy45OTIsMy4zMjh6IE04LjMzNSwxNC4zNzZjLTAuMTg3LTAuMTk3LTAuMjc5LTAuNDI5LTAuMjc5LTAuNjk1UzguMTQ5LDEzLjE4OCw4LjMzNSwxM0M4LjUyMiwxMi44MTMsOC43NDQsMTIuNzIxLDksMTIuNzIxYzAuMjU3LDAsMC40NzUsMC4wOTMsMC42NTYsMC4yNzljMC4xODIsMC4xODgsMC4yNzIsMC40MTQsMC4yNzIsMC42ODFjMCwwLjI3Ny0wLjA5MSwwLjUxMi0wLjI3MiwwLjcwNEM5LjQ3NCwxNC41NzYsOS4yNTYsMTQuNjcyLDksMTQuNjcyQzguNzQ0LDE0LjY3Miw4LjUyMiwxNC41NzMsOC4zMzUsMTQuMzc2eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right var(--spacing-8) center;
}

.span-with-warning {
  position: absolute;
  bottom: var(--spacing-8);
  right: var(--spacing-8);
  width: var(--spacing-16);
  height: var(--spacing-16);
  cursor: pointer;
}

.has-text-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 auto;
      flex: 0 auto;
}

.highlight-text {
  color: #db2a36 !important;
  font-weight: bold !important;
  background-repeat: no-repeat;
  background-position: right;
  animation: blink 4s steps(5, start) infinite;
  webkit-animation: blink 4s steps(5, start) infinite;
  /*-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;*/
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}

@webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}

@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.dark-skin .gwt-TextBox,
.dark-skin .suggestbox-autocomplete,
.dark-skin input[type="password"],
.dark-skin input[type="text"],
.dark-skin input[type="number"],
.dark-skin textArea {
  border-top: 1px solid var(--color-gray-20);
  border-left: 1px solid var(--color-gray-20);
  border-bottom: 1px solid var(--color-gray-20);
  border-right: 1px solid var(--color-gray-20);
}

.dark-skin .gwt-TextBox {
  color: #262626;
  background-origin: border-box;
}

.dark-skin .gwt-TextBox:-ms-input-placeholder {
  color: #8c8c8c;
}

.dark-skin .gwt-TextBox::placeholder {
  color: #8c8c8c;
}

.dark-skin .gwt-TextBox:focus {
  border-width: 2px;
  border-style: solid;
  border-color: #41c9fe;
}

.dark-skin .gwt-TextBox:disabled {
  background-color: #212121;
  color: #ffffff;
  border: 1px solid #c4c4c4;
}

.dark-skin .gwt-TextBox:-moz-read-only {
  background-color: #212121;
  color: #e8e8e8;
  border: 1px solid #c4c4c4;
}

.dark-skin .gwt-TextBox:read-only {
  background-color: #212121;
  color: #e8e8e8;
  border: 1px solid #c4c4c4;
}

.dark-skin .gwt-TextBox.with-warning {
  background-image: url("/assets/framework/images/warning__dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #ff830f;
}

.dark-skin .gwt-TextBox.ng-invalid {
  background-image: url("/assets/framework/images/error__dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #ff6d59;
}

.textbox-locator__enable-focus:focus input, .textbox-locator__enable-focus.focused input {
  border-color: #0096ed;
}

.textbox-locator__enable-focus:focus .textbox-locator-description input, .textbox-locator__enable-focus.focused .textbox-locator-description input {
  border-right-color: inherit;
}

.textbox-locator__enable-focus:focus .has-locator, .textbox-locator__enable-focus.focused .has-locator {
  border-left: none;
}

.textbox-locator__enable-focus.ng-invalid input {
  border: 1px solid #db2a36;
}

.textbox-locator__enable-focus.ng-invalid .textbox-locator-description input {
  border-right-color: inherit;
}

.textbox-locator__enable-focus.ng-invalid .has-locator {
  border-left: none;
}

.textbox-locator-container-privacy {
  position: relative;
}

.textbox-locator-container-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .textbox-locator-container-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.textbox-locator {
  position: relative;
}

.textbox-locator-description {
  width: 100%;
  margin-left: 8px;
}

.textbox-locator-description.tokens {
  margin-left: 0;
  width: 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.textbox-locator-description input.input {
  display: none;
}

/** DARK **/
.dark-skin .textbox-locator__enable-focus:focus .textbox-locator-description input, .dark-skin .textbox-locator__enable-focus.focused .textbox-locator-description input {
  border-width: 2px;
  border-style: solid;
  border-color: #41c9fe;
}

.dark-skin .textbox-locator__enable-focus:focus .textbox-locator-description input.gwt-TextBox, .dark-skin .textbox-locator__enable-focus.focused .textbox-locator-description input.gwt-TextBox {
  border-right: 1px solid #c4c4c4;
}

.dark-skin .textbox-locator__enable-focus:focus .textbox-locator-description input[type="button"], .dark-skin .textbox-locator__enable-focus.focused .textbox-locator-description input[type="button"] {
  border-left: 0px;
}

.dark-skin .textbox-locator__enable-focus.ng-invalid input {
  border-color: #ff6d59;
}

.dark-skin .textbox-locator__enable-focus.ng-invalid input[type="text"] {
  background-image: url("/assets/framework/images/error__dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #ff6d59;
  border-right: 1px solid #c4c4c4;
}

.dark-skin .textbox-locator__enable-focus.ng-invalid input[type="button"] {
  border: 2px solid #ff6d59;
  background-origin: border-box;
  border-left: 0px;
}

.default-config, .locator-field-left, .locator-field-right {
  padding-right: 8px;
}

.locator-field-left {
  float: left !important;
}

.locator-field-right {
  float: right !important;
}

.locator-field-label {
  position: relative;
  height: 14px;
  max-width: 80%;
  margin-bottom: 8px;
  color: #808080;
}

.locator-field-label > span {
  display: inline-block;
  line-height: 1.3;
}

.textbox-locator-codes {
  min-width: 200px;
}

.textbox-locator-code {
  width: 50%;
  margin-left: 0;
}

.textbox-locator-proc.textbox-locator-description {
  margin-left: 0;
}

.textbox-locator-proc:focus input, .textbox-locator-proc.focused input {
  border-color: #0096ed;
}

.textbox-locator-proc:focus .textbox-locator-description input, .textbox-locator-proc.focused .textbox-locator-description input {
  border-right-color: inherit;
}

.textbox-locator-proc:focus .has-locator, .textbox-locator-proc.focused .has-locator {
  border-left: none;
}

.textbox-locator-proc.ng-invalid input {
  border: 1px solid #db2a36;
}

.textbox-locator-proc.ng-invalid .textbox-locator-description input {
  border-right-color: inherit;
}

.textbox-locator-proc.ng-invalid .has-locator {
  border-left: none;
}

.vis-timeline .tl-item.tl-item-status--not_record, .vis-timeline .tl-item.tl-item-status--customer_nutrition, .vis-timeline .tl-item.tl-item-status--pending_nutrition, .vis-timeline .tl-item.tl-item-status--checked, .vis-timeline .tl-item.tl-item-status--dispatched, .vis-timeline .tl-item.tl-item-status--infusion_dpa_initiated, .vis-timeline .tl-item.tl-item-status--infusion_finished, .vis-timeline .tl-item.tl-item-status--declined_administered, .vis-timeline .tl-item.tl-item-status--downloaded, .vis-timeline .tl-item.tl-item-status--pending, .vis-timeline .tl-item.tl-item-status--medicine, .vis-timeline .tl-item.tl-item-status--arrowupgrey, .vis-timeline .tl-item.tl-item-status--arrowdowngrey, .vis-timeline .tl-item.tl-item-status--doublearrowright, .vis-timeline .tl-item.tl-item-status--refusal_pending, .vis-timeline .tl-item.tl-item-status--dose_attack_additional, .vis-timeline .tl-item.tl-item-status--pending_dismissed, .vis-timeline .tl-item.tl-item-status--pending_prepared, .vis-timeline .tl-item.tl-item-status--initiate, .vis-timeline .tl-item.tl-item-status--restarted, .vis-timeline .tl-item.tl-item-status--drainage_started, .vis-timeline .tl-item.tl-item-status--declined_suspended, .vis-timeline .tl-item.tl-item-status--step_finished, .vis-timeline .tl-item.tl-item-status--suspended_time, .vis-timeline .tl-item.tl-item-status--in_recoleta, .vis-timeline .tl-item.tl-item-status--first_check, .vis-timeline .tl-item.tl-item-status--fast, .vis-timeline .tl-item.tl-item-status--pending_sanitize, .vis-timeline .tl-item.tl-item-status--pending_delivered, .vis-timeline .tl-item.tl-item-status--procedure-started, .vis-timeline .tl-item.tl-item-status--interrupted, .vis-timeline .tl-item.tl-item-status--dialysis_closed, .vis-timeline .tl-item.tl-item-status--without_low, .vis-timeline .tl-item.tl-item-status--pending_locked, .vis-timeline .tl-item.tl-item-status--circlestroke {
  cursor: pointer;
  color: transparent;
  height: 21px !important;
  width: 21px !important;
  transform: translateX(-50%);
  z-index: 1;
  top: calc(50% - 10px) !important;
}

.vis-timeline .tl-item.tl-item-status--not_record .vis-item-content, .vis-timeline .tl-item.tl-item-status--customer_nutrition .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_nutrition .vis-item-content, .vis-timeline .tl-item.tl-item-status--checked .vis-item-content, .vis-timeline .tl-item.tl-item-status--dispatched .vis-item-content, .vis-timeline .tl-item.tl-item-status--infusion_dpa_initiated .vis-item-content, .vis-timeline .tl-item.tl-item-status--infusion_finished .vis-item-content, .vis-timeline .tl-item.tl-item-status--declined_administered .vis-item-content, .vis-timeline .tl-item.tl-item-status--downloaded .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending .vis-item-content, .vis-timeline .tl-item.tl-item-status--medicine .vis-item-content, .vis-timeline .tl-item.tl-item-status--arrowupgrey .vis-item-content, .vis-timeline .tl-item.tl-item-status--arrowdowngrey .vis-item-content, .vis-timeline .tl-item.tl-item-status--doublearrowright .vis-item-content, .vis-timeline .tl-item.tl-item-status--refusal_pending .vis-item-content, .vis-timeline .tl-item.tl-item-status--dose_attack_additional .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_dismissed .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_prepared .vis-item-content, .vis-timeline .tl-item.tl-item-status--initiate .vis-item-content, .vis-timeline .tl-item.tl-item-status--restarted .vis-item-content, .vis-timeline .tl-item.tl-item-status--drainage_started .vis-item-content, .vis-timeline .tl-item.tl-item-status--declined_suspended .vis-item-content, .vis-timeline .tl-item.tl-item-status--step_finished .vis-item-content, .vis-timeline .tl-item.tl-item-status--suspended_time .vis-item-content, .vis-timeline .tl-item.tl-item-status--in_recoleta .vis-item-content, .vis-timeline .tl-item.tl-item-status--first_check .vis-item-content, .vis-timeline .tl-item.tl-item-status--fast .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_sanitize .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_delivered .vis-item-content, .vis-timeline .tl-item.tl-item-status--procedure-started .vis-item-content, .vis-timeline .tl-item.tl-item-status--interrupted .vis-item-content, .vis-timeline .tl-item.tl-item-status--dialysis_closed .vis-item-content, .vis-timeline .tl-item.tl-item-status--without_low .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_locked .vis-item-content, .vis-timeline .tl-item.tl-item-status--circlestroke .vis-item-content {
  background-size: cover;
  height: 100%;
}

.vis-timeline .tl-item.tl-item-status--not_record .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/document-cancel.svg");
}

.vis-timeline .tl-item.tl-item-status--customer_nutrition .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cutlery-check.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_nutrition .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cutlery-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--checked .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/pill-crusher-eye.svg");
}

.vis-timeline .tl-item.tl-item-status--dispatched .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/arrow-right.svg");
}

.vis-timeline .tl-item.tl-item-status--infusion_dpa_initiated .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/infusion-circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--infusion_finished .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/infusion-check.svg");
}

.vis-timeline .tl-item.tl-item-status--declined_administered .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-check.svg");
}

.vis-timeline .tl-item.tl-item-status--downloaded .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine-check.svg");
}

.vis-timeline .tl-item.tl-item-status--pending .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/clock-yellow.svg");
}

.vis-timeline .tl-item.tl-item-status--medicine .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine.svg");
}

.vis-timeline .tl-item.tl-item-status--arrowupgrey .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/arrow-up-grey.svg");
}

.vis-timeline .tl-item.tl-item-status--arrowdowngrey .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/arrow-down-grey.svg");
}

.vis-timeline .tl-item.tl-item-status--doublearrowright .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/double_arrow_right.svg");
}

.vis-timeline .tl-item.tl-item-status--refusal_pending .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--dose_attack_additional .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-orange-flag.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_dismissed .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/check-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_prepared .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/pill-crusher-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--initiate .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--restarted .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circular-arrow.svg");
}

.vis-timeline .tl-item.tl-item-status--drainage_started .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/drainage-circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--declined_suspended .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-cancel.svg");
}

.vis-timeline .tl-item.tl-item-status--step_finished .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-minus-empty.svg");
}

.vis-timeline .tl-item.tl-item-status--suspended_time .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/block.svg");
}

.vis-timeline .tl-item.tl-item-status--in_recoleta .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/clock.svg");
}

.vis-timeline .tl-item.tl-item-status--first_check .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-first.svg");
}

.vis-timeline .tl-item.tl-item-status--fast .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cutlery-block.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_sanitize .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cleaningbottle-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_delivered .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/deliver-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--procedure_started .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--interrupted .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-pause.svg");
}

.vis-timeline .tl-item.tl-item-status--dialysis_closed .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/dialysis-check.svg");
}

.vis-timeline .tl-item.tl-item-status--without_low .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine-circle.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_locked .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine-block.svg");
}

.vis-timeline .tl-item.tl-item-status--circlestroke .vis-item-content {
  background-image: url("/assets/icons/status-and-feedback/circle-stroke.svg");
}

.vis-timeline .tl-item.tl-item-status--circle .vis-item-content {
  background: #fff;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  z-index: 13;
  top: -1px;
}

.vis-timeline .tl-item.tl-item-status--not_record, .vis-timeline .tl-item.tl-item-status--customer_nutrition, .vis-timeline .tl-item.tl-item-status--pending_nutrition, .vis-timeline .tl-item.tl-item-status--checked, .vis-timeline .tl-item.tl-item-status--dispatched, .vis-timeline .tl-item.tl-item-status--infusion_dpa_initiated, .vis-timeline .tl-item.tl-item-status--infusion_finished, .vis-timeline .tl-item.tl-item-status--declined_administered, .vis-timeline .tl-item.tl-item-status--downloaded, .vis-timeline .tl-item.tl-item-status--pending, .vis-timeline .tl-item.tl-item-status--medicine, .vis-timeline .tl-item.tl-item-status--arrowupgrey, .vis-timeline .tl-item.tl-item-status--arrowdowngrey, .vis-timeline .tl-item.tl-item-status--doublearrowright, .vis-timeline .tl-item.tl-item-status--refusal_pending, .vis-timeline .tl-item.tl-item-status--dose_attack_additional, .vis-timeline .tl-item.tl-item-status--pending_dismissed, .vis-timeline .tl-item.tl-item-status--pending_prepared, .vis-timeline .tl-item.tl-item-status--initiate, .vis-timeline .tl-item.tl-item-status--restarted, .vis-timeline .tl-item.tl-item-status--drainage_started, .vis-timeline .tl-item.tl-item-status--declined_suspended, .vis-timeline .tl-item.tl-item-status--step_finished, .vis-timeline .tl-item.tl-item-status--suspended_time, .vis-timeline .tl-item.tl-item-status--in_recoleta, .vis-timeline .tl-item.tl-item-status--first_check, .vis-timeline .tl-item.tl-item-status--fast, .vis-timeline .tl-item.tl-item-status--pending_sanitize, .vis-timeline .tl-item.tl-item-status--pending_delivered, .vis-timeline .tl-item.tl-item-status--procedure-started, .vis-timeline .tl-item.tl-item-status--interrupted, .vis-timeline .tl-item.tl-item-status--dialysis_closed, .vis-timeline .tl-item.tl-item-status--without_low, .vis-timeline .tl-item.tl-item-status--pending_locked, .vis-timeline .tl-item.tl-item-status--circlestroke {
  cursor: pointer;
  color: transparent;
  height: 21px !important;
  width: 21px !important;
  transform: translateX(-50%);
  z-index: 1;
  top: calc(50% - 10px) !important;
}

.vis-timeline .tl-item.tl-item-status--not_record .vis-item-content, .vis-timeline .tl-item.tl-item-status--customer_nutrition .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_nutrition .vis-item-content, .vis-timeline .tl-item.tl-item-status--checked .vis-item-content, .vis-timeline .tl-item.tl-item-status--dispatched .vis-item-content, .vis-timeline .tl-item.tl-item-status--infusion_dpa_initiated .vis-item-content, .vis-timeline .tl-item.tl-item-status--infusion_finished .vis-item-content, .vis-timeline .tl-item.tl-item-status--declined_administered .vis-item-content, .vis-timeline .tl-item.tl-item-status--downloaded .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending .vis-item-content, .vis-timeline .tl-item.tl-item-status--medicine .vis-item-content, .vis-timeline .tl-item.tl-item-status--arrowupgrey .vis-item-content, .vis-timeline .tl-item.tl-item-status--arrowdowngrey .vis-item-content, .vis-timeline .tl-item.tl-item-status--doublearrowright .vis-item-content, .vis-timeline .tl-item.tl-item-status--refusal_pending .vis-item-content, .vis-timeline .tl-item.tl-item-status--dose_attack_additional .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_dismissed .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_prepared .vis-item-content, .vis-timeline .tl-item.tl-item-status--initiate .vis-item-content, .vis-timeline .tl-item.tl-item-status--restarted .vis-item-content, .vis-timeline .tl-item.tl-item-status--drainage_started .vis-item-content, .vis-timeline .tl-item.tl-item-status--declined_suspended .vis-item-content, .vis-timeline .tl-item.tl-item-status--step_finished .vis-item-content, .vis-timeline .tl-item.tl-item-status--suspended_time .vis-item-content, .vis-timeline .tl-item.tl-item-status--in_recoleta .vis-item-content, .vis-timeline .tl-item.tl-item-status--first_check .vis-item-content, .vis-timeline .tl-item.tl-item-status--fast .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_sanitize .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_delivered .vis-item-content, .vis-timeline .tl-item.tl-item-status--procedure-started .vis-item-content, .vis-timeline .tl-item.tl-item-status--interrupted .vis-item-content, .vis-timeline .tl-item.tl-item-status--dialysis_closed .vis-item-content, .vis-timeline .tl-item.tl-item-status--without_low .vis-item-content, .vis-timeline .tl-item.tl-item-status--pending_locked .vis-item-content, .vis-timeline .tl-item.tl-item-status--circlestroke .vis-item-content {
  background-size: cover;
  height: 100%;
}

.vis-timeline .tl-item.tl-item-status--not_record .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/document-cancel.svg");
}

.vis-timeline .tl-item.tl-item-status--customer_nutrition .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cutlery-check.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_nutrition .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cutlery-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--checked .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/pill-crusher-eye.svg");
}

.vis-timeline .tl-item.tl-item-status--dispatched .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/arrow-right.svg");
}

.vis-timeline .tl-item.tl-item-status--infusion_dpa_initiated .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/infusion-circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--infusion_finished .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/infusion-check.svg");
}

.vis-timeline .tl-item.tl-item-status--declined_administered .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-check.svg");
}

.vis-timeline .tl-item.tl-item-status--downloaded .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine-check.svg");
}

.vis-timeline .tl-item.tl-item-status--pending .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/clock-yellow.svg");
}

.vis-timeline .tl-item.tl-item-status--medicine .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine.svg");
}

.vis-timeline .tl-item.tl-item-status--arrowupgrey .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/arrow-up-grey.svg");
}

.vis-timeline .tl-item.tl-item-status--arrowdowngrey .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/arrow-down-grey.svg");
}

.vis-timeline .tl-item.tl-item-status--doublearrowright .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/double_arrow_right.svg");
}

.vis-timeline .tl-item.tl-item-status--refusal_pending .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--dose_attack_additional .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-orange-flag.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_dismissed .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/check-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_prepared .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/pill-crusher-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--initiate .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--restarted .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circular-arrow.svg");
}

.vis-timeline .tl-item.tl-item-status--drainage_started .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/drainage-circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--declined_suspended .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-cancel.svg");
}

.vis-timeline .tl-item.tl-item-status--step_finished .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-minus-empty.svg");
}

.vis-timeline .tl-item.tl-item-status--suspended_time .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/block.svg");
}

.vis-timeline .tl-item.tl-item-status--in_recoleta .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/clock.svg");
}

.vis-timeline .tl-item.tl-item-status--first_check .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/patient-first.svg");
}

.vis-timeline .tl-item.tl-item-status--fast .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cutlery-block.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_sanitize .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/cleaningbottle-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_delivered .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/deliver-clock.svg");
}

.vis-timeline .tl-item.tl-item-status--procedure_started .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-play.svg");
}

.vis-timeline .tl-item.tl-item-status--interrupted .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/circle-pause.svg");
}

.vis-timeline .tl-item.tl-item-status--dialysis_closed .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/dialysis-check.svg");
}

.vis-timeline .tl-item.tl-item-status--without_low .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine-circle.svg");
}

.vis-timeline .tl-item.tl-item-status--pending_locked .vis-item-content {
  background-image: url("/assets/framework/images/components/w-timeline/icons/medicine-block.svg");
}

.vis-timeline .tl-item.tl-item-status--circlestroke .vis-item-content {
  background-image: url("/assets/icons/status-and-feedback/circle-stroke.svg");
}

.vis-timeline .tl-item.tl-item-status--circle .vis-item-content {
  background: #fff;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  z-index: 13;
  top: -1px;
}

timeline-header {
  display: block;
  width: 50%;
}

timeline-header.has-scrollbar {
  width: calc(50% - 8px);
  margin-right: 8px;
}

.w-datagrid ~ .data-container-with-timeline {
  padding-top: 28px;
}

w-datagrid.with-timeline {
  min-height: 100%;
}

w-datagrid.with-timeline .datagrid-grid-container {
  overflow: hidden;
}

w-datagrid.with-timeline timeline {
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}

w-datagrid.with-timeline .data-container-with-timeline {
  margin-top: -22px;
  max-width: 50%;
  overflow-x: hidden;
  padding-bottom: 1px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}

w-datagrid.with-timeline .data-container-with-timeline timeline-header {
  width: auto;
  position: relative;
}

.flowsheet-component,
.datagrid-grid-container.new-timeline-ui {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: max-content;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: 74px 1fr;
      grid-template-rows: 74px 1fr;
}

.flowsheet-component .data-container-timeline-header,
.flowsheet-component .data-container-setting-bar,
.datagrid-grid-container.new-timeline-ui .data-container-timeline-header,
.datagrid-grid-container.new-timeline-ui .data-container-setting-bar {
  background-color: #ffffff;
  grid-area: 1 / 1 / 1 / span 12;
  margin: 0;
  max-height: 74px;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}

.flowsheet-component .w-datagrid,
.datagrid-grid-container.new-timeline-ui .w-datagrid {
  grid-area: auto / 1 / auto / span 6;
}

.flowsheet-component .w-datagrid .slick-viewport,
.datagrid-grid-container.new-timeline-ui .w-datagrid .slick-viewport {
  overflow: overlay hidden;
}

.flowsheet-component .w-datagrid .slick-row.hovered,
.flowsheet-component .w-datagrid .slick-row:hover,
.datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row.hovered,
.datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row:hover {
  background-color: #f2f2f2 !important;
  border-top: none;
}

.flowsheet-component .w-datagrid .slick-row.hovered .slick-cell.selected,
.datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row.hovered .slick-cell.selected {
  background-color: #f2f2f2 !important;
}

.flowsheet-component .w-datagrid .slick-row > .slick-cell,
.datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row > .slick-cell {
  background: none;
}

.flowsheet-component .main-area,
.flowsheet-component .whoudini-scrollpanel,
.datagrid-grid-container.new-timeline-ui .main-area,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel {
  grid-area: auto / 1 / auto / span 12;
}

.flowsheet-component .main-area .data-container-with-timeline,
.flowsheet-component .whoudini-scrollpanel .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui .main-area .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel .data-container-with-timeline {
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  overflow: hidden;
}

.flowsheet-component .main-area .whoudini-data-region,
.flowsheet-component .whoudini-scrollpanel .whoudini-data-region,
.datagrid-grid-container.new-timeline-ui .main-area .whoudini-data-region,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel .whoudini-data-region {
  overflow: hidden;
}

.flowsheet-component .main-area .whoudini-data-region .data-region-grid,
.flowsheet-component .whoudini-scrollpanel .whoudini-data-region .data-region-grid,
.datagrid-grid-container.new-timeline-ui .main-area .whoudini-data-region .data-region-grid,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel .whoudini-data-region .data-region-grid {
  grid-area: grid;
  overflow: auto;
  padding-bottom: 15px;
}

.flowsheet-component .main-area .whoudini-data-region .data-region-grid::-webkit-scrollbar,
.flowsheet-component .whoudini-scrollpanel .whoudini-data-region .data-region-grid::-webkit-scrollbar,
.datagrid-grid-container.new-timeline-ui .main-area .whoudini-data-region .data-region-grid::-webkit-scrollbar,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel .whoudini-data-region .data-region-grid::-webkit-scrollbar {
  width: 0;
}

.flowsheet-component .main-area .whoudini-data-region .data-region-timeline,
.flowsheet-component .whoudini-scrollpanel .whoudini-data-region .data-region-timeline,
.datagrid-grid-container.new-timeline-ui .main-area .whoudini-data-region .data-region-timeline,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel .whoudini-data-region .data-region-timeline {
  grid-area: timeline;
  overflow: auto;
  padding-bottom: 15px;
}

.flowsheet-component .whoudini-scrollpanel,
.datagrid-grid-container.new-timeline-ui .whoudini-scrollpanel {
  overflow-y: auto;
}

.flowsheet-component.houdini-viewport-wrapper,
.datagrid-grid-container.new-timeline-ui.houdini-viewport-wrapper {
  overflow: hidden;
}

.flowsheet-component.houdini-viewport-wrapper .has-vertical-scroll .data-region-timeline,
.datagrid-grid-container.new-timeline-ui.houdini-viewport-wrapper .has-vertical-scroll .data-region-timeline {
  padding-bottom: 3px;
}

.flowsheet-component.houdini-viewport-wrapper .tl-setting-bar-curtain-line,
.datagrid-grid-container.new-timeline-ui.houdini-viewport-wrapper .tl-setting-bar-curtain-line {
  bottom: 0;
}

.flowsheet-component.houdini-viewport-wrapper .whoudini-timeline-header,
.datagrid-grid-container.new-timeline-ui.houdini-viewport-wrapper .whoudini-timeline-header {
  display: none;
}

.flowsheet-component .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui .data-container-with-timeline {
  grid-area: auto / 7 / auto / span 6;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: unset;
  max-width: 100%;
  overflow: scroll auto;
}

.flowsheet-component .data-container-with-timeline .vis-group.hovered,
.flowsheet-component .data-container-with-timeline .vis-group:hover,
.datagrid-grid-container.new-timeline-ui .data-container-with-timeline .vis-group.hovered,
.datagrid-grid-container.new-timeline-ui .data-container-with-timeline .vis-group:hover {
  background-color: #f2f2f2 !important;
  cursor: pointer;
}

.flowsheet-component .data-container-with-timeline .selected-row,
.datagrid-grid-container.new-timeline-ui .data-container-with-timeline .selected-row {
  background-color: #dcecff !important;
}

.flowsheet-component.layout-8-columns .data-container-datapanel,
.flowsheet-component.layout-8-columns .w-datagrid,
.datagrid-grid-container.new-timeline-ui.layout-8-columns .data-container-datapanel,
.datagrid-grid-container.new-timeline-ui.layout-8-columns .w-datagrid {
  grid-area: auto / 1 / auto / span 4;
}

.flowsheet-component.layout-8-columns .data-container-timeline,
.flowsheet-component.layout-8-columns .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui.layout-8-columns .data-container-timeline,
.datagrid-grid-container.new-timeline-ui.layout-8-columns .data-container-with-timeline {
  grid-area: auto / 5 / auto / span 8;
}

.flowsheet-component.layout-8-columns .whoudini-scrollpanel .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui.layout-8-columns .whoudini-scrollpanel .data-container-with-timeline {
  display: -ms-grid;
  display: grid;
  grid-area: unset;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
}

.flowsheet-component.layout-4-columns .data-container-datapanel,
.flowsheet-component.layout-4-columns .w-datagrid,
.datagrid-grid-container.new-timeline-ui.layout-4-columns .data-container-datapanel,
.datagrid-grid-container.new-timeline-ui.layout-4-columns .w-datagrid {
  grid-area: auto / 1 / auto / span 8;
}

.flowsheet-component.layout-4-columns .data-container-timeline,
.flowsheet-component.layout-4-columns .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui.layout-4-columns .data-container-timeline,
.datagrid-grid-container.new-timeline-ui.layout-4-columns .data-container-with-timeline {
  grid-area: auto / 9 / auto / span 4;
}

.flowsheet-component.layout-4-columns .whoudini-scrollpanel .data-container-with-timeline,
.datagrid-grid-container.new-timeline-ui.layout-4-columns .whoudini-scrollpanel .data-container-with-timeline {
  display: -ms-grid;
  display: grid;
  grid-area: unset;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
}

.main-top-area.layout-4-columns ~ .main-scrollable-area .data-container-with-timeline,
.main-top-area.layout-8-columns ~ .main-scrollable-area .data-container-with-timeline {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
}

.main-top-area.layout-4-columns ~ .main-scrollable-area .data-region-grid {
  position: relative;
  z-index: 4;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 8;
      grid-column-end: span 8;
}

.main-top-area.layout-4-columns ~ .main-scrollable-area .data-region-timeline {
  -ms-grid-column: 9;
      grid-column-start: 9;
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
}

.main-top-area.layout-8-columns ~ .main-scrollable-area .data-region-grid {
  position: relative;
  z-index: 4;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 4;
      grid-column-end: span 4;
  height: 0px;
}

.main-top-area.layout-8-columns ~ .main-scrollable-area .data-region-timeline {
  -ms-grid-column: 5;
      grid-column-start: 5;
  -ms-grid-column-span: 8;
      grid-column-end: span 8;
}

.new-timeline-ui ~ .cn-legend-pagination {
  margin-top: 15px;
  padding-top: 0;
}

.tl-item {
  background: transparent;
  border: none !important;
}

.tl-item.tl-item-top {
  top: calc(50% - 8px) !important;
}

.tl-item.tl-double-top {
  top: 30% !important;
}

.tl-item.tl-double-down {
  top: 50% !important;
}

.tl-item .vis-item-content {
  width: 100%;
  padding: 0;
  left: 0 !important;
}

.tl-item.tl-item--background {
  background-color: #f2f2f2;
  box-sizing: border-box;
  display: inline-block;
  top: 0px !important;
  position: absolute;
  border-radius: 0px !important;
  text-align: right;
  min-width: 0%;
  height: 100%;
  color: white;
}

.tl-item.tl-item--tablemode_multiple_values, .tl-item.tl-item--tablemode {
  top: 0px !important;
  border-radius: 0px !important;
  height: 100%;
  border-right: 1px solid #cccccc !important;
  border-bottom: none !important;
  border-top: none !important;
}

.tl-item.tl-item--tablemode_multiple_values.tablemode-fit, .tl-item.tl-item--tablemode.tablemode-fit {
  border-left: 1px solid #cccccc !important;
}

.tl-item.tl-item--tablemode_multiple_values .div-tl-item--tablemode_multiple_values,
.tl-item.tl-item--tablemode_multiple_values .div-tl-item--tablemode, .tl-item.tl-item--tablemode .div-tl-item--tablemode_multiple_values,
.tl-item.tl-item--tablemode .div-tl-item--tablemode {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-overflow span, .tl-item.tl-item--tablemode .vis-item-overflow span {
  position: absolute;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-overflow span.edited-cell, .tl-item.tl-item--tablemode .vis-item-overflow span.edited-cell {
  min-height: auto;
  border-top: 3px solid transparent !important;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-overflow span.warnings-cell, .tl-item.tl-item--tablemode .vis-item-overflow span.warnings-cell {
  border-bottom: 3px solid #f1a100 !important;
  bottom: 0;
  right: 0;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-overflow span.custom-highlights, .tl-item.tl-item--tablemode .vis-item-overflow span.custom-highlights {
  border-bottom: 3px solid transparent !important;
  bottom: 0;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-overflow .wcheckbox-div.warnings-cell, .tl-item.tl-item--tablemode .vis-item-overflow .wcheckbox-div.warnings-cell {
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid #f1a100 !important;
  min-height: 27px !important;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-overflow .wcheckbox-div.custom-highlights, .tl-item.tl-item--tablemode .vis-item-overflow .wcheckbox-div.custom-highlights {
  border-bottom: 3px solid transparent  !important;
  min-height: 27px !important;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox, .tl-item.tl-item--tablemode tasy-wtextbox,
.tl-item.tl-item--tablemode tasy-listbox {
  height: 100%;
  position: absolute;
  width: 100%;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox .text-box-container,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox .text-box-container, .tl-item.tl-item--tablemode tasy-wtextbox .text-box-container,
.tl-item.tl-item--tablemode tasy-listbox .text-box-container {
  height: 100%;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox .text-box-container input,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox .text-box-container input, .tl-item.tl-item--tablemode tasy-wtextbox .text-box-container input,
.tl-item.tl-item--tablemode tasy-listbox .text-box-container input {
  padding: 0;
  height: 100%;
  border: none;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox .text-box-container input:focus,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox .text-box-container input:focus, .tl-item.tl-item--tablemode tasy-wtextbox .text-box-container input:focus,
.tl-item.tl-item--tablemode tasy-listbox .text-box-container input:focus {
  border: 2px solid #008de7 !important;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox .w-listbox,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox .w-listbox, .tl-item.tl-item--tablemode tasy-wtextbox .w-listbox,
.tl-item.tl-item--tablemode tasy-listbox .w-listbox {
  height: 100%;
  padding-top: 4px;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox .w-listbox:focus,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox .w-listbox:focus, .tl-item.tl-item--tablemode tasy-wtextbox .w-listbox:focus,
.tl-item.tl-item--tablemode tasy-listbox .w-listbox:focus {
  border: 2px solid #008de7 !important;
}

.tl-item.tl-item--tablemode_multiple_values tasy-wtextbox .w-listbox .w-listbox__label span,
.tl-item.tl-item--tablemode_multiple_values tasy-listbox .w-listbox .w-listbox__label span, .tl-item.tl-item--tablemode tasy-wtextbox .w-listbox .w-listbox__label span,
.tl-item.tl-item--tablemode tasy-listbox .w-listbox .w-listbox__label span {
  position: inherit;
  display: inherit;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content, .tl-item.tl-item--tablemode .vis-item-content {
  height: 100%;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content span, .tl-item.tl-item--tablemode .vis-item-content span {
  display: -ms-inline-grid;
  display: inline-grid;
  text-align: center;
  width: 100%;
  min-height: auto;
  -ms-flex-align: center;
      align-items: center;
  line-height: initial;
  font-size: 13px;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content span.item-more-one-value, .tl-item.tl-item--tablemode .vis-item-content span.item-more-one-value {
  width: auto;
  text-align: center;
  margin: auto;
  min-height: auto;
  position: relative;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .timeline-table-item .wcheckbox, .tl-item.tl-item--tablemode .vis-item-content .timeline-table-item .wcheckbox {
  width: 100%;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .timeline-table-item .wcheckbox .checkbox-container, .tl-item.tl-item--tablemode .vis-item-content .timeline-table-item .wcheckbox .checkbox-container {
  text-align: center;
  margin: auto;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .timeline-table-item .wcheckbox-main-label, .tl-item.tl-item--tablemode .vis-item-content .timeline-table-item .wcheckbox-main-label {
  display: none;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .container-tablemode, .tl-item.tl-item--tablemode .vis-item-content .container-tablemode {
  height: 100%;
  white-space: normal;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .container-tablemode .readonly-tl-item, .tl-item.tl-item--tablemode .vis-item-content .container-tablemode .readonly-tl-item {
  cursor: default;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .container-tablemode .readonly-tl-item:hover, .tl-item.tl-item--tablemode .vis-item-content .container-tablemode .readonly-tl-item:hover {
  background-image: none !important;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .container-tablemode .span-vis-item, .tl-item.tl-item--tablemode .vis-item-content .container-tablemode .span-vis-item {
  padding: 3px;
  overflow-wrap: break-word;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content .container-tablemode span.wrap-text-cell, .tl-item.tl-item--tablemode .vis-item-content .container-tablemode span.wrap-text-cell {
  top: 1px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content i, .tl-item.tl-item--tablemode .vis-item-content i {
  position: absolute;
  top: -8px;
  right: -9px;
  border: 8px solid transparent;
  border-right: 8px solid #5a5a5a;
  transform: rotate(135deg);
  cursor: pointer;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content i.value-updated, .tl-item.tl-item--tablemode .vis-item-content i.value-updated {
  background: #008ee8;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  left: 3px;
  border: transparent;
  top: 1px;
}

.tl-item.tl-item--tablemode_multiple_values .vis-item-content_multiple_values, .tl-item.tl-item--tablemode .vis-item-content_multiple_values {
  background: linear-gradient(to bottom right, transparent 50%, #098fe4 0) bottom right/8px 8px no-repeat;
}

.tl-item.tl-item--tablemode_multiple_values .div-tl-item--tablemode_multiple_values:hover,
.tl-item.tl-item--tablemode_multiple_values .div-tl-item--tablemode:hover, .tl-item.tl-item--tablemode .div-tl-item--tablemode_multiple_values:hover,
.tl-item.tl-item--tablemode .div-tl-item--tablemode:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #bed5da30;
}

.tl-item.tl-item--range .tl-pg {
  overflow: hidden;
  height: 16px;
  width: 100%;
  border-radius: 8px;
  font-size: 0.8em;
  background: #cccccc;
}

.tl-item.tl-item--range .tl-pg.tl-pg-min {
  height: 8px;
}

.tl-item.tl-item--range .tl-pg.tl-pg-min .hint-pg {
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  display: block;
  background: #ffffff;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50%;
  z-index: 13;
}

.tl-item.tl-item--range .tl-pg.tl-item-status--CANCELLED .tl-pg-description {
  left: 25px;
}

.tl-item.tl-item--range .tl-pg .tl-pg-description {
  z-index: 2;
  position: absolute;
  top: calc(50% - 5px);
  left: 5px;
}

.tl-item.tl-item--range .tl-pg .tl-pg__range {
  display: inline-block;
  height: 100%;
  max-width: 100%;
  min-width: 0%;
  background-color: #cccccc;
  color: white;
  padding: 0 0px;
  box-sizing: border-box;
  position: relative;
}

.tl-item.tl-item--range .tl-pg .tl-pg__range.tl-item-status--APPLIED {
  background-color: #0096ed;
}

.tl-item.tl-item--range .tl-pg .tl-pg__range.tl-item-status--CANCELLED {
  background-color: #cccccc;
}

.tl-item.tl-item--range .tl-pg .tl-pg__range.tl-item-status--CANCELLED:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Y2lyY2xlIGZpbGw9IiNEQjJBMzYiIGN4PSI3Ljg0MyIgY3k9IjgiIHI9IjgiLz48L2c+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiw0LjkyOSAxMC41ODYsMy41MTUgNy43NTcsNi4zNDMgNC45MjksMy41MTUgMy41MTUsNC45MjkgNi4zNDMsNy43NTcgMy41MTUsMTAuNTg2IDQuOTI5LDEyIDcuNzU3LDkuMTcyIDEwLjU4NiwxMiAxMiwxMC41ODYgOS4xNzIsNy43NTcgIi8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
  background-size: contain;
  display: inline-block;
  position: relative;
  content: " ";
  height: 12px;
  width: 12px;
  left: 3px;
  top: 2px;
}

.tl-item.tl-item-no-bg .tl-pg {
  background: none;
}

.tl-item.tl-item--point, .tl-item.tl-item--extender {
  cursor: pointer;
  color: #cccccc;
  height: 16px !important;
  width: 16px !important;
  transform: translateX(-50%);
  z-index: 1;
}

.tl-item.tl-item--point .vis-item-content, .tl-item.tl-item--extender .vis-item-content {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
  z-index: 1;
}

.tl-item.tl-item--point.tl-item-status--APPLIED .vis-item-content, .tl-item.tl-item--extender.tl-item-status--APPLIED .vis-item-content {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9IiM3RUFEMDAiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMyw4IDIsMTAgNywxMyAxMyw0IDExLDMgNiwxMCAiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
}

.tl-item.tl-item--point.tl-item-status--CANCELLED .vis-item-content, .tl-item.tl-item--extender.tl-item-status--CANCELLED .vis-item-content {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Y2lyY2xlIGZpbGw9IiNEQjJBMzYiIGN4PSI3Ljg0MyIgY3k9IjgiIHI9IjgiLz48L2c+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIxMiw0LjkyOSAxMC41ODYsMy41MTUgNy43NTcsNi4zNDMgNC45MjksMy41MTUgMy41MTUsNC45MjkgNi4zNDMsNy43NTcgMy41MTUsMTAuNTg2IDQuOTI5LDEyIDcuNzU3LDkuMTcyIDEwLjU4NiwxMiAxMiwxMC41ODYgOS4xNzIsNy43NTcgIi8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.tl-item.hint-pg {
  cursor: pointer;
  display: block;
  color: #ffffff;
  width: 8px !important;
  height: 8px !important;
  margin-top: 3px;
}

.tl-item.hint-pg .vis-item-content {
  display: block;
  position: absolute;
  height: 100%;
}

.tl-item.tl-item-status--PENDING_FLOWSHEET .vis-item-content {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iNCA0IDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT4xLiBTdGF0dXMgYW5kIEZlZWRiYWNrIC8gQ2xvY2sgLyBjbG9jay15ZWxsb3c8L3RpdGxlPg0KICAgIDxnIGlkPSIxLi1TdGF0dXMtYW5kLUZlZWRiYWNrLS8tQ2xvY2stLy1jbG9jay15ZWxsb3ciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8cGF0aCBkPSJNMTIsMjAgQzcuNTgxNzIyLDIwIDQsMTYuNDE4Mjc4IDQsMTIgQzQsNy41ODE3MjIgNy41ODE3MjIsNCAxMiw0IEMxNi40MTgyNzgsNCAyMCw3LjU4MTcyMiAyMCwxMiBDMjAsMTYuNDE4Mjc4IDE2LjQxODI3OCwyMCAxMiwyMCBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGQ0QwNSI+PC9wYXRoPg0KICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUtQ29weSIgZmlsbD0iIzRENEQ0RCIgcG9pbnRzPSIxMyAxNCAxMyA3IDExIDcgMTEgMTIgOCAxMiA4IDE0Ij48L3BvbHlnb24+DQogICAgPC9nPg0KPC9zdmc+);
}

.tl-item.tl-item--extender .vis-item-content {
  color: #0096ed;
  background-color: transparent;
  border: 1px solid #0096ed;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
  font-size: var(--font-size-caption);
}

.tl-item.tl-item--extender .vis-item-content .vis-item-content {
  top: 8px;
}

.timeline-item-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.timeline-table-item-tooltip {
  margin-bottom: -13px !important;
}

.timeline-table-item-tooltip .tooltip-arrow {
  margin-left: -4px;
}

.timeline-table-item .edited {
  border-bottom: 3px dashed #008de7;
}

.timeline-table-item .mandatory-edited {
  border: 1px solid #f10000 !important;
}

.timeline-container {
  box-shadow: inset 0 1px 0 #d9d9d9;
  min-height: 1px;
}

.timeline-container.default-height {
  height: 1px;
}

.timeline-container.hide {
  height: 1px;
}

.timeline-container.hide .timeline {
  display: none;
}

.timeline-container .curtain-range {
  margin-top: -2px;
}

.timeline-type-chart {
  margin-bottom: 2px;
}

.timeline.without-vertical-columns .vis-timeline {
  border: none;
}

.timeline.without-vertical-columns .vis-timeline .vis-panel .vis-background {
  display: none !important;
}

.timeline.without-vertical-columns .vis-timeline .vis-panel .vis-background .vis-vertical {
  display: none !important;
}

.timeline.without-vertical-columns .vis-timeline .vis-panel.vis-bottom .vis-time-axis {
  max-height: 1px !important;
}

.timeline.without-vertical-columns .vis-timeline .vis-inner {
  padding: 0 !important;
}

.timeline.without-vertical-columns .vis-timeline .vis-foreground .vis-group {
  border-top: 1px solid #d9d9d9 !important;
  border-bottom: none;
  min-height: 28px;
}

.timeline.without-vertical-columns .vis-timeline .vis-foreground {
  border-bottom: 1px solid #d9d9d9;
  border-left: solid;
  border-color: #ffffff;
  border-width: thin;
  border-right: solid;
  border-right-width: thin;
}

.timeline.without-vertical-columns .vis-timeline.vis-bottom,
.timeline.without-vertical-columns .vis-panel,
.timeline.without-vertical-columns .vis-itemset {
  height: auto !important;
}

.timeline.without-vertical-columns .vis-background,
.timeline.without-vertical-columns .vis-panel.vis-left,
.timeline.without-vertical-columns .vis-panel.vis-right {
  display: none !important;
}

.timeline.without-vertical-columns .vis-panel,
.timeline.without-vertical-columns .vis-foreground {
  position: relative !important;
}

.timeline.without-vertical-columns .vis-panel.vis-center {
  width: auto !important;
  border: none !important;
}

.timeline.vertical-columns .vis-timeline {
  border: none;
}

.timeline.vertical-columns .vis-timeline .vis-background {
  display: block !important;
}

.timeline.vertical-columns .vis-timeline .vis-background .vis-time-axis {
  z-index: 10;
}

.timeline.vertical-columns .vis-timeline .vis-foreground .vis-group {
  border-top: 1px solid #d9d9d9;
  border-bottom: none;
  min-height: 28px;
}

.timeline.vertical-columns .vis-timeline .vis-foreground .vis-group:last-child {
  border-bottom: 1px solid #d9d9d9;
}

.timeline.vertical-columns .vis-timeline .vis-foreground .vis-group .vis-item {
  z-index: 12;
}

.timeline.vertical-columns .vis-timeline .vis-panel.vis-center {
  border: none !important;
  z-index: 10;
}

.timeline.vertical-columns .vis-timeline .vis-panel .vis-inner {
  padding: 0 !important;
}

.timeline.vertical-columns .vis-timeline .vis-panel .vis-background {
  display: block !important;
}

.timeline.vertical-columns .vis-timeline .vis-panel .vis-background .vis-vertical {
  display: block !important;
  min-width: 40px;
}

.dark-skin .flowsheet-component .data-container-with-timeline .vis-group.hovered,
.dark-skin .flowsheet-component .data-container-with-timeline .vis-group:hover {
  background-color: #676767 !important;
  color: white !important;
}

.dark-skin .timeline.without-vertical-columns .vis-timeline .vis-foreground .vis-group {
  border-top: 1px solid #4d4d4d !important;
}

.dark-skin .timeline.without-vertical-columns .vis-timeline .vis-foreground {
  border-bottom: 1px solid #4d4d4d;
}

.dark-skin.tooltip .tooltip-inner .timeline-chart-tooltip__header {
  color: #212121;
}

.dark-skin .bolus {
  stroke: #F5F5F5;
  fill: #4D4D4D;
}

flowsheet .timeline-container {
  box-shadow: none;
}

.flowsheet-timeline .timeline-visualization-container {
  box-shadow: inset 0 1px 0 #d9d9d9;
}

.flowsheet-timeline .vis-timeline {
  border: 0px;
}

.flowsheet-timeline .vis-background.vis-horizontal .vis-grid.vis-major,
.flowsheet-timeline .vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #4d4d4d;
  border-style: dashed;
}

.flowsheet-timeline .vis-data-axis .vis-y-axis {
  font-size: 10px;
  color: #4d4d4d;
}

.flowsheet-timeline .vis-panel.vis-center {
  border-color: #d9d9d9;
}

.flowsheet-timeline .vis-panel.vis-bottom {
  border-bottom: 1px solid #d9d9d9;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal.vis-timeline-chart-horizontal-line {
  border-bottom-color: #d9d9d9;
}

.vis-timeline-chart {
  margin-bottom: -1px;
}

.vis-timeline-chart .vis-time-axis .vis-grid.vis-vertical {
  border-left-style: dashed;
}

.vis-timeline-chart .vis-time-axis .vis-grid.vis-vertical:first-child {
  border-left: 0px;
}

.vis-timeline-chart .vis-timeline-chart-y-axis {
  font-size: 10px;
}

.vis-timeline-chart .vis-timeline-chart-background:nth-child(odd) {
  background-color: #f5f5f5;
}

.vis-timeline-chart .vis-panel.vis-left {
  border-right: 1px solid #d9d9d9;
}

.timeline-chart-tooltip__header {
  color: #d9d9d9;
}

.timeline-chart-tooltip__body .timeline-chart-tooltip__item {
  margin: 0 -8px;
  padding: 1.5px 8px;
}

.timeline-chart-tooltip__body .timeline-chart-tooltip__item:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.timeline-chart-tooltip__body .timeline-chart-infusionrate-tooltip__item {
  margin: 0 -8px;
  padding: 1.5px 8px;
}

.timeline-chart-tooltip__body .timeline-chart-infusionrate-tooltip__item:last-child {
  padding-bottom: 0px;
}

.timeline-table-item-comment {
  width: 300px;
}

.timeline-table-item-comment h4 {
  margin-bottom: 15px;
}

.timeline-table-item-comment textarea {
  height: 100px;
}

.timeline-table-item-comment-footer,
.timeline-table-item-highlights-cell-footer {
  margin-top: 20px;
  text-align: right;
}

.timeline-table-item-comment-footer .mr-15,
.timeline-table-item-highlights-cell-footer .mr-15 {
  margin-right: 15px;
}

.timeline-table-item-comment-footer .btn-add,
.timeline-table-item-highlights-cell-footer .btn-add {
  float: left;
  margin: -25px 0;
}

.timeline-table-item-highlights-cell {
  width: 300px;
}

.timeline-table-item-highlights-cell h4 {
  margin-bottom: 15px;
}

.timeline-table-item-highlights-cell .form-timeline-table-item-highlights-cell span {
  width: 100%;
  display: block;
  margin-bottom: 4px;
}

.timeline-table-item-highlights-cell .form-timeline-table-item-highlights-cell .component-table-item-highlights-cell {
  display: inline-block;
  margin: 0;
}

.timeline-table-item-highlights-cell .form-timeline-table-item-highlights-cell .component-table-item-highlights-cell.highlights-cell-text-box {
  width: 225px;
  float: right;
}

flowsheet .main-area .with-summary {
  display: -ms-flexbox;
  display: flex;
}

flowsheet.mode-chart .data-container-timeline {
  padding-bottom: 13px !important;
}

flowsheet.mode-chart .main-area .main-scrollable-area .data-container-with-timeline {
  -ms-grid-columns: (1fr)[26] !important;
      grid-template-columns: repeat(26, 1fr) !important;
}

flowsheet.mode-chart .main-area .main-scrollable-area .data-region-grid {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 12 !important;
      grid-column-end: span 12 !important;
  height: 0px;
}

flowsheet.mode-chart .main-area .main-scrollable-area .data-region-timeline {
  -ms-grid-column: 13;
      grid-column-start: 13;
  -ms-grid-column-span: 26 !important;
      grid-column-end: span 26 !important;
}

flowsheet.mode-chart .main-top-area.layout-4-columns ~ .main-scrollable-area .data-region-grid {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 16 !important;
      grid-column-end: span 16 !important;
}

flowsheet.mode-chart .main-top-area.layout-4-columns ~ .main-scrollable-area .data-region-timeline {
  -ms-grid-column: 17;
      grid-column-start: 17;
  -ms-grid-column-span: 26 !important;
      grid-column-end: span 26 !important;
}

flowsheet.mode-chart .main-top-area.layout-8-columns ~ .main-scrollable-area .data-region-grid {
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 8 !important;
      grid-column-end: span 8 !important;
}

flowsheet.mode-chart .main-top-area.layout-8-columns ~ .main-scrollable-area .data-region-timeline {
  -ms-grid-column: 9;
      grid-column-start: 9;
  -ms-grid-column-span: 26 !important;
      grid-column-end: span 26 !important;
}

flowsheet.mode-chart .data-container-setting-bar .setting-bar {
  grid-area: 1 / 1 / 1 / span 13;
}

flowsheet.mode-chart .data-container-setting-bar .tl-setting-bar-content {
  -ms-grid-columns: (1fr)[26] !important;
      grid-template-columns: repeat(26, 1fr) !important;
}

flowsheet.mode-chart .layout-8-columns .data-container-setting-bar .setting-bar {
  grid-area: 1 / 1 / 1 / span 9;
}

flowsheet.mode-chart .layout-8-columns .data-container-setting-bar .tl-setting-bar {
  grid-area: 1 / 10 / 1 / span 26;
  margin-left: 34.6%;
}

flowsheet.mode-chart .layout-8-columns .data-container-setting-bar .tl-setting-bar-date {
  padding-left: 34.6%;
}

flowsheet.mode-chart .layout-4-columns .data-container-setting-bar tl-setting-bar-date {
  margin-left: 65.4%;
}

flowsheet.mode-chart .layout-4-columns .data-container-setting-bar .setting-bar {
  grid-area: 1 / 1 / 1 / span 17;
}

flowsheet.mode-chart .layout-4-columns .data-container-setting-bar .tl-setting-bar {
  grid-area: 1 / 18 / 1 / span 26;
  margin-left: 65.4%;
}

.vis-item.col-totalizator {
  background-color: #ffbc821f !important;
}

.totalizator-line.vertical {
  height: 100%;
  width: 50%;
  border-right: 1px solid #faa152;
  display: inline-block !important;
}

.dark-skin .flowsheet-component .w-datagrid .slick-row > .slick-cell,
.dark-skin .datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row > .slick-cell {
  background-color: #383838;
}

.dark-skin .flowsheet-component .w-datagrid .slick-row.hovered > .slick-cell,
.dark-skin .datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row.hovered > .slick-cell {
  background-color: #676767 !important;
  color: #ffffff;
}

.dark-skin .flowsheet-component .w-datagrid .slick-row.hovered,
.dark-skin .datagrid-grid-container.new-timeline-ui .w-datagrid .slick-row.hovered {
  background-color: #676767 !important;
}

.dark-skin .slick-row.ui-widget-content:after {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
}

.dark-skin .tl-item.tl-item--background {
  background-color: #383838 !important;
}

.dark-skin .selected-row:not(.vis-group.hovered) .vis-item-content span {
  color: #000000;
}

.dark-skin .tl-item .vis-item-content span {
  color: #ffffff;
}

.dark-skin .vis-group.hovered, .dark-skin .selected-row:hover .tl-item .vis-item-content span {
  color: #ffffff !important;
}

.dark-skin .datagrid-grid-container.new-timeline-ui .data-container-with-timeline .vis-group.hovered,
.dark-skin .datagrid-grid-container.new-timeline-ui .data-container-with-timeline .vis-group:hover {
  background-color: #676767 !important;
  border-top-color: #4d4d4d;
  color: #ffffff !important;
}

.dark-skin .datagrid-grid-container.new-timeline-ui .data-container-with-timeline .vis-group.hovered .tl-item.tl-item--background,
.dark-skin .datagrid-grid-container.new-timeline-ui .data-container-with-timeline .vis-group:hover .tl-item.tl-item--background {
  background-color: #676767 !important;
}

.dark-skin .datagrid-grid-container.new-timeline-ui .data-container-with-timeline .selected-row {
  background-color: #9dd3e3 !important;
}

.dark-skin .datagrid-grid-container.new-timeline-ui .data-container-with-timeline .selected-row .tl-item.tl-item--background {
  background-color: #9dd3e3 !important;
}

.dark-skin .data-container-with-timeline .selected-row {
  background-color: #9dd3e3 !important;
  color: #000000;
}

.dark-skin .timeline .vis-timeline .vis-foreground .vis-group {
  border-top-color: #4d4d4d;
}

.dark-skin .tl-item.tl-item--tablemode_multiple_values, .dark-skin .tl-item.tl-item--tablemode {
  border-right-color: #4d4d4d !important;
}

.dark-skin .vis-timeline {
  border-left-color: #4d4d4d !important;
}

.dark-skin .vis-timeline-chart.summary-chart-visualization .vis-timeline-chart-background {
  background-color: transparent !important;
}

.dark-skin .vis-timeline-chart .vis-panel.vis-left {
  border-right: 1px solid #4d4d4d;
}

.dark-skin .vis-timeline-chart .vis-time-axis .vis-grid.vis-vertical {
  border-left-color: #4d4d4d;
}

.dark-skin .vis-timeline-chart .vis-horizontal .vis-timeline-chart-background.hovered {
  background-color: #676767 !important;
}

.dark-skin .flowsheet-timeline .vis-data-axis .vis-y-axis {
  color: #e8e8e8;
}

.dark-skin .vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal.vis-timeline-chart-horizontal-line {
  border-bottom-color: #4d4d4d;
}

.dark-skin .vis-timeline-chart-background:nth-child(odd) {
  background-color: #3c3c3c;
}

.dark-skin .timeline-chart-tooltip__header {
  color: #696969;
}

:not(.dark-skin) .ti-item.ti-item--tablemode .vis-item-content span {
  color: #808080;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet {
  line-height: 1.75;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .span-date-cell-flowsheet {
  font-size: 85%;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .span-time-cell-flowsheet {
  color: silver;
  min-width: 50px;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .span-name-cell-flowsheet {
  min-width: 115px;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .span-name-cell-flowsheet .wcheckbox {
  vertical-align: middle;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .span-name-cell-flowsheet .wcheckbox .wcheckbox-div {
  min-height: unset !important;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .highlights-cell-flowsheet {
  min-width: 50px;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .highlights-cell-flowsheet i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: -ms-inline-grid;
  display: inline-grid;
}

.popover-box-container .scroll-appearance .div-popover-cell-flowsheet .span-remark-cell-flowsheet {
  float: left;
}

.alert {
  height: 71px;
  margin-top: -16px;
  position: inherit;
}

.timeline-range {
  width: 100%;
  position: relative;
}

.timeline-range .timeline-range--canvas-content {
  width: 100%;
  height: 50px;
  background-color: #2b2b2b;
  padding: 3px 20px 0;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item {
  position: absolute;
  color: rgba(214, 214, 214, 0.8);
  font-family: 'CentraleSansCndBook';
  font-size: var(--font-size-caption);
  cursor: pointer;
  z-index: 1;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item .timeline-range--blocks-item--description {
  padding-top: 4px;
  display: inline-block;
  vertical-align: middle;
  background-position: center 0px;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) calc(50%), rgba(214, 214, 214, 0.8) calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px));
  background-size: 1px 4px;
  background-repeat: no-repeat;
  white-space: nowrap;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item .timeline-range--blocks-item--description span {
  display: inline-block;
  vertical-align: middle;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item .timeline-range--blocks-item--description .timeline-range--blocks-zoom {
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: left center;
  width: 28px;
  height: 20px;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item .timeline-range--blocks-item--description .timeline-range--blocks-zoom.disabled {
  opacity: .4;
  pointer-events: none;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item .timeline-range--blocks-item--description .timeline-range--blocks-zoom--out {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi96b29tLW91dDwvdGl0bGU+CiAgICA8ZyBpZD0iaWNvbi96b29tLW91dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtQ29weSIgZmlsbD0iIzlFOUU5RSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS45ODUyODEsIDE4LjA4NTc4Nikgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtNS45ODUyODEsIC0xOC4wODU3ODYpICIgcG9pbnRzPSIxLjk4NTI4MTM3IDE3LjA4NTc4NjQgOS45ODUyODEzNyAxNy4wODU3ODY0IDkuOTg1MjgxMzcgMTkuMDg1Nzg2NCAxLjk4NTI4MTM3IDE5LjA4NTc4NjQiPjwvcG9seWdvbj4KICAgICAgICAgICAgPHBhdGggZD0iTTE0LDE2IEMxNy4zMTM3MDg1LDE2IDIwLDEzLjMxMzcwODUgMjAsMTAgQzIwLDYuNjg2MjkxNSAxNy4zMTM3MDg1LDQgMTQsNCBDMTAuNjg2MjkxNSw0IDgsNi42ODYyOTE1IDgsMTAgQzgsMTMuMzEzNzA4NSAxMC42ODYyOTE1LDE2IDE0LDE2IFogTTE0LDE4IEM5LjU4MTcyMiwxOCA2LDE0LjQxODI3OCA2LDEwIEM2LDUuNTgxNzIyIDkuNTgxNzIyLDIgMTQsMiBDMTguNDE4Mjc4LDIgMjIsNS41ODE3MjIgMjIsMTAgQzIyLDE0LjQxODI3OCAxOC40MTgyNzgsMTggMTQsMTggWiIgaWQ9Ik92YWwiIGZpbGw9IiM5RTlFOUUiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHkiIGZpbGw9IiM5RTlFOUUiIHg9IjEwIiB5PSI5IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  padding-right: 8px;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item .timeline-range--blocks-item--description .timeline-range--blocks-zoom--in {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbi96b29tLWluPC90aXRsZT4KICAgIDxnIGlkPSJTcGVjaWZpY2F0aW9uIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVmlzdWFsLXNwZWNzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ5NC4wMDAwMDAsIC01NDUzLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY29sb3JzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwLjAwMDAwMCwgNTM4Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb24vem9vbS1pbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQyMi4wMDAwMDAsIDY5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLUNvcHkiIGZpbGw9IiM5RTlFOUUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuOTg1MjgxLCAxOC4wODU3ODYpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTUuOTg1MjgxLCAtMTguMDg1Nzg2KSAiIHBvaW50cz0iMS45ODUyODEzNyAxNy4wODU3ODY0IDkuOTg1MjgxMzcgMTcuMDg1Nzg2NCA5Ljk4NTI4MTM3IDE5LjA4NTc4NjQgMS45ODUyODEzNyAxOS4wODU3ODY0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQsMTYgQzE3LjMxMzcwODUsMTYgMjAsMTMuMzEzNzA4NSAyMCwxMCBDMjAsNi42ODYyOTE1IDE3LjMxMzcwODUsNCAxNCw0IEMxMC42ODYyOTE1LDQgOCw2LjY4NjI5MTUgOCwxMCBDOCwxMy4zMTM3MDg1IDEwLjY4NjI5MTUsMTYgMTQsMTYgWiBNMTQsMTggQzkuNTgxNzIyLDE4IDYsMTQuNDE4Mjc4IDYsMTAgQzYsNS41ODE3MjIgOS41ODE3MjIsMiAxNCwyIEMxOC40MTgyNzgsMiAyMiw1LjU4MTcyMiAyMiwxMCBDMjIsMTQuNDE4Mjc4IDE4LjQxODI3OCwxOCAxNCwxOCBaIiBpZD0iT3ZhbCIgZmlsbD0iIzlFOUU5RSIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUsNiBMMTUsOSBMMTgsOSBMMTgsMTEgTDE0Ljk5OSwxMSBMMTUsMTQgTDEzLDE0IEwxMi45OTksMTEgTDEwLDExIEwxMCw5IEwxMyw5IEwxMyw2IEwxNSw2IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzlFOUU5RSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  padding-left: 8px;
  background-position: right center;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item:hover {
  z-index: 10;
}

.timeline-range .timeline-range--blocks .timeline-range--blocks-item:hover .timeline-range--blocks-item--description .timeline-range--blocks-zoom {
  visibility: visible;
}

w-timer-bar .timer {
  color: #BFBFBF;
  font-family: "CentraleSansCndBold";
  font-size: 36px;
}

w-title .w-title-component-content {
  /**
    * SO-2185332 - adjusting w-Title minimum height to match specification
    * min-height should adapt better to responsiveness
    */
}

w-title .w-title-component-content .w-title {
  font-size: 1.3125rem;
  line-height: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 79px;
  font-family: "CentraleSansCndBold";
  padding: 28px 28px 0 28px;
  letter-spacing: 0.1px;
  line-height: 23px;
}

@media (min-width: 3840px) {
  w-title .w-title-component-content .w-title {
    font-size: var(--font-size-header-4);
  }
}

w-title .w-title-component-content .w-title .w-title-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
}

w-title .w-title-component-content .w-title .w-title-container > .w-title-transclude {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-left: 8px;
  min-width: 0;
}

w-title .w-title-component-content .w-title .w-title__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 100%;
}

w-title .w-title-component-content .w-title .w-title__title .filter-icon {
  margin-left: 16px;
}

w-title .w-title-component-content .w-title .w-title__segmented_line {
  display: none;
}

w-title .w-title-component-content.has-filter .w-title {
  -ms-flex-direction: column;
      flex-direction: column;
}

w-title .w-title-component-content.has-filter .w-title .token-filter-container {
  font-family: "CentraleSansCndBook";
  margin-top: 28px;
  margin-bottom: 0;
}

w-title.w-title__segmented {
  width: 100%;
}

w-title.w-title__segmented.has-filter .w-title .token-filter-container {
  width: 100%;
  margin-top: 0;
}

w-title.w-title__segmented .w-title {
  padding: 0;
  font-size: var(--font-size-subtitle);
  -ms-flex-align: center;
      align-items: center;
  min-height: auto;
}

w-title.w-title__segmented .w-title .w-title-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

w-title.w-title__segmented .w-title .w-title-container .w-title__segmented_line {
  height: 0px;
  border-top: 1px solid #8c8c8c;
  display: inline-block;
  margin-left: 16px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.dark-skin .w-title__segmented .w-title {
  color: #f5f5f5;
}

.dark-skin w-title .w-title {
  color: #ffffff;
}

/**
* TOOLBAR
*/
w-toolbar {
  /**
  * ELEMENTS
  */
}

w-toolbar .toolbar-container {
  width: 380px;
  height: 420px;
}

w-toolbar .toolbar {
  background-color: #e9e9e9;
  width: 42px;
  height: 100%;
  position: absolute;
  border-radius: 2px;
  top: 0;
  left: 0;
  padding: 2px;
}

w-toolbar .toolbar-button {
  height: 36px;
  min-width: 36px;
  width: 32px;
  margin: 1px;
  padding: 2px;
  border-radius: 1px;
  border: none;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  text-align: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #efefef;
}

w-toolbar .toolbar-button-active {
  background-color: #d8d8d8;
}

w-toolbar .toolbar-elements {
  width: 192px;
  height: 100%;
  background-color: #d8d8d8;
  overflow-x: auto;
  margin-top: 2px;
  margin-left: 11px;
  padding: 10px;
  padding-top: 20px;
  position: absolute;
  top: 0;
  left: 32px;
  z-index: 99;
}

w-toolbar .toolbar-elements-title {
  margin-left: 15px;
  font-weight: bold;
}

w-toolbar .toolbar-element {
  cursor: pointer;
  background-color: white;
  border: 0px inset #FFFFFF;
  border-radius: 6px;
  width: 86%;
  margin: 14px;
  padding: 2px;
  text-align: center !important;
  box-shadow: 1px 1px 6px 1px #383838ad;
}

w-toolbar .toolbar-element-title {
  margin-left: 15px;
  font-weight: bold;
  text-align: left;
}

w-toolbar .toolbar-element-image {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  display: block;
}

w-toolbar .toolbar-element-description {
  min-height: 18px;
}

w-toolbar .child-image {
  padding: 4px;
  margin: 20px;
  width: 80%;
  outline: 8px solid white !important;
  outline-offset: 2px;
}

w-video-stream,
.w-video-stream {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.w-video-stream {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}

.w-video-stream--contain .w-video-stream__video {
  object-fit: contain;
}

.w-video-stream--cover .w-video-stream__video {
  object-fit: cover;
}

.w-video-stream--connected .w-video-stream__video {
  display: unset;
}

.w-video-stream--connected .w-video-stream__overlay {
  display: none;
}

.w-video-stream--connected .w-video-stream__controls {
  display: -ms-flexbox;
  display: flex;
}

.w-video-stream__container {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  position: relative;
}

.w-video-stream__overlay {
  -ms-flex-align: center;
      align-items: center;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.w-video-stream__video {
  background-color: var(--color-black);
  display: none;
  height: 100%;
  object-position: center;
  width: 100%;
}

.w-video-stream__video__panel {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

.w-video-stream__controls {
  display: none;
  -ms-flex-flow: row;
      flex-flow: row;
  gap: var(--spacing-8);
  padding: var(--spacing-8);
}

.w-video-stream__controls__action {
  background: transparent;
  border: 0;
  cursor: pointer;
  height: var(--sizing-24);
  width: var(--sizing-24);
}

.w-video-stream__controls__play {
  background-image: url("/assets/framework/images/components/w-video-stream/play.svg");
}

.w-video-stream__controls__pause {
  background-image: url("/assets/framework/images/components/w-video-stream/pause.svg");
}

.w-video-stream__controls__stop {
  background-image: url("/assets/framework/images/components/w-video-stream/stop.svg");
}

.w-voice-panel {
  height: auto;
  width: 360px;
}

.w-voice-panel li {
  padding-top: 11px;
  padding-bottom: 6px;
  min-height: 28px;
  height: auto;
  transition: background-color 0.3s ease;
}

.w-voice-panel a {
  color: #296fab;
  text-decoration: none;
  cursor: pointer;
}

.w-voice-panel a:hover {
  text-decoration: underline;
}

.w-voice-panel__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0;
  gap: 8px;
}

.w-voice-panel w-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 32px;
  margin-top: 8px;
}

.w-voice-panel w-loader .w-loader-linear {
  text-align: center;
}

.w-voice-panel__footer {
  display: none;
  gap: 8px;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0 16px 16px 16px;
}

.w-voice-panel__footer-guideline {
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-voice-panel__footer-input-container {
  width: 328px;
  height: auto;
  border-radius: 2px;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid #c4c4c4;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.w-voice-panel__footer-input-container.active {
  border: 1px solid #1474a4;
}

.w-voice-panel__footer-input-container.active .w-voice-panel__footer-send {
  background-image: url("/assets/framework/images/send-voice-panel-active.svg");
}

.w-voice-panel__footer-input-container.active input.w-voice-panel__footer-input:-ms-input-placeholder {
  color: transparent;
}

.w-voice-panel__footer-input-container.active input.w-voice-panel__footer-input::placeholder {
  color: transparent;
}

.w-voice-panel__footer-input {
  border: none !important;
}

.w-voice-panel__footer-send {
  background-image: url("/assets/framework/images/send-voice-panel.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  width: 32px;
  height: 100%;
  border-radius: 0 2px 2px 0;
}

.w-voice-panel__footer-send:hover {
  opacity: 0.7;
}

.w-voice-panel-info-bar {
  background: #212121;
  padding: 8px;
}

.w-voice-panel-info-bar-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.w-voice-panel-info-bar-title {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.w-voice-panel-info-bar-field {
  color: #898989;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.w-voice-panel-info-bar-value {
  color: #fff;
  font-family: "CentraleSansCnd";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.w-voice-panel-info-bar-system-suggest.w-voice-panel__container-system-suggest {
  padding-top: 0;
}

.w-voice-panel__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0 0 8px;
  width: 100%;
  height: 100%;
  -ms-flex: none;
      flex: none;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-positive: 0;
      flex-grow: 0;
  gap: 16px;
}

.w-voice-panel__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  background-color: #f7f5ff;
  height: 100%;
  width: 100%;
  padding: 4px 16px;
}

.w-voice-panel__title-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0 0 8px;
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  height: 40px;
  color: #212121;
  -ms-flex: none;
      flex: none;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.w-voice-panel__title-icon {
  height: 40px;
  width: 18px;
  background-image: url("/assets/framework/w-voice-panel/purple-star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.w-voice-panel__left {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 var(--spacing-16);
  gap: 8px;
  height: 64px;
  inline-size: -webkit-fill-available;
}

.w-voice-panel__text-feedback {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding: 4px 0;
  gap: 8px;
  width: 128px;
  height: 22px;
  -ms-flex: none;
      flex: none;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;
}

.w-voice-panel__text {
  width: 244px;
  height: 18px;
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #9e9e9e;
  -ms-flex: none;
      flex: none;
  -ms-flex-order: 0;
      order: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.w-voice-panel__content {
  display: none;
  -ms-flex: 1;
      flex: 1;
  gap: 8px;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: auto;
  overflow: hidden;
  padding: 0 16px 16px;
}

.w-voice-panel__container-actions {
  display: none;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: baseline;
      align-items: baseline;
  padding: 0 16px;
  width: 100%;
}

.w-voice-panel__container-action-message {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -ms-flex: 2;
      flex: 2;
}

.w-voice-panel__container-action-button {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 5px;
  -ms-flex: 1;
      flex: 1;
}

.w-voice-panel__container-user-request {
  display: none;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  height: auto;
  -ms-flex: 1;
      flex: 1;
  padding: 0 16px;
  color: #212121 !important;
  font-family: "CentraleSansCnd";
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0em;
  font-style: normal;
  text-align: left;
}

.w-voice-panel__text-user-request-feedback-wrapper-transcript {
  font-weight: 500 !important;
  color: #9e9e9e !important;
}

.w-voice-panel__icons {
  position: absolute;
  width: 24px;
  height: 24px;
  left: calc(50% - 24px / 2);
  top: calc(50% - 24px / 2);
}

.w-voice-panel__button-wrapper {
  float: right;
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #1474a4;
  cursor: pointer;
  margin-left: auto;
}

.w-voice-panel__list_anchor {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #1474a4;
}

@keyframes ellipse_outside_animation {
  from {
    background-color: #0e82ba;
  }
  to {
    background-color: #a8c5d4ff;
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes border-animation {
  50% {
    box-shadow: 0 0 0 8px #a8c5d4;
  }
}

.w-voice-panel__container-system-suggest {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
}

.w-voice-panel__container-data-report {
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  overflow: unset;
  width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-height: 0;
}

.w-voice-panel__container-data-report li:hover {
  background-color: #f0f8fa;
}

.w-voice-panel__container-data-report:has(.w-voice-panel-result-table) {
  overflow: auto;
}

.w-voice-panel__container-action {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}

.w-voice-panel .disable-btn {
  color: #1474a4;
  opacity: 0.3;
}

.w-voice-panel .w-voice-panel__text-user-request-feedback-wrapper-warning,
.w-voice-panel .w-voice-panel__text-user-request-feedback-wrapper-warning-info {
  background-color: #fce290;
  padding: 5px;
}

.w-voice-panel .w-voice-panel__text-user-request-feedback-wrapper-warning button,
.w-voice-panel .w-voice-panel__text-user-request-feedback-wrapper-warning-info button {
  background: none;
  border: none;
  color: #1474a4;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.w-voice-panel .btn-blue {
  width: 100%;
}

.w-voice-panel .data-form-confirm-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 0;
}

.w-voice-panel .data-form-confirm-button .btn-blue {
  width: 100%;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0 1px 0 0 --btn-background-color;
}

.w-voice-panel .data-form-cancel-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 8px;
}

.w-voice-panel .data-form-cancel-button .btn-blue {
  width: 100%;
  --btn-color: #191d4f;
  --btn-background-color: #bfe2eb;
  --btn-background-hover-color: #bfe2eb;
  --btn-background-active-color: #bfe2eb;
  --btn-background-disabled-color: #bfe2eb;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0px 1px 0px 0 #bfe2eb;
}

.w-voice-panel .btn-blue.focus::before {
  opacity: 0;
}

.w-voice-panel-result-table {
  border-spacing: 1px;
  border-collapse: collapse;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.w-voice-panel-result-table-head {
  margin-right: 12px;
}

.w-voice-panel-result-table-head-row {
  height: 60px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
}

.w-voice-panel-result-table-head-row-cell {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  text-align: left;
  font-weight: bold;
  width: 50%;
}

.w-voice-panel-result-table-head-row-cell:last-child {
  -ms-flex-pack: center;
      justify-content: center;
}

.w-voice-panel-result-table-body {
  overflow-y: scroll;
}

.w-voice-panel-result-table-body-row {
  height: 48px;
  border-bottom: 1px solid #999b99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 5px;
}

.w-voice-panel-result-table-body-row-cell {
  text-align: left;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 50%;
}

.w-voice-panel-result-table-body-row-cell:last-child {
  -ms-flex-align: center;
      align-items: center;
}

.w-voice-panel-result-table-body-row-cell-date {
  color: #696969;
  margin-top: 5px;
}

.w-voice-panel-result-table-body-row:last-child {
  border: 0;
}

.w-voice-panel-container-list {
  overflow-x: hidden;
  overflow-y: scroll;
  display: -ms-flexbox;
  display: flex;
}

.w-voice-panel-grid {
  overflow-x: scroll;
  overflow-y: hidden;
  display: -ms-flexbox;
  display: flex;
}

.w-voice-panel-grid-table {
  border-spacing: 1px;
  border-collapse: collapse;
  background: white;
  border-radius: 6px;
  margin: 0 auto;
  max-width: 328px;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
}

.w-voice-panel-grid-table-head {
  margin-right: 12px;
}

.w-voice-panel-grid-table-head-row {
  height: 60px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.w-voice-panel-grid-table-head-row-cell {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  text-align: left;
  font-weight: bold;
  margin-left: 10px;
}

.w-voice-panel-grid-table-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  overflow: auto;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.w-voice-panel-grid-table-body-row {
  min-height: 45px;
  height: auto;
  border-bottom: 1px solid #999b99;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  transition: background-color 0.3s ease;
  padding-top: 5px;
  padding-bottom: 5px;
}

.w-voice-panel-grid-table-body-row:last-child {
  border: 0;
}

.w-voice-panel-grid-table-body-row-cell {
  text-align: left;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  margin-left: 10px;
}

.w-voice-panel-grid-table-body-row:hover {
  background-color: #f0f8fa;
}

.w-voice-panel__notification__icon {
  margin-top: 18px;
  margin-left: 12px;
  background-image: url(/assets/framework/w-voice-panel/accept.svg);
  width: 16px;
  background-position: center;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
}

.w-voice-panel__notification-container {
  display: -ms-flexbox;
  display: flex;
  height: 138px;
  border: 1px solid #d6d6d6;
  border-left: 4px solid #00854c;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.w-voice-panel__notification__icon-container {
  height: 100%;
}

.w-voice-panel__notification__text-container {
  width: 100%;
  padding: 16px 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}

.w-voice-panel__notification__title {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  color: #212121;
}

.w-voice-panel__notification__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.04px;
  text-align: left;
}

.w-voice-panel__notification__title {
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-voice-panel__footer-send-container {
  height: 40px;
  margin-left: auto;
}

.w-voice-panel__footer-input {
  width: 100%;
  min-height: 44px;
  max-height: 66px;
  line-break: revert;
  white-space: pre-wrap;
  word-wrap: break-word;
  resize: none;
  overflow: auto;
  padding: 8px;
}

.w-voice-panel__footer-input:empty:before {
  content: attr(data-placeholder);
  pointer-events: none;
}

.w-voice-panel__container-data-report textArea {
  max-height: none;
  min-height: 78px;
}

.autocomplete-items {
  position: absolute;
  z-index: 99;
  top: calc(100% - 32px);
  left: 0;
  right: 0;
  padding: 4px 0;
  margin: 0px 16px;
  background-color: #FFF;
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
}

.autocomplete-items div:hover {
  background-color: #F5F5F5;
}

.autocomplete-items .autocomplete-hover {
  background-color: #F5F5F5;
}

.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.w-voice-panel-presentation {
  height: auto;
  width: 360px;
  padding: 32px 16px 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.w-voice-panel-presentation-title-bold {
  font-weight: bold;
}

.w-voice-panel-presentation-video {
  height: 157px;
  width: 328px;
  opacity: 70%;
}

.w-voice-panel-presentation-play {
  position: fixed;
  opacity: 70%;
}

.w-voice-panel-presentation-notification {
  border-left: 4px solid #FFCD05;
  border-radius: 2px 0 0 2px;
  display: -ms-flexbox;
  display: flex;
  background: #FFCD051A;
}

.w-voice-panel-presentation-notification-icon {
  background-image: url(/assets/framework/images/voice-notification-error.svg);
  width: 16px;
  background-position-y: center;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
}

.w-voice-panel-presentation-notification-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  text-align: left;
}

.w-voice-panel-presentation-notification-text-link {
  color: #439AC1;
}

.w-voice-panel-presentation-notification-container-text {
  display: -ms-flexbox;
  display: flex;
  width: 296px;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px 12px;
}

.w-voice-panel-presentation-notification-container-text-link {
  color: #439AC1;
}

.w-voice-panel-presentation-notification-container-icon {
  width: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-item-align: center;
      align-self: center;
  -ms-flex-pack: end;
      justify-content: end;
}

.w-voice-panel-presentation-container-notification {
  height: 64px;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 8px;
}

.w-voice-panel-presentation-container-video {
  height: 157px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: black;
  cursor: pointer;
  opacity: 75%;
}

.w-voice-panel-presentation-container-title {
  font-size: 16px;
  letter-spacing: 0;
  text-align: left;
}

#videoContainer.component-videoplayer.w-voice-panel-presentation-videoplayer {
  width: 100%;
  height: 100%;
}

#video.component-videoplayer.w-voice-panel-presentation-video {
  width: 100%;
  height: 100%;
}

.b-action-parameters {
  width: 100%;
}

.b-action-parameters .b-master-detail {
  height: auto;
  margin-top: 0px;
}

.b-inconsistency-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-right: 28px;
}

.b-inconsistency-container tasy-wbutton {
  display: none;
}

.b-inconsistency-container .b-inconsistency-close {
  background: #FFBABF;
  border: none;
  color: #BD202B;
  cursor: pointer;
  font-size: 20px;
  padding-bottom: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.b-inconsistency-container .b-inconsistency-close:hover {
  color: #FFBABF;
  background: #BD202B;
}

.b-activation-parameters {
  padding: 10px;
  width: 100%;
}

.b-activation-parameters .container-label {
  color: #808080;
  letter-spacing: 0.2px;
  line-height: 14px;
  margin-bottom: 8px;
}

.b-activation-parameters .b-masterdetail {
  padding: 0px;
}

.b-card {
  width: 100%;
}

.b-card-height {
  height: 600px;
}

b-catalog .b-catalog-main-container {
  margin: .5em 0 5em 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

b-catalog .b-catalog-main-container .b-catalog-components-header {
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0 0% 0 0%;
  margin: 0;
  /* COUNTER / EMPTY  - CONTAINERS*/
  /* SLIDER */
  /* FILTER */
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-counter, b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-empty {
  width: 62%;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1em;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  text-transform: uppercase;
  color: #d3d3d3;
  font-weight: 500;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components__slider {
  -webkit-appearance: none;
  height: 10px;
  width: 18%;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components__slider::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0096ED;
  cursor: pointer;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components__slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #0096ED;
  cursor: pointer;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container {
  position: relative;
  padding: 10px 0 0;
  width: 20%;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #d3d3d3;
  outline: 0;
  font-size: .8rem;
  color: #164776;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  font-family: "CentraleSansCnd", Arial, Helvetica, sans-serif;
  /* reset input */
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input:-ms-input-placeholder {
  color: transparent;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input::placeholder {
  color: transparent;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input:placeholder-shown ~ .b-catalog-components-filter__label {
  font-size: .75rem;
  cursor: text;
  top: 20px;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input:focus {
  padding-bottom: 6px;
  border-width: 3px;
  border-image: linear-gradient(to right, #d3d3d3, #0096ed);
  border-image-slice: 1;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input:focus ~ .b-catalog-components-filter__label {
  position: absolute;
  top: 5px;
  display: block;
  transition: 0.2s;
  font-size: 0.8rem;
  color: #0096ed;
  font-weight: 700;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input:invalid, b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__input:required {
  box-shadow: none;
}

b-catalog .b-catalog-main-container .b-catalog-components-header .b-catalog-components-filter__container .b-catalog-components-filter__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.8rem;
  color: #d3d3d3;
}

b-catalog .b-catalog-main-container .b-catalog-components-container {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  gap: 8px 18px;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--divisor {
  display: -ms-flexbox;
  display: flex;
  line-height: 1em;
  color: #0096ed;
  width: 82em;
  padding: .8em 0 0em 0;
  border-radius: 5px;
  font-size: 1.2em;
  font-weight: 500;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--divisor-label {
  background: #0096ED;
  padding: 5px 10px 5px 10px;
  border-radius: 50px;
  color: white;
  margin-top: -5px;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--divisor::after {
  content: '';
  display: inline-block;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-top: 0.5em;
  height: 2px;
  margin-right: 10px;
  margin-left: 10px;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--divisor::after {
  background: linear-gradient(90deg, #0096ed 15%, rgba(0, 150, 237, 0) 100%);
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--area {
  width: 82em;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.2em;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--button {
  width: 10em;
  border: none;
  height: 30px;
  cursor: pointer;
  text-align: center;
  position: relative;
  background: transparent;
  color: #d3d3d3;
  font-family: "CentraleSansCnd", Arial, Helvetica, sans-serif;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-category--button:hover {
  border-bottom: 2px solid #0096ED;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item {
  padding: 5px;
  width: 13rem;
  height: 13rem;
  color: white;
  cursor: pointer;
  margin-top: 5px;
  transition: 0.5s;
  text-align: center;
  border-radius: 2px;
  transition: width 0.1s ease, height 0.1s ease;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--title {
  height: 1.8rem;
  font-size: 1em;
  color: black;
  overflow: hidden;
  font-family: "CentraleSansCnd", Arial, Helvetica, sans-serif;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--image {
  overflow: hidden;
  background-size: 100% 100%;
  background-position: center;
  height: calc(100% - (1.8rem));
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--selected-icon {
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  background-size: cover;
  background-position: center;
  transition: width 0.1s ease, height 0.1s ease;
  background-image: url("/assets/framework/images/builders/b-catalog/check_icon.svg");
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item:hover {
  box-shadow: rgba(22, 71, 118, 0.1) 0px 1px 0px, rgba(22, 71, 118, 0.1) 0px 8px 24px, rgba(22, 71, 118, 0.1) 0px 16px 48px;
  transform: scale(1.05, 1.05);
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item:not(.b-catalog-component-item--selected):not(.b-catalog-component-item--disabled) {
  background: white;
  border: 2px solid #d9d9d9;
  position: relative;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item:not(.b-catalog-component-item--selected):not(.b-catalog-component-item--disabled):before {
  content: '';
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: calc(2px/-1);
  left: calc(2px/-1);
  background: linear-gradient(to right, #0096ED 0%, #0096ED 100%), linear-gradient(to top, #0096ED 50%, transparent 50%), linear-gradient(to top, #0096ED 50%, transparent 50%), linear-gradient(to right, #0096ED 0%, #0096ED 100%), linear-gradient(to left, #0096ED 0%, #0096ED 100%);
  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transition: transform 0.1s ease-in-out, background-position 0.1s ease-in-out, background-size 0.1s ease-in-out;
  transform: scaleX(0) rotate(0deg);
  transition-delay: 0.2s, 0.1s, 0s;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item:not(.b-catalog-component-item--selected):not(.b-catalog-component-item--disabled):hover:before {
  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(0deg);
  transition-delay: 0s, 0.1s, 0.2s;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--disabled {
  opacity: 0.4;
  background-color: white;
  border: 2px solid #d9d9d9;
  position: relative;
  cursor: default;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--disabled:hover {
  box-shadow: none;
  transform: none;
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--selected {
  border: 2px solid #0096ED;
  background: #e7e7e7;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

b-catalog .b-catalog-main-container .b-catalog-components-container .b-catalog-component-item--selected .b-catalog-component-item--selected-icon {
  animation: fadeIn 1.5s;
  animation-fill-mode: forwards;
  visibility: visible;
}

b-catalog .b-catalog-components-container--slider-1 .b-catalog-component-item, b-catalog .b-catalog-components-container--size-1 .b-catalog-component-item {
  width: 9rem !important;
  height: 9rem !important;
}

b-catalog .b-catalog-components-container--slider-1 .b-catalog-component-item--selected-icon, b-catalog .b-catalog-components-container--size-1 .b-catalog-component-item--selected-icon {
  height: .7rem !important;
  width: .7rem !important;
}

b-catalog .b-catalog-components-container--slider-2 .b-catalog-component-item, b-catalog .b-catalog-components-container--size-2 .b-catalog-component-item {
  width: 10.8rem !important;
  height: 10.8rem !important;
}

b-catalog .b-catalog-components-container--slider-2 .b-catalog-component-item--selected-icon, b-catalog .b-catalog-components-container--size-2 .b-catalog-component-item--selected-icon {
  height: .8rem !important;
  width: .8rem !important;
}

b-catalog .b-catalog-components-container--slider-4 .b-catalog-component-item, b-catalog .b-catalog-components-container--size-4 .b-catalog-component-item {
  width: 16.7rem !important;
  height: 16.7rem !important;
}

b-catalog .b-catalog-components-container--slider-4 .b-catalog-component-item--title, b-catalog .b-catalog-components-container--size-4 .b-catalog-component-item--title {
  font-size: 1.2em !important;
}

b-catalog .b-catalog-components-container--slider-4 .b-catalog-component-item--selected-icon, b-catalog .b-catalog-components-container--size-4 .b-catalog-component-item--selected-icon {
  height: 1.3rem !important;
  width: 1.3rem !important;
}

b-catalog .b-catalog-components-container--slider-5 .b-catalog-component-item, b-catalog .b-catalog-components-container--size-5 .b-catalog-component-item {
  width: 22.3rem !important;
  height: 22.3rem !important;
}

b-catalog .b-catalog-components-container--slider-5 .b-catalog-component-item--title, b-catalog .b-catalog-components-container--size-5 .b-catalog-component-item--title {
  font-size: 1.3em !important;
}

b-catalog .b-catalog-components-container--slider-5 .b-catalog-component-item--selected-icon, b-catalog .b-catalog-components-container--size-5 .b-catalog-component-item--selected-icon {
  height: 1.4rem !important;
  width: 1.4rem !important;
}

b-catalog .b-catalog-components-scroll--button {
  width: 2em;
  height: 2em;
  z-index: 99;
  border: none;
  display: none;
  cursor: pointer;
  position: fixed;
  margin-right: -.3em;
  border-radius: 25px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  transition: all 0.5s;
  background-size: cover;
  background-position: center;
  background-image: url("/assets/framework/images/builders/b-catalog/arrow-up.svg");
}

b-catalog .b-catalog-components-scroll--button:hover {
  transform: scale(1.2);
}

.checkbox-selector-container {
  height: 100%;
  background-color: #f2f2f2;
  padding: 12px 12px 12px 12px;
}

.checkbox-selector-container .group {
  background-color: #bfbfbf;
  padding: 8px;
  margin-bottom: 8px;
}

.checkbox-selector-container .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
}

.checkbox-selector-container .wcheckbox-label {
  color: #666666 !important;
}

.checkbox-selector-container .is-mandatory {
  color: red;
  font-size: var(--font-size-header-5);
  display: inline-block;
}

.b-color {
  width: 100%;
}

.b-components {
  width: 82em;
}

.b-condition {
  width: 100%;
}

.b-context-menu {
  width: 100%;
}

.b-context-menu-items-height {
  height: 600px;
}

.b-context-menu-grid > .b-master-detail {
  height: 400px;
}

.b-convert {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
  height: 90%;
}

.b-convert .b-form-detail .w-mdetail {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.b-convert-tree-view {
  height: 450px;
  padding: 20px;
}

.b-convert-tree-view #container-convert-tree-view {
  height: 100%;
}

.b-convert-tree-view #container-convert-tree-view .header {
  display: none;
}

.b-convert-tree-view .w-mdetail {
  padding: 1em 0 0.5em 0;
}

.b-crud {
  width: 100%;
}

.b-crud-content {
  padding-top: 20px;
  padding-left: 28px;
}

b-datasource-list .datasource-list-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0px var(--spacing-28) 0px var(--spacing-28);
}

b-datasource-list .datasource-list-content .datasource-list-listbox {
  width: 100%;
}

b-datasource-list .datasource-list-content .datasource-list-listbox .datasource-field-container {
  padding: var(--spacing-12) var(--spacing-8) var(--spacing-12) 0;
}

b-datasource-list .datasource-list-content .datasource-list-listbox .datasource-field-container .datasource-field-label {
  padding-bottom: 6px;
}

b-datasource-list .datasource-list-content .datasource-list-listbox .datasource-field-container .datasource-field-content {
  max-width: 100%;
}

b-detail-actions {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

b-detail-actions .handlebar-button {
  min-height: 20px;
}

.b-button-container {
  width: 100%;
  text-align: right;
}

.b-button {
  padding: 0px;
  border-radius: 7px;
}

.b-dev-top-bar {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: absolute;
  z-index: 99999;
}

.b-dev-top-bar-container {
  display: none;
  padding-left: 2px;
  padding-right: 2px;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  border-radius: 3px;
  background-color: #1E1E1E;
  height: 30px;
  box-shadow: 0px 1px 5px black;
  width: -moz-max-content;
  width: max-content;
  transition: .25s ease-in-out;
}

.b-dev-top-bar-btn-holder {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.6px 3.5px;
  height: 100%;
  cursor: pointer;
}

.b-dev-top-bar-btn-holder:hover {
  background-color: #6d6c6c;
}

.b-dev-top-bar-btn-holder.clicked {
  filter: grayscale(1);
  cursor: not-allowed;
  pointer-events: none;
}

.b-dev-top-bar-btn-holder.schematicsdx-logo {
  -ms-flex-align: center;
      align-items: center;
  padding-top: 3px;
}

.b-dev-top-bar-btn-holder.schematicsdx-logo span.schematicsdx-logo-text1 {
  color: white;
  font-size: 12px;
  margin-top: -2px;
}

.b-dev-top-bar-btn-holder.schematicsdx-logo span.schematicsdx-logo-text2 {
  font-weight: bold;
  color: #00d4ff;
}

.b-dev-top-bar-btn-holder.schematicsdx-logo:hover {
  background-color: unset;
}

.b-dev-top-bar-group .b-dev-top-bar-container-actions {
  display: -ms-flexbox;
  display: flex;
}

.b-dev-top-bar-buttons {
  display: inherit;
}

.b-dev-top-bar-btn-grp {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.b-dev-top-bar-btn-grp > .b-dev-top-bar-btn-holder {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.b-dev-top-bar-btn-grp .b-dev-top-bar-btn-holder:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.b-dev-top-bar-btn {
  width: 18px;
  background-size: 15px 15px !important;
  border: none;
  margin-top: 6px;
  cursor: inherit;
}

.b-dev-top-bar-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.b-approve-btn {
  background: url("/assets/framework/images/builders/b-dev-top-bar/approve.svg") no-repeat;
}

.b-discard-btn {
  background: url("/assets/framework/images/builders/b-dev-top-bar/discard.svg") no-repeat;
}

.b-publish-btn {
  background: url("/assets/framework/images/builders/b-dev-top-bar/publish.svg") no-repeat;
}

.b-properties-btn {
  background: url("/assets/framework/images/builders/b-dev-top-bar/properties.svg") no-repeat;
}

.b-new-function-btn {
  background: url("/assets/framework/images/builders/b-dev-top-bar/new-function.svg") no-repeat;
}

.b-review-btn {
  background: url("/assets/framework/images/builders/b-dev-top-bar/review.svg") no-repeat;
}

.b-dev-top-bar-indicator-text {
  font-size: var(--font-size-body);
  font-weight: 500;
  letter-spacing: -0.0729167px;
  color: #FFFFFF;
  padding-top: 8px;
  padding-right: 2px;
}

.b-dev-top-bar-indicator-text.has-branch-name {
  padding-left: 2px;
}

.b-dev-top-bar-modified {
  font-size: var(--font-size-body);
  font-weight: 500;
  letter-spacing: -0.0729167px;
  color: #4ad8ff;
  padding-top: 8px;
  padding-right: 2px;
}

.b-dev-top-bar-outdated {
  font-size: var(--font-size-body);
  font-weight: 500;
  letter-spacing: -0.0729167px;
  color: #ffc107;
  padding-top: 8px;
  padding-right: 2px;
}

.b-dev-top-bar-list-country {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0px 3.5px;
  height: 100%;
  cursor: pointer;
}

.b-dev-top-bar-list-country:hover {
  background-color: unset;
}

.b-dev-top-bar-list-country .w-listbox {
  background-color: #e8e8e800 !important;
  border: 1px solid #58545444 !important;
  border-radius: 5px;
  width: 80px;
  top: 0px;
}

.b-dev-top-bar-list-country .w-listbox__label a {
  font-size: var(--font-size-body) !important;
  font-weight: 500 !important;
  letter-spacing: -0.0729167px !important;
  color: #FFFFFF;
}

.flag-icon-all {
  background-image: url("/assets/framework/images/builders/b-dev-top-bar/global.svg");
}

.b-dev-top-bar-list-country-separator {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

b-developer-bar {
  position: relative;
}

.wtree-row b-developer-bar {
  float: right;
  margin-top: 19px;
}

.b-developer-bar-static {
  position: static;
}

.b-developer-highlight {
  outline: 2px solid black !important;
}

.b-developer-bar-holder:not(:hover) .b-developer-bar {
  display: none;
}

.b-developer-bar-holder:not(:hover) .b-developer-bar .b-developer-bar-caption {
  display: none;
}

.b-developer-bar-holder:hover .b-developer-bar-gear {
  display: none;
}

.b-developer-bar-gear {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 8px;
  width: 20px;
  background-color: #1E1E1E;
  border-radius: 3px 3px 0px 0px;
  box-shadow: 0px 0px 3px black;
  top: 1px;
  z-index: 9994;
}

tasy-handlebar-new .b-developer-bar-holder.inside .b-developer-bar {
  margin-top: 0px;
}

.wtree .b-developer-bar-holder .b-developer-bar {
  padding-top: 3px;
  padding-left: 3px;
}

.b-developer-bar-holder {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  left: 0px;
  margin: 0 auto;
  bottom: 100%;
  top: -10px;
  -ms-flex-pack: center;
      justify-content: center;
  width: -moz-min-content;
  width: min-content;
}

.b-developer-bar-holder.inside {
  position: relative;
  border-top: none;
  top: 0;
  bottom: auto;
  display: none;
}

.b-developer-bar-holder.inside .b-developer-bar-gear {
  top: 0;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0px 1px 3px black;
}

.b-developer-bar-holder.inside .b-developer-bar {
  position: absolute;
}

.b-developer-bar-holder.inside .b-developer-bar-caption {
  padding: 2px 3px 0px 3px !important;
}

.b-developer-bar-holder.bottom {
  top: 100%;
  bottom: auto;
  opacity: 0;
  width: 0;
}

.b-developer-bar-holder.bottom .b-developer-bar-gear {
  top: 0;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0px 1px 3px black;
}

.b-developer-bar-holder.bottom.inside {
  top: auto;
  bottom: 0;
}

.b-developer-bar-holder.bottom.inside .b-developer-bar {
  margin-left: 15px;
}

.b-developer-bar-holder.left {
  margin-left: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.b-developer-bar-holder.right {
  margin-right: 0;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.b-developer-bar-holder.right .b-developer-dropdown-menu {
  transform: translate3d(10px, 0, 0);
}

.b-developer-bar-holder.right .b-developer-dropdown-menu::before {
  margin-left: 46px;
}

@media screen and (max-width: 750px) {
  .b-developer-bar-holder.right {
    margin-left: 0;
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.b-developer-bar-holder .b-developer-bar {
  position: fixed;
  margin-top: -5px;
  background: transparent;
  z-index: 9999;
  width: -moz-max-content;
  width: max-content;
  background: black;
  border-radius: 4px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-btn {
  height: 17px;
  background: #1E1E1E center no-repeat;
  padding: 0px 12px;
  color: white;
  min-width: 0px;
  box-shadow: none;
  border-radius: 3px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-btn:hover {
  background-color: #6d6c6c;
}

.b-developer-bar-holder .b-developer-bar .button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

.b-developer-bar-holder .b-developer-bar .button-group .btn-gray, .b-developer-bar-holder .b-developer-bar .button-group .w-dt-result__button.is_dpkb, .b-developer-bar-holder .b-developer-bar .button-group .w-dt-result__button.is_dpkb_visible, .b-developer-bar-holder .b-developer-bar .button-group .segment-spinner-date .btn_actions, .segment-spinner-date .b-developer-bar-holder .b-developer-bar .button-group .btn_actions, .b-developer-bar-holder .b-developer-bar .button-group #segment-buttons .btn_actions, #segment-buttons .b-developer-bar-holder .b-developer-bar .button-group .btn_actions, .b-developer-bar-holder .b-developer-bar .button-group .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .b-developer-bar-holder .b-developer-bar .button-group .wbutton, .b-developer-bar-holder .b-developer-bar .button-group .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .b-developer-bar-holder .b-developer-bar .button-group .wbutton, .b-developer-bar-holder .b-developer-bar .button-group #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .b-developer-bar-holder .b-developer-bar .button-group .wbutton {
  margin: 0;
}

.b-developer-bar-holder .b-developer-bar .b-developer-btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.b-developer-bar-holder .b-developer-bar .b-developer-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.b-developer-bar-holder .b-developer-bar .b-developer-add {
  background-image: url("/assets/framework/images/builders/b-developer-bar/plus.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-edit {
  background-image: url("/assets/framework/images/builders/b-developer-bar/gear.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-json {
  background-image: url("/assets/framework/images/builders/b-developer-bar/json.svg");
  background-size: 18px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-remove {
  background-image: url("/assets/framework/images/builders/b-developer-bar/trash.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-copy {
  background-image: url("/assets/framework/images/builders/b-developer-bar/copy.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-cut {
  background-image: url("/assets/framework/images/builders/b-developer-bar/cut.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-paste {
  background-image: url("/assets/framework/images/builders/b-developer-bar/paste.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-code {
  background-image: url("/assets/framework/images/builders/b-developer-bar/code.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-smartlink {
  background-image: url("/assets/framework/images/builders/b-developer-bar/smartlink.svg");
  background-size: 14px;
}

.b-developer-bar-holder .b-developer-bar .b-developer-bar-caption {
  height: -moz-max-content;
  height: max-content;
  text-align: center;
  color: #fff;
  padding: 0 3px 2px 3px;
  font-size: 0.8em;
}

.wtab .b-developer-bar-holder.bottom {
  top: auto;
  bottom: 8px;
}

.w-dlg-panel.tasy-wdialogbox b-developer-bar[name='w-dlg'] .b-developer-bar-holder {
  margin: 5px;
  left: 5px;
  display: block;
  top: 0px;
}

.w-dlg-panel.tasy-wdialogbox .wschematic.without-padding .wschematic-content .b-developer-bar-holder {
  top: 0;
}

.w-dlg-panel.tasy-wdialogbox .wschematic.without-padding .wschematic-content .b-developer-bar-holder.inside {
  top: 10px;
}

.wschematic:not(:hover) .b-developer-bar-holder,
.pn:not(:hover) .b-developer-bar-holder {
  opacity: 0;
  width: 0;
}

.region-cel:hover .b-developer-bar-holder,
.wnavigator-tabpanel:hover .b-developer-bar-holder,
.wtabpanel-wrapper-horizontal:hover .b-developer-bar-holder,
.wtabpanel-wrapper-vertical:hover .b-developer-bar-holder,
.wtree:hover .b-developer-bar-holder,
.wfilter:hover .b-developer-bar-holder,
.wstd-locator__filter:hover .b-developer-bar-holder,
.wdynamicform:hover .b-developer-bar-holder,
.w-dlg-panel.tasy-wdialogbox:hover .b-developer-bar-holder,
w-buttons-deck:hover .b-developer-bar-holder {
  display: -ms-flexbox;
  display: flex;
}

.wcpanel-container .b-developer-bar-holder {
  margin-top: 10px;
}

.wtab .b-developer-bar {
  height: 32px;
  margin-top: 0;
}

.wtab .b-developer-bar .b-developer-bar-caption {
  margin-top: 0px;
  height: 15px;
  line-height: 12px;
}

.wnavigator-tabpanel div.wtab .b-developer-bar-holder {
  top: 0px;
  left: 50%;
}

div.wtab-verical div.wtabpanel-wrapper .b-developer-bar-holder {
  position: relative;
  top: -27px;
}

div.wtab-verical .wtab .b-developer-bar-holder {
  position: relative;
  top: 5px;
  left: 40%;
}

div.wtab-verical .wtab .b-developer-bar-holder .b-developer-bar {
  margin-top: -5px;
}

.w-listbox .b-developer-bar-holder,
.wschematic-dropdown .b-developer-bar-holder,
.wtab .b-developer-bar-holder {
  opacity: 0;
  width: 0;
}

.w-listbox:hover .b-developer-bar-holder,
.wschematic-dropdown:hover .b-developer-bar-holder,
.wtab:hover .b-developer-bar-holder {
  opacity: 1;
  width: -moz-min-content;
  width: min-content;
}

.wtab-title .b-developer-bar-holder {
  top: 5px;
  left: 15px;
}

.schematic-tasy-patientbar .b-developer-bar-holder {
  top: 5px;
  left: 15px;
}

.wschematic-nav-bar ~ tasy-patientbar-full .b-developer-bar-holder {
  top: 38px;
}

.wschematic-nav-bar ~ tasy-patientbar-full .b-developer-bar-holder .b-developer-bar {
  left: 0;
}

a.truncate div.b-developer-bar-holder, a.panel-title div.b-developer-bar-holder, .wsubtitle a.panel-subtitle div.b-developer-bar-holder, .wschematic-breadcrumbs a.wtab-label div.b-developer-bar-holder, .wschematic-breadcrumbs a.wtab-title div.b-developer-bar-holder, a.datagrid-cell-content-wrapper div.b-developer-bar-holder, a.handlebar-button div.b-developer-bar-holder, .person-bar-field-info-text a#info div.b-developer-bar-holder, a.person-info-default div.b-developer-bar-holder, a.person-info-legal-name div.b-developer-bar-holder, .person-info-legal-name a.person-info-legal-name-span div.b-developer-bar-holder {
  bottom: unset !important;
  left: 60px !important;
}

.b-developer-dropdown-btn {
  width: 20px;
}

.b-developer-dropdown-btn::after {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.w-title-component-content .b-developer-bar-holder {
  display: -ms-flexbox;
  display: flex;
}

.b-developer-dropdown-menu-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.b-developer-dropdown-menu-item:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.text-panel .b-developer-bar-holder {
  top: 20px;
}

.wcard-content .b-developer-bar-holder,
.region-cel .b-developer-bar-holder,
.wcpanel .b-developer-bar-holder {
  position: absolute;
  top: 2px;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][inside="true"] .b-developer-bar-holder.inside {
  position: inherit;
  border-top: auto;
  bottom: auto;
  display: -ms-flexbox;
  display: flex;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][left="true"] .b-developer-bar-holder.left {
  margin-left: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][right="true"] .b-developer-bar-holder.right {
  margin-right: 0;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][right="true"] .b-developer-bar-holder.right .b-developer-dropdown-menu {
  transform: translate3d(10px, 0, 0);
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][right="true"] .b-developer-bar-holder.right .b-developer-dropdown-menu::before {
  margin-left: 46px;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][bottom="true"] .b-developer-bar-holder.bottom {
  top: 100%;
  bottom: auto;
  opacity: 0;
  width: 0;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][bottom="true"] .b-developer-bar-holder.bottom .b-developer-bar-gear {
  top: 0;
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0px 1px 3px black;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][bottom="true"] .b-developer-bar-holder.bottom.inside {
  top: auto;
  bottom: 0;
}

:not(.region-cel) > b-developer-bar[edit-component="b-dx"][bottom="true"] .b-developer-bar-holder.bottom.inside .b-developer-bar {
  margin-left: 15px;
}

.b-dialog {
  width: 100%;
}

.b-dialog .b-dialog-buttons {
  text-align: right;
  padding-top: 10px;
  padding-right: 18px;
}

.b-dimensions {
  display: -ms-flexbox;
  display: flex;
  padding: 28px;
}

.b-dimensions .b-dimensions-grid {
  width: 75%;
  height: 350px;
  padding-right: 25px;
}

.b-dimensions .b-dimensions-summary {
  width: 25%;
}

.b-dimensions .b-dimensions-form .w-inconsistency {
  margin-top: 0;
}

b-display-json .display-json-tab-container {
  width: 100%;
}

b-display-json .display-json {
  float: left;
  width: 95%;
}

b-display-json .json-download-container {
  float: right;
}

b-display-json .json-download-container .display-json-button {
  margin-top: 10px;
  content: url("/assets/framework/images/builders/b-display-json/download.png");
  height: 25px;
}

b-display-json .json-download-container .display-json-button:hover {
  opacity: 0.6;
}

.b-tabgroupselection-checkbox {
  margin-left: 30px;
}

.row-select-default-item {
  margin-top: 20px;
  width: 50%;
  float: right;
}

.row-select-default-item .w-mdetail {
  padding: 0 28px 0 28px;
}

b-dropdown-menu tasy-listbox {
  cursor: pointer;
}

.b-dashboard {
  width: 100%;
}

.b-dashboard-height {
  height: 500px;
}

.b-dynamic-table-data {
  width: 100%;
}

.height-dynamic-table-data {
  height: 600px;
}

.b-external-accesses {
  width: 100%;
}

.b-grid-detail {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.b-grid-detail .header {
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  padding: 0;
  margin: 0;
  margin-bottom: var(--spacing-20);
}

.b-grid-detail .header > .title {
  font-size: var(--font-size-header-5);
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
}

.b-grid-detail > .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.b-icon {
  width: 100%;
}

.b-imagelist-item {
  margin: 20px;
  cursor: pointer;
}

.b-imagelist-item h3 {
  margin-top: 0px;
}

.b-imagelist-highlight {
  border: 3px solid #0096ED !important;
}

.b-components .b-imagelist-item .b-image-item {
  height: 180px;
  object-fit: contain;
}

.b-legends {
  width: 100%;
}

.b-legends-color {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

.b-masterdetail {
  width: 100%;
  padding: var(--spacing-20) var(--spacing-20) 0px var(--spacing-20);
}

.b-masterdetail > .b-masterdetail-title {
  margin-left: var(--spacing-24);
  padding: 5px;
}

.b-masterdetail > .container {
  margin-top: var(--spacing-20);
}

.b-masterdetail > .container > .b-masterdetail-column {
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  min-width: 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  overflow-y: scroll;
  max-height: 45vh;
}

.b-messages {
  padding: 0px 28px 0px 28px;
  margin-bottom: 5px;
}

.b-messages .b-messages-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  box-shadow: 2px 2px 4px 0 #3333337d;
  border-radius: 2px;
}

.b-messages .b-messages-container .b-messages-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 16px;
  margin-right: 16px;
}

.b-messages .b-messages-container .b-messages-icon-container .b-messages-icon {
  width: 25px;
  height: 25px;
  background-size: cover;
}

.b-messages .b-messages-container .b-messages-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  color: #212121;
  opacity: 100%;
  font-size: var(--font-size-body);
  line-height: 14px;
}

.b-messages .b-messages-container .b-messages-hml {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  color: #212121;
  opacity: 100%;
  font-size: var(--font-size-body);
  line-height: 14px;
}

.b-messages .b-messages-container.b-messages-warning {
  border-left: 4px solid #DDCD05;
}

.b-messages .b-messages-container.b-messages-warning .b-messages-icon {
  background-image: url("/assets/framework/images/builders/b-messages/minor-warning.svg");
}

.b-messages .b-messages-container.b-messages-error {
  border-left: 4px solid #DE3835;
}

.b-messages .b-messages-container.b-messages-error .b-messages-icon {
  background-image: url("/assets/framework/images/builders/b-messages/minor-error.svg");
}

.b-messages .b-messages-container.b-messages-information {
  border-left: 4px solid #008EE8;
}

.b-messages .b-messages-container.b-messages-information .b-messages-icon {
  background-image: url("/assets/framework/images/builders/b-messages/minor-information.svg");
}

.b-navigational-main-container {
  width: 82em;
}

.b-new-function .b-inconsistency-container {
  padding-right: 0px;
}

.b-new-function .b-inconsistency-hidden {
  display: none;
}

.b-new-template-main-container .b-catalog-component-item {
  width: 22.6rem !important;
  height: 11.3rem !important;
}

.b-new-template-main-container .b-catalog-component-item--selected-icon {
  width: 1rem !important;
  height: 1rem !important;
}

b-panels .b-panels-main-container .b-catalog-component-item:not(.b-catalog-component-item--selected) {
  width: 12.8rem !important;
  height: 8.4rem !important;
  border: none !important;
}

b-panels .b-panels-main-container .b-catalog-component-item--selected {
  width: 12.8rem !important;
  height: 8.4rem !important;
}

b-panels .b-panels-main-container .b-catalog-component-item--selected-icon {
  width: .9rem !important;
  height: .9rem !important;
}

b-panels .b-panels-cel img {
  margin: 20px;
}

.b-publish {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
  height: 100%;
}

.b-publish #container-publish-files {
  height: 95%;
}

.b-publish #container-publish-files .w-mdetail {
  padding: 0;
}

b-regions .b-regions-main-container .b-catalog-component-item:not(.b-catalog-component-item--selected) {
  width: 12.8rem !important;
  height: 8.4rem !important;
  border: none !important;
}

b-regions .b-regions-main-container .b-catalog-component-item--selected {
  width: 12.8rem !important;
  height: 8.4rem !important;
}

b-regions .b-regions-main-container .b-catalog-component-item--selected-icon {
  width: .9rem !important;
  height: .9rem !important;
}

b-regions .b-regions-main-container .b-catalog-component-item {
  width: 12.8rem !important;
  height: 8.4rem !important;
}

b-regions .b-regions-main-container .b-catalog-main-container {
  margin-bottom: 2em;
}

.b-reports {
  width: 100%;
}

.b-review {
  padding-top: 15px;
}

.b-review-content .b-review-paragraph {
  font-size: var(--font-size-body);
  color: #808080;
  margin-bottom: 8px;
  letter-spacing: 0.2px;
}

.b-review-content .b-review-list-box {
  padding: 28px 28px 5px 28px;
}

.b-review-content .w-mdetail {
  padding-top: 15px;
  padding-bottom: 10px;
}

b-selector-attributes .selector-attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 28px;
}

b-selector-attributes .selector-attributes .header {
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  padding: 0;
  margin-bottom: var(--spacing-20);
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}

b-selector-attributes .selector-attributes .header > .title {
  font-size: var(--font-size-header-5);
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
}

b-selector-attributes .selector-attributes b-checkbox-selector {
  -ms-flex: 1;
      flex: 1;
  margin-left: 10px;
}

.tasy-wdialogbox.w-dlg-panel .dialog-footer {
  margin-top: 15px;
}

.b-attributes-filter__container {
  position: relative;
  padding: 10px 0 0;
  width: 99%;
  margin-bottom: 10px;
  margin-left: 10px;
}

.b-attributes-filter__container .b-attributes-filter__input {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #d3d3d3;
  outline: 0;
  font-size: 0.87rem;
  color: #333333;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  font-family: "CentraleSansCnd", Arial, Helvetica, sans-serif;
  /* reset input */
}

.b-attributes-filter__container .b-attributes-filter__input:-ms-input-placeholder {
  color: transparent;
}

.b-attributes-filter__container .b-attributes-filter__input::placeholder {
  color: transparent;
}

.b-attributes-filter__container .b-attributes-filter__input:placeholder-shown ~ .b-attributes-filter__label {
  font-size: .75rem;
  cursor: text;
  top: 20px;
}

.b-attributes-filter__container .b-attributes-filter__input:focus {
  padding-bottom: 6px;
  border-width: 3px;
  border-image: linear-gradient(to right, #d3d3d3, #333333);
  border-image-slice: 1;
}

.b-attributes-filter__container .b-attributes-filter__input:focus ~ .b-attributes-filter__label {
  position: absolute;
  top: 5px;
  display: block;
  transition: 0.2s;
  font-size: 0.8rem;
  color: #333333;
  font-weight: 700;
}

.b-attributes-filter__container .b-attributes-filter__input:invalid, .b-attributes-filter__container .b-attributes-filter__input:required {
  box-shadow: none;
}

.b-attributes-filter__container .b-attributes-filter__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 0.8rem;
  color: #d3d3d3;
}

.b-service-order .w-mdetail {
  padding: 0px var(--spacing-28) 0px var(--spacing-28);
}

.b-navigation-modal {
  width: 100%;
  height: 100%;
  padding-top: 26px;
}

.b-navigation-col {
  width: 50%;
  float: left;
}

.b-wgrid-padding {
  padding-left: 28px;
  padding-top: 28px;
  padding-right: 28px;
}

.b-default-selected-container {
  margin: 5% 52%;
  width: 25%;
}

.b-default-selected-container div {
  padding: 1%;
}

.b-default-selected-container tasy-listbox {
  margin-top: 1%;
}

.b-title {
  width: 100%;
  height: 100%;
}

.btree-detail {
  display: -ms-flexbox;
  display: flex;
}

.btree-detail .wtree-container {
  padding: 20px 0 0 0;
}

.btree-column-tree {
  width: 350px;
  height: 550px;
  min-width: 350px;
  overflow: auto;
}

.btree-container {
  width: 100%;
}

.w-corsisad-dialog .ngdialog-content {
  width: 1280px !important;
  height: 670px !important;
  display: -ms-flexbox;
  display: flex;
}

.wprivacy-policy {
  color: #ffffff;
  cursor: pointer;
}

.w-privacy-policy-dialog .ngdialog-content {
  width: 840px !important;
  height: 670px !important;
  display: -ms-flexbox;
  display: flex;
}

.pdf-viewer-container {
  padding-left: 0;
  padding-right: 0;
}

.w-report-feature .ngdialog-content {
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-report-feature .w-title {
  padding: 28px;
  padding-bottom: 0;
  background-color: #FFF;
}

.w-report-feature .wtabpanel-wrapper-horizontal {
  margin-bottom: 28px;
}

.w-report-feature .w-buttons-deck {
  padding: 2px;
  padding-top: 28px;
}

.w-report-feature .cpanel-append-component .w-buttons-deck {
  margin-bottom: calc(var(--spacing-16) * -1);
  margin-right: calc(var(--spacing-16) * -1);
}

.w-report-feature .pn.pn-shadow {
  box-shadow: none;
}

.documentation {
  border: 0px !important;
  height: 250px;
  color: #333333 !important;
}

.w-advanced-filter, .popupContent, .dialog-box {
  height: 100%;
  width: 100%;
}

.w-advanced-filter .dialog-box .dialog-content {
  max-width: initial;
  white-space: normal;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 0px;
  overflow: hidden;
  height: 100%;
}

.w-advanced-filter .dialog-box .dialog-content .content-left {
  width: calc((100%/3)*2);
}

.w-advanced-filter .dialog-box .dialog-content .content-left .wtabcontent-vertical > div.container-design {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .listbox-filter {
  display: inline-block;
  padding-bottom: 28px;
  width: 100%;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .listbox-filter .listbox-header {
  font-size: 14px;
  color: #333333;
  font-family: "CentraleSansCndBook";
  margin: 5px 0 5px 0;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter {
  margin-left: auto;
  height: 40px;
  margin-right: 10px;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .unChecked {
  background-color: white;
  border-radius: 2px;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .search-filter {
  height: 36px;
  width: 100%;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .search-filter .search-input {
  height: 100%;
  color: #333333;
  border: 1px solid #8c8c8c;
  padding-left: 32px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABA0lEQVQoz2NgAIKZrL2ZPUd7Pvd+7T7dW9THyYAKuiS6T/f8R4JXuxWRpGeygqXv9US2CfcLdAd2XwPyrndzwxX0poOkJ4nC+JP4ei73/O+thisA2v2/OwLZyh5XoJabCO7Hnv/tgsgKVjH3/Oz518ABs+Jrz/+pPMgK/jP2fOv5C1fQc77nf58HihWmQCseILhVQO4ZuHqQBfuAIu1wBZ28PQ+Arj7SZQDi9Wv27gSFRXc5kpHdOj1PwAH0sucZPLD+9WYiKxHrmdLzFizxsXdyT1bPb7CSdJQAb2DplOmUgvosvOcPSEl3KgMu0BsKNSUTp5LuKLApNxlwg96Ynhu9hgCEyJcs7+QprQAAAABJRU5ErkJggg==);
  background-position: left 8px center;
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .display-checked-first {
  padding-left: 5px;
}

.w-advanced-filter .dialog-box .dialog-content .content-right {
  width: calc(100%/3);
  background-color: #f5f5f5;
  border-left: 1px solid #8c8c8c;
}

.ngdialog-content .tasy-wdialogbox .w-advanced-filter-dialog {
  margin: -16px 0px;
}

.w-advanced-filter-dialog .ngdialog-content {
  height: 100%;
  width: 66.66667%;
}

.adv-filter-area {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.checkout-content-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
  min-width: 220px;
  max-height: 114px;
  min-height: 106px;
  margin-bottom: 5px;
}

.checkout-content-border {
  max-height: 100%;
  border: 1px solid #8c8c8c;
  background-color: #ffffff;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto;
  padding: 16px;
  width: 100%;
}

.checkout-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  height: calc(100% - 60px);
  margin-bottom: 28px;
}

.adv-container {
  padding: 28px;
  height: 100%;
}

.adv-container .waf-title {
  font-family: "CentraleSansCndBold";
  font-size: 18px;
  padding-bottom: 28px;
}

.adv-container .waf-sub-title {
  font-family: "CentraleSansCndBold";
  color: #595959;
  font-size: 16px;
  letter-spacing: 0.2px;
}

.adv-container .waf-footer .btn-gray, .adv-container .waf-footer .w-dt-result__button.is_dpkb, .adv-container .waf-footer .w-dt-result__button.is_dpkb_visible, .adv-container .waf-footer .segment-spinner-date .btn_actions, .segment-spinner-date .adv-container .waf-footer .btn_actions, .adv-container .waf-footer #segment-buttons .btn_actions, #segment-buttons .adv-container .waf-footer .btn_actions, .adv-container .waf-footer .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .adv-container .waf-footer .wbutton, .adv-container .waf-footer .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .adv-container .waf-footer .wbutton, .adv-container .waf-footer #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .adv-container .waf-footer .wbutton, .adv-container .waf-footer .btn-blue, .adv-container .waf-footer .btn-green {
  margin-left: 10px;
}

.adv-container .row-direction {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.adv-container .column-direction {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.adv-container .adv-filter-form {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: calc(100% - 47px);
}

.adv-container .adv-filter-form .loading-dimension {
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  height: calc(100% - 36px);
  width: 100%;
}

.adv-container .adv-filter-form .content-center {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.adv-container .adv-filter-form .content-border-items {
  border: 1px solid #8c8c8c;
  height: calc(100% - 80px);
  width: 100%;
}

.adv-container .adv-filter-form .content-border-custom-items {
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  height: calc(100% - 116px);
  width: 100%;
}

.adv-container .adv-filter-form .content-border-dimension {
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  height: calc(100% - 36px);
  width: 100%;
}

.adv-container .adv-filter-form .waf-left-border {
  border-right: 1px solid #8c8c8c;
  padding-right: 28px;
  height: 100%;
  width: 50%;
}

.adv-container .adv-filter-form .waf-right {
  padding-left: 28px;
  height: 100%;
  width: 50%;
}

grid .table tbody, .table-content .table tbody {
  overflow: auto;
}

grid .table th, .table-content .table th {
  display: -ms-flexbox;
  display: flex;
}

grid .table tr:hover, .table-content .table tr:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

grid .table .wcell-grid, .table-content .table .wcell-grid {
  width: 100%;
  table-layout: fixed;
}

grid .table-hover tbody tr:hover > td, .table-content .table-hover tbody tr:hover > td,
grid .table-hover tbody tr:hover > th,
.table-content .table-hover tbody tr:hover > th {
  background-color: #f2f2f2;
  cursor: pointer;
}

grid .tr-kb-select > td, .table-content .tr-kb-select > td {
  background-color: #DDECE0;
}

grid .td-kb-select.kb-select, .table-content .td-kb-select.kb-select {
  border: 1px dotted #808080;
}

grid .selected, .table-content .selected {
  background-color: #DDECFE;
}

grid .active-column, .table-content .active-column {
  font-family: 'CentraleSansCndMedium';
  color: #333333;
}

grid .table, .table-content .table {
  background-color: transparent;
  width: 100%;
  max-width: 100%;
}

grid .wcell-grid, .table-content .wcell-grid {
  table-layout: fixed;
}

grid .table.wcell-grid, .table-content .table.wcell-grid {
  width: 100%;
}

grid .editing .wcell-grid.table, .table-content .editing .wcell-grid.table {
  table-layout: auto;
}

grid .editing .wcell-grid.table :focus, .table-content .editing .wcell-grid.table :focus {
  outline: 0;
}

grid .wcell-grid tbody th, .table-content .wcell-grid tbody th {
  border: 0;
}

grid table.actioned tbody tr > td span.action, .table-content table.actioned tbody tr > td span.action {
  visibility: hidden;
}

grid table.actioned tbody tr:hover > td span.action, .table-content table.actioned tbody tr:hover > td span.action {
  visibility: visible;
}

grid .table-hover tbody tr:hover > td.form-place, .table-content .table-hover tbody tr:hover > td.form-place {
  background-color: transparent;
}

.content-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.table-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.table-content td {
  height: 28px;
  padding: 0px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
  word-break: break-all;
}

.table-content .container-start-end {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.table-content .container-start-end .start-item {
  color: #333333;
  font-size: 14px;
  text-overflow: ellipsis;
  font-family: "CentraleSansCndBook";
}

.table-content .container-start-end .end-item {
  color: #696969;
  font-size: 12px;
  font-family: "CentraleSansCndBook";
}

.table-content tr {
  border-bottom: 1px solid #8c8c8c;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  height: 28px;
}

.table-content th + th {
  border-left: #8c8c8c solid 1px;
}

.scroll-dimension-without-headers {
  height: calc(100% - 36px);
  overflow-y: auto;
}

.scroll-item-without-headers {
  height: calc(100% - 116px);
  overflow-y: auto;
}

.btn-link-blue:disabled {
  color: #bfbfbf;
  cursor: initial;
}

.w-item-checkbox {
  width: 16px;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
  border-radius: 2px;
  background-color: #ffffff;
  margin-right: 5px;
}

.w-item-label-elipses {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'CentraleSansCndBook';
}

.w-item-label-align {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 28px;
  overflow: hidden;
}

.check-element {
  width: 16px;
  height: 16px;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.waf-button-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.waf-dimension-column-header {
  padding-top: 6px;
}

.waf-dimension-item-column-header {
  padding-top: 6px;
}

.w-advanced-filter-link {
  margin-bottom: 8px;
}

.waf-container__label {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

.is-mandatory .waf-container__label:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 6px;
  padding-right: 6px;
  margin-top: 20px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNXB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDUgNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNSA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSIjREIyQTM2IiBkPSJNMS45MTMsMi45NzVMMCwybDAuNTQtMWwxLjY3OCwxLjQ3OUwyLDBoMUwyLjc5MSwyLjQ3OUw0LjQ3LDFsMC41MTUsMUwzLjA3NywyLjk3NUw1LDRMNC40Nyw1TDIuNzkxLDMuNTA5TDMsNkgybDAuMjE4LTIuNTFMMC41NCw1TDAsNEwxLjkxMywyLjk3NXoiLz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+") no-repeat;
}

.w-token-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #333333;
  font-family: 'CentraleSansCndBook';
}

.w-token-sub-title {
  padding-left: 5px;
  font-size: 14px;
  color: #b0b0b0;
  font-family: 'CentraleSansCndBook';
}

.w-token-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-bottom: 10px;
}

.w-token-ul {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-token-li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-token-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 154px;
  height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  background-color: #F2F2F2;
  letter-spacing: 0.2px;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  cursor: default;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center;
}

.w-token-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'CentraleSansCndBook';
}

.w-token-clear {
  height: 100%;
  cursor: pointer;
  padding-right: 12px;
  background-size: 8px;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48dGl0bGU+Y2xvc2UtZmlsdGVyPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48Zz48cG9seWxpbmUgZmlsbD0iIzgwODA4MCIgcG9pbnRzPSIwLjgsMS44IDEyLjIsMTMuMiAxMy4xLDEyLjIgMS44LDAuOCAiLz48cG9seWxpbmUgZmlsbD0iIzgxODE4MSIgcG9pbnRzPSIxMi4yLDAuOCAwLjksMTIuMiAxLjgsMTMuMiAxMy4yLDEuOCAiLz48L2c+PC9zdmc+);
}

tasy-waiinterface {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'CentraleSansCndBook';
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  max-width: 200px;
  min-height: 33px;
  border: none;
  padding: 0 6px;
  line-height: var(--font-size-body);
  background-position: 6px 6px;
  background-color: transparent;
  cursor: pointer;
}

tasy-waiinterface .ai-interface {
  display: inline-block;
}

tasy-waiinterface .hidden {
  display: none;
}

tasy-waiinterface .text-ai-interface {
  display: inline-block;
  vertical-align: top;
  padding-block: 1px;
}

tasy-waiinterface .w-ai-interface_start-icon-microphone {
  background-image: url("/assets/framework/w-voice-panel/star-speech.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 32px;
}

tasy-waiinterface .w-ai-interface_start-icon-microphone-datafill {
  background-color: var(--color-signal-purple-60);
  -webkit-mask: url(/assets/framework/w-ia/star-purple.svg) no-repeat center/contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

tasy-waiinterface .w-ai-interface-datafill {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}

tasy-waiinterface .w-ai-interface_start-icon-microphone-datafill-title {
  color: var(--color-signal-purple-60);
  vertical-align: middle;
}

w-biometrics {
  width: 100%;
  height: 100%;
}

w-biometrics .container-img {
  margin: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

w-biometrics img {
  height: 72px;
  width: 72px;
  background-repeat: no-repeat;
}

w-biometrics .container-biometric {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

w-biometrics .container-status {
  width: 100%;
  height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

w-biometrics .status-biometric {
  line-height: 16px;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  color: #FFF;
  padding-right: 28px;
  padding-left: 28px;
  opacity: 0.6;
}

w-biometrics .remove-biometric {
  margin-left: 0;
  line-height: 16px;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
}

w-biometrics .container-btn {
  margin: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
}

w-biometrics .btn-biometric {
  width: 200px !important;
  height: 32px;
}

w-bullet-info {
  background-color: #dfd9d9;
  width: 100%;
}

w-bullet-info .bullet-info {
  width: 16px;
  height: 16px;
  background: #bfbfbf;
  border-radius: 50px;
}

w-bullet-info .bullet-info-hide {
  display: none;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

.w-buttons-deck {
  background-color: white;
  padding: var(--spacing-16) var(--spacing-16);
}

.w-buttons-deck.w-buttons-deck--external {
  margin-top: var(--spacing-16);
}

.w-buttons-deck tasy-wdynamic-form {
  padding: 0px;
}

.w-buttons-deck .w-form {
  margin-bottom: -var(--spacing-12);
}

.w-buttons-deck tasy-handlebar-new {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.w-buttons-deck button {
  margin: 0 8px 1px 8px;
}

@media (min-width: 3840px) {
  .w-buttons-deck button {
    margin: 0 16px 2px 16px;
  }
}

.w-buttons-deck button.btn-link-blue {
  margin: 0 16px 1px 16px;
}

.w-buttons-deck button.btn-link-blue:first-child {
  margin-left: var(--spacing-8);
}

.w-buttons-deck button.btn-link-blue:last-child {
  margin-right: var(--spacing-8);
}

@media (min-width: 3840px) {
  .w-buttons-deck button.btn-link-blue {
    margin: 0 32px 2px 32px;
  }
}

.w-buttons-deck button.w-dt-result__button {
  margin: 0;
}

.w-buttons-deck .handlebar-buttons {
  padding: 2px;
  margin: -2px;
}

@media (min-width: 3840px) {
  .w-buttons-deck .handlebar-buttons {
    padding: 4px;
    margin: -4px;
  }
}

.dark-skin .w-buttons-deck {
  background: transparent;
}

.wcallpanel_patient_horizontal {
  padding: 40px;
  background-color: #333333;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 50%;
  overflow: auto;
}

.wcallpanel_patient_horizontal.tabSystem {
  height: 100%;
  max-height: 60%;
}

.wcallpanel_patient_vertical {
  padding: 40px;
  width: 33.33%;
  background-color: #333333;
}

.wcallpanel_patient_vertical.tabSystem {
  width: 60%;
}

.wcallpanel_content .field_label {
  color: #a6a6a6;
  font-family: "CentraleSansCndBook";
  font-size: 24px;
  line-height: 32px;
  line-height: inherit;
  display: block;
}

.wcallpanel_content .field_info {
  font-size: 36px;
  line-height: 40px;
  margin-top: 8px;
  color: #ffffff;
  font-family: "CentraleSansCndMedium";
  line-height: inherit;
  display: block;
}

.wcallpanel_content .horizontal_gradient {
  background-image: linear-gradient(to right, transparent 20%, #00ba2f 40%, #00ba2f 60%, transparent 75%);
  background-size: 600% 600%;
  background-position: 600%;
  -webkit-animation-name: horizontal_animation;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: horizontal_animation;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: 1;
  -o-animation-name: horizontal_animation;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: 1;
  animation-name: horizontal_animation;
  animation-duration: 6s;
  animation-iteration-count: 1;
}

.wcallpanel_content .horizontal_gradient .field_label {
  color: #d9d9d9;
}

@keyframes horizontal_animation {
  0% {
    background-position: 100%;
  }
  25% {
    background-position: 50%;
  }
  50% {
    background-position: 50%;
  }
  75% {
    background-position: 50%;
  }
  100% {
    background-position: 0%;
  }
}

.wcallpanel_content .vertical_gradient {
  background-image: linear-gradient(to top, transparent 25%, #00ba2f 50%, #00ba2f 60%, transparent 75%);
  background-size: 600% 600%;
  background-position: 600%;
  -webkit-animation-name: vertical_animation;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-name: vertical_animation;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: 1;
  -o-animation-name: vertical_animation;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: 1;
  animation-name: vertical_animation;
  animation-duration: 6s;
  animation-iteration-count: 1;
}

.wcallpanel_content .vertical_gradient .field_label {
  color: #d9d9d9;
}

@keyframes vertical_animation {
  0% {
    background-position: 50% 0%;
  }
  25% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  75% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 50% 100%;
  }
}

.wcallpanel_grid {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #ffffff;
}

.wcallpanel_grid .ui-grid-cell {
  cursor: initial;
}

.wcallpanel_grid .ui-grid-row:hover {
  background-color: #ffffff;
}

.wcallpanel_grid_vertical {
  width: 40%;
  padding: 0px 15px;
}

.wcallpanel_grid_vertical .wcallpanel_wcpanel_area_tab {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.wcallpanel_grid_vertical .wcallpanel_wcpanel_area_tab .labels-records {
  height: auto;
  margin: 16px 0 0 0;
  max-width: 100%;
  width: 100%;
}

.wcallpanel_label_horizontal {
  margin-top: 24px;
  margin-right: 64px;
}

.wcallpanel_label_horizontal.tabSystem:first-child .field_info {
  font-size: 10vw;
}

.wcallpanel_label_horizontal:first-child {
  width: 100%;
  margin-top: 0px;
  margin-right: 0px;
}

.wcallpanel_label_horizontal:first-child .field_label {
  font-size: 48px;
  line-height: 52px;
}

.wcallpanel_label_horizontal:first-child .field_info {
  font-size: 96px;
  letter-spacing: -0.05px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wcallpanel_label_horizontal.tabSystem {
  width: 50%;
  margin: 0;
}

.wcallpanel_label_horizontal.tabSystem .field_info {
  font-size: 4vw;
}

.wcallpanel_label_horizontal.tabSystem .field_label {
  font-size: 2vw;
}

.wcallpanel_label_horizontal.tabSystem:last-child {
  width: 100%;
}

.wcallpanel_label_horizontal:last-child {
  margin-right: 0px;
}

.wcallpanel_label_vertical.tabSystem:first-child .field_info {
  font-size: 10vw;
}

.wcallpanel_label_vertical {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 200px;
  margin-bottom: 48px;
}

.wcallpanel_label_vertical.tabSystem .field_info {
  font-size: 4.8vw;
}

.wcallpanel_label_vertical.tabSystem .field_label {
  font-size: 2vw;
}

.wcallpanel_label_vertical:last-child {
  margin-bottom: 0px;
}

.wcallpanel_content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.wcallpanel_horizontal {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.wcallpanel_vertical {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

.blinkDiv .field_label, .blinkDiv .field_header3, .blinkDiv .field_header4 {
  -webkit-animation-name: blink;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
  -moz-animation-name: blink;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 0.5s;
  -o-animation-name: blink;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-delay: 0.5s;
  animation-name: blink;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
}

.first_row .ui-grid-canvas .ui-grid-row:first-child {
  background-color: #ffffff;
}

.wcallpanel_wcpanel_area {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

.wcallpanel_wcpanel_area_tab {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
}

.wcallpanel_wcpanel_area_tab .title {
  width: 100%;
  font-size: 2vw;
  padding: 14px 0;
}

.wcallpanel_wcpanel_area_tab .labels-records {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex: 1;
      flex: 1;
  max-width: 33%;
  height: 90%;
  background-color: #333333;
  border-radius: 10px;
  -ms-flex-align: center;
      align-items: center;
  color: white;
}

.wcallpanel_wcpanel_area_tab .labels-records span {
  font-size: calc(2em + 4vw);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

tasy-wcapture {
  display: block;
  background-color: #FFF;
  padding: 28px;
}

div[id="wCapture"] {
  background-color: #bfbfbf;
}

.w-capture-container {
  width: 349px;
  height: 349px;
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.w-capture-button {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
}

.wtabpanel-content tasy-wcapture {
  padding: 0;
}

tasy-wcard {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
}

tasy-wcard.wcard-wrapper.hide-pagination tasy-wcpanel .wcpanel-container .pagination {
  display: none;
}

tasy-wcard .wcard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  transition: box-shadow 0.375s, border 0.375s;
}

tasy-wcard .wcard--normal {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

tasy-wcard .wcard--normal:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

tasy-wcard .wcard--selected {
  background: #daf1f7;
}

tasy-wcard .wcard--pinned {
  border: 1px solid #d6d6d6;
}

tasy-wcard .wcard--no-hover:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) !important;
}

tasy-wcard .wcard-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

tasy-wcard .wcard.is-border {
  border: 2px outset #0096ed;
}

tasy-wcard .wcard .filter-container {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

tasy-wcard .wcard .filter-container .wfilter, tasy-wcard .wcard .filter-container .wstd-locator__filter {
  border-radius: 4px 4px 0 0;
}

tasy-wcard .wcard .filter-container.filter_vertical .wfilter, tasy-wcard .wcard .filter-container.filter_vertical .wstd-locator__filter {
  border-radius: 4px 0 0 4px;
}

tasy-wcard .wcard-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: start;
  margin-bottom: 16px;
  width: 100%;
}

tasy-wcard .wcard-header.is-float {
  position: absolute;
  z-index: 1;
}

tasy-wcard .wcard-header.is-float ~ .wcard-content-wrapper {
  height: 100%;
}

tasy-wcard .wcard-header.header-divider {
  border-bottom: 1px solid #d6d6d6;
}

tasy-wcard .wcard-header .wcard-content-header {
  -ms-flex-align: center;
      align-items: center;
  color: #808080;
  cursor: default;
  display: none;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  height: 32px;
  letter-spacing: 0.2px;
  margin: 8px 24px 8px 12px;
}

tasy-wcard .wcard-title {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  color: #333333;
  cursor: default;
  font: bold 16px "CentraleSansCndBold";
  letter-spacing: 0.2px;
  line-height: 16px;
  margin: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

tasy-wcard .wcard-subtitle {
  color: #808080;
  font-size: var(--font-size-body);
  margin: 4px 0;
  margin-left: 12px;
}

tasy-wcard .wcard-icon {
  background: transparent center no-repeat;
  cursor: pointer;
  display: block;
  height: 16px;
  transition: all 0.375s;
  width: 16px;
}

tasy-wcard .wcard-icon.wcard-filter-icon {
  background-image: url("/assets/framework/images/components/w-filter/filter.svg");
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 0 12px 0 -4px;
}

tasy-wcard .wcard-icon.wcard-filter-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-filter-icon:active, tasy-wcard .wcard-icon.wcard-filter-icon:hover {
  background-image: url("/assets/framework/images/components/w-filter/filter-hover.svg");
}

tasy-wcard .wcard-icon.wcard-chart-icon {
  background-image: url("/assets/framework/images/components/w-card/chart.svg");
}

tasy-wcard .wcard-icon.wcard-chart-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-chart-icon:active, tasy-wcard .wcard-icon.wcard-chart-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/chart-selected.svg");
}

tasy-wcard .wcard-icon.wcard-grid-icon {
  background-image: url("/assets/framework/images/components/w-card/grid.svg");
}

tasy-wcard .wcard-icon.wcard-grid-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-grid-icon:active, tasy-wcard .wcard-icon.wcard-grid-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/grid-selected.svg");
}

tasy-wcard .wcard-icon.wcard-cube-icon {
  background-image: url("/assets/framework/images/components/w-card/cube.svg");
}

tasy-wcard .wcard-icon.wcard-cube-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-cube-icon:active, tasy-wcard .wcard-icon.wcard-cube-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/cube-selected.svg");
}

tasy-wcard .wcard-icon.wcard-info-icon {
  background-image: url("/assets/framework/images/components/w-card/info.svg");
  -ms-flex-order: 10;
      order: 10;
}

tasy-wcard .wcard-icon.wcard-info-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-info-icon:active, tasy-wcard .wcard-icon.wcard-info-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/info-selected.svg");
}

tasy-wcard .wcard-icon.wcard-external-icon {
  background-image: url("/assets/framework/images/components/w-card/external.svg");
  -ms-flex-order: 15;
      order: 15;
}

tasy-wcard .wcard-icon.wcard-external-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-external-icon:active, tasy-wcard .wcard-icon.wcard-external-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/external-selected.svg");
}

tasy-wcard .wcard-icon.wcard-pin-icon {
  background-image: url("/assets/framework/images/components/w-card/pin.svg");
  -ms-flex-order: 20;
      order: 20;
}

tasy-wcard .wcard-icon.wcard-pin-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-pin-icon:active, tasy-wcard .wcard-icon.wcard-pin-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/pin-selected.svg");
}

tasy-wcard .wcard-icon.wcard-expand-icon {
  background-image: url("/assets/framework/images/components/w-card/expand.svg");
  -ms-flex-order: 30;
      order: 30;
}

tasy-wcard .wcard-icon.wcard-expand-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-expand-icon:active, tasy-wcard .wcard-icon.wcard-expand-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/expand-selected.svg");
}

tasy-wcard .wcard-icon.wcard-collapse-icon {
  background-image: url("/assets/framework/images/components/w-card/collapse.svg");
  -ms-flex-order: 30;
      order: 30;
}

tasy-wcard .wcard-icon.wcard-collapse-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-collapse-icon:active, tasy-wcard .wcard-icon.wcard-collapse-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/collapse-selected.svg");
}

tasy-wcard .wcard-icon.wcard-settings-icon {
  background-image: url("/assets/framework/images/three-dots-v-light.svg");
  -ms-flex-order: 999;
      order: 999;
}

tasy-wcard .wcard-icon.wcard-settings-icon.wcard-icon--selected, tasy-wcard .wcard-icon.wcard-settings-icon:active, tasy-wcard .wcard-icon.wcard-settings-icon:hover {
  background-image: url("/assets/framework/images/three-dots-v-light-hover.svg");
}

tasy-wcard .wcard-action-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

tasy-wcard .wcard-action-icons .wcard-icon {
  margin-right: 8px;
}

tasy-wcard .wcard-right-section {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding: 8px 8px 12px 0px;
}

tasy-wcard .wcard-right-section :not(:last-child) {
  margin-right: 8px;
}

tasy-wcard .wcard-right-section .hidden {
  display: none;
}

tasy-wcard .wcard .wcard-loader-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: baseline;
      align-items: baseline;
  height: calc(100% - 32px);
  width: 100%;
}

tasy-wcard .wcard .wcard-content-tab {
  margin-left: 0;
  margin-right: 0;
}

tasy-wcard .wcard-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  margin: 0 16px 12px;
  overflow: hidden;
}

tasy-wcard .wcard-content-wrapper:last-child {
  margin-bottom: 16px;
}

tasy-wcard .wcard-content-wrapper .no-content {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

tasy-wcard .wcard-content-wrapper .wcard-content {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-chart-view .wcard-content-chart {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-chart-view .wcard-content-contentBuilder {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-chart-view .wcard-content-grid {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-chart-view .wcard-content-grid-builder {
  display: block;
  width: 100%;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-chart-view .wcard-content-cube {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-grid-view .wcard-content-chart,
tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-grid-view .wcard-content-contentBuilder {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-grid-view .wcard-content-grid {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-grid-view .wcard-content-cube {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-cube-view .wcard-content-chart {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-cube-view .wcard-content-grid {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-content-cube-view .wcard-content-cube {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-hide-scrollbar .ui-grid-viewport,
tasy-wcard .wcard-content-wrapper .wcard-content.wcard-hide-scrollbar .slick-viewport {
  overflow: scroll;
}

tasy-wcard .wcard-content-wrapper .wcard-content.wcard-hide-scrollbar .ui-grid-viewport::-webkit-scrollbar,
tasy-wcard .wcard-content-wrapper .wcard-content.wcard-hide-scrollbar .slick-viewport::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

tasy-wcard .wcard-content-wrapper .wcard-content .region-cont-row > .region-cel {
  border-left: none;
  padding-left: 12px;
}

tasy-wcard .wcard-content-wrapper .wcard-content .region-cont-row > .region-cel:first-child {
  padding-left: 0;
}

tasy-wcard .wcard-content-wrapper .wcard-content .region-cont-column > .region-cel {
  border-bottom: none;
  padding-bottom: 12px;
}

tasy-wcard .wcard-content-wrapper .wcard-content .region-cont-column > .region-cel:last-child {
  padding-bottom: 0;
}

@media (min-width: 1920px) {
  tasy-wcard .wcard-content-wrapper .wcard-content .region-cont-column > .region-cel {
    padding-bottom: 16px;
  }
  tasy-wcard .wcard-content-wrapper .wcard-content .region-cont-row > .region-cel {
    padding-left: 16px;
  }
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wcpanel,
tasy-wcard .wcard-content-wrapper .wcard-content w-list-view {
  height: 100%;
  width: 100%;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wcpanel .wlistview-container,
tasy-wcard .wcard-content-wrapper .wcard-content w-list-view .wlistview-container {
  padding: 0;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wcpanel .wlistview-container .cn-legend-pagination,
tasy-wcard .wcard-content-wrapper .wcard-content tasy-wcpanel .wlistview-container .wtitle,
tasy-wcard .wcard-content-wrapper .wcard-content w-list-view .wlistview-container .cn-legend-pagination,
tasy-wcard .wcard-content-wrapper .wcard-content w-list-view .wlistview-container .wtitle {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wcpanel .wcpanel-container,
tasy-wcard .wcard-content-wrapper .wcard-content w-list-view .wcpanel-container {
  padding: 0;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wcpanel .wcpanel-container .wtitle,
tasy-wcard .wcard-content-wrapper .wcard-content w-list-view .wcpanel-container .wtitle {
  display: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wchart .wchart {
  max-height: 100%;
  max-width: 100%;
  background-color: transparent;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wchart .wchart .main-container {
  padding: 0;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wchart .wchart .main-container .wchart-container.c3 svg {
  margin: auto;
}

tasy-wcard .wcard-content-wrapper .wcard-content .detail-panel-content {
  padding: 0;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.w-bars__tabs {
  color: #000;
  background-color: #fff;
  padding-right: 44px;
  height: 40px;
  line-height: 36px;
  box-shadow: none;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .wtab-horizontal, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.w-bars__tabs .wtab-horizontal, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .w-bars__tab, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.w-bars__tabs .w-bars__tab {
  padding: 0;
  position: relative;
  max-width: 150px;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .wtab .wtab-link-horizontal, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.w-bars__tabs .wtab .wtab-link-horizontal {
  color: #000;
  font-family: "CentraleSansCndBook";
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .wtab .wtab-link-horizontal-active, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.w-bars__tabs .wtab .wtab-link-horizontal-active {
  color: #0096ed;
  font-family: "CentraleSansCndBook";
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .wtab-mark-horizontal, tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-container.w-bars__tabs .wtab-mark-horizontal {
  height: 2px;
  vertical-align: bottom;
  position: relative;
}

tasy-wcard .wcard-content-wrapper .wcard-content tasy-wtab-panel .wtabpanel-content {
  margin-right: 16px;
  margin-left: 16px;
}

tasy-wcard tasy-wdynamic-form,
tasy-wcard .wdynamicform,
tasy-wcard .w-mdetail {
  background: transparent;
}

.wcard-header-text-panel .text-panel .tp-row {
  margin-top: 4px;
}

.wcard-header-texts {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
}

.wcard-header-texts .wcard-icon {
  margin-left: -7px;
  margin-top: 12px;
}

.wcard-title-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.is-expanded {
  top: 0;
  left: 0;
  min-height: 100%;
  max-height: 600px;
  min-width: 100%;
}

.is-expanded .wcard-wrapper .wcard .wcard-content-wrapper .wcard-content {
  overflow: auto;
}

.is-expanded .wcard-wrapper .wcard .wcard-content-wrapper .wcard-content .ui-grid-viewport,
.is-expanded .wcard-wrapper .wcard .wcard-content-wrapper .wcard-content .slick-viewport {
  overflow: auto !important;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-action-icons {
  max-width: 100px;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header {
  display: -ms-flexbox;
  display: flex;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header.wcard-content-header-disabled {
  pointer-events: none;
  opacity: 0.7;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-period {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-period > *:not(:last-child) {
  margin-right: 8px;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-period label {
  white-space: nowrap;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-period tasy-listbox,
.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-period tasy-wdatetimepicker {
  height: 32px;
  width: 130px;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-view {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-view > *:not(:last-child) {
  margin-right: 8px;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header .wcard-header-view label {
  white-space: nowrap;
}

.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-content-header * + .wcard-header-view {
  margin-left: 24px;
}

.wdashboard-cardwrapper-hidden {
  display: none;
}

.wcard-footer .wcard-content-footer {
  margin: 0 16px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.wcard-footer .totalizer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  height: auto;
  padding: 0;
}

.wcard-footer .totalizer .totalizadorTotal {
  width: 100%;
  margin: 0 0 16px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.wcard-footer .totalizer .totalizadorTotal .totalTitle {
  letter-spacing: 0.2px;
  color: #808080;
  line-height: 14px;
}

.wcard-footer .totalizer .totalizadorTotal .totalTotalizer {
  letter-spacing: 0.2px;
  color: #808080;
  line-height: 14px;
  font-family: "CentraleSansCndBold";
  font-weight: normal;
}

.wcard-footer .totalizer .totalizador {
  width: auto;
  margin: 0 20px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.wcard-footer .totalizer .totalizador img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: block;
  overflow: hidden;
}

.wcard-footer .totalizer tasy-wbutton {
  -ms-flex: 1;
      flex: 1;
  width: auto !important;
  min-width: initial !important;
  height: 14px !important;
  line-height: 14px !important;
  padding-right: 0 !important;
  display: block !important;
  overflow: initial !important;
  cursor: initial !important;
}

.wcard-footer .totalizer tasy-wbutton.bt_log span {
  float: right;
  line-height: 14px;
}

.dark-skin tasy-wcard .wcard {
  background: #4d4d4d;
  color: #ffffff;
}

.dark-skin tasy-wcard .wcard--normal {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.dark-skin tasy-wcard .wcard--normal:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin tasy-wcard .wcard--normal:hover tasy-wchart .wchart-empty-message,
.dark-skin tasy-wcard .wcard--normal:hover tasy-wchart .wchart-active-loader {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin tasy-wcard .wcard--normal:hover .table-chart-header-pinned {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin tasy-wcard .wcard--normal:hover tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal, .dark-skin tasy-wcard .wcard--normal:hover tasy-wtab-panel .wtabpanel-container.w-bars__tabs, .dark-skin tasy-wcard .wcard--normal:hover tasy-wtab-panel .wtabpanel-wrapper-horizontal {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin tasy-wcard .wcard .wtabpanel-wrapper-horizontal {
  background: #4d4d4d;
}

.dark-skin tasy-wcard .wcard .wtabpanel-wrapper-horizontal:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin tasy-wcard .wcard--selected {
  background-image: linear-gradient(rgba(157, 211, 227, 0.24), rgba(157, 211, 227, 0.24)), linear-gradient(#4d4d4d, #4d4d4d);
}

.dark-skin tasy-wcard .wcard--pinned {
  border: 1px solid #383838;
}

.dark-skin tasy-wcard .wcard--no-hover:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: #4d4d4d;
}

.dark-skin tasy-wcard .wcard-header.header-divider {
  border-color: #696969;
}

.dark-skin tasy-wcard .wcard-header .wcard-content-header {
  color: #ffffff;
}

.dark-skin tasy-wcard .wcard-title {
  color: #ffffff;
  font-family: "CentraleSansCndBold";
}

.dark-skin tasy-wcard .wcard-icon.wcard-filter-icon {
  background-image: url("/assets/framework/images/components/w-filter/dark/filter.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-filter-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-filter-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-filter-icon:hover {
  background-image: url("/assets/framework/images/components/w-filter/dark/filter-hover.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-chart-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/chart.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-chart-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-chart-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-chart-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/chart-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-grid-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/grid.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-grid-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-grid-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-grid-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/grid-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-cube-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/cube.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-cube-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-cube-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-cube-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/cube-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-info-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/info.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-info-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-info-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-info-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/info-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-pin-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/pin.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-pin-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-pin-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-pin-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/pin-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-expand-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/expand.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-expand-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-expand-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-expand-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/expand-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-collapse-icon {
  background-image: url("/assets/framework/images/components/w-card/dark/collapse.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-collapse-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-collapse-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-collapse-icon:hover {
  background-image: url("/assets/framework/images/components/w-card/dark/collapse-selected.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-settings-icon {
  background-image: url("/assets/framework/images/three-dots-v-dark.svg");
}

.dark-skin tasy-wcard .wcard-icon.wcard-settings-icon.wcard-icon--selected, .dark-skin tasy-wcard .wcard-icon.wcard-settings-icon:active, .dark-skin tasy-wcard .wcard-icon.wcard-settings-icon:hover {
  background-image: url("/assets/framework/images/three-dots-v-dark-hover.svg");
}

.dark-skin tasy-wcard .wcard.is-border {
  border: 1.5px outset #41c9fe;
}

.dark-skin tasy-wcard .wcard tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal, .dark-skin tasy-wcard .wcard tasy-wtab-panel .wtabpanel-container.w-bars__tabs {
  background-color: #4d4d4d;
}

.dark-skin tasy-wcard .wcard tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .wtab .wtab-link-horizontal, .dark-skin tasy-wcard .wcard tasy-wtab-panel .wtabpanel-container.w-bars__tabs .wtab .wtab-link-horizontal {
  color: #ffffff;
}

.dark-skin tasy-wcard .wcard tasy-wtab-panel .wtabpanel-container.wtabpanel-horizontal .wtab .wtab-link-horizontal-active, .dark-skin tasy-wcard .wcard tasy-wtab-panel .wtabpanel-container.w-bars__tabs .wtab .wtab-link-horizontal-active {
  color: #4accff;
}

.w-carga,
.w-carga__file-chooser,
.w-carga__container,
.w-carga__grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-carga__grid {
  position: relative;
  width: 100%;
  min-width: 0;
  max-height: 100%;
  min-height: 0;
}

.w-carga-grid_source {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  min-width: 0;
  max-height: 100%;
  min-height: 0;
  position: relative;
}

tasy-wcarga {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #FFF;
  width: 100%;
  min-width: 0;
  max-height: 100%;
  min-height: 0;
  position: relative;
  padding: 28px;
}

.w-carga {
  position: relative;
  width: 100%;
  padding: 28px;
  background-color: #FFF;
}

.w-carga__label {
  position: relative;
  height: 14px;
  font-size: var(--font-size-body);
  line-height: 14px;
  margin-bottom: 8px;
  color: #808080;
  display: block;
}

.w-carga__container {
  position: relative;
  min-width: 0;
  margin-top: 16px;
}

.w-carga__grid, .w-carga__container, .w-carga {
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
}

.w-carga__grid {
  margin-top: 16px;
}

.w-carga-status {
  display: inline-block;
  width: 100%;
}

.w-carga-status__item + .w-carga-status__item {
  margin-left: 28px;
}

.w-carga-status__item {
  display: block;
  float: left;
}

.w-carga-status__label {
  margin-right: 8px;
  color: #333333;
  font-family: "CentraleSansCndMedium";
}

.w-carga-status__value {
  font-family: "CentraleSansCndBold";
  color: #333333;
}

w-charts-navigator {
  width: 100%;
}

.w-charts-navigator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.w-charts-navigator__header {
  min-width: 287px;
}

.w-charts-navigator__header__line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: 4px;
  height: 12px;
}

.w-charts-navigator__header__line:last-child {
  margin-bottom: 0;
}

.w-charts-navigator__header__legend {
  border-radius: 6px;
  height: 12px;
  margin-right: 8px;
  width: 12px;
}

.w-charts-navigator__header__title {
  color: #333333;
  font-family: 'CentraleSansCndBook';
  font-size: var(--font-size-caption);
  height: 12px;
  max-width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-charts-navigator__bars-pane {
  background-color: #F0F0F0;
  position: relative;
  width: 100%;
}

.w-charts-navigator__bar rect.pin-point {
  fill-opacity: 1;
  fill: #f5f5f5;
}

.w-charts-navigator__zoom {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.w-charts-navigator__zoom.inner {
  border-left: #808080 solid 1px;
  border-right: #808080 solid 1px;
  cursor: pointer;
}

.w-charts-navigator__zoom.inner-label {
  color: #0096ed;
  font-size: var(--font-size-caption);
  position: absolute;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 50px;
}

.w-charts-navigator__zoom.inner-label.right {
  left: calc(100% - 35px);
}

.w-charts-navigator__zoom.inner-button {
  background-color: #808080;
  border-radius: 7px;
  height: 14px;
  width: 14px;
  z-index: 3;
}

.w-charts-navigator__zoom.inner-button.right {
  left: calc(100% - 7px);
  top: calc(50% - 7px);
}

.w-charts-navigator__zoom.inner-button.left {
  left: calc(0% - 7px);
  top: calc(50% - 7px);
}

.w-charts-navigator__zoom.outer {
  background-color: #f2f2f2;
  opacity: 0.7;
  z-index: 2;
}

.w-charts-navigator__line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 12px;
  margin-bottom: 4px;
}

.w-charts-navigator__line:last-child {
  margin-bottom: 0;
}

.w-charts-navigator__bar {
  background-color: rgba(128, 128, 128, 0.4);
  border-radius: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 12px;
  width: 100%;
}

.w-charts-navigator__bar > svg {
  overflow: visible;
}

.w-charts-navigator__icon--zoomed {
  overflow: visible;
}

.w-charts-navigator__icon--zoomed svg {
  overflow: visible;
  transform: scale(1.3);
}

.w-charts-navigator__svg {
  z-index: 1;
  cursor: pointer;
}

.w-charts-navigator__svg__tooltip {
  font-size: 12px;
  font-family: CentraleSansCndBook;
  opacity: 100%;
}

.w-charts-navigator__svg__tooltip__title {
  line-height: 13px;
  color: #C4C4C4;
}

.w-charts-navigator__svg__tooltip__title-dark {
  color: #696969;
}

.w-charts-navigator__svg__tooltip__description {
  color: #FFFFFF;
}

.w-charts-navigator__svg__tooltip__description-dark {
  color: #212121;
}

.chart-navigator-timeline .w-charts-navigator__header {
  min-width: auto;
  position: absolute;
  left: calc(50% - 110px);
}

.chart-navigator-timeline.layout-4-columns .w-charts-navigator__header {
  left: calc(66.6% - 210px);
}

.chart-navigator-timeline.layout-8-columns .w-charts-navigator__header {
  left: calc(33% - 120px);
}

.dark-skin .w-charts-navigator__header__title {
  color: #e8e8e8;
}

.dark-skin .w-charts-navigator__zoom.inner-label {
  color: #e8e8e8;
}

.dark-skin .w-charts-navigator__zoom.outer {
  background-color: #4d4d4d;
}

.dark-skin .w-charts-navigator__zoom.outer.left {
  z-index: 2;
}

.dark-skin .w-charts-navigator__zoom.outer.right {
  z-index: 2;
}

.dark-skin .w-charts-navigator__bars-pane {
  background-color: #383838;
}

.dark-skin .w-charts-navigator__bar rect.pin-point {
  fill-opacity: 1;
  fill: #f5f5f5;
}

.wcolorpicker {
  background: white;
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1;
  margin-bottom: 10px;
}

.wcolorpicker .wlistbox {
  width: 150px;
}

.tooltip-customization {
  white-space: nowrap !important;
}

.wcolorpicker--pull-right {
  right: 0;
}

.wcolorpicker-picker {
  padding: 6px 6px 12px;
}

.wcolorpicker-colors {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.wcolorpicker-color-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.wcolorpicker-color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 4px;
  cursor: pointer;
}

.wcolorpicker-color:not(.wcolorpicker-color--main) {
  display: none;
}

.wcolorpicker-color:hover {
  box-shadow: 0 0 0 2px #cccccc;
}

.wcolorpicker-color:focus {
  box-shadow: 0 0 0 2px #cccccc;
}

.wcolorpicker-color--clear {
  position: relative;
}

.wcolorpicker-color--clear:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: calc(100% + 1px);
  background: #cccccc;
  left: 50%;
  top: 50%;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: top;
}

.wcolorpicker-color--white {
  background: #FFF;
}

.wcolorpicker-color--black {
  background: #000;
}

.wcolorpicker-color--lightgray {
  background: #D6D6D6;
}

.wcolorpicker-color--lightslategray {
  background: #9E9E9E;
}

.wcolorpicker-color--gray {
  background: #696969;
}

.wcolorpicker-color--darkgray {
  background: #454545;
}

.wcolorpicker-resets {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.wcolorpicker-resets > .wcolorpicker-color {
  margin: 0 4px;
  border: 1px solid #cccccc;
}

.wcolorpicker-settings {
  padding-top: 18px;
  padding-bottom: 10px;
}

.wcolorpicker--more .wcolorpicker-color {
  display: block !important;
}

.wcolorpicker-toggle {
  padding: 0;
  color: #0095ec;
  border: none;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
}

.wcolorpicker-toggle:focus {
  position: relative;
}

.wcolorpicker-toggle:focus:before {
  content: '';
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-width: 1px;
  border-color: #0096ed;
  border-style: solid;
  border-radius: 4px;
}

.wcolorpicker-toggle:first-letter {
  text-transform: uppercase;
}

.wcolorpicker-result {
  height: 32px;
  width: 32px;
  border: 1px solid #cccccc;
  margin-bottom: 8px;
}

.wcolorpicker-result:focus {
  border-color: #0096ed;
}

.wcolorpicker-result--clear {
  position: relative;
}

.wcolorpicker-result--clear:before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 42.5px;
  left: 14.5px;
  top: -6.5px;
  background: #da2935;
  transform: rotate(45deg);
  transform-origin: center;
}

.wcolorpicker-privacy {
  position: relative;
}

.wcolorpicker-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .wcolorpicker-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.w-color-picker-dialog .ngdialog-overlay {
  background: transparent;
}

.ngdialog.w-color-picker-dialog {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.w-color-picker-dialog.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.w-color-picker-dialog .ngdialog-overlay {
  background: transparent !important;
  opacity: 0 !important;
}

.ngdialog.w-color-picker-dialog .ngdialog-content {
  animation: none !important;
}

.wcolorpicker-switcher-container {
  display: -ms-flexbox;
  display: flex;
}

.wcolorpicker.light-skin .btn-gray, .wcolorpicker.light-skin .w-dt-result__button.is_dpkb, .wcolorpicker.light-skin .w-dt-result__button.is_dpkb_visible, .wcolorpicker.light-skin .segment-spinner-date .btn_actions, .segment-spinner-date .wcolorpicker.light-skin .btn_actions, .wcolorpicker.light-skin #segment-buttons .btn_actions, #segment-buttons .wcolorpicker.light-skin .btn_actions, .wcolorpicker.light-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .wcolorpicker.light-skin .wbutton, .wcolorpicker.light-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wcolorpicker.light-skin .wbutton, .wcolorpicker.light-skin #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wcolorpicker.light-skin .wbutton {
  background-color: #e6e6e6;
}

/* Dark Theme */
.dark-skin .wcolorpicker {
  background: #383838;
}

.dark-skin .wcolorpicker-result {
  background: #383838;
}

.dark-skin .wcolorpicker-result:focus {
  border-color: #41c9fe;
}

.dark-skin .wcolorpicker-result--clear:before {
  background: #ff6d59;
}

.dark-skin .wcolorpicker-color:hover, .dark-skin .wcolorpicker-color:focus {
  box-shadow: 0 0 0 2px #c4c4c4;
}

.dark-skin .wcolorpicker-switcher-container .active {
  background: #787878;
}

.wcolorpicker.dark-palette .wcolorpicker-result {
  border-color: #c4c4c4;
}

.wcolorpicker.dark-palette .wcolorpicker-color--white {
  background: #ffffff;
}

.wcolorpicker.dark-palette .wcolorpicker-color--black {
  background: #212121;
}

.wcolorpicker.dark-palette .wcolorpicker-color--lightgray {
  background: #e8e8e8;
}

.wcolorpicker.dark-palette .wcolorpicker-color--lightslategray {
  background: #696969;
}

.wcolorpicker.dark-palette .wcolorpicker-color--gray {
  background: #8c8c8c;
}

.wcolorpicker.dark-palette .wcolorpicker-color--darkgray {
  background: #383838;
}

tasy-wcpanel {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wcpanel-flexible-row-height .wgrid .ui-grid-cell,
.wcpanel-flexible-row-height .wgrid .ui-grid-row,
.wcpanel-flexible-row-height .wgrid .ui-grid-cell-contents {
  height: auto !important;
}

.wcpanel {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: hidden;
  background-color: var(--color-white);
}

.wcpanel-container {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: var(--spacing-16);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.wcpanel-container .cpanel-append-component .w-buttons-deck {
  margin-bottom: calc(var(--spacing-16) * -1);
  margin-right: calc(var(--spacing-16) * -1);
}

.wcpanel__w-loader {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ffffff;
}

.dialog-content .wcpanel-container {
  box-shadow: none;
}

.column-align-right {
  text-align: right;
}

.column-align-center {
  text-align: center;
}

.hide-grid-header .ui-grid-header {
  display: none;
}

.gwt-TextBox.text-box-autocomplete {
  padding-left: 32px;
  height: 32px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABA0lEQVQoz2NgAIKZrL2ZPUd7Pvd+7T7dW9THyYAKuiS6T/f8R4JXuxWRpGeygqXv9US2CfcLdAd2XwPyrndzwxX0poOkJ4nC+JP4ei73/O+thisA2v2/OwLZyh5XoJabCO7Hnv/tgsgKVjH3/Oz518ABs+Jrz/+pPMgK/jP2fOv5C1fQc77nf58HihWmQCseILhVQO4ZuHqQBfuAIu1wBZ28PQ+Arj7SZQDi9Wv27gSFRXc5kpHdOj1PwAH0sucZPLD+9WYiKxHrmdLzFizxsXdyT1bPb7CSdJQAb2DplOmUgvosvOcPSEl3KgMu0BsKNSUTp5LuKLApNxlwg96Ynhu9hgCEyJcs7+QprQAAAABJRU5ErkJggg==);
  background-position: left 8px center;
  /*rtl: right 8px center*/
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.dark-skin .wcpanel {
  background-color: #383838;
}

.dark-skin .wcpanel__w-loader {
  background-color: #383838;
}

.dark-skin .wcpanel-container {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.dark-skin .dialog-box .wcpanel,
.dark-skin .dialog-box .wcpanel__w-loader {
  background: transparent;
}

.token-filter-container-beside-title {
  display: none;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

tasy-wdashboard {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

tasy-wdashboard .minimize-card {
  height: 40px !important;
  min-height: 40px !important;
}

tasy-wdashboard .wdashboard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}

tasy-wdashboard .wdashboard .scrollable-container {
  overflow-y: auto;
  margin-top: 15px;
}

tasy-wdashboard .wdashboard .wdashboard-main-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 24px;
  position: relative;
}

tasy-wdashboard .wdashboard .wdashboard-loader-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

tasy-wdashboard .wdashboard-lastupdate {
  margin-bottom: 16px;
  font-size: var(--font-size-caption);
}

tasy-wdashboard .wdashboard-lastupdate span {
  font-family: "CentraleSansCndBold";
}

tasy-wdashboard .wdashboard .wdashboard-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100% !important;
  margin-left: -16px;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item {
  left: 16px;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-x="1"] {
  left: calc(16.66667% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-width="1"] {
  width: calc(16.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-min-width="1"] {
  min-width: calc(16.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-max-width="1"] {
  max-width: calc(16.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-x="2"] {
  left: calc(33.33333% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-width="2"] {
  width: calc(33.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-min-width="2"] {
  min-width: calc(33.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-max-width="2"] {
  max-width: calc(33.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-x="3"] {
  left: calc(50% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-width="3"] {
  width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-min-width="3"] {
  min-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-max-width="3"] {
  max-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-x="4"] {
  left: calc(66.66667% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-width="4"] {
  width: calc(66.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-min-width="4"] {
  min-width: calc(66.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-max-width="4"] {
  max-width: calc(66.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-x="5"] {
  left: calc(83.33333% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-width="5"] {
  width: calc(83.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-min-width="5"] {
  min-width: calc(83.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-max-width="5"] {
  max-width: calc(83.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-x="6"] {
  left: calc(100% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-width="6"] {
  width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-min-width="6"] {
  min-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm[data-gs-max-width="6"] {
  max-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-x="1"] {
  left: calc(20% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-width="1"] {
  width: calc(20% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-min-width="1"] {
  min-width: calc(20% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-max-width="1"] {
  max-width: calc(20% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-x="2"] {
  left: calc(40% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-width="2"] {
  width: calc(40% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-min-width="2"] {
  min-width: calc(40% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-max-width="2"] {
  max-width: calc(40% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-x="3"] {
  left: calc(60% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-width="3"] {
  width: calc(60% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-min-width="3"] {
  min-width: calc(60% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-max-width="3"] {
  max-width: calc(60% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-x="4"] {
  left: calc(80% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-width="4"] {
  width: calc(80% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-min-width="4"] {
  min-width: calc(80% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-max-width="4"] {
  max-width: calc(80% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-x="5"] {
  left: calc(100% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-width="5"] {
  width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-min-width="5"] {
  min-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md[data-gs-max-width="5"] {
  max-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-x="1"] {
  left: calc(25% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-width="1"] {
  width: calc(25% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-min-width="1"] {
  min-width: calc(25% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-max-width="1"] {
  max-width: calc(25% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-x="2"] {
  left: calc(50% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-width="2"] {
  width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-min-width="2"] {
  min-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-max-width="2"] {
  max-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-x="3"] {
  left: calc(75% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-width="3"] {
  width: calc(75% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-min-width="3"] {
  min-width: calc(75% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-max-width="3"] {
  max-width: calc(75% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-x="4"] {
  left: calc(100% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-width="4"] {
  width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-min-width="4"] {
  min-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg[data-gs-max-width="4"] {
  max-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.wdashboard-cardwrapper {
  border: 1px solid transparent;
  border-radius: 4px;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.wdashboard-cardwrapper.ui-draggable-dragging {
  transition: none;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.wdashboard-cardwrapper.is-expanded {
  height: 100%;
  left: 16px;
  max-height: none;
  position: absolute;
  top: 0;
  width: calc(100% - 16px);
  grid-area: 1 / 1 / span 12 / span 12 !important;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.wdashboard-cardwrapper.wdashboard-cardwrapper-hidden {
  display: none;
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-x="1"] {
  left: calc(16.66667% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-width="1"] {
  width: calc(16.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-min-width="1"] {
  min-width: calc(16.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-max-width="1"] {
  max-width: calc(16.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-x="2"] {
  left: calc(33.33333% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-width="2"] {
  width: calc(33.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-min-width="2"] {
  min-width: calc(33.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-max-width="2"] {
  max-width: calc(33.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-x="3"] {
  left: calc(50% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-width="3"] {
  width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-min-width="3"] {
  min-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-max-width="3"] {
  max-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-x="4"] {
  left: calc(66.66667% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-width="4"] {
  width: calc(66.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-min-width="4"] {
  min-width: calc(66.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-max-width="4"] {
  max-width: calc(66.66667% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-x="5"] {
  left: calc(83.33333% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-width="5"] {
  width: calc(83.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-min-width="5"] {
  min-width: calc(83.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-max-width="5"] {
  max-width: calc(83.33333% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-x="6"] {
  left: calc(100% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-width="6"] {
  width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-min-width="6"] {
  min-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-sm ~ .grid-stack-placeholder[data-gs-max-width="6"] {
  max-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-x="1"] {
  left: calc(20% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-width="1"] {
  width: calc(20% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-min-width="1"] {
  min-width: calc(20% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-max-width="1"] {
  max-width: calc(20% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-x="2"] {
  left: calc(40% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-width="2"] {
  width: calc(40% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-min-width="2"] {
  min-width: calc(40% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-max-width="2"] {
  max-width: calc(40% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-x="3"] {
  left: calc(60% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-width="3"] {
  width: calc(60% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-min-width="3"] {
  min-width: calc(60% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-max-width="3"] {
  max-width: calc(60% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-x="4"] {
  left: calc(80% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-width="4"] {
  width: calc(80% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-min-width="4"] {
  min-width: calc(80% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-max-width="4"] {
  max-width: calc(80% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-x="5"] {
  left: calc(100% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-width="5"] {
  width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-min-width="5"] {
  min-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-md ~ .grid-stack-placeholder[data-gs-max-width="5"] {
  max-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-x="1"] {
  left: calc(25% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-width="1"] {
  width: calc(25% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-min-width="1"] {
  min-width: calc(25% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-max-width="1"] {
  max-width: calc(25% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-x="2"] {
  left: calc(50% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-width="2"] {
  width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-min-width="2"] {
  min-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-max-width="2"] {
  max-width: calc(50% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-x="3"] {
  left: calc(75% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-width="3"] {
  width: calc(75% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-min-width="3"] {
  min-width: calc(75% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-max-width="3"] {
  max-width: calc(75% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-x="4"] {
  left: calc(100% + 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-width="4"] {
  width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-min-width="4"] {
  min-width: calc(100% - 16px);
}

tasy-wdashboard .wdashboard .wdashboard-container .wdashboard-cards-container .grid-stack .grid-stack-item.col-lg ~ .grid-stack-placeholder[data-gs-max-width="4"] {
  max-width: calc(100% - 16px);
}

.wdashboard .grid-stack-placeholder > .placeholder-content {
  background-color: #ffffff;
  border: 2px solid #0096ED;
  border-radius: 4px;
}

.wdashboard .w-dashboard-title-no-margin {
  margin-bottom: 0px;
}

.wdashboard .w-dashboard-title-no-margin .wtitle-container {
  margin-right: 0px;
  padding-bottom: 12px;
}

.dark-skin .wdashboard-lastupdate {
  color: #ffffff;
}

.dark-skin .wdashboard .grid-stack-placeholder > .placeholder-content {
  background-color: #4D4D4D;
  border: 2px dashed #00CFFF;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.wdashboard-static {
  min-height: 0;
}

.wdashboard-static .wdashboard,
.wdashboard-static .wdashboard-main-container,
.wdashboard-static .wdashboard-container,
.wdashboard-static .wdashboard-cards-container {
  min-height: 0;
}

.wdashboard-static .grid-stack {
  display: -ms-grid !important;
  display: grid !important;
  position: static !important;
  gap: 16px;
  grid-auto-columns: 1fr;
  margin-left: 0 !important;
}

.wdashboard-static .grid-stack .grid-stack-item {
  position: static !important;
  width: auto !important;
  left: auto !important;
  height: auto !important;
  top: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

w-dashboard-list {
  height: 100%;
  width: 100%;
  background-color: var(--color-white);
  display: -ms-grid;
  display: grid;
  --col-gap: 12px;
  --columns: 12;
  --col-size: calc(100% / var(--columns));
  --col-fr: calc(var(--col-gap) / var(--columns));
  --col-wo-gap: calc(var(--col-size) - var(--col-gap));
  --col-comp-size: calc(var(--col-wo-gap) + var(--col-fr));
  gap: var(--col-gap);
  grid-auto-columns: var(--col-comp-size);
  -ms-grid-columns: (calc(var(--col-comp-size)))[auto-fit];
      grid-template-columns: repeat(auto-fit, calc(var(--col-comp-size)));
  --filter-black-to-white: none;
  --card-available-header-background: #ffffff;
  --card-available-title-color: #333333;
  --card-blocked-header-background: #d6d6d6;
  --card-blocked-title-color: #808080;
  --card-blocked-content-background: #f2f2f2;
  --card-occupied-header-background: #e8e8e8;
  --card-occupied-title-color: #333333;
  --card-selected-header-background: #e5f0fa;
  --card-first-title-color: #696969;
  --card-second-title-color: #808080;
  --card-group-title-color: #9e9e9e;
  --card-content-background: #ffffff;
  --card-border: #d6d6d6;
  --card-second-title-border: #d6d6d6;
  --card-header-bottom-border: none;
  --card-header-shadow: #b3b3b3;
}

.dark-skin w-dashboard-list {
  background-color: #2b2b2b;
  --filter-black-to-white: brightness(0) invert(1);
  --card-available-header-background: #383838;
  --card-available-title-color: #ffffff;
  --card-blocked-header-background: #383838;
  --card-blocked-title-color: #ffffff;
  --card-blocked-content-background: #383838;
  --card-occupied-header-background: #383838;
  --card-occupied-title-color: #ffffff;
  --card-first-title-color: #ffffff;
  --card-second-title-color: #ffffff;
  --card-group-title-color: #ffffff;
  --card-content-background: #383838;
  --card-border: none;
  --card-second-title-border: #ffffff;
  --card-header-bottom-border: #696969;
  --card-header-shadow: none;
}

.w-dashboard-list {
  --column-span-small: 1;
  --column-span-large: 2;
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
  position: relative;
  -ms-grid-column: span 12;
      grid-column: span 12;
}

.w-dashboard-list--with-panel {
  -ms-grid-column: span 9;
      grid-column: span 9;
}

.w-dashboard-list--with-region-3 {
  -ms-grid-column: span 9;
      grid-column: span 9;
}

.w-dashboard-list--with-region-4 {
  -ms-grid-column: span 8;
      grid-column: span 8;
}

.w-dashboard-list--with-region-6 {
  -ms-grid-column: span 6;
      grid-column: span 6;
}

@media (min-width: 1280px) {
  .w-dashboard-list {
    --column-span-small: 2;
    --column-span-large: 3;
  }
}

@media (min-width: 1920px) {
  .w-dashboard-list {
    --column-span-large: 2;
  }
}

@media (min-width: 2560px) {
  .w-dashboard-list {
    --column-span-small: 1;
    --column-span-large: 2;
  }
}

.w-dashboard-list--small .w-dashboard-list__container--third w-dashboard-list-card {
  -ms-grid-column: span var(--column-span-small);
      grid-column: span var(--column-span-small);
}

.w-dashboard-list--large .w-dashboard-list__container--third w-dashboard-list-card {
  -ms-grid-column: span var(--column-span-large);
      grid-column: span var(--column-span-large);
}

.w-dashboard-list__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 32px;
}

.w-dashboard-list__header > w-title {
  width: 100%;
}

.w-dashboard-list__header > w-title .w-title-component-content .w-title {
  min-height: 0;
}

@media (min-width: 3840px) {
  .w-dashboard-list__header > w-title .w-title-component-content .w-title {
    font-size: var(--font-size-header-5);
  }
}

.w-dashboard-list__header .handlebar-button img {
  width: var(--sizing-32);
  height: var(--sizing-32);
}

.w-dashboard-list__header .dashboard-icon {
  width: var(--sizing-32);
  height: var(--sizing-32);
}

.w-dashboard-list__handlebar-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: end;
      justify-content: flex-end;
  min-width: 0;
}

.w-dashboard-list__panels-button {
  height: revert !important;
  padding: revert !important;
  padding-right: 0 !important;
}

.w-dashboard-list__panels-button:after {
  content: "";
  border: 4px solid transparent;
  border-top-color: #0096ed;
  display: inline-block;
  margin-left: 6px;
  margin-top: 2px;
  vertical-align: middle;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.w-dashboard-list__loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.w-dashboard-list__content {
  padding: 0 28px;
  height: 100%;
  overflow: auto;
}

.w-dashboard-list__grid {
  height: 100%;
  width: 100%;
}

.w-dashboard-list__content--dragging .w-dashboard-list-card:not(.w-dashboard-list-card--dropzone) {
  opacity: 0.4;
}

.w-dashboard-list--grid .w-dashboard-list__header {
  display: none;
}

.w-dashboard-list--grid .w-dashboard-list__footer {
  display: none;
}

.w-dashboard-list--grid tasy-wcpanel {
  height: 100%;
  width: 100%;
}

.w-dashboard-list--grid tasy-wcpanel tasy-segmented-control {
  margin-left: 8px;
}

.w-dashboard-list--grid tasypopupmenu {
  height: 100%;
  width: 100%;
}

.w-dashboard-list__title {
  font-family: "CentraleSansCndBold";
  color: var(--text-color-neutral);
}

.w-dashboard-list__title--first {
  font-family: "CentraleSansCndBold";
  color: var(--card-first-title-color);
  font-size: var(--font-size-subtitle);
  margin-bottom: var(--sizing-16);
}

.w-dashboard-list__title--first--toggleable {
  font-family: "CentraleSansCndBold";
  color: var(--card-first-title-color);
  font-size: var(--font-size-subtitle);
  margin-bottom: var(--sizing-16);
  cursor: pointer;
}

.w-dashboard-list__title--second {
  font-family: "CentraleSansCndBold";
  color: var(--card-second-title-color);
  font-size: var(--font-size-body);
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--sizing-12);
  white-space: pre;
  cursor: pointer;
}

.w-dashboard-list__title--second:after {
  content: "";
  border: 1px solid var(--card-second-title-border);
  width: 100%;
  height: 0;
  margin-left: var(--sizing-12);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.w-dashboard-list__container--second {
  margin-bottom: 24px;
}

.w-dashboard-list__container--third {
  display: -ms-grid;
  display: grid;
  margin-bottom: 16px;
  --container-col-gap: var(--spacing-16);
  --container-columns: 12;
  --container-col-size: calc(100% / var(--container-columns));
  --container-col-fr: calc(var(--container-col-gap) / var(--container-columns));
  --container-col-wo-gap: calc(var(--container-col-size) - var(--container-col-gap));
  --container-col-comp-size: calc(var(--container-col-wo-gap) + var(--container-col-fr));
  gap: var(--container-col-gap);
  grid-auto-columns: var(--container-col-comp-size);
  -ms-grid-columns: (calc(var(--container-col-comp-size)))[auto-fit];
      grid-template-columns: repeat(auto-fit, calc(var(--container-col-comp-size)));
}

.w-dashboard-list--fixed .w-dashboard-list__container--third {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list__footer {
  background-color: var(--background-neutral);
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 28px;
  z-index: 1;
}

.w-dashboard-list__empty-message-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.w-dashboard-list__empty-message {
  letter-spacing: 0.2px;
  color: #808080;
  color: #666666;
  margin-bottom: 16px;
  font-size: var(--font-size-subtitle);
}

@media (min-width: 1920px) and (max-width: 2559px) {
  .w-dashboard-list--small {
    --column-span-small: 2;
  }
  .w-dashboard-list--small .w-dashboard-list__container--third {
    --container-columns: 18;
  }
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

.w-datagrid.striped-layout .slick-row.odd .slick-cell {
  background-color: #e8e8e8;
}

.w-datagrid.striped-layout .slick-row.odd.focused .slick-cell.selected {
  background-color: #dcecff !important;
}

.w-datagrid.striped-layout .slick-row.even,
.w-datagrid.striped-layout .slick-row.odd {
  border-bottom: 1px solid #e6e6e6 !important;
}

.w-datagrid.striped-layout .slick-row.even:after,
.w-datagrid.striped-layout .slick-row.even .slick-cell,
.w-datagrid.striped-layout .slick-row.odd:after,
.w-datagrid.striped-layout .slick-row.odd .slick-cell {
  border-bottom: 0px !important;
}

.w-datagrid.white-header-layout .slick-header-column {
  background-color: #fff !important;
  border: 1px solid #d9d9d9;
}

.w-datagrid.white-header-layout .slick-header-column .slick-column-name {
  margin: 0 auto !important;
}

.slick-row.gray-group-header {
  font-size: 16px;
  font-family: 'CentraleSans-Medium';
}

.slick-row.gray-group-header .slick-cell {
  background-color: #c4c4c4 !important;
}

.data-container-with-timeline {
  overflow-x: scroll;
}

.slick-header.ui-state-default,
.slick-headerrow.ui-state-default,
.slick-footerrow.ui-state-default,
.slick-group-header.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns,
.slick-headerrow-columns,
.slick-footerrow-columns,
.slick-group-header-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default,
.slick-group-header-column.ui-state-default {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0.0125rem solid #c0c0c0;
  float: left;
  background: none;
}

.hidden-row-toggle {
  width: 0px;
  height: 0px;
  display: none;
}

.inline-edit-inactive {
  display: none;
}

.slick-header-column,
.slick-group-header-column {
  font-weight: initial;
  font-family: "CentraleSansCndBook";
  background: #e6e6e6 !important;
  color: #808080;
  height: var(--spacing-28) !important;
  text-overflow: ellipsis !important;
  padding-right: 15px !important;
}

.slick-header-column[id$="_status"], .slick-header-column[id$="_priority"],
.slick-group-header-column[id$="_status"],
.slick-group-header-column[id$="_priority"] {
  padding-right: 0px !important;
}

.slick-viewport-right .slick-header-column:last-child {
  border-right: none;
}

.slick-cell:last-child {
  border-right: none;
}

.slick-header-column.slick-column-name {
  text-overflow: ellipsis !important;
  padding-right: 15px;
}

.slick-footerrow-column.ui-state-default {
  text-overflow: ellipsis;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
  line-height: 20px;
  vertical-align: middle;
}

.header-column-sorted {
  font-weight: bold;
  color: #333333;
}

.header-column-sorted-ascend:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW0gdMOtdHVsby0xPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iOCA0IDQgMCAwIDQgOCA0Ii8+PC9zdmc+");
  background-size: 10px 20px;
  display: inline-block;
  width: 10px;
  height: 20px;
  content: "";
  margin-left: 2px;
}

.header-column-sorted-descend:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW0gdMOtdHVsby0xPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iOCAwIDQgNCAwIDAgOCAwIi8+PC9zdmc+");
  background-size: 10px 20px;
  display: inline-block;
  width: 10px;
  height: 20px;
  content: "";
  margin-left: 2px;
}

.slick-header-sortable {
  cursor: -webkit-grab;
}

.slick-header-column-sorted {
  font-style: inherit;
  font-family: "CentraleSansCndBold";
  color: #333333;
}

.slick-sort-indicator {
  display: inline-block;
  position: absolute;
  right: 10px;
  margin-left: 2px;
  margin-top: 2px;
  background-size: 10px 20px;
  width: 10px;
  height: 20px;
  margin-bottom: 0px;
}

.slick-sort-indicator-desc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW0gdMOtdHVsby0xPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iOCAwIDQgNCAwIDAgOCAwIi8+PC9zdmc+");
  content: "";
  position: initial;
}

.slick-sort-indicator-asc {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW0gdMOtdHVsby0xPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iOCA0IDQgMCAwIDQgOCA0Ii8+PC9zdmc+");
  content: "";
  position: initial;
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  /*rtl:begin:remove*/
  right: 0px;
  /*rtl:end:remove*/
  /*rtl:raw:
  left: 0px;
  */
  top: 0;
  height: 100% !important;
}

.slick-resizable-handle-hover {
  background-color: #ccc;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
  overflow: hidden;
}

.slick-row.ui-grid-top-panelwidget-content,
.slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-row.ui-widget-content:after {
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: transparent !important;
  border-bottom: 1px solid #e6e6e6 !important;
}

.slick-row.ui-widget-content:hover:after:not([class*="hovered-"]) {
  background-color: #f2f2f2 !important;
}

.slick-row.ui-widget-content.active:after {
  border-top: 0.5px solid #d9d9d9;
  background-color: #f2f2f2;
}

.w-datagrid .slick-row.odd,
.w-datagrid .slick-row.even {
  background-color: white !important;
}

.slick-row.odd {
  background-color: transparent !important;
}

.active.slick-row.selected-row {
  background-color: #dcecff !important;
}

.active.slick-row.selected-row .inline-edit-link {
  display: block;
}

.focused .active.slick-row.selected-row {
  background-color: #dcecff !important;
}

.active.slick-row.selected-row:hover:after {
  background-color: #f2f2f2 !important;
}

.slick-cell.selected {
  background-color: #f2f2f2 !important;
}

.focused .slick-cell.selected {
  background-color: #dcecff !important;
}

.slick-cell,
.slick-headerrow-column,
.slick-footerrow-column,
.slick-cell.active {
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  height: 100% !important;
  padding: 0px 0 0 9px !important;
}

.slick-row:hover:not([class*="hovered-"]) > .slick-cell {
  background-color: #f2f2f2 !important;
}

.slick-row:hover:after:not([class*="hovered-"]) {
  box-sizing: border-box;
  background-color: #737373 !important;
}

.focused .active.slick-row:after {
  background: #dcecff !important;
}

.focused .active.slick-row:hover:after {
  background: #f2f2f2 !important;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell:focus {
  outline: 0;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity=15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
}

.slick-pane {
  position: absolute;
  outline: 0;
  overflow: hidden;
  width: 100%;
}

.slick-pane-header {
  display: block;
  z-index: 4;
}

.slick-header {
  overflow: hidden;
  position: relative;
}

.slick-headerrow {
  overflow: hidden;
  position: relative;
}

.slick-top-panel-scroller {
  overflow: hidden;
  position: relative;
}

.slick-top-panel {
  width: 10000px;
}

.slick-viewport {
  position: relative;
  outline: 0;
  width: 100%;
}

.ui-widget-content .slick-row {
  height: 28px;
  top: calc(inherit + 28px);
}

@media (min-width: 3840px) {
  .ui-widget-content .slick-row {
    height: 56px;
  }
}

.slick-row > .slick-cell {
  --padding-large: inherit;
  line-height: var(--spacing-28);
  padding: var(--padding-large);
  height: 100%;
  border-bottom: 1px solid #e6e6e6;
  background-color: white;
}

@media (min-width: 3840px) {
  .slick-row > .slick-cell {
    --padding-large: 15px 5px;
  }
}

.slick-row > .slick-cell.left-aligned {
  text-align: left !important;
}

.slick-row > .slick-cell.right-aligned {
  text-align: right !important;
  padding-right: 4px !important;
}

.slick-row > .slick-cell.center-aligned {
  text-align: center !important;
}

.slick-row > .slick-cell.priority-container {
  padding: 0 !important;
}

.w-datagrid.summary-chart-visualization .slick-row > .slick-cell,
.w-datagrid.summary-chart-visualization .slick-row.ui-widget-content:after {
  border-bottom: 1px solid #e6e6e6 !important;
}

.slick-row.inactive-row:before {
  content: "";
  position: absolute;
  left: 0;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
  height: 50%;
  pointer-events: none;
  z-index: 2;
}

@media (min-width: 3840px) {
  .slick-row.inactive-row:before {
    border-bottom: none;
  }
}

.slick-row.inactive-row div {
  color: #9e9e9e;
}

.focused .slick-cell.selected {
  background-color: #dcecff;
}

.slick-column-name {
  padding: 3px 0 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 0px;
  position: relative;
}

@media (min-width: 3840px) {
  .slick-column-name {
    padding: 15px 0 0 10px;
    overflow: visible;
  }
}

.slick-resizable-handle > .slick-header-column {
  padding-right: 0;
}

.slick-cell.checkBox-cell {
  text-align: center;
  margin: auto;
  pointer-events: none;
}

.slick-cell.checkBox-cell .wcheckbox {
  margin-top: -4px;
}

.slick-cell.slick-cell-checkbox {
  text-align: center;
  padding: 0 !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.slick-cell.slick-cell-checkbox .wcheckbox {
  vertical-align: middle;
}

.slick-header-menu {
  float: left !important;
  min-width: 160px !important;
  padding: 8px !important;
  background-color: #ffffff !important;
  background-clip: padding-box;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important;
  font-size: 14px !important;
  text-align: left !important;
  list-style: none !important;
  z-index: 1000 !important;
  border: none !important;
}

.slick-header-menuitem.wpopupmenu--submenu:after {
  display: inline-block;
}

.wpopupmenu--submenu:hover > .wpopupmenu.wpopupmenu--pull-right {
  margin-top: -25px;
}

.slick-header-menuitem {
  padding: 8px !important;
  text-align: left !important;
  background: 0 0 !important;
  border: none !important;
}

.slick-header-menucontent {
  float: left !important;
}

.slick-header-menuitem:hover {
  background-color: #f2f2f2 !important;
  padding: 8px !important;
  cursor: pointer !important;
  box-shadow: initial !important;
  font-size: 14px !important;
  border: none !important;
  border-radius: 0 !important;
}

.slick-header-menubutton {
  border: none !important;
  display: inline-block !important;
  top: 3px !important;
  right: 1px !important;
  background-image: url("/assets/framework/images/components/w-person-bar/settings-grey.svg") !important;
  background-position: center;
  background-size: 16px;
}

.slick-header-column[id*="checkbox_selector"] {
  width: 35px !important;
  padding-right: 0 !important;
}

.slick-header-menuitem-disabled {
  display: none;
}

.datagrid-cell-contents-privacy {
  position: relative;
  height: 100% !important;
}

.datagrid-cell-contents-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: "";
  display: block;
  height: 6px;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.datagrid-checkbox-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.datagrid-checkbox-header,
.datagrid-checkbox-header .slick-column-name {
  padding: 0 !important;
}

.datagrid-checkbox-header span {
  overflow: visible;
  width: 16px;
  height: 16px;
}

.datagrid-custom-col-header,
.datagrid-custom-col-header-description {
  padding: 0 !important;
}

.datagrid-custom-col-header .slick-column-name,
.datagrid-custom-col-header-description .slick-column-name {
  margin: auto 4px;
}

.datagrid-custom-col-header span,
.datagrid-custom-col-header-description span {
  overflow: visible;
  width: auto;
}

.datagrid-custom-col-header {
  display: -webkit-inline-box !important;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.datagrid-custom-col-header .slick-column-name {
  padding: 0 !important;
}

.cn-legend-pagination {
  padding-top: 24px;
  line-height: 24px;
}

.cn-legend-pagination .rows-hidden {
  display: none !important;
}

w-datagrid {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.legend-cell-status-text {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 8px;
}

.legend-cell-status-text:first-child {
  margin-left: 7px;
}

.legend-cell-status-text:last-child {
  margin-right: 16px;
}

.legend-cell-status-text .legend-cell-content-tag,
.legend-cell-status-text .legend-cell-content.label-tag {
  padding-left: 0px;
  padding-right: 0px;
  max-width: unset;
}

.legend-cell-status-text .legend-cell-content-tag .legend-cell-tag,
.legend-cell-status-text .legend-cell-content.label-tag .legend-cell-tag {
  font-size: var(--font-size-caption);
  color: #333333;
  overflow: hidden;
  border-radius: 50px;
  line-height: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 8px;
  padding-left: 8px;
}

.legend-cell-status-text.with-description {
  margin-right: 8px;
}

.legend-cell-status-text.with-description:first-child {
  margin-left: 0px;
}

.popover .legend-cell-status-text {
  margin-bottom: 8px;
}

.popover .legend-cell-status-text:last-child {
  margin-bottom: 0px;
}

.w-datagrid {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.w-datagrid.rows-hidden .slick-pane.slick-pane-top {
  display: none !important;
}

.w-datagrid.with-legend .legend-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.w-datagrid.with-legend .legend-cell-status,
.w-datagrid.with-legend .legend-cell-category {
  max-width: 100%;
  height: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  min-width: 34px;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
}

.w-datagrid.with-legend .legend-cell-status div:first,
.w-datagrid.with-legend .legend-cell-category div:first {
  padding-left: 16px !important;
}

.w-datagrid.with-legend .legend-cell-status.justify-left,
.w-datagrid.with-legend .legend-cell-category.justify-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.w-datagrid.with-legend .legend-cell-category.vertical-align {
  top: 13px;
}

.w-datagrid.with-legend .legend-cell-status-labeled {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 16px;
}

.w-datagrid.with-legend .legend-cell-status-left {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  white-space: nowrap;
  -ms-flex-align: center;
      align-items: center;
  float: left;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 16px;
  margin-top: auto;
  align-items: center;
  margin-top: 6px;
}

.w-datagrid.with-legend .legend-cell-label {
  letter-spacing: 0.2px;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-left: 8px;
}

.w-datagrid.with-legend .priority-legend-cell-label {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBook";
  color: #1a1a1a;
  padding-left: 5px;
}

.w-datagrid.with-legend .legend-cell-tape {
  width: 8px;
  height: calc(100% - 1px);
  margin-right: 8px;
}

.w-datagrid.with-legend .legend-cell-content:last-of-type {
  padding-right: 10px;
}

.w-datagrid.with-legend .legend-cell-content:last-of-type.with-description {
  padding-right: 4px;
}

.w-datagrid.with-legend .legend-cell-content:last-of-type.label {
  padding-right: 8px;
}

.w-datagrid.with-legend .legend-cell-circle {
  -ms-flex-positive: 0;
      flex-grow: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin: 4px;
}

.w-datagrid.with-legend .border-item {
  border: 1px solid #808080;
}

.w-datagrid.with-legend .legend-cell-priority {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-datagrid.with-legend .priority {
  width: 10px;
  height: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-datagrid.with-legend .legend-space {
  width: 5px;
}

.w-datagrid.with-legend .legend-header + div {
  cursor: default;
  border-right: none !important;
}

.w-datagrid .slick-row .inline-edit-link {
  display: none;
}

.w-datagrid .slick-row:hover .inline-edit-link {
  display: block;
  width: 30px;
  height: 26px;
  position: fixed;
  right: 0;
  background: url("/assets/framework/images/pencil-grey.svg") no-repeat center;
  z-index: 3;
}

.w-datagrid .slick-row:hover .inline-edit-link {
  background-color: #f2f2f2 !important;
}

.w-datagrid .slick-row .inline-edit-link:hover {
  cursor: pointer;
  background: url("/assets/framework/images/pencil-blue.svg") no-repeat center !important;
  background-color: #f2f2f2 !important;
}

.score_severidade_tag,
.score_severidade_tag-H,
.score_severidade_tag-HO,
.score_severidade_tag-L,
.score_severidade_tag-LG,
.score_severidade_tag-LGO,
.score_severidade_tag-LO,
.score_severidade_tag-M,
.score_severidade_tag-MO,
.score_severidade_tag-N,
.score_severidade_tag-S,
.score_severidade_tag-X,
.score_severidade_tag-XO {
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px !important;
  border-radius: 5px !important;
  margin-right: 10px !important;
  width: 3.5em !important;
}

.datagrid-cell-content-wrapper span div .score-label {
  width: 55px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -ms-inline-grid;
  display: inline-grid;
}

.focused .slick-row.active .inline-edit-link {
  background-color: #dcecff;
}

.slick-pane-right {
  margin-left: 1px;
}

.datagrid-header-menu-disabled .slick-header-menubutton {
  display: none !important;
}

.slick-header-columns {
  background: none;
}

.btn-add-wrapper {
  height: 16px !important;
  padding-top: 0 !important;
}

.whoudini .datagrid-cell-content-wrapper {
  height: auto;
}

.datagrid-cell-content-wrapper {
  line-height: var(--spacing-28);
  display: block;
  height: 100%;
}

.datagrid-cell-content-wrapper del {
  text-decoration: line-through;
}

.datagrid-empty-container,
.datagrid-custom-empty-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.datagrid-empty-container {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background: white;
  z-index: 1;
}

.datagrid-empty-msg {
  letter-spacing: 0.2px;
  color: #808080;
  color: #666666;
  margin-bottom: 16px;
  font-size: var(--font-size-subtitle);
}

.slick-pane-header {
  background-color: #f5f5f5;
}

.datagrid-grid-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -ms-flex: 1;
      flex: 1;
}

#datagrid {
  transform: translateZ(0);
}

#datagrid .new-record-visual-row {
  z-index: 1;
  border-bottom: 1px solid #d9d9d9 !important;
}

#datagrid .new-record-visual-area {
  height: 28px !important;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
  background-color: #f2f2f2;
}

#datagrid .new-record-visual-row-text {
  -ms-flex-align: center;
      align-items: center;
  font-style: italic;
  color: #808080;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  background-color: #f2f2f2;
}

.cell-color-container {
  display: -ms-flexbox;
  display: flex;
  margin: 8px 8px 8px 8px;
}

.cell-color-content {
  height: 12px;
  width: 100%;
}

.slick-cell.slick-cell-color {
  min-width: 62px;
  max-width: 62px;
  padding-left: 0px !important;
}

.slave-focused .slick-cell.selected {
  background-color: #dcecff !important;
}

.datagrid-inline-edit-buttons {
  height: 32px;
  width: 100%;
  bottom: 0;
  position: inherit;
  background-color: white;
}

.datagrid-inline-edit-close {
  float: right;
  margin-right: 16px;
}

.datagrid-inline-edit-save {
  float: right;
}

.currency-alignment {
  float: left;
}

.legend-cell-content.legend-cell-item {
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
}

.legend-image-cell {
  width: 24px;
  height: 24px;
  min-width: 24px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.slick-group .slick-row > .slick-cell.left-aligned,
.slick-group .slick-row > .slick-cell.center-aligned .slick-group .slick-row > .slick-cell.right-aligned {
  text-align: initial !important;
}

.slick-group .slick-cell.slick-cell-checkbox {
  right: auto !important;
}

.slick-group-title {
  font-weight: bold;
}

.slick-group-toggle {
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.slick-group-toggle.collapsed, .slick-group-toggle.expanded {
  background: url("/assets/framework/images/arrow_down.svg");
}

.slick-group-toggle.collapsed {
  transform: rotate(180deg);
}

.legend-cell-status.vertical-align {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-left: -4.5px;
}

.legend-cell-status.vertical-align .legend-cell-content:last-child {
  padding-right: 0px;
}

.legend-cell-status.vertical-align .legend-cell-item {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 8px;
  padding-right: 0px;
}

.legend-cell-status.vertical-align .legend-cell-item:first-child {
  margin-top: 4px;
}

.legend-cell-status.vertical-align .legend-cell-item:last-child {
  margin-bottom: 4px;
}

.legend-cell-status .more-legends-button {
  color: #333333;
  background-color: #e6e6e6;
  margin-left: 4px;
  font-size: var(--font-size-caption);
  font-weight: 500;
  border-radius: 50px;
  line-height: 12px;
  padding: 4px 8px;
  word-spacing: -1px;
}

.legend-cell-status .legend-cell-content {
  max-width: 100%;
  padding-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.legend-cell-status .legend-cell-content:first-child {
  padding-left: 3px;
}

.dark-skin .slick-header-menuitem.wpopupmenu--submenu:after {
  color: #ffffff;
}

.dark-skin .slick-row.ui-widget-content:hover:after {
  background-color: #737373 !important;
}

.dark-skin .active.slick-row:hover:after {
  background-color: transparent !important;
}

.dark-skin .slick-pane-header {
  background-color: #4d4d4d;
}

.dark-skin .slick-header-menu {
  background: #383838 !important;
}

.dark-skin .slick-header-menu .slick-header-menuitem:hover {
  background-color: #4d4d4d !important;
}

.dark-skin .slick-header-menubutton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAQcXpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja3ZlZliO7DUT/uQovITmTy+F4jnfg5fsCzFSrpn79bH+51VVSpVIcgEBEgDLrX//c5h/8Czk7E2IuqaZ08S/UUF3jRbnOv6q/7RX09/k37mf78bp5veG45Hn258/c7vsb1+OvDzxz2P7xuin3O67cAz0z3wN6mdnxYr4vkuvuXLfhHqiu8yLVkt+X2t29k/tGXcr947MO/RpE/jbvF0ImSjNyl3dueesv/R3OCvz5afrcuF64z/rM6+Cz4Sn6Z0sE5MP2nufreg/Qx+Dfr8zn6L9efQq+a/d1/ymW6cla+v4NG78Pvob4bWL/WpH7+EZa1n7Zzv2z9yx7r7O7FhIRTTeiLvNERz7DjZ2Qe/1Y4pH5ibzO+qg8ytWuQXIm+Os8hq3WkZVtbLDTNrvt0udhB0sMbrnMs3PDeb1WfHbVDS95CvKw22Vf/fSFHA63jPdcdq+1WJ236nzDFmaelludZTDLR358mN+9+XceZm8pNgJcXrFiXU6QyzIkc/Kbu0iI3Xfeogb4edzpv97wA1TJYNQwFzbYrn6G6NH+wpbXPHvuizyfqrAmz3sAQsTckcVYTwauZH20yV7ZuWwtcSwkqLFy54PrZMDG6CaLdMH75Ex2lAxz85ls9V4XXXJyGW4iEdEn6qmQoUayQojgJ4cChlr0McQYU8yxmFhjSz6FFFNKOQnJtexzyDGnnHPJNbfiSyixpJJLKbW06qqHA2NNNddSa23NmcZEjbEa9zeudNd9Dz321HMvvfY2gM8II4408iijjjbd9BOamGnmWWadbVmzYIoVVlxp5VVWXW2Dte132HGnnXfZdbdX1u6sfnn8jazZO2tOMyX35VfWuGpyfoawQidRckbGXLBkPEsGALSTnF3FhuAkc5KzqzqKIjoWGSU3ZlrJGCkMy7q47St3vzL3R3kzsfxR3txfZc5I6v4XmTOk7mvevsnabCqOXvMmVSgxvTzVx/urNONKE1Fr/+3zfzZQzWusvVoPGTjuGVMzY4qqRbYU/dxjJFfq8pAacR4joGvVrrl2hEX3VfgYT9fYqae9+6p9D9dGLoY/VwAnec/sPCNRgUiiHTlzi+O3fNDPNvteuyX562p+oxG+63t1EfBtdp6eiJJqH/AE2U69VacmkPfUYPtMXuR1CWHpuyuTWpawwzQMHUmflUVA3ZD9llX46aws/Xww6rb2nGdboWRZndfPuqifNS1ODU8dwQXCgcvorBSs6cp2ai33a/cIQpuug4A0CQRCMsrMAIVr05Q8G3I1rGCVSRPc3QOzRDEX51nI0Yeu4111pno+Kx9tCyDLQswKVE6ZJOryspJyryS3BmyvVKL8bZfTwHJlbyd7qfvEUvfLbs2v7Yb8U4TE7bAwyvhJJDN9SGTz5smjQF3zyKvvEvk9gpjppHBDbG85fE/hb3E0GGk6SUMtIbo+EjTS1pIkjQQqZ5+tE5le07aykxKS37ut4Dccr7N+qQ4tDoOSxVUUJz7VKvFhYCbvRHm5pIsnj2Oz9X3iQ7Z0nVZLoO+Szta+VEgkRsX6ZQfhzrtNmbNDdhia2D3PbdU61tKMpjxXnwZ6JzA26aLgl9qqxEsclWRMan3b3Bx79r+7E58NLzLVQQ9epvYxg/xFJEYWEZHMlSYhmJLeBi34+Rpsn8HMPa8Cae2SWWDe8L0W6u46AZJAMLZfOljVwfbw+30w87YJHUxfa0h/HnCv3m+81xvv2Wzn4yDSfewCZ1t0oreUCqYNtzYTlnGQh1aCH0XAkLpdA+zGdRB+lZSq8BFYW4q1O92XLwl5ghKXzG0Z0Hdlnqmo1bWMQNkDAtCRQOnctFn+6qMhL6zFxVHEYjrfhT+436FVrLciPbGV3T2ZgQEuYPjpDXO/Ew49xE4XsXSaGrcfqPJoCJ2t+fhkXy/fAVdbUu1vyzWv9bJa0ny9uEOZgxgoc4iUAcX9RORzQASQflxzXwNRBz4hVHiKe/CHKVJxZMkFzIftMezMfwGobwLQ/iHL5qc0S+1Lbm8JWOj5plykhJejS2TLqRBtVlei78tY5eG6Fc43mCUr8WD9gfGNOxpJBR6D39XjdHG2m3WdxY3z/HVAL0GNfJALz+LP0gWSgtDlehym51K9aiRvgTykAQBOJ+M0xv9YCG91wApG6kQXqejoWkq2LN9b3+6aPOUx4cWdYdJ5Fn/J4jWDrGwlpmWjNvebmfJhJqNRpeD5MBXitmhBP9WvME/rNg5rQFACkwJnsXrokNg12yKuamZTJZo6arWsVwpyWp0Nm9d2lDbXkaC+Fj5pioEPUYCgCrhv5UveRFVBGDMByXYGzI65FvSuE2BfsV6DQf0u4H3TgUedairnsthC4xdXrOJrsq1YNx0IkeD2OC62WcTd1fnzu6yhyFrMuzQnIfosKTzBnflSoDbrZkaYGeHH9w036ILI7vDx2ZrG6jCrePJfWyPhurUhajG7rOpiAIuJmHeQur/XxXAI0qLJmgHUoEC2Fe6/2vYFQFtR/1U0LfFE0WH9Nm7ldzcQyvhYR7KhL2ESNpl0W0jZHMLZIE/WRwSwxUSexmVIGKT2df/bq0zDu+Ay6soqY/SW4QgbA8UypydrTfB5tneNe0bn8c7UAM4G3rN+T/QqtrY1nChu0Qwi5FUOC3J3cLZmeJUYRdaPL6lyi2AXOQa7XoTNvbDnHugBouEZqNqalmEbFAgfOECGYiiWkuz7/t+239VM+5npZ1wlmnKABTE5U963BpRRrDJpaDACeLGR6FMYsY+VD7GQkHkSUl8J2UGyRjgOt4ySEwuF9YDTvGojOzROd57wOQulYSaqQiJjEdQeWPoS8g7GC6t4ze7Gu0Cb2dUMWdEVQdbjKt0lP9SjETR7HC4RGMeRV9vF7C7Tx1mPNHMIu9SOFcaY0Tl0jU2zOXG2r+1PuICfOiX02DX6Rl6Y5IUbFvaHXo00TlcF8jhKNxeUBo9ZKQ2YKubJqDRwuaY59XQBA1nGQD9Q2k0nPFPvyDvB6SxGBlrZH/tr1yF9jNw4Zue0FMfMSTuB9AWVI/CVRGqkBJkdTGW1RFV5EvosEyRDn2kofeaXJYR7aIwQK8y7ORKT9mMNWjk8V3ch6Q7ybHZh9+KYqELCDM4k6cNUe4tNGFhbxD8Y8RyjS3AJNdhJupGc6A3kYBLaw05E2cFCqAQJtiMa2NPp21szaLDCO2CIXAuJ6AzeogkWERkodc9SpuQVf3GjCzAnagGhsGKf81LsRXPeXgo+OpK5iv6u9Zh+cg4h9ESzRKL2EAvz9gc5IOVkQIJNrzSPf44yulCHnKHuBK9cYRdPY49u2hwxG7flu7Y0ArUp9jZdRTV+skI5xAbIAr3oQC7WrvRdY6Ra8YBS3g4/7csSjnnK5rqfbQN9ptZIF8/YlOKUeNSICu9MM4YnoyYWlYOs0z6HKk4/CnAtAoAXa/jKuLUHNgEOoOLp2egrOtbHYzXtRrtXlnKJTaw/OCKvBKX5YpNLc7SwMmJPRj/1/YE2QboW1o0PwLWuQhPl6XLkHD1QhdROjIKaHOSwB26ihnAIfYla4CGXyL/IfPgurXdWOwyOweBzoGmc4piZshtxbXqzbeiIlhs9QoqlTSZFSMF1lkMhv9ixh93TYT/Y+DSqlS2dChzurkBT7hJsdwnipMI5FrBageowEAs5b7pVCVYGFPmQcZaelrUZ8YRlFDYs7oagXtLs4lgEWvH4uX2AlS91JtqNNHFnbJyAdiZcDRrZXdgs/XiwAq9GchO8Gpnncr615LqfjZyq6W2/rtEm3XcXBx9PDKR074C1d7Uxkb2RsXZcAxKNJzKHd6fEDPSNepcI0kSfuHEb5XTX7C2Ki5SjtpualQDxIKp3VH982QgJ8BHIKtIYx7GAJUhDE2lVf/O+yeKPkAe/9TAnxPRo/vFrk7D0gXBPoKU+HpQID8fdTiIoPkLGQI8Ut/kxfH/9LEfzc2EkqTrTaHwWnYJIjn/5l6ewETS/xIGzDivkSTVI8t0iiBjnrVstEDcdpCtRj3F2E4HvlZ0EJQnQhE9ayEpWOyKc3WdCnw8rSVMlnmXRcF4U7bOj/YUgIe6Ccg/aPVr70QV9rha6fksapXfLYmy7dNTGuip9RV3qwokaSSflGSScgyI79ZREzllPdakZ3/UcB2EgpDfHaFn0oEwaRayKNIRp5iHdSBiLQMF5ZRYKl1kFeqBgKgbqlU53G/XLm+JMF1RtuYYvhPbQC8yzKKG2GTZrj8EO5MgiT3/aL5hQQTIAWNlaIli6gMhih0J6RCJLm1GlIiVxNE7sMqbZaHfFuQsrtiilSneLoYpZgn19YvIXo4Pe6NIWzvaifAIPqFyqbmdLNxrkJpwbuAYL0Aj+naLUFkXOXpB8Eoz04uzIfzwUdBrlgvlfT89Joy5RlzjIIQu7PE0nduU0nYs5pfVud8tJxVt73DX5ZNOWwBXgiNK0yYQ8WFGlie4U9gXLWsF0yHZWaB8sbzwr4oFlBKZZnO5IQsKnaY3xwCXLqQhuJAgYSFGn3clOmB1Xi42i5aWsay240XTJ15pVvGn/tuzwkIt2EfDaYeWMFJxKrEhqLlE8pq13H3Tg2C5K384+kONUV51tzkH14bMpkFAtnplur+YrVIB4yeG6dCELRRS1WoL/pfg/TgphknWf6NYAwxv8luv5nA+zBhU4tLYJCcmpWep6WETltiwpOPfSBd6HnW2fE1wzdkvnyDmvQ6qkSQ57qx6FXNqZEcFOg40LidtONK0BxuwjGws2pUpYDG1awfOVIf2HK2sNvCsO0ArcgdSxQQ63B/JQIpeb2yuinxdiGoPD1IpPMY9RqR7JTqexeHwAtSIeLmJF5EgbH9KHWHA5eYlyHiq87XXB3rBgAkvDDzL1/GaCCgYDaYvgQWNi5rxzrMX3SpvhvHQy2BaJo5wTWE8jZ8T4FhWarRobtbzrVHt9pH3p0aeoupwRoXlik6d8pmOAbg9ivl663FhtHovX5LCpSEOJt6INHNj2mr2l2Y7yPdkQjEWxSOYvvwoR2ElbARWKsq5HFjB0z2EHDbnVsxEYUpVqhaNUct7RL6GsfH/vQILT0h7xnKxrl5jsbSrE1Jn25ipoZKXk1VT4Typn7QC/0rZQJpDb7sXrCZrqa6oGOpCvWBBakaR2n3Uklkedc8NP72ub8Uyyrm5unYXQHDXj3g44/vQ56JcWRk4nsclehFC819BD7TSB7qr2CKEkH2VeyfXUhI07rCZ3SgcvGGefJi/Rkac/tPnxd2Mhq4w+xBpTfQoBhsg5tkNsXlPT5OyCXJjhtIv2IknEQFQBGsacIRNTjtehFLGBTWqGZvP+yuWLoTB/04F81fUoh4dsjR3Id5YQgIUxRvOTCMG2RKkL98abe5M9ZkwcOiEkmFgLep3loxvs1hAvt66RfUZo9TrR0QML/W4r+KQ1J4fXXWro0GK9BIVDDg3UZVdr9KPznHUk+Sjdc5SP/vIKVs/eXenuG7PhojZ2pL/JKVUiG2l1O3Ah4yqJfnegohZdHUKvA4hMKSZJgUzaBBS0YudcorVusvduTLox+V768hRC0G+M3EplnG/h/igT5m+Zxv+7geRYuZp/A6TmEkP9nmACAAABJGlDQ1BJQ0MgcHJvZmlsZQAAeJydkL9Kw1AUxn+NoiK6aHEQhwyOFlyaycU/GBwKta1gdEpvWiwmMSQpxTfwTfRhOgiCT+ATKDj73ejgYBYvHL4fh3O+794LjhubpFjchyQtc793GFwGV+7yGw4bNNmjHZoi6/RPB9Sez1caVl9a1qt+7s+zFI0KI52rUpPlJTQOxN6szCyraN4OesfiB7EbJWkkfhLvRklk2e72knhqfjztbdZG6UXf9lU7+JzRoYvLkCkTYkpa0lSdEzzaUp+ckHsKjDRmpN5MMyU3okJOPkeigUi3qcnbrvK6ShnKYyIvm3BHIk+bh/3f77WP82qzsTXPwjysWgsqZzyG90dYD2DzGVava7JWfr+tZsarZv75xi9R7lCasweppQAAAAJiS0dEAE2i4B4fAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AISFC83cF+pjgAAAJ1JREFUGNOdjj0OAWEURc97LyGR+EYjEpOJ0hrEGrAKYyN2waq0KmQUIxG/MVF8n8YIiSjc7txT3Au/MpKvdFXvMivrzLwrFBQ0krQVHxSg0FYsqUSgA6kEnKW15Kg7q8aW4jSAQG7NNhPwM4VxkMt8v+55gZdywOk2X22Gfhmek7mFJEzD9N7JrPvxkdx8w0dnLfnN9qXOgm3gzzwAUn4ve01yOE8AAAAASUVORK5CYII=") !important;
}

.dark-skin .w-datagrid {
  color: #ffffff;
}

.dark-skin .w-datagrid .slick-header-column,
.dark-skin .w-datagrid .slick-group-header-column {
  background-color: #4d4d4d !important;
  color: #cccccc;
}

.dark-skin .w-datagrid .slick-header-column.slick-header-column-sorted,
.dark-skin .w-datagrid .slick-group-header-column.slick-header-column-sorted {
  color: #ffffff;
}

.dark-skin .w-datagrid .slick-header-column {
  border-right: 1px solid #8c8c8c;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']) {
  background-color: #383838;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']).selected-row {
  background-color: #9dd3e3;
  border-bottom: none;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']).selected-row.odd, .dark-skin .w-datagrid .slick-row:not([class*='hovered']).selected-row.even {
  background-color: var(--color-gray-55) !important;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']) .slick-cell {
  background-color: #383838;
  border-bottom: 1px solid #4d4d4d !important;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']) .slick-cell.selected {
  color: #212121;
  background-color: #9dd3e3 !important;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']).odd, .dark-skin .w-datagrid .slick-row:not([class*='hovered']).even {
  background-color: #383838 !important;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']).odd:hover, .dark-skin .w-datagrid .slick-row:not([class*='hovered']).even:hover {
  background-color: #676767 !important;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']):hover {
  background-color: #737373 !important;
}

.dark-skin .w-datagrid .slick-row:not([class*='hovered']):hover .slick-cell {
  background-color: #737373 !important;
  color: #ffffff;
}

.dark-skin .slick-pane-left .slick-cell {
  border-right: 1px solid #696969;
}

.dark-skin .slick-header-columns,
.dark-skin .slick-group-header-columns {
  border-bottom-color: #4d4d4d;
}

.dark-skin span.slick-sort-indicator {
  background-repeat: no-repeat;
  background-size: 8px 8px;
  background-position: center center;
}

.dark-skin span.slick-sort-indicator.slick-sort-indicator-asc {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkljb24gU29ydDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJEYXNoYm9hcmRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUE8taG9yaXpvbnRhbC10YWJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2OC4wMDAwMDAsIC0yNDIuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAxMDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVGFibGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjAwMDAwMCwgMTE0Ljk5OTk2OCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJUYWJsZS1IZWFkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iSWNvbi1Tb3J0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDI2LjAwMDAwMCwgMjUuMDAwMDMyKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTAyNi4wMDAwMDAsIC0yNS4wMDAwMzIpICIgcG9pbnRzPSIxMDIyIDIzLjAwMDAzMTggMTAyNiAyNy4wMDAwMzE4IDEwMzAgMjMuMDAwMDMxOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}

.dark-skin span.slick-sort-indicator.slick-sort-indicator-desc {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPkljb24gU29ydDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJEYXNoYm9hcmRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUE8taG9yaXpvbnRhbC10YWJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2OC4wMDAwMDAsIC0yNDIuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuMDAwMDAwLCAxMDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iVGFibGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjAwMDAwMCwgMTE0Ljk5OTk2OCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJUYWJsZS1IZWFkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iSWNvbi1Tb3J0IiBwb2ludHM9IjEwMjIgMjMuMDAwMDMxOCAxMDI2IDI3LjAwMDAzMTggMTAzMCAyMy4wMDAwMzE4Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
}

.dark-skin .slick-row:hover > .slick-cell, .dark-skin .slick-row:hover:after {
  cursor: pointer;
  color: #ffffff;
}

.dark-skin .slick-row.ui-widget-content:after {
  border-top-color: #4d4d4d;
  border-bottom-color: #4d4d4d !important;
}

.dark-skin .datagrid-empty-container {
  background: #4d4d4d;
}

.dark-skin .datagrid-empty-container:hover {
  background: #777777;
}

.dark-skin .slick-viewport-left::-webkit-scrollbar-track {
  background-color: transparent;
}

.dark-skin .datagrid-empty-msg {
  color: #ffffff;
}

.dark-skin .slick-header-column.ui-state-default,
.dark-skin .slick-group-header-column.ui-state-default {
  border-bottom: 0.0125rem solid #404040;
}

.dark-skin .w-datagrid .slick-row.odd,
.dark-skin .w-datagrid .slick-row.even {
  background-color: #383838 !important;
  border-bottom: 0.0125rem solid #404040;
}

.dark-skin .row-large-size > .slick-cell {
  line-height: var(--sizing-80) !important;
}

.dark-skin .row-large-size .slick-group-toggle {
  width: var(--sizing-16);
  height: var(--sizing-20);
  margin-right: var(--sizing-10);
  background-size: var(--sizing-20) var(--sizing-12);
  filter: invert(1);
}

.dark-skin .row-large-size .slick-group-title {
  line-height: var(--sizing-80);
  font-size: var(--sizing-34);
}

.dark-skin .row-medium-size > .slick-cell {
  line-height: var(--sizing-48) !important;
  font-size: var(--sizing-18);
}

.dark-skin .row-medium-size .slick-group-toggle {
  width: var(--sizing-12);
  height: var(--sizing-10);
  background-size: var(--sizing-12) var(--sizing-6);
  filter: invert(1);
}

.dark-skin .row-medium-size .slick-group-title {
  line-height: var(--sizing-48);
  font-size: var(--sizing-20);
}

.dark-skin .row-small-size > .slick-cell {
  line-height: var(--sizing-28) !important;
  font-size: var(--sizing-14);
}

.dark-skin .row-small-size .slick-group-toggle {
  filter: invert(1);
}

.dark-skin .datagrid-inline-edit-buttons {
  height: 32px;
  width: 100%;
  bottom: 0;
  position: inherit;
  background-color: var(--color-gray-65) !important;
}

.expandable-row-toggle {
  width: 25px;
  height: 28px;
}

.expandable-row-toggle .expandable-row-toggle-icon {
  transform: rotate(45deg);
  border: solid #333333;
  border-width: 0 2px 2px 0;
  top: 25%;
  left: 5px;
  height: 10px;
  width: 10px;
  padding: 3px;
  position: absolute;
  display: inline-block;
}

.expandable-row.expanded .expandable-row-toggle-icon {
  transform: rotate(-135deg);
  top: 40%;
}

.grid-canvas-left .expandable-child-row {
  pointer-events: none;
}

.grid-canvas-left .expandable-child-row .slick-cell {
  display: none;
}

.expandable-row .expandable-row-description-group {
  margin-left: 28px;
}

/* Menu button */
.slick-header-menubutton {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/images/down.gif);
  cursor: pointer;
  display: none;
  border-left: thin ridge silver;
}

.slick-header-column:hover > .slick-header-menubutton,
.slick-header-column-active .slick-header-menubutton {
  display: inline-block;
}

/* Menu */
.slick-header-menu {
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 2px;
  cursor: default;
  border: 1px solid #718bb7;
  background: #f0f0f0;
  padding: 2px;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  min-width: 100px;
  z-index: 20;
}

/* Menu items */
.slick-header-menuitem {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  padding: 2px 4px;
  border: 1px solid transparent;
  border-radius: 3px;
}

.slick-header-menuitem:hover {
  border-color: silver;
  background: white;
}

.slick-header-menuicon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle;
  min-width: 116px;
}

/* Disabled */
.slick-header-menuitem-disabled {
  color: silver;
}

.slick-header-column-ordened {
  text-align: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: absolute;
  right: 16px;
}

.slick-header-column-ordened .slick-header-column-ordened-icon {
  height: 15px;
  width: 15px;
  background-color: var(--color-blue-50);
  border-radius: 50%;
  display: inline-block;
  color: var(--color-white);
  font-size: 75%;
}

.slick-header-column-position {
  margin-right: 16px;
}

tasy-wdbpanel {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.wdbpanel {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
}

.wdbpanel-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: var(--spacing-16);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.wdbpanel-container .wtitle-container .panel-title {
  font-size: var(--font-size-header-5);
}

.wdbpanel__w-loader {
  position: absolute;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -28px;
}

.wdbpanel .griddetailcontainer {
  position: relative;
}

.wdbpanel .griddetailcontainer,
.wdbpanel .detail-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.wdbpanel .detail-container-modal {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  min-width: 0;
}

.wdbpanel .detail-container-modal tasy-wmdetail.no-gutter > .w-mdetail {
  padding: 28px;
}

.wdbpanel .tag-list-container {
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.detail-modal-title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  padding-left: 28px;
  padding-right: 28px;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  line-height: 18px;
  letter-spacing: 0.1px;
}

.detail-modal-inconsistency {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding: 28px 0 0 28px;
  background-color: #ffffff;
}

.popup-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
}

.add-button--submenu:after {
  content: '';
  position: relative;
  display: inline-block;
  width: var(--sizing-8);
  height: var(--sizing-8);
  margin-left: var(--spacing-4);
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW0gdMOtdHVsby0xPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iOCAwIDQgNCAwIDAgOCAwIi8+PC9zdmc+) no-repeat;
  background-position-y: center;
  color: white;
}

.release-button {
  margin-left: 24px;
}

.wgrid {
  animation: tasy-fadein 0.1s ease !important;
}

.wgrid.ng-hide {
  animation: tasy-fadeout 0.1s ease !important;
}

.detail-container {
  animation: tasy-fadein 0.1s ease !important;
}

.detail-container.ng-hide {
  animation: tasy-fadeout 0.1s ease !important;
}

.dark-skin .wdbpanel {
  background-color: transparent;
}

.dark-skin.wdbpanel {
  background: transparent;
}

.ngdialog.dark-skin .wschematic-content > tasy-wdbpanel .wdbpanel {
  background-color: transparent;
}

.ngdialog.dark-skin .detail-modal-content.dialog-box .detail-modal-inconsistency,
.ngdialog.dark-skin .detail-modal-content.dialog-box .detail-modal-title {
  background-color: #383838;
}

.detail-panel-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #FFF;
  padding: 28px;
}

.detail-panel-title {
  text-align: center;
  padding-bottom: 5px;
}

.detail-panel-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.detail-panel-detail {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
}

.detail-panel-detail .w-mdetail {
  overflow-x: hidden !important;
}

.detail-panel-detail .w-mdetail__container {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin: 0 !important;
}

.detail-panel-detail .w-mdetail__container .w-form {
  overflow: initial !important;
}

.wdialectfield-horizontal {
  display: inline-block;
  width: 100%;
}

.wdialectfield-horizontal > :last-child .wdialectfieldcomponentwrapper-horizontal {
  padding-bottom: 0px !important;
}

.wdialectfieldtype-horizontal {
  display: -ms-flexbox;
  display: flex;
}

.wdialectfieldcomponentwrapper-horizontal {
  display: block;
  padding: 0px 8px;
  padding-bottom: 24px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 50px;
}

tasy-wdialect-field {
  display: -ms-flexbox;
  display: flex;
}

.wdialectfield-vertical {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.wdialectfieldtype-vertical {
  display: block;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wdialectfieldcomponentwrapper-vertical {
  display: block;
  padding: 0px 8px;
  padding-top: 24px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

/*rtl:begin:remove*/
.wdialectfield-vertical > :first-child .wdialectfieldcomponentwrapper-vertical {
  padding-left: 0;
}

.wdialectfield-vertical[dir=rtl] > :first-child .wdialectfieldcomponentwrapper-vertical {
  padding-left: 8px !important;
  padding-right: 0px !important;
}

.wdialectfield-vertical > :last-child .wdialectfieldcomponentwrapper-vertical {
  padding-left: 8px;
  padding-right: 0;
}

.wdialectfield-vertical[dir=rtl] > :last-child .wdialectfieldcomponentwrapper-vertical {
  padding-right: 8px !important;
  padding-left: 0px !important;
}

/*rtl:end:remove*/
.wdialectfieldtype-vertical > :first-child {
  padding-top: 0px !important;
}

.wdialectfield-vertical > :first-child .wdialectfieldcomponentwrapper-vertical {
  /*rtl:raw:
      padding-left: 8px;
      padding-right: 0px;
    */
}

.wdialectfield-vertical > :last-child .wdialectfieldcomponentwrapper-vertical {
  /*rtl:raw:
    padding-left: 0px;
    padding-right: 8px;
    */
}

.wdialectfield-vertical[dir=ltr] > :first-child .wdialectfieldcomponentwrapper-vertical {
  /*rtl:raw:
      padding-left: 0px !important;
      padding-right: 8px !important;
    */
}

.wdialectfield-vertical[dir=ltr] > :last-child .wdialectfieldcomponentwrapper-vertical {
  /*rtl:raw:
    padding-left: 8px !important;
    padding-right: 0px !important;
    */
}

.wdialectfield-container {
  position: relative;
  padding: 0;
  margin: 0;
}

.wdialectfield-container-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .wdialectfield-container-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

[data-touch="true"] {
  /* GRID */
  /* TEXTBOX */
  /* ATTRIBUTE CONTAINER */
  /* BUTTON */
  /* MEDIUM SIZED BUTTONS */
  /* LINK BUTTON */
  /* BUTTONS DECK | WIZARD */
  /* TAB PANEL */
  /* CHECKBOX */
  /* RADIO GROUP */
  /* LISTBOX */
  /* LISTBOX POPUP */
}

[data-touch="true"] .ui-grid-row {
  height: 48px !important;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox {
  font-size: 24px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  height: 49px;
  padding: 10px 8px;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:disabled, [data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:-moz-read-only {
  color: #999999;
}

[data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:disabled, [data-touch="true"] tasy-wtextbox:not([data-touch="false"]) .gwt-TextBox:read-only {
  color: #999999;
}

[data-touch="true"] .w-attr-container:not([data-touch="false"]) .w-attr-container__content--inline {
  margin-top: 26px;
}

[data-touch="true"] .w-attr-container:not([data-touch="false"]) .w-attr-container__label {
  height: 18px !important;
  font-size: 18px !important;
  line-height: 18px !important;
  color: #808080 !important;
}

[data-touch="true"] [class*="btn-"]:not(.btn-link-blue):not([data-touch="false"]) {
  font-size: 24px;
  height: 97px;
  min-width: 284px;
  padding: 19px 28px;
}

[data-touch="true"] [class*="btn-"]:not(.btn-link-blue):not([data-touch="false"]) .wbutton-text {
  font-size: 24px;
}

[data-touch="true"] w-persistence-action-bar:not([data-touch="false"]) {
  height: initial;
  -ms-flex-align: center;
      align-items: center;
}

[data-touch="true"] w-buttons-deck:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] w-persistence-action-bar:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-handlebar-new:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-wdbpanel:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] tasy-wdlgpanel-button:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue),
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) [class*="btn-"]:not(.btn-link-blue) {
  height: 50px;
  min-width: 122px;
  padding: 14px 16px;
  font-size: var(--font-size-header-5);
}

[data-touch="true"] .btn-link-blue:not([data-touch="false"]),
[data-touch="true"] .wpab-button-link:not([data-touch="false"]),
[data-touch="true"] .wtabpanel-wizard-bottom-abort:not([data-touch="false"]) {
  font-size: 24px;
  line-height: 24px;
  min-width: 49px;
  height: 49px;
}

[data-touch="true"] .btn-save-add:before, [data-touch="true"] w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button [data-touch="true"] button:before {
  vertical-align: middle;
}

[data-touch="true"] .w-buttons-deck,
[data-touch="true"] .wtabpanel-wizard-bottom {
  padding: 42px 32px;
}

[data-touch="true"] .wtabpanel-wizard-bottom {
  -ms-flex-pack: center;
      justify-content: center;
  height: initial;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtabpanel-vertical {
  padding: 32px 0 0 0;
  overflow-y: auto;
  background-color: #e6e6e6;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtabpanel-vertical + .wtabpanel-content {
  box-shadow: -4px 1px 4px -2px rgba(0, 0, 0, 0.2);
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-activated-vertical .wtab-link-vertical {
  background-color: #fff;
  font-size: var(--font-size-header-5);
  color: #696969;
  font-family: "CentraleSansCndBook";
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-mark-vertical {
  display: none;
}

[data-touch="true"] tasy-wtab-panel:not([data-touch="false"]) .wtab-link-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 46px;
  width: 100% !important;
  padding: 12px 32px;
  font-size: var(--font-size-header-5);
  line-height: 22px;
  color: #696969;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel,
[data-touch="true"] .wcheckbox:not([data-touch="false"]) .checkboxStyleAngular {
  width: 29px;
  height: 29px;
  margin: 0;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel {
  border-color: #b3b3b3;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-inputlabel:after {
  position: initial;
  display: block;
}

[data-touch="true"] .wcheckbox:not([data-touch="false"]) .wcheckbox-main-label {
  font-size: 24px;
  line-height: 24px;
}

[data-touch="true"] .filter-container {
  min-width: 0;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .group-box-container + .group-box-container {
  margin-top: 8px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton div {
  margin: initial;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input + label:before {
  width: 29px;
  height: 29px;
  box-sizing: border-box;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input + label:after {
  content: '';
  display: block;
  width: 100%;
  height: 49px;
  position: absolute;
  top: -10px;
  left: -10px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton input:checked + label:before {
  background-color: #000000;
  box-shadow: inset 0 0 0 8px #FFFFFF;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .gwt-RadioButton .rg-label {
  font-size: 24px;
}

[data-touch="true"] tasy-wradiobuttongroup:not([data-touch="false"]) .group-box-column {
  -ms-flex-pack: center;
      justify-content: center;
  height: 49px;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox {
  height: 49px;
  display: -ms-flexbox;
  display: flex;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox:after {
  border-width: 6px;
  border-top-color: #666666;
}

[data-touch="true"] tasy-listbox:not([data-touch="false"]) .w-listbox__label {
  font-size: 24px;
  color: #666666;
}

[data-touch="true"] .w-listbox__content {
  padding: 0;
}

[data-touch="true"] .w-listbox__content a {
  font-size: 24px;
  height: 52px;
  line-height: 36px;
  padding: 8px;
  color: #666666;
}

[data-touch="true"] .w-listbox__content a:hover {
  color: #333333;
}

/* DIALOG BOX */
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box.wdialogbox-container,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box.wdialogbox-container {
  max-width: 486px;
  max-height: 297px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box .dialog-content {
  max-width: 486px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]):not(.w-dlg-panel) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"]:not(.w-dlg-panel) .dialog-box .dialog-content {
  padding: 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box.wdialogbox-container,
.tasy-wdialogbox[data-touch="true"] .dialog-box.wdialogbox-container {
  width: 486px;
  height: 297px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-header,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-header {
  font-size: 28px;
  line-height: 34px;
  padding: 15px 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-footer,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-footer {
  padding: 32px;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content {
  padding-bottom: 0;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content > .gwt-Label:not([data-touch="false"]),
[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-content > bind-html:not([data-touch="false"]),
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content > .gwt-Label:not([data-touch="false"]),
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-content > bind-html:not([data-touch="false"]) {
  font-size: 24px;
  line-height: 26px;
  color: #333333;
}

[data-touch="true"] .tasy-wdialogbox:not([data-touch="false"]) .dialog-box .dialog-icon,
.tasy-wdialogbox[data-touch="true"] .dialog-box .dialog-icon {
  display: none;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.fixed-panel-area .dialog-box {
  width: 100%;
}

.fixed-panel-area .dialog-box .dialog-content {
  padding: 0px !important;
}

.ngdialog.tasy-wdialogbox {
  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;
  padding: 72px 24px 48px;
  -webkit-user-select: initial !important;
     -moz-user-select: initial !important;
      -ms-user-select: initial !important;
          user-select: initial !important;
  margin-top: 17.1px;
}

.ngdialog.tasy-wdialogbox .ngdialog-overlay {
  background: rgba(0, 0, 0, 0.3);
}

.ngdialog.tasy-wdialogbox .ngdialog-content {
  position: relative;
  background: transparent;
  max-width: 100%;
  max-height: 100%;
}

.ngdialog.tasy-wdialogbox .w-attr-container__info {
  margin-right: -17px;
}

.ngdialog.tasy-wdialogbox .w-attr-container__info--checkbox {
  margin-right: -20px;
}

.fixed-panel-area .ngdialog-close:before,
.ngdialog.tasy-wdialogbox .ngdialog-close:before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
  position: absolute;
  top: var(--spacing-8);
  left: calc(100% - var(--spacing-8));
  transform: translateX(-100%);
  width: var(--sizing-16);
  height: var(--sizing-16);
}

@media (min-width: 3840px) {
  .fixed-panel-area .ngdialog-close:before,
  .ngdialog.tasy-wdialogbox .ngdialog-close:before {
    top: var(--spacing-20);
    left: calc(100% - var(--spacing-20));
    width: var(--spacing-24);
    height: var(--spacing-24);
  }
}

.dialog-box.wdialogbox-container {
  width: 405px;
  max-height: 243px;
}

.dialog-box.wdialogbox-container .dialog-content {
  min-height: 80px;
  line-height: 1.4;
}

@media (min-width: 3840px) {
  .dialog-box.wdialogbox-container .dialog-content {
    min-height: 188px;
  }
}

@media (min-width: 3840px) {
  .dialog-box.wdialogbox-container {
    width: 810px;
    max-height: 514px;
  }
}

.dialog-warning .dialog-icon, .dialog-error .dialog-icon, .dialog-confirm .dialog-icon, .dialog-information .dialog-icon, .dialog-submission .dialog-icon, .dialog-exception .popupContent .dialog-box .dialog-header .dialog-icon {
  width: var(--spacing-24);
  height: var(--spacing-24);
  margin-right: var(--spacing-8);
  background-repeat: no-repeat;
}

.external-access-dialog-box {
  -ms-flex-direction: column;
      flex-direction: column;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

.external-access-dialog-box .external-access-dialog-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 52px;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  padding: 28px 28px 0 28px;
  background-color: #ffffff;
}

.external-access-dialog-box .pn-shadow {
  box-shadow: none;
}

.dialog-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.dialog-box .dialog-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-6);
  padding: var(--spacing-20) 0px var(--spacing-20) var(--spacing-28);
}

.dialog-box .dialog-header .dialog-title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
      align-items: center;
  min-width: 0;
}

.dialog-box .dialog-header .dialog-title-text {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
}

.dialog-box .dialog-header .dialog-title-subtext {
  color: #696969;
  font-family: CentraleSansCndBook;
  font-size: var(--font-size-subtitle);
  margin-top: var(--spacing-4);
}

.dialog-box .dialog-header .dialog-title-function {
  color: #333333;
  font-family: CentraleSansCndBook;
  font-size: var(--font-size-subtitle);
  margin-top: var(--spacing-4);
}

.dialog-box .dialog-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
  text-align: left;
  padding: var(--spacing-28) var(--spacing-28) 0px var(--spacing-28);
}

.dialog-box .dialog-content .wschematic .wschematic-content .region-cont-column .region-cel {
  overflow: inherit;
}

.dialog-box .dialog-content .dialog-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.dialog-box .dialog-content .wtabpanel-topbar {
  margin-top: 0px;
}

.dialog-box .dialog-content-overflow-hide {
  overflow: hidden;
}

.dialog-box .dialog-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: var(--spacing-28);
}

.dialog-box .dialog-footer .btn-gray, .dialog-box .dialog-footer .w-dt-result__button.is_dpkb, .dialog-box .dialog-footer .w-dt-result__button.is_dpkb_visible, .dialog-box .dialog-footer .segment-spinner-date .btn_actions, .segment-spinner-date .dialog-box .dialog-footer .btn_actions, .dialog-box .dialog-footer #segment-buttons .btn_actions, #segment-buttons .dialog-box .dialog-footer .btn_actions, .dialog-box .dialog-footer .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dialog-box .dialog-footer .wbutton, .dialog-box .dialog-footer .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dialog-box .dialog-footer .wbutton, .dialog-box .dialog-footer #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dialog-box .dialog-footer .wbutton,
.dialog-box .dialog-footer .btn-blue,
.dialog-box .dialog-footer .btn-green {
  margin-left: 16px;
}

.dialog-box .form-dialog-footer {
  position: relative;
  max-width: 100%;
  white-space: nowrap;
  padding: 28px;
}

.dialog-box .form-dialog-footer .btn-gray, .dialog-box .form-dialog-footer .w-dt-result__button.is_dpkb, .dialog-box .form-dialog-footer .w-dt-result__button.is_dpkb_visible, .dialog-box .form-dialog-footer .segment-spinner-date .btn_actions, .segment-spinner-date .dialog-box .form-dialog-footer .btn_actions, .dialog-box .form-dialog-footer #segment-buttons .btn_actions, #segment-buttons .dialog-box .form-dialog-footer .btn_actions, .dialog-box .form-dialog-footer .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dialog-box .form-dialog-footer .wbutton, .dialog-box .form-dialog-footer .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dialog-box .form-dialog-footer .wbutton, .dialog-box .form-dialog-footer #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dialog-box .form-dialog-footer .wbutton,
.dialog-box .form-dialog-footer .btn-blue,
.dialog-box .form-dialog-footer .btn-green {
  margin-left: 10px;
}

.dialog-box .dialog-button--right {
  float: right;
}

.dialog-default .dialog-header {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  padding: 28px 28px 0px;
}

.dialog-default .dialog-content {
  max-width: 460px;
  white-space: pre-wrap;
}

@media (min-width: 3840px) {
  .dialog-default .dialog-content {
    max-width: 920px;
  }
}

.dialog-default .dialog-content {
  padding: 0px 28px;
}

.dialog-listbox .dialog-header {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  padding: 28px;
}

.dialog-listbox .dialog-content {
  max-width: 460px;
  padding: 0px 28px;
}

.dialog-listbox .dialog-footer .justify-start {
  margin-right: auto;
}

.dialog-warning .dialog-header {
  background-color: #f0bb29;
}

.dialog-warning .dialog-content {
  max-width: 460px;
  white-space: pre-wrap;
}

.dialog-warning .dialog-content .gwt-Label {
  line-height: var(--spacing-20);
}

@media (min-width: 3840px) {
  .dialog-warning .dialog-content {
    max-width: 920px;
  }
}

.dialog-warning .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYWxfYXR0ZW50aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC45OCAyNC45MSI+PHRpdGxlPm1vZGFsX2F0dGVudGlvbjwvdGl0bGU+PHBhdGggaWQ9InN5bWJvbCIgZD0iTTE0LDguOTRMMTMuNTUsMTdoLTJMMTEsOC45NGgzWk0xMy44NSwxOS43MWExLjIzLDEuMjMsMCwwLDEtMS4zMiwxLjIzLDEuMjYsMS4yNiwwLDAsMS0xLjM0LTEuMjMsMS4yNywxLjI3LDAsMCwxLDEuMzQtMS4yNUExLjI1LDEuMjUsMCwwLDEsMTMuODUsMTkuNzFaIiBmaWxsPSIjMzIzMjMyIi8+PHBhdGggaWQ9ImJvcmRlciIgZD0iTTI0LjI4LDIxLjg0TDEzLjc5LDEuMzVhMS40MSwxLjQxLDAsMCwwLTIuNTksMEwwLjcsMjEuODRhMS45MiwxLjkyLDAsMCwwLDAsMS43MSwxLjQ4LDEuNDgsMCwwLDAsMS4zLjg2SDIzYTEuNDgsMS40OCwwLDAsMCwxLjMtLjg2LDEuOTIsMS45MiwwLDAsMCwwLTEuNzFoMFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMyMzEzMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+);
}

.dialog-warning + .ngdialog-close {
  display: none;
}

.dialog-error .dialog-header {
  background-color: #db2a36;
  color: #ffffff;
}

.dialog-error .dialog-content {
  white-space: pre-wrap;
}

.dialog-error .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1IDI1Ij48dGl0bGU+bW9kYWxfZXJyb3I8L3RpdGxlPjxnIGlkPSJzeW1ib2wiPjxsaW5lIHgxPSI3LjQ4IiB5MT0iNy40NyIgeDI9IjE3LjQ4IiB5Mj0iMTcuNDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIuNSIvPjxsaW5lIHgxPSI3LjQ4IiB5MT0iMTcuNDciIHgyPSIxNy40OCIgeTI9IjcuNDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIuNSIvPjwvZz48cG9seWdvbiBpZD0iYm9yZGVyIiBwb2ludHM9IjE3LjM0IDAuNSA3LjUyIDAuNSAwLjUgNy41NiAwLjUgMTcuNTcgNy41MiAyNC41IDE3LjQ3IDI0LjUgMjQuNSAxNy40NCAyNC41IDcuNTYgMTcuMzQgMC41IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvc3ZnPg==);
}

.dialog-error + .ngdialog-close {
  display: none;
}

.dialog-confirm .dialog-header {
  background-color: #54c0ff;
  color: #ffffff;
}

.dialog-confirm .dialog-content {
  white-space: pre-wrap;
}

.dialog-confirm .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYWxfY29uZmlybWF0aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPjx0aXRsZT5tb2RhbF9jb25maXJtYXRpb248L3RpdGxlPjxwb2x5bGluZSBpZD0ic3ltYm9sIiBwb2ludHM9IjYuNTMgMTMuMTMgMTAuNDcgMTYuNjIgMTkuNTIgOC42MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgaWQ9Imljb24iIGN4PSIxMi43NSIgY3k9IjEyLjc1IiByPSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+);
}

.dialog-confirm + .ngdialog-close {
  display: none;
}

.dialog-information .dialog-header {
  background-color: #d9d9d9;
}

.dialog-information .dialog-content {
  white-space: pre-wrap;
}

.dialog-information .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYUxfaW5mb3JtYXRpb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1IDI1Ij48dGl0bGU+bW9kYWxfaW5mb3JtYXRpb248L3RpdGxlPjxwYXRoIGlkPSJzeW1ib2wiIGQ9Ik0xNC4xNiw5LjU5VjE4LjdoLTIuOVYxMS40NGwtMS0uMjFWOS41OWgzLjg5Wm0wLTIuNTRhMS41MiwxLjUyLDAsMCwxLTEuNjcsMS4zNUExLjUsMS41LDAsMCwxLDEwLjg0LDcsMS41MSwxLjUxLDAsMCwxLDEyLjUxLDUuNywxLjUxLDEuNTEsMCwwLDEsMTQuMTgsN1oiIGZpbGw9IiMzMjMyMzIiLz48Y2lyY2xlIGlkPSJib3JkZXIiIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzMyMzEzMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+);
}

.dialog-information + .ngdialog-close {
  display: none;
}

.dialog-submission .dialog-header {
  background-color: #7ead00;
  color: #ffffff;
  height: 64px;
}

.dialog-submission .dialog-header .dialog-title {
  padding: 0px 0px 0px;
}

.dialog-submission .dialog-content {
  white-space: pre-wrap;
}

.dialog-submission .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYWxfY29uZmlybWF0aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPjx0aXRsZT5tb2RhbF9jb25maXJtYXRpb248L3RpdGxlPjxwb2x5bGluZSBpZD0ic3ltYm9sIiBwb2ludHM9IjYuNTMgMTMuMTMgMTAuNDcgMTYuNjIgMTkuNTIgOC42MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgaWQ9Imljb24iIGN4PSIxMi43NSIgY3k9IjEyLjc1IiByPSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+);
  margin-right: 16px;
}

.dialog-submission + .ngdialog-close {
  display: none;
}

.dialog-exception {
  height: 242px;
  width: 606px;
}

@media (min-width: 3840px) {
  .dialog-exception {
    height: 484px;
    width: 1212px;
  }
}

.dialog-exception + .ngdialog-close {
  display: none;
}

.dialog-exception .popupContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.dialog-exception .popupContent .dialog-box {
  -ms-flex: 1;
      flex: 1;
}

.dialog-exception .popupContent .dialog-box .dialog-header {
  background-color: #db2a36;
  color: #ffffff;
  min-height: var(--header-min-height);
  font-family: "CentraleSansCndBold";
  padding: var(--spacing-28) 0px var(--spacing-28) var(--spacing-28);
}

.dialog-exception .popupContent .dialog-box .dialog-header .dialog-icon {
  margin-right: var(--spacing-16);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMiAxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIgMTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgb3BhY2l0eT0iMC44NSI+DQoJCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNC4yIiB5MT0iMy42IiB4Mj0iOC4zIiB5Mj0iNy43Ii8+DQoJCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iOC4zIiB5MT0iMy42IiB4Mj0iNC4yIiB5Mj0iNy43Ii8+DQoJPC9nPg0KCTxjaXJjbGUgb3BhY2l0eT0iMC44NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSI2LjIiIGN5PSI1LjciIHI9IjQuNSIvPg0KPC9nPg0KPC9zdmc+DQo=);
  width: var(--sizing-24);
  height: var(--sizing-24);
}

.dialog-exception .popupContent .dialog-box .dialog-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  line-height: 143%;
  color: #333333;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
}

.dialog-exception .popupContent .dialog-box .dialog-content .mCustomScrollbar {
  height: 290px;
}

.dialog-exception .popupContent .dialog-box .dialog-content .mCustomScrollbar .mCustomScrollBox {
  height: 280px;
  padding: 10px 15px 1px 10px;
  border: solid lightgray 1px;
  word-wrap: break-word;
  font-size: 13px;
  line-height: 140%;
}

.dialog-exception .popupContent .dialog-box .dialog-content .gwt-HTML {
  font-family: "CentraleSansCndBold";
}

.dialog-exception .popupContent .dialog-box .dialog-content .dialog-content-info-version {
  padding-top: var(--spacing-24);
  font-size: var(--font-size-subtitle);
}

.dialog-exception .popupContent .dialog-box .dialog-footer {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.dialog-exception .popupContent .dialog-box .dialog-footer .btn-blue {
  border-radius: var(--spacing-4);
  font-size: var(--font-size-subtitle);
}

.dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  cursor: pointer;
}

.dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .gwt-Label {
  padding-top: 11px;
  font-size: var(--font-size-caption);
}

@media (min-width: 3840px) {
  .dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .gwt-Label {
    padding-top: 4px;
    margin-right: 5px;
  }
}

.dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer icon-detail, .dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .icon-detail-open, .dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .icon-detail-close {
  -ms-flex: 1;
      flex: 1;
  width: 15px;
  height: 15px;
  margin-top: 14px;
  margin-left: 6px;
  background-repeat: no-repeat;
}

@media (min-width: 3840px) {
  .dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer icon-detail, .dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .icon-detail-open, .dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .icon-detail-close {
    width: 30px;
    height: 30px;
  }
}

.dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .icon-detail-open {
  background-size: var(--sizing-8);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIwIDAgOCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiM4MDgwODAiIHBvaW50cz0iOCwwIDQsNiAwLDAgIi8+PC9zdmc+);
}

.dialog-exception .popupContent .dialog-box .dialog-footer .panel-footer .icon-detail-close {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iNnB4IiB2aWV3Qm94PSIwIDAgOCA2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiM4MDgwODAiIHBvaW50cz0iMCw2IDQsMCA4LDYgIi8+PC9zdmc+);
}

.dialog-exception-opened {
  width: 606px;
  height: 326px;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 3840px) {
  .dialog-exception-opened {
    height: 652px;
    width: 1212px;
  }
}

.exception-box {
  line-height: 150%;
}

.dialog-exception-content {
  -ms-flex: 1;
      flex: 1;
  overflow: auto;
}

.dialog-link {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.dialog-totals .dialog-title {
  padding-top: var(--spacing-28);
}

.dialog-totals li {
  padding-top: var(--spacing-12);
}

.tasy-wdialogbox.custom-width-right {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  margin-top: 4%;
  margin-right: 4%;
}

.tasy-wdialogbox.custom-width-left-center, .tasy-wdialogbox.custom-width-right-center, .tasy-wdialogbox.custom-width-right-top, .tasy-wdialogbox.custom-width-right-bottom, .tasy-wdialogbox.custom-width-left-bottom, .tasy-wdialogbox.custom-width-left-top {
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
}

.custom-width-right-top .ngdialog-content,
.custom-width-right-bottom .ngdialog-content,
.custom-width-left-top .ngdialog-content,
.custom-width-left-bottom .ngdialog-content {
  margin: 8px;
}

.tasy-wdialogbox.custom-width-left-center {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
}

.tasy-wdialogbox.custom-width-right-center {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
}

.tasy-wdialogbox.custom-width-right-top {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: end;
      align-items: flex-end;
}

.tasy-wdialogbox.custom-width-right-bottom {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
}

.tasy-wdialogbox.custom-maximized .ngdialog-content {
  width: 100% !important;
  height: 100% !important;
}

.tasy-wdialogbox.custom-width-left-bottom {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
}

.tasy-wdialogbox.custom-width-left-top {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

.ngdialog.tasy-wdialogbox .ngdialog-content {
  padding: 0em !important;
}

.cursor-move {
  cursor: move;
}

.dialog-button {
  padding: var(--spacing-8) !important;
  height: var(--sizing-32);
  margin: 2px;
}

.dialog-button:focus {
  border: 1px solid #0096ed;
  border-radius: 4px;
  padding: var(--spacing-8);
}

.ngdialog.tasy-wdialogbox {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.tasy-wdialogbox.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.tasy-wdialogbox .ngdialog-overlay {
  animation: none !important;
}

.ngdialog.tasy-wdialogbox .ngdialog-content {
  animation: none !important;
}

.dialog-box .region-cel + .region-cel tasy-wimporter {
  padding-top: 0;
}

.dark-skin .dialog-box {
  background-color: #383838;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.dark-skin .dialog-box .dialog-content .pn-3 {
  width: 100% !important;
}

.dark-skin .dialog-box .dialog-header .dialog-title-subtext {
  color: #c4c4c4;
}

.dark-skin .dialog-box .dialog-button {
  color: #4accff;
}

.dark-skin .dialog-box .tasy-wdialogbox.w-dlg-panel .dialog-content {
  width: 100% !important;
}

.dark-skin .dialog-box .ngdialog-content .ngdialog-close::before {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0JDQkNCQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNCQ0JDQkMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
}

.dark-skin .dialog-warning .dialog-header {
  background: #ffcd05;
  color: #212121;
}

.dark-skin .dialog-warning .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYWxfYXR0ZW50aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC45OCAyNC45MSI+PHRpdGxlPm1vZGFsX2F0dGVudGlvbjwvdGl0bGU+PHBhdGggaWQ9InN5bWJvbCIgZD0iTTE0LDguOTRMMTMuNTUsMTdoLTJMMTEsOC45NGgzWk0xMy44NSwxOS43MWExLjIzLDEuMjMsMCwwLDEtMS4zMiwxLjIzLDEuMjYsMS4yNiwwLDAsMS0xLjM0LTEuMjMsMS4yNywxLjI3LDAsMCwxLDEuMzQtMS4yNUExLjI1LDEuMjUsMCwwLDEsMTMuODUsMTkuNzFaIiBmaWxsPSIjMjEyMTIxIi8+PHBhdGggaWQ9ImJvcmRlciIgZD0iTTI0LjI4LDIxLjg0TDEzLjc5LDEuMzVhMS40MSwxLjQxLDAsMCwwLTIuNTksMEwwLjcsMjEuODRhMS45MiwxLjkyLDAsMCwwLDAsMS43MSwxLjQ4LDEuNDgsMCwwLDAsMS4zLjg2SDIzYTEuNDgsMS40OCwwLDAsMCwxLjMtLjg2LDEuOTIsMS45MiwwLDAsMCwwLTEuNzFoMFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+);
}

.dark-skin .dialog-error .dialog-header {
  background: #ff6d59;
  color: #212121;
}

.dark-skin .dialog-error .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FtYWRhXzEiIGRhdGEtbmFtZT0iQ2FtYWRhIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1IDI1Ij48dGl0bGU+bW9kYWxfZXJyb3I8L3RpdGxlPjxnIGlkPSJzeW1ib2wiPjxsaW5lIHgxPSI3LjQ4IiB5MT0iNy40NyIgeDI9IjE3LjQ4IiB5Mj0iMTcuNDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIuNSIvPjxsaW5lIHgxPSI3LjQ4IiB5MT0iMTcuNDciIHgyPSIxNy40OCIgeTI9IjcuNDciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIxMjEyMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIuNSIvPjwvZz48cG9seWdvbiBpZD0iYm9yZGVyIiBwb2ludHM9IjE3LjM0IDAuNSA3LjUyIDAuNSAwLjUgNy41NiAwLjUgMTcuNTcgNy41MiAyNC41IDE3LjQ3IDI0LjUgMjQuNSAxNy40NCAyNC41IDcuNTYgMTcuMzQgMC41IiBmaWxsPSJub25lIiBzdHJva2U9IiMyMTIxMjEiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjwvc3ZnPg==);
}

.dark-skin .dialog-confirm .dialog-header {
  background: #41c9fe;
  color: #212121;
}

.dark-skin .dialog-confirm .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYWxfY29uZmlybWF0aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPjx0aXRsZT5tb2RhbF9jb25maXJtYXRpb248L3RpdGxlPjxwb2x5bGluZSBpZD0ic3ltYm9sIiBwb2ludHM9IjYuNTMgMTMuMTMgMTAuNDcgMTYuNjIgMTkuNTIgOC42MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgaWQ9Imljb24iIGN4PSIxMi43NSIgY3k9IjEyLjc1IiByPSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+);
}

.dark-skin .dialog-information .dialog-header {
  background: #383838;
  color: #ffffff;
}

.dark-skin .dialog-information .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYUxfaW5mb3JtYXRpb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1IDI1Ij48dGl0bGU+bW9kYWxfaW5mb3JtYXRpb248L3RpdGxlPjxwYXRoIGlkPSJzeW1ib2wiIGQ9Ik0xNC4xNiw5LjU5VjE4LjdoLTIuOVYxMS40NGwtMS0uMjFWOS41OWgzLjg5Wm0wLTIuNTRhMS41MiwxLjUyLDAsMCwxLTEuNjcsMS4zNUExLjUsMS41LDAsMCwxLDEwLjg0LDcsMS41MSwxLjUxLDAsMCwxLDEyLjUxLDUuNywxLjUxLDEuNTEsMCwwLDEsMTQuMTgsN1oiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGlkPSJib3JkZXIiIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+PC9zdmc+);
}

.dark-skin .dialog-submission .dialog-header {
  background: #00bd5e;
  color: #212121;
}

.dark-skin .dialog-submission .dialog-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibW9kYWxfY29uZmlybWF0aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS41IDI1LjUiPjx0aXRsZT5tb2RhbF9jb25maXJtYXRpb248L3RpdGxlPjxwb2x5bGluZSBpZD0ic3ltYm9sIiBwb2ludHM9IjYuNTMgMTMuMTMgMTAuNDcgMTYuNjIgMTkuNTIgOC42MiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMyIvPjxjaXJjbGUgaWQ9Imljb24iIGN4PSIxMi43NSIgY3k9IjEyLjc1IiByPSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjEyMTIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+);
}

.priority-dialog {
  z-index: 9999999;
}

.w-dlg-panel-component-container {
  -ms-flex: 1;
      flex: 1;
}

.tasy-wdialogbox.w-dlg-panel {
  /* We shoudnt apply padding to the dlg,
  *  it will sum with the default padding of every other component,
  *  causing double padding and visual inconsistency.
  *  The specified padding should be applied on each component individualy.
  *  Any doubts? let me know :) - Aleksander [aleksandernsilva][ansilva].*/
  /*
  * Updated by SO-2270993
  * This padding-bottom was causing no padding at one or more dialogs
  * The dialog box already has its padding definitions at w-dialog-box.scss and there it should stay.
  **/
  /* The idea is displaying lateral margins only when the WTabPanel is outside a panel*/
}

.tasy-wdialogbox.w-dlg-panel .dialog-header {
  /*padding-bottom: 0;*/
}

.tasy-wdialogbox.w-dlg-panel .dialog-footer {
  padding-top: 0;
}

.tasy-wdialogbox.w-dlg-panel .dialog-content {
  padding: 0;
  max-width: 100%;
  white-space: initial;
}

.tasy-wdialogbox.w-dlg-panel .btn-link-blue-advanced-filter {
  position: absolute;
  left: 28px;
  text-align: right;
}

.tasy-wdialogbox.w-dlg-panel .wschematic-content > tasy-wtab-panel .wtabpanel-wrapper-horizontal {
  margin-left: 28px;
  margin-right: 28px;
}

.tasy-wdialogbox.w-dlg-panel .wschematic-content > tasy-wbars > .w-bars {
  margin-top: 28px;
  background-color: #fff;
}

.tasy-wdialogbox.w-dlg-panel w-checklist-tab .wtabpanel-wrapper-horizontal {
  margin-left: 0px;
  margin-right: 0px;
}

.tasy-wdialogbox.w-dlg-panel w-checklist-tab .wtabpanel-elipses {
  margin: 0px;
}

.tasy-wdialogbox.w-dlg-panel tasy-wtab-panel {
  background-color: #fff;
}

.tasy-wdialogbox.w-dlg-panel .wtabpanel-wrapper-horizontal,
.tasy-wdialogbox.w-dlg-panel .wtabpanel-elipses {
  /* Prevent horizontal WTabPanel from 'touching' the dlg's title.
    *  WTabPanel is one of the few components that doesnt have padding,
    *  in order to solve that a margin is applied.*/
  margin-top: var(--spacing-28);
  margin-left: var(--spacing-28);
  margin-right: var(--spacing-28);
}

.tasy-wdialogbox.w-dlg-panel .wtabpanel-wrapper-horizontal,
.tasy-wdialogbox.w-dlg-panel .wdbpanel-container {
  box-shadow: none;
}

.tasy-wdialogbox.w-dlg-panel .region-cel {
  border-bottom: 0;
}

.w-dlg-panel .dialog-submission .dialog-content {
  padding: 16px 28px 0 28px;
}

.w-dlg-panel .dialog-content .wchart .wtitle {
  margin-bottom: 28px;
}

.w-dlg-panel .wdynamicform {
  padding-top: 0px;
  min-height: 0;
}

.w-dlg-panel .dialog-header + .dialog-content tasy-wdynamic-form {
  padding-top: 16px;
  padding-bottom: 16px;
}

.w-dlg-panel .dialog-header + .dialog-content tasy-wtab-panel tasy-wdynamic-form {
  margin-top: 0px;
  padding: 28px;
}

.w-dlg-panel .dialog-header + .dialog-content tasy-wtab-panel:first-child {
  margin-top: 16px;
}

w-draganddrop-panel {
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
  background-size: 3px 3px;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid rgba(66, 134, 244, 0.25);
}

w-draganddrop-panel .draganddrop-panel__.field-position {
  float: right;
}

w-draganddrop-panel .draganddrop-panel__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

tasy-wdynamic-form {
  padding: var(--spacing-16);
}

tasy-wdynamic-form + tasy-wdynamic-form {
  padding-top: 0;
  margin-top: -12px;
}

tasy-wdynamic-form .inconsistencies-area {
  margin-top: calc(var(--spacing-16) * -1);
}

.dialog-content tasy-wdynamic-form .inconsistencies-area,
tasy-wdynamic-form .w-mdetail__container {
  margin-top: 0px;
}

tasy-wdynamic-form,
.wdynamicform {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #ffffff;
  min-width: 0;
  max-height: 100%;
  min-height: 0;
}

tasy-wdynamic-form,
.panel-title:not(:empty) {
  margin-right: 16px;
}

tasy-wdynamic-form .wdynamicform .filter-dimensions-area {
  max-height: 0;
}

tasy-wdynamic-form .wdynamicform .advanced-filter-container {
  height: auto;
  width: 100%;
  text-align: right;
}

.dynamicform-custom-empty-container {
  margin: auto auto;
}

.dynamicform-handlerbar-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  margin-bottom: var(--spacing-16);
}

.dynamicform-no-margin {
  padding: 0px;
}

.dynamicform-no-margin .w-form {
  margin: 0 0px;
}

.dark-skin tasy-wdynamic-form,
.dark-skin .wdynamicform {
  background: transparent;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-2 {
  max-width: 16.66%;
  min-width: 16.66%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset2 {
  margin: 0 16.66% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-3 {
  max-width: 25%;
  min-width: 25%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset3 {
  margin: 0 25% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-4 {
  max-width: 33.33%;
  min-width: 33.33%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset4 {
  margin: 0 33.33% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-5 {
  max-width: 41.66%;
  min-width: 41.66%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset5 {
  margin: 0 41.66% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-6 {
  max-width: 50%;
  min-width: 50%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset6 {
  margin: 0 50% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-7 {
  max-width: 58.33%;
  min-width: 58.33%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset7 {
  margin: 0 58.33% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-8 {
  max-width: 66.66%;
  min-width: 66.66%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset8 {
  margin: 0 66.66% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-9 {
  max-width: 75%;
  min-width: 75%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset9 {
  margin: 0 75% 0 0;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.dpf-10 {
  max-width: 83.33%;
  min-width: 83.33%;
}

tasy-wdynamic-form .w-mdetail__container .w-form .w-attr-container.offset10 {
  margin: 0 83.33% 0 0;
}

tasy-wdynamic-form .tag-list-container {
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

tasy-wexporter, .wexporter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  background: #FFF;
}

tasy-wexporter .btn-gray, tasy-wexporter .w-dt-result__button.is_dpkb, tasy-wexporter .w-dt-result__button.is_dpkb_visible, tasy-wexporter .segment-spinner-date .btn_actions, .segment-spinner-date tasy-wexporter .btn_actions, tasy-wexporter #segment-buttons .btn_actions, #segment-buttons tasy-wexporter .btn_actions, tasy-wexporter .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker tasy-wexporter .wbutton, tasy-wexporter .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons tasy-wexporter .wbutton, tasy-wexporter #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker tasy-wexporter .wbutton, tasy-wexporter .btn-blue, tasy-wexporter .btn-green, .wexporter .btn-gray, .wexporter .w-dt-result__button.is_dpkb, .wexporter .w-dt-result__button.is_dpkb_visible, .wexporter .segment-spinner-date .btn_actions, .segment-spinner-date .wexporter .btn_actions, .wexporter #segment-buttons .btn_actions, #segment-buttons .wexporter .btn_actions, .wexporter .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .wexporter .wbutton, .wexporter .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wexporter .wbutton, .wexporter #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wexporter .wbutton, .wexporter .btn-blue, .wexporter .btn-green {
  margin-left: 16px;
}

tasy-wexporter {
  min-height: 0;
  padding: 28px;
}

tasy-w-file-preview img.w-image-size {
  width: 100%;
  height: 100%;
}

.region-cel tasy-w-file-preview {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.region-cel tasy-w-file-preview-content {
  overflow: auto;
  width: 100%;
}

tasy-w-file-preview-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
}

tasy-w-file-preview-content .panel-title {
  margin-left: 28px;
  margin-top: 28px;
}

tasy-w-file-preview {
  min-height: 0;
}

.pdf-preview, .rich-edit-preview, .image-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.wserveimage_container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.wserveimage_container .image-container {
  display: -ms-flexbox;
  display: flex;
}

.file-flex-class {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.file-empty-message {
  margin: auto auto;
}

.wpreview-dialog {
  width: 700px;
  height: 500px;
}

.custom_size_wpreview {
  padding: 0px !important;
}

.custom_size_wpreview.ngdialog-content {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  background-color: transparent !important;
}

.wpreview_header_container, .wpreview_footer_container {
  padding: var(--spacing-12) var(--spacing-24);
  width: 100%;
  height: 60px;
  background-color: #333333;
  color: #ffffff;
  vertical-align: middle;
}

.custom_size_wpreview {
  padding: 0px !important;
}

.custom_size_wpreview .wpreview_close {
  margin: auto;
  cursor: pointer;
}

.custom_size_wpreview .dialog-default, .custom_size_wpreview .dialog-box {
  width: 100% !important;
  background-color: transparent;
  height: 100% !important;
}

.custom_size_wpreview .popupContent {
  background-color: rgba(0, 0, 0, 0.8);
}

.custom_size_wpreview .wpreview_header_container, .custom_size_wpreview .wpreview_footer_container {
  padding: var(--spacing-12) var(--spacing-24);
  width: 100%;
  height: 60px;
  background-color: #333333;
  color: #ffffff;
  vertical-align: middle;
}

.custom_size_wpreview .selector_right_arrow {
  height: 56px;
  background: url("/assets/framework/images/components/w-paint/icons/slideshowRight.svg") no-repeat center;
}

.custom_size_wpreview .selector_right_arrow.disabled_arrow {
  opacity: 0.4;
  cursor: auto;
}

.custom_size_wpreview .selector_left_arrow {
  height: 56px;
  background: url("/assets/framework/images/components/w-paint/icons/slideshowLeft.svg") no-repeat center;
}

.custom_size_wpreview .selector_left_arrow.disabled_arrow {
  opacity: 0.4;
  cursor: auto;
}

.custom_size_wpreview .selector_arrows {
  height: var(--sizing-64);
  width: var(--sizing-64);
  padding: var(--spacing-4);
  margin: auto var(--spacing-24);
  top: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 999;
}

.custom_size_wpreview .selector_arrows:hover {
  background-color: rgba(180, 180, 180, 0.3);
}

.custom_size_wpreview .selector_arrows.selector_arrows--left {
  left: 0px;
}

.custom_size_wpreview .selector_arrows.selector_arrows--right {
  right: 0px;
}

.custom_size_wpreview .wpreview_icon {
  height: 36px;
  width: 36px;
  margin: auto;
  cursor: pointer;
}

.custom_size_wpreview .wpreview_icon.icon_selection {
  background: url("/assets/framework/images/components/w-paint/icons/selection.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_crop {
  background: url("/assets/framework/images/components/w-paint/icons/crop.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_brush {
  background: url("/assets/framework/images/components/w-paint/icons/brush.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_pencil {
  background: url("/assets/framework/images/components/w-paint/icons/pencil.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_line {
  background: url("/assets/framework/images/components/w-paint/icons/line.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_layers {
  background: url("/assets/framework/images/components/w-paint/icons/layers.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_edit {
  background: url("/assets/framework/images/components/w-paint/icons/edit.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_selectarea {
  background: url("/assets/framework/images/components/w-paint/icons/selectArea.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_rectangle {
  background: url("/assets/framework/images/components/w-paint/icons/rectangle.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_ellipse {
  background: url("/assets/framework/images/components/w-paint/icons/ellipse.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_type {
  background: url("/assets/framework/images/components/w-paint/icons/type.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_pick_color {
  background: url("/assets/framework/images/components/w-paint/icons/picker.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_color {
  background: url("/assets/framework/images/components/w-paint/icons/color.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_fillcolor {
  background: url("/assets/framework/images/components/w-paint/icons/fillColor.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_linecolor {
  background: url("/assets/framework/images/components/w-paint/icons/lineColor.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_redo {
  background: url("/assets/framework/images/components/w-paint/icons/redo.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_undo {
  background: url("/assets/framework/images/components/w-paint/icons/undo.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_zoomin {
  background: url("/assets/framework/images/components/w-paint/icons/zoomIn.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_zoomout {
  background: url("/assets/framework/images/components/w-paint/icons/zoomOut.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_delete {
  background: url("/assets/framework/images/components/w-paint/icons/delete.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_reload {
  background: url("/assets/framework/images/components/w-paint/icons/reload.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_print {
  background: url("/assets/framework/images/components/w-paint/icons/print.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_download {
  background: url("/assets/framework/images/components/w-paint/icons/download.svg") no-repeat center;
}

.custom_size_wpreview .wpreview_icon.icon_arrow {
  background: url("/app/common/factories/w-paint/images/all.png") no-repeat -540px -40px;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon.icon_curve {
  background: url("/app/common/factories/w-paint/images/all.png") no-repeat -137px -72px;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon.icon_curve_arrow {
  background: url("/app/common/factories/w-paint/images/all.png") no-repeat 8px -72px;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon.icon_three_line {
  background: url("/app/common/factories/w-paint/images/all.png") no-repeat -40px -71px;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon.icon_brackets {
  background: url("/app/common/factories/w-paint/images/all.png") no-repeat -88px -69px;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon.icon_asterisk {
  background: url("/app/common/factories/w-paint/images/all.png") no-repeat -191px -70px;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon.icon_rotatecw {
  background: url("/assets/framework/images/components/w-paint/icons/rotateCW.svg") no-repeat center;
  filter: invert(100%);
}

.custom_size_wpreview .wpreview_icon :hover {
  transform: scale(1.25);
  transition: transform 0.3s;
  background-color: rgba(180, 180, 180, 0.3);
}

.custom_size_wpreview .wpreview_controls_icon {
  height: 36px;
  width: 36px;
  display: -ms-flexbox;
  display: flex;
}

.custom_size_wpreview .wpreview_controls_icon.active {
  background-color: #4D4D4D !important;
}

.custom_size_wpreview .wpreview_controls_icon.disabled {
  opacity: 0.3;
  filter: gray;
  cursor: auto;
}

.custom_size_wpreview .wpreview_controls_icon .icon_separator {
  border-right: 1px solid #4D4D4D;
  height: var(--sizing-24);
  width: 1px;
  margin: 0px auto;
}

.custom_size_wpreview .wpreview_controls_icon #layers_base, .custom_size_wpreview .wpreview_controls_icon #all_colors, .custom_size_wpreview .wpreview_controls_icon #all_lines {
  margin-left: 36px;
  display: block;
  padding: 7px;
  padding-bottom: 5px;
  position: absolute;
  background-color: #4d4d4d;
  z-index: 1000;
  font-size: var(--font-size-caption);
}

.custom_size_wpreview .wpreview_controls_icon #all_colors {
  padding-right: 5px;
  padding-bottom: 5px;
}

.custom_size_wpreview .wpreview_controls_icon #all_lines {
  padding: 0px;
}

.custom_size_wpreview .wpreview_controls_icon #selected_line_icon.active {
  background-color: #4D4D4D !important;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left {
  height: 36px;
  margin-right: var(--spacing-24);
  float: left;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left .filename_container {
  display: inline-block;
  margin: 6px var(--spacing-12) 0px var(--spacing-12);
  height: var(--sizing-24);
  vertical-align: top;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left .filename_container input {
  width: 42px;
  height: 18px;
  padding-left: 5px;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left #anti_alias {
  display: inline-block;
  vertical-align: top;
  padding: 6px 0px 0px 8px;
  margin-right: var(--spacing-12);
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left #round_container ~ .icon_separator {
  display: none;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left #size_container:not(.ng-hide) ~ .icon_separator, .custom_size_wpreview .wpreview_header_container .wpreview_header_item_left #round_container:not(.ng-hide) ~ .icon_separator {
  display: inline-block;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_left .icon_separator {
  display: inline-block;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_right {
  height: 36px;
  margin-left: var(--spacing-24);
  float: right;
  display: block;
}

.custom_size_wpreview .wpreview_header_container .wpreview_header_item_right .wpreview_controls_icon, .custom_size_wpreview .wpreview_header_container .wpreview_header_item_right .icon_separator {
  display: block;
  float: right;
}

.custom_size_wpreview .wpreview_header_container .icon_separator {
  border-right: 1px solid #4D4D4D;
  height: var(--sizing-24);
  width: 1px;
  margin: 6px var(--spacing-12) 0px var(--spacing-12);
}

.custom_size_wpreview .wpreview_main_container {
  width: 100%;
  height: calc(100% - 120px);
  display: inline-block;
}

.custom_size_wpreview .wpreview_main_container_view {
  height: calc(100% - 66px);
  overflow: auto;
}

.custom_size_wpreview .wpreview_main_container .wpaint_left_controls {
  text-align: center;
  height: 100%;
  width: 36px;
  display: inline-block;
  float: left;
  background-color: #333333;
  color: #ffffff;
}

.custom_size_wpreview .wpreview_main_container .wpaint_left_controls .icon_separator {
  border-top: 1px solid #4D4D4D;
  width: var(--sizing-24);
  height: 1px;
  margin: 0px auto;
}

.custom_size_wpreview .wpreview_main_container .wpreview_component {
  padding: 15px;
  width: calc(100% - var(--sizing-40));
  height: calc(100% - var(--sizing-40));
  max-width: calc(100% - var(--sizing-40));
  max-height: calc(100% - var(--sizing-40));
  overflow: auto !important;
  cursor: auto;
}

.custom_size_wpreview .wpreview_main_container_view {
  height: calc(100% - 66px);
  overflow: auto;
  display: inline-block;
  width: 100%;
}

.custom_size_wpreview .wpreview_main_container_view .file-precontent {
  background-color: #ffffff;
  width: 1024px;
  height: 550px;
  overflow: auto;
}

.custom_size_wpreview .wpreview_main_container_view tasy-w-file-preview {
  max-width: 90%;
  max-height: 90%;
}

.dialog-preview-custom-size .ngdialog-content {
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
}

.dialog-preview-custom-size .ngdialog-content .preview-editor {
  min-height: 600px;
  min-width: 1040px;
  background-color: #ffffff;
}

.dialog-preview-custom-size .ngdialog-content .weditor-container {
  height: 600px;
  width: 1000px;
}

.preview-editor {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  display: -ms-flexbox;
  display: flex;
  margin: 0px auto;
  width: 90%;
}

#preview-content-area {
  min-height: 0;
}

#preview-content-area #wpdf {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}

#preview-content-area #wpdf #canvas-container {
  overflow: auto;
  min-height: 0;
  margin: 14px 18px var(--spacing-28) var(--spacing-28);
}

#preview-content-area #wpdf #canvas-container canvas {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 5px;
}

#preview-content-area #wpdf #canvas-container div:first-child {
  width: -moz-min-content;
  width: min-content;
}

#preview-content-area #wpdf .rightlabel {
  margin-left: 10px;
  margin-top: 5px;
}

#preview-content-area #wpdf .inline {
  margin-left: 9px;
}

#preview-content-area #w-image-container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  margin: var(--spacing-28);
  max-height: 540px;
}

#preview-content-area #w-image-container .rightlabel {
  margin-left: 10px;
  margin-top: 5px;
}

#preview-content-area #w-image-container .inline {
  margin-left: 9px;
}

#preview-content-area .pan * {
  margin: 0 auto;
  cursor: grab;
}

#preview-content-area .moving * {
  cursor: grabbing !important;
}

.file-title {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0px 0px 10px;
  font-size: var(--font-size-subtitle);
  color: #585858;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}

.file-toolbar {
  background-color: #e6e6e6;
  z-index: 1;
  min-height: 54px !important;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0px var(--spacing-24);
}

.file-toolbar .navigation-control-button {
  box-shadow: none;
}

.file-toolbar hr {
  border: none;
  border-left: 1px solid;
  height: var(--sizing-20);
  width: 1px !important;
  color: #bfbfbf;
}

.file-navigation-buttons {
  padding: 0px var(--spacing-24) 0px var(--spacing-24);
}

.file-actions-buttons {
  padding: 1px 0px 0px var(--spacing-24);
}

.file-actions-buttons .icon_zoomin {
  background: url("/assets/framework/images/components/w-paint/icons/zoomInDark.svg") no-repeat center;
}

.file-actions-buttons .icon_zoomout {
  background: url("/assets/framework/images/components/w-paint/icons/zoomOutDark.svg") no-repeat center;
}

.file-actions-buttons .icon_print {
  background: url("/assets/framework/images/components/w-paint/icons/printDark.svg") no-repeat center;
}

.file-actions-buttons .icon_download {
  background: url("/assets/framework/images/components/w-paint/icons/downloadDark.svg") no-repeat center;
}

.file-actions-buttons .icon_rotatecw {
  background: url("/assets/framework/images/components/w-paint/icons/rotateCW.svg") no-repeat center;
}

.dark-skin #preview-content-area {
  background: transparent;
}

.dark-skin #preview-content-area #wpdf {
  background: transparent;
}

.w-file-preview-password-error {
  padding-top: 10px;
  color: #bd202b;
  visibility: hidden;
}

.w-file-preview-password-error.show {
  visibility: visible;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

w-fishbone {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

w-fishbone .w-fishbone {
  padding: var(--spacing-16);
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

w-fishbone .w-fishbone__container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  height: 100%;
  min-height: 0;
  max-height: 500px;
}

w-fishbone .w-fishbone__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.preview-text {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 3%;
}

.preview-text-div {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 50px;
  border: 1px solid #cccccc;
}

.fontchooser-dlg .lblText {
  color: #808080;
  font-size: var(--font-size-body);
}

.fontchooser-dlg .txtLabel {
  border: 1px solid #cccccc;
  border-top-color: #b3b3b3;
  height: 32px;
  padding-left: 8px;
  padding-bottom: 4px;
  font-family: "CentraleSansCndBook";
  background-color: #cccccc;
  opacity: 0.35;
}

.fontchooser-dlg .txtFont input[type="text"] {
  color: #333333;
  font-size: var(--font-size-body);
  opacity: 1;
}

.fontchooser-dlg .dialog-footer {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 25px;
}

.fontchooser-dlg .dialog-footer .btn-gray, .fontchooser-dlg .dialog-footer .w-dt-result__button.is_dpkb, .fontchooser-dlg .dialog-footer .w-dt-result__button.is_dpkb_visible, .fontchooser-dlg .dialog-footer .segment-spinner-date .btn_actions, .segment-spinner-date .fontchooser-dlg .dialog-footer .btn_actions, .fontchooser-dlg .dialog-footer #segment-buttons .btn_actions, #segment-buttons .fontchooser-dlg .dialog-footer .btn_actions, .fontchooser-dlg .dialog-footer .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .fontchooser-dlg .dialog-footer .wbutton, .fontchooser-dlg .dialog-footer .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .fontchooser-dlg .dialog-footer .wbutton, .fontchooser-dlg .dialog-footer #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .fontchooser-dlg .dialog-footer .wbutton, .fontchooser-dlg .dialog-footer .btn-blue, .fontchooser-dlg .dialog-footer .btn-green {
  margin-left: 10px;
}

.fontList .w-listbox {
  height: 100%;
}

.fontchooser-dlg .ngdialog-content {
  width: 34% !important;
  padding: 0px !important;
}

.fontchooser-dlg .w-attr-container {
  padding: 0px !important;
}

.fontchooser-dlg .font-group {
  margin-right: 8px;
}

.fontchooser-dlg .font-style-group {
  margin-right: 8px;
  margin-left: 8px;
}

.fontchooser-dlg .font-size-group {
  margin-left: 8px;
}

.fontchooser-dlg .list-shadow {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2), 1px 1px 3px 0 rgba(0, 0, 0, 0.19);
}

.ngdialog .fontchooser-popup-dialog {
  padding: 28px;
}

.listRow {
  display: -ms-flexbox;
  display: flex;
}

.fontList option:hover {
  background: #167DFF !important;
  filter: opacity(50%);
  color: #000000;
}

.fontList option:checked {
  background: #488f8f;
}

.wFontChooser_row_title {
  margin-top: 30px;
}

.wFontChooser_row {
  margin-top: 10px;
}

tasy-wgenogram {
  width: 100%;
  height: 100%;
}

.w-genogram {
  /* Toast start */
  /* Toast end */
}

.w-genogram__container {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 100%;
}

.w-genogram__title {
  padding-left: 2px;
}

.w-genogram__content {
  overflow-x: auto;
  margin-left: 31px;
  padding-right: 32px;
  position: inherit;
}

.w-genogram__content--empty-message {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  left: -31px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}

.w-genogram__footer {
  padding-left: 31px;
  position: absolute;
  bottom: 30px;
  left: 0;
}

.w-genogram__path--sibling {
  fill: none;
  stroke: #cdcdcd;
  stroke-width: 1px;
}

.w-genogram__group--member:hover {
  filter: url(#w-genogram__filter--member);
}

.w-genogram__group--member .living-together {
  stroke: #5C1B2E;
  stroke-width: 4px;
}

.w-genogram__group--member__main-patient .w-genogram__member {
  fill: #5CBCB7;
}

.w-genogram__group--member__main-patient__rect {
  fill: #FFF;
  filter: url(#w-genogram__filter--main-patient);
}

.w-genogram__group--member__main-patient__text {
  fill: #333;
  font-size: 10px;
  text-anchor: middle;
}

.w-genogram__member {
  fill: #72ABEB;
}

.w-genogram__circle--in-law {
  fill: #1E7822;
}

.w-genogram__circle--key-person {
  fill: #D13B66;
}

.w-genogram__line--deceased {
  stroke: #296FAB;
  stroke-width: 2px;
}

.w-genogram__popover--detail-member {
  font-style: normal;
  font-size: var(--font-size-body);
  color: #252525;
  min-width: 288px;
}

.w-genogram__popover--detail-member__header {
  font-weight: bold;
  color: #212121;
}

.w-genogram__popover--detail-member__title {
  color: #212121;
}

.w-genogram__popover--detail-member__body {
  border-bottom: 1px solid #bfbfbf;
  padding-top: 4px;
}

.w-genogram__popover--detail-member__footer {
  padding-top: 20px;
}

.w-genogram__popover--detail-member__content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}

.w-genogram__popover--detail-member__content img {
  float: left;
  width: 32px;
  margin-right: 8px;
}

.w-genogram__toast {
  visibility: hidden;
  min-width: 250px;
  color: #212121;
  padding: 16px;
  z-index: 1;
  font-size: var(--font-size-body);
  font-family: 'CentraleSansCndBook';
  box-shadow: 0 2px 4px;
  margin-bottom: 10px;
  position: relative;
}

.w-genogram__toast .title {
  font-family: 'CentraleSansCndBold';
}

.w-genogram__toast--wrapper {
  position: absolute;
  top: 80px;
  left: 31px;
  right: 32px;
}

.w-genogram__toast--options {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  padding: 8px;
}

.w-genogram__toast--options .close-toast-icon {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  cursor: pointer;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.w-genogram__toast.show {
  visibility: visible;
  animation: fadein 0.5s, fadeout 0.5s 4.6s;
}

.w-genogram__toast.success {
  background-color: #00BD5E;
}

.w-genogram__toast.error {
  background-color: #FA5A4B;
}

.w-genogram__toast.warning {
  background-color: #FF8307;
}

.w-genogram__toast.info {
  background-color: #03ABFF;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

tasy-handlebar-new {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  max-width: 70%;
  min-width: 0;
}

tasy-handlebar-new .button-list-container {
  display: inline-block;
}

.handlebar-justify {
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.handlebar__splitbutton {
  margin-left: 8px;
  cursor: pointer;
  background-image: url("/assets/framework/images/components/w-new-handlebar/split.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 24px;
  min-width: 24px;
}

.handlebar__hidden-view {
  margin-left: 8px;
  cursor: pointer;
  background-image: url("/assets/framework/images/components/w-person-bar/settings-grey.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 24px;
  min-width: 24px;
}

.handlebar-buttons {
  overflow: hidden;
  margin-right: -6px;
}

@media (min-width: 3840px) {
  .handlebar-buttons {
    margin-right: -15px;
  }
}

.handlebar-buttons > :not(.handlebar-button):not(.hidden):not(.ng-hide),
.handlebar-buttons > :not(.handlebar-button):not(.hidden):not(.ng-hide):last-child {
  margin-right: 6px;
}

@media (min-width: 3840px) {
  .handlebar-buttons > :not(.handlebar-button):not(.hidden):not(.ng-hide),
  .handlebar-buttons > :not(.handlebar-button):not(.hidden):not(.ng-hide):last-child {
    margin-right: 12px;
  }
}

.handlebar-buttons .is-in-popup {
  display: none;
}

.handlebar-buttons .wcheckbox {
  padding: 8px;
}

.handlebar-buttons .btn-green {
  margin-left: 22px;
}

.menu-item-ai-icon {
  height: 16px;
  width: 16px;
  background-image: url(/assets/framework/w-ia/star-purple.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 4px;
}

.menu-item-ai-text {
  vertical-align: middle;
  color: var(--color-signal-purple-60) !important;
}

.btn-green + .handlebar-button,
.btn-gray + .handlebar-button,
.w-dt-result__button.is_dpkb + .handlebar-button,
.w-dt-result__button.is_dpkb_visible + .handlebar-button,
.segment-spinner-date .btn_actions + .handlebar-button,
#segment-buttons .btn_actions + .handlebar-button,
.segment-spinner-date .segment-spinner-date-button-picker .wbutton + .handlebar-button,
.segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton + .handlebar-button,
#segment-buttons .segment-spinner-date-button-picker .wbutton + .handlebar-button,
.btn-blue + .handlebar-button {
  margin-left: 22px;
}

.handlebar-button + .handlebar-button,
.handlebar-button:not(.ng-hide):not(.is-in-popup):not(.handlebar-more-menu-item) + .handlebar-button:not(ng-hide):not(.is-in-popup):not(.handlebar-more-menu-item) {
  margin-left: 12px;
}

.handlebar-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  max-width: 200px;
  min-height: 33px;
  border: none;
  padding: 0 6px;
  line-height: var(--font-size-body);
  background-position: 6px 6px;
  background-color: transparent;
  cursor: pointer;
  margin-left: 22px;
}

.handlebar-button.handlebar-button-ai-context-menu {
  color: var(--color-signal-purple-60);
  vertical-align: bottom;
}

.handlebar-button.handlebar-button-ai-context-menu:before {
  border: 1px solid var(--color-signal-purple-60) !important;
}

.handlebar-button .handlebar-button-label {
  display: inline-block;
  vertical-align: top;
  padding: 2px;
}

.handlebar-button .handlebar-button-label img {
  width: 24px;
  height: 24px;
}

@media (min-width: 3840px) {
  .handlebar-button .handlebar-button-label img {
    width: 48px;
    height: 48px;
  }
}

@media (min-width: 3840px) {
  .handlebar-button .handlebar-button-label {
    overflow: visible;
  }
}

.handlebar-button:disabled.handlebar-button--parent:after {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.5;
  cursor: initial;
}

.handlebar-button:focus {
  position: relative;
}

.handlebar-button:focus:before {
  content: '';
  position: absolute;
  border: 1px solid #0096ed;
  border-radius: 4px;
  left: 0;
  right: 0;
  top: 1px;
  bottom: 1px;
}

.handlebar-button--parent {
  padding-right: 22px;
  position: relative;
}

.handlebar-button--parent:after {
  content: "";
  border: 4px solid transparent;
  border-top-color: currentColor;
  position: absolute;
  right: 6px;
  top: calc(50% - 2px);
}

.handlebar-arrow-reports-button {
  position: relative;
  bottom: -2px;
  line-height: 0;
  border: none;
  margin-left: 4px;
  display: inline-block;
  width: 8px;
  height: 13px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  font-size: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMDA5NkVEIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) no-repeat;
  background-position-y: center;
}

.handlebar-arrow-reports-button > span {
  display: none;
}

.handlebar-arrow-reports-button:disabled {
  filter: grayscale(100%);
  opacity: 0.5;
  cursor: initial;
}

.w-buttons-deck .handlebar-button {
  height: 34px;
}

.w-buttons-deck .handlebar-button--right {
  float: right;
}

.tasy-handler {
  position: relative;
  max-width: 100%;
  white-space: nowrap;
}

.button-hidden {
  display: none;
}

.handlebar-button:disabled,
.handlebar-more-menu-item.button-disabled {
  color: #bfbfbf;
  cursor: initial;
}

.releaser {
  margin: 16px;
  padding: 10px;
  width: 120px;
}

.equalizer {
  float: right;
  position: relative;
  right: -18px;
}

.handlebar-more {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block;
  padding: 10px 9px 0 9px;
  margin-left: 22px;
  cursor: pointer;
}

.handlebar-more .handlebar-overlay-dropmenu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  cursor: default;
}

.schematics-handlebar-overlay {
  z-index: 5;
}

.handlebar-more:before {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 21px;
  height: 10px;
}

.handlebar-more > .handlebar-more-label {
  position: relative;
  cursor: pointer;
  background-color: #0096ed;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

@media (min-width: 3840px) {
  .handlebar-more > .handlebar-more-label {
    width: 10px;
    height: 10px;
  }
}

.handlebar-more-label:before,
.handlebar-more-label:after {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  width: 3px;
  height: 3px;
  border-radius: inherit;
  background-color: #0096ed;
}

@media (min-width: 3840px) {
  .handlebar-more-label:before,
  .handlebar-more-label:after {
    width: 10px;
    height: 10px;
    left: -12px;
  }
}

.handlebar-more-label:after {
  left: 6px;
}

@media (min-width: 3840px) {
  .handlebar-more-label:after {
    left: 12px;
  }
}

.handlebar-more-menu {
  padding: var(--spacing-4) 0;
  z-index: 100;
  position: absolute;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  right: 0;
  top: var(--spacing-24);
}

.handlebar-more-menu-item {
  min-height: auto;
  margin: 0;
  padding: var(--spacing-8) var(--spacing-16);
}

.handlebar-more-menu-item + .handlebar-more-menu-item {
  margin: 0 0 2px 0;
}

.handlebar-more-menu-item:focus:before {
  border: none !important;
}

.handlebar-more-menu-item:not(.button-disabled):hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

.handlebar-more-menu-item.button-disabled .w-popupmenu-arrow-right {
  border-left-color: #bfbfbf;
}

.w-popupmenu-arrow-right {
  border: 4px solid transparent;
  border-left-color: #0096ed;
  display: inline-block;
  margin-left: 2px;
  float: right;
}

.w-popupmenu-arrow-down {
  border: 4px solid transparent;
  border-top-color: #0096ed;
  display: inline-block;
  margin-left: 2px;
  margin-top: 5px;
}

.w-handlebar-div-button {
  display: inline;
}

.w-handlebar-popupmenu {
  margin: calc(var(--spacing-12) * -1) calc(var(--spacing-8) * -1);
  padding: 5px 0;
}

.w-handlebar-popupmenu .wpopupmenu__item {
  min-height: auto;
  margin: 0 0 2px 0;
  line-height: 14px;
  padding: 8px 16px 6px 16px;
}

@media (min-width: 3840px) {
  .w-handlebar-popupmenu .wpopupmenu__item {
    padding: var(--spacing-8) var(--spacing-16);
  }
}

.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__icon,
.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__label,
.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__shortcut,
.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__checkbox {
  min-height: auto;
  margin: 0;
  height: auto;
  line-height: 1;
  overflow: visible;
}

.w-handlebar-popupmenu .wpopupmenu__item:last-child {
  margin: 0 0 2px 0 !important;
}

.w-handlebar-popupmenu .wpopupmenu__label {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  border: none;
  padding: 0;
  line-height: 14px;
  background-position: 6px 6px;
  background-color: transparent;
  cursor: pointer;
  padding-top: 2px;
}

.w-handlebar-popupmenu .wpopupmenu__label.custom-color {
  color: red;
}

.w-handlebar-popupmenu .wpopupmenu--submenu:after {
  color: currentColor;
}

.handlebar-more-menu {
  animation: tasy-fadein 0.1s ease !important;
}

.handlebar-more-menu.ng-hide {
  animation: tasy-fadein 0.1s ease !important;
}

.handlebar-more-menu-arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

#refreshButton .wbutton-container {
  margin-left: 24px;
  width: 56px !important;
  min-width: 56px !important;
  padding: 4px 16px !important;
}

#refreshButton .wbutton-container .wbutton-imagepanel {
  margin-right: 0 !important;
  width: 24px;
  height: 24px;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-button + .handlebar-button,
.handlebar-buttons.handlebar-buttons--outlined .handlebar-button:not(.ng-hide):not(.is-in-popup):not(.handlebar-more-menu-item) + .handlebar-button:not(ng-hide):not(.is-in-popup):not(.handlebar-more-menu-item) {
  margin-left: 16px;
}

.handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue) {
  border: 1px solid #b0b0b0;
  background-color: transparent;
  color: #212121;
  border-radius: var(--spacing-4);
  padding: 0 16px;
}

.handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):hover {
  border: 1px solid #8c8c8c;
  background-color: #f5f5f5;
}

.handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):active, .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):focus {
  border: 1px solid #008EE8;
  background-color: transparent;
}

.handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):disabled {
  border: 1px solid #b0b0b0;
  color: #b0b0b0;
  background-color: #e8e8e8;
}

.handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):focus::before {
  border: none;
}

.handlebar-buttons.handlebar-buttons--outlined > :not(.handlebar-button):not(.hidden):not(.ng-hide) {
  margin-right: 0px;
}

.handlebar-buttons.handlebar-buttons--outlined button:not(.handlebar-button):not(.hidden):not(.ng-hide):last-of-type {
  margin-right: 6px;
}

.handlebar-buttons.handlebar-buttons--outlined button.btn-blue, .handlebar-buttons.handlebar-buttons--outlined button.btn-gray, .handlebar-buttons.handlebar-buttons--outlined button.w-dt-result__button.is_dpkb, .handlebar-buttons.handlebar-buttons--outlined button.w-dt-result__button.is_dpkb_visible, .handlebar-buttons.handlebar-buttons--outlined .segment-spinner-date button.btn_actions, .segment-spinner-date .handlebar-buttons.handlebar-buttons--outlined button.btn_actions, .handlebar-buttons.handlebar-buttons--outlined #segment-buttons button.btn_actions, #segment-buttons .handlebar-buttons.handlebar-buttons--outlined button.btn_actions, .handlebar-buttons.handlebar-buttons--outlined .segment-spinner-date .segment-spinner-date-button-picker button.wbutton, .segment-spinner-date .segment-spinner-date-button-picker .handlebar-buttons.handlebar-buttons--outlined button.wbutton, .handlebar-buttons.handlebar-buttons--outlined .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons button.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .handlebar-buttons.handlebar-buttons--outlined button.wbutton, .handlebar-buttons.handlebar-buttons--outlined #segment-buttons .segment-spinner-date-button-picker button.wbutton, #segment-buttons .segment-spinner-date-button-picker .handlebar-buttons.handlebar-buttons--outlined button.wbutton, .handlebar-buttons.handlebar-buttons--outlined button.btn-green {
  vertical-align: top;
  margin-left: 16px;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-button--parent {
  padding-right: 30px !important;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-button--parent:after {
  right: 16px;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more {
  width: 33px;
  height: 32px;
  padding: 13px 14px;
  vertical-align: bottom;
  border: 1px solid #b0b0b0;
  background-color: transparent;
  border-radius: var(--spacing-4);
  margin-left: 16px;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more:hover {
  border: 1px solid #8c8c8c;
  background-color: #f5f5f5;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more:active, .handlebar-buttons.handlebar-buttons--outlined .handlebar-more:focus {
  border: 1px solid #008EE8;
  background-color: transparent;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more:disabled {
  border: 1px solid #b0b0b0;
  background-color: #e8e8e8;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more > .handlebar-more-label {
  background-color: #212121;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more > .handlebar-more-label:before, .handlebar-buttons.handlebar-buttons--outlined .handlebar-more > .handlebar-more-label:after {
  background-color: #212121;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button {
  border: none;
  border-radius: initial;
  padding: 8px 16px;
  color: #212121;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button.button-disabled {
  color: #b0b0b0;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button.handlebar-more-menu-item {
  margin-left: 0;
}

.handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button .w-popupmenu-arrow-right {
  border-left-color: #212121;
}

.w-handlebar-popupmenu.handlebar-buttons--outlined .wpopupmenu__label {
  color: #212121;
}

.dark-skin.w-handlebar-popupmenu {
  background: #4d4d4d;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
}

.dark-skin.w-handlebar-popupmenu .wpopupmenu__item {
  color: #ffffff;
}

.dark-skin.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__icon,
.dark-skin.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__label,
.dark-skin.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__shortcut,
.dark-skin.w-handlebar-popupmenu .wpopupmenu__item .wpopupmenu__checkbox {
  color: inherit;
}

.dark-skin.w-handlebar-popupmenu .wpopupmenu__item:not(:disabled):hover {
  background: rgba(255, 255, 255, 0.24);
}

.dark-skin.w-handlebar-popupmenu .wpopupmenu__item:not(:disabled):active {
  color: #212121;
  background: #9dd3e3;
}

.dark-skin.w-handlebar-popupmenu .wpopupmenu__item:disabled {
  opacity: 40%;
}

.dark-skin .handlebar-button--parent:after {
  border-top-color: #4accff;
}

.dark-skin .handlebar-button {
  color: #4accff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .handlebar-button:hover {
  opacity: 76%;
}

.dark-skin .handlebar-button:active {
  opacity: 60%;
}

.dark-skin .handlebar-button:disabled {
  opacity: 40%;
}

.dark-skin .handlebar-button:focus {
  position: relative;
}

.dark-skin .handlebar-button:focus:before {
  content: '';
  position: absolute;
  border: 1px solid #41c9fe;
  border-radius: 4px;
  left: 0;
  right: 0;
  top: 1px;
  bottom: 1px;
}

.dark-skin .handlebar-button.btn-blue:focus, .dark-skin .handlebar-button.btn-gray:focus, .dark-skin .handlebar-button.w-dt-result__button.is_dpkb:focus, .dark-skin .handlebar-button.w-dt-result__button.is_dpkb_visible:focus, .dark-skin .segment-spinner-date .handlebar-button.btn_actions:focus, .segment-spinner-date .dark-skin .handlebar-button.btn_actions:focus, .dark-skin #segment-buttons .handlebar-button.btn_actions:focus, #segment-buttons .dark-skin .handlebar-button.btn_actions:focus, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .handlebar-button.wbutton:focus, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .handlebar-button.wbutton:focus, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .handlebar-button.wbutton:focus, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .handlebar-button.wbutton:focus, .dark-skin #segment-buttons .segment-spinner-date-button-picker .handlebar-button.wbutton:focus, #segment-buttons .segment-spinner-date-button-picker .dark-skin .handlebar-button.wbutton:focus, .dark-skin .handlebar-button.btn-green:focus {
  box-shadow: none;
}

.dark-skin .handlebar-more > .handlebar-more-label {
  background-color: #4accff;
}

.dark-skin .handlebar-more > .handlebar-more-label::before, .dark-skin .handlebar-more > .handlebar-more-label::after {
  background-color: #4accff;
}

.dark-skin .handlebar-more > .handlebar-more-menu {
  background-color: #4d4d4d;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
}

.dark-skin .handlebar-more > .handlebar-more-menu > .handlebar-more-menu-item {
  color: #ffffff;
  opacity: 1;
}

.dark-skin .handlebar-more > .handlebar-more-menu > .handlebar-more-menu-item:not(.button-disabled):hover {
  background-color: rgba(255, 255, 255, 0.24);
}

.dark-skin .handlebar-more > .handlebar-more-menu > .handlebar-more-menu-item:not(.button-disabled):active {
  background-color: #9dd3e3;
  color: #212121;
}

.dark-skin .handlebar-more > .handlebar-more-menu > .handlebar-more-menu-item.button-disabled {
  opacity: 0.6;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue) {
  border: 1px solid #b0b0b0;
  background-color: transparent;
  color: #ffffff;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):hover {
  border: 1px solid #d6d6d6;
  background-color: #454545;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):active, .dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):focus {
  border: 1px solid #41c9fe;
  background-color: transparent;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):disabled {
  border: 1px solid #8c8c8c;
  background-color: transparent;
  color: #e8e8e8;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue):focus::before {
  border: none;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined > .handlebar-button:not(.btn-green):not(.btn-gray):not(.w-dt-result__button.is_dpkb):not(.w-dt-result__button.is_dpkb_visible):not(.btn-blue).handlebar-button--parent:after {
  border-top-color: #ffffff;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more {
  border: 1px solid #b0b0b0;
  background-color: transparent;
  border-radius: var(--spacing-4);
  opacity: initial;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more:hover {
  border: 1px solid #d6d6d6;
  background-color: #454545;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more:active, .dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more:focus {
  border: 1px solid #41c9fe;
  background-color: transparent;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more:disabled {
  border: 1px solid #b0b0b0;
  background-color: #e8e8e8;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more > .handlebar-more-label {
  background-color: #ffffff;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more > .handlebar-more-label:before, .dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more > .handlebar-more-label:after {
  background-color: #ffffff;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button {
  border: none;
  border-radius: initial;
  color: #ffffff;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button.button-disabled {
  color: #e8e8e8;
}

.dark-skin .handlebar-buttons.handlebar-buttons--outlined .handlebar-more-menu .handlebar-button .w-popupmenu-arrow-right {
  border-left-color: #ffffff;
}

.dark-skin .w-handlebar-popupmenu.handlebar-buttons--outlined .wpopupmenu__label {
  color: #ffffff;
}

w-houdini-panel {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 100%;
  overflow: hidden;
  -ms-flex-pack: end;
      justify-content: flex-end;
  transition: width 0.4s ease-out 0.4s;
  z-index: 1010;
  right: 0;
  width: 0;
}

w-houdini-panel .houdini-panel__overlay {
  opacity: 0.4;
  -ms-flex-positive: 1;
      flex-grow: 1;
  background-color: transparent;
  transition: background-color 0.4s ease-out;
}

w-houdini-panel .houdini-panel__container {
  height: 100%;
  width: calc(100% - 10px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

w-houdini-panel .houdini-panel__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

w-houdini-panel .houdini-panel__close-button {
  width: 12px;
  height: 12px;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 0;
  margin: 8px 8px 0 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  cursor: pointer;
}

w-houdini-panel .houdini-panel__close-button:hover {
  filter: invert(80%);
}

w-houdini-panel .houdini-panel__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto;
}

w-houdini-panel[overlay='true'] .houdini-panel__container {
  width: 50%;
}

w-houdini-panel[visible='true'] {
  width: 50%;
}

w-houdini-panel[visible='true'][size='3'] {
  width: 24%;
}

w-houdini-panel[visible='true'][size='4'] {
  width: 33%;
}

w-houdini-panel[visible='true'][size='6'] {
  width: 50%;
}

w-houdini-panel[visible='true'][size='9'] {
  width: 75%;
}

w-houdini-panel[visible='true'][overlay='true'] {
  width: 100%;
  transition: width 0.4s ease-in;
}

w-houdini-panel[visible='true'][overlay='true'] .houdini-panel__overlay {
  background-color: #333333;
  transition: background-color 0.4s ease-in 0.4s;
}

.philips-feature w-houdini-panel.ng-scope {
  -ms-flex-direction: initial;
      flex-direction: initial;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

w-human-body {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  max-height: 100%;
}

w-human-body .w-human-body {
  padding: 8px;
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

w-human-body .w-human-body__container {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  padding-top: 36px;
  height: 100%;
  min-height: 600px;
}

w-human-body .w-human-body__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 3;
  top: 15px;
  position: inherit;
}

w-human-body .w-human-body__rotate {
  margin-bottom: 28px;
  margin-right: 12px;
}

w-human-body .w-human-body__rotate button {
  background-color: var(--color-white);
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  height: 40px;
  width: 48px;
  background: url("/assets/framework/images/components/w-human-body/clockwise.svg") no-repeat center;
}

w-human-body .w-human-body__rotate button + button {
  background: url("/assets/framework/images/components/w-human-body/counterclockwise.svg") no-repeat center;
}

w-human-body .w-human-body__rotate button:hover {
  cursor: pointer;
}

w-human-body .w-human-body__rotate img {
  vertical-align: middle;
}

w-human-body .free-interventions-box {
  position: absolute;
  overflow-y: scroll;
  top: 56px;
  bottom: 56px;
  min-width: 40px;
  right: 0px;
}

w-human-body .free-interventions-box > div {
  position: relative;
  cursor: default;
}

w-human-body .w-human-body-intervention {
  position: absolute;
  border: 1px solid #CCC;
  width: 160px;
  padding: 12px;
  z-index: 20;
  cursor: move;
  background-color: var(--color-white);
  border-radius: 4px;
  margin: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

w-human-body .w-human-body-intervention__transparent {
  opacity: 0.35;
  z-index: 1;
}

w-human-body .w-human-body-intervention-dev-content {
  width: 100%;
  height: 100%;
  color: #333;
}

w-human-body .w-human-body-intervention-icon {
  padding-right: 8px;
  width: 32px;
  height: 24px;
}

w-human-body .w-human-body-intervention-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

w-human-body #w-human-body-svg-dummy {
  display: none;
}

w-human-body .w-human-body-listbox {
  max-width: 37%;
  width: 221px;
  margin-bottom: 28px;
}

w-human-body .w-human-body-listbox__hidded {
  display: none;
}

w-human-body .w-human-body-info {
  font-size: var(--font-size-caption);
  right: 0px;
  position: absolute;
}

w-human-body .stickFigure {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9IiBoZWlnaHQ6IDIycHg7IHdpZHRoOiAyMnB4OyINCiAgICAgICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgICAgICAgIDxwYXRoDQogICAgICAgICAgICBkPSJNOC4zMTgxOTM3OCw1LjUgQzkuNDE5NjE4NjksNS41IDEwLjMxMjUsNi4zODcxMTE2NiAxMC4zMTI1LDcuNDkwMjg1NTIgTDEwLjMxMjE1MTUsMTEuNTU4ODI2MiBDOS43NzIwOTIwMiwxMi4wMTg4OTU1IDkuMzA2MTczMzUsMTIuNTY0NDE5OCA4LjkzNjk2OTMzLDEzLjE3MjgyNTIgTDguOTM3NSw4LjkzNTExNzY5IEM4LjkzNzUsOC41ODcxNjY2NCA4LjY4MzExNjM0LDguMzA1NjQwOSA4LjM1MTU5MzcxLDguMjU3MzMwMDMgTDguMjUsOC4yNSBMOC4xNDc4MDk2Myw4LjI1NzQyODQzIEM3Ljg0ODAwNzI5LDguMzAxNDY5MTUgNy42MTM3NDgzNiw4LjUzNjUzOTU2IDcuNTY5ODk0Niw4LjgzMzg3NjAyIEw3LjU2MjUsOC45MzUxMTc2OSBMNy41NjI1LDIyIEw2LjE4NzUsMjIgTDYuMTg3NSwxNC40MzI5NjA5IEM2LjE4NzUsMTQuMDkwMTc4OCA1LjkzMzExNjM0LDEzLjgwNjIwNjQgNS42MDE1OTM3MSwxMy43NTc0MDc5IEw1LjUsMTMuNzUgTDUuMzk3ODA5NjMsMTMuNzU3NDA1IEM1LjA5ODAwNzI5LDEzLjgwMTMwNzEgNC44NjM3NDgzNiwxNC4wMzU2Mzc1IDQuODE5ODk0NiwxNC4zMzIwMzc5IEw0LjgxMjUsMTQuNDMyOTYwOSBMNC44MTI1LDIyIEwzLjQzNzUsMjIgTDMuNDM3NSw4LjkzNTExNzY5IEMzLjQzNzUsOC41ODcxNjY2NCAzLjE4MzExNjM0LDguMzA1NjQwOSAyLjg1MTU5MzcxLDguMjU3MzMwMDMgTDIuNzUsOC4yNSBMMi42NDc4MDk2Myw4LjI1NzQyODQzIEMyLjM0ODAwNzI5LDguMzAxNDY5MTUgMi4xMTM3NDgzNiw4LjUzNjUzOTU2IDIuMDY5ODk0Niw4LjgzMzg3NjAyIEwyLjA2MjUsOC45MzUxMTc2OSBMMi4wNjI1LDEzLjc1IEwwLjY4NzUsMTMuNzUgTDAuNjg3NSw3LjQ5MDI4NTUyIEMwLjY4NzUsNi4zOTEwODExOCAxLjU3NTc0NDYzLDUuNSAyLjY4MTgwNjIyLDUuNSBMOC4zMTgxOTM3OCw1LjUgWiBNNS41LDAgQzYuNjM5MDg3MywwIDcuNTYyNSwwLjkyMzQxMjcwNCA3LjU2MjUsMi4wNjI1IEM3LjU2MjUsMy4yMDE1ODczIDYuNjM5MDg3Myw0LjEyNSA1LjUsNC4xMjUgQzQuMzYwOTEyNyw0LjEyNSAzLjQzNzUsMy4yMDE1ODczIDMuNDM3NSwyLjA2MjUgQzMuNDM3NSwwLjkyMzQxMjcwNCA0LjM2MDkxMjcsMCA1LjUsMCBaIg0KICAgICAgICAgICAgaWQ9Ikh1bWFuLUJvZHktSWNvbiIgZmlsbD0iIzhDOEM4QyI+PC9wYXRoPg0KICAgICAgPC9zdmc+);
  height: 22px;
  width: 22px;
}

w-human-body .header-buttons {
  right: 28px;
  position: absolute;
  top: 28px;
}

w-human-body .w-human-body-intervention {
  top: 35px;
}

.dark-skin w-human-body .w-human-body-intervention {
  background-color: var(--color-gray-60);
}

.dark-skin w-human-body .w-human-body-intervention-dev-content {
  color: #ffffff;
}

.wimageselection_image_selected {
  background-color: #b3e3ff;
  box-sizing: border-box;
  color: #333333 !important;
}

.dark-skin .wimageselection_image_selected {
  background-color: var(--color-blue-group-20);
  opacity: 80%;
}

.dark-skin .wimageselection_image_selected:hover {
  opacity: 100%;
}

.dark-skin .wimage_selection_hover:hover {
  background-color: #737373;
  box-sizing: border-box;
  color: #C4C4C4 !important;
}

.dark-skin .wimage_selection_content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-width: 20%;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  cursor: pointer;
  color: #C4C4C4;
  border: none;
}

.dark-skin .wimage_selection_schematics {
  background-color: var(--color-gray-65);
  opacity: 100%;
}

.dark-skin .w_image_selection_div_gradient {
  border-bottom: none;
  margin-bottom: 10px;
}

.wimage_selection_content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-width: 20%;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  cursor: pointer;
  color: #000000;
  border: 1px solid #ffffff;
}

.wimage_selection_schematics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  background: #FFF;
}

.wimage_selection_div {
  padding: 4px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
}

.w_image_selection_div_gradient {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
}

.wimage_selection_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.wimage_selection_hover:hover {
  background-color: #f2f2f2;
  box-sizing: border-box;
  color: #333333 !important;
}

.wimage_selection_gradient {
  background: #27aae1;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #27aae1 0%, #00a651 31%, #ffc500 67%, #be1e2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27aae1', endColorstr='#be1e2d', GradientType=1);
  /* IE6-9 */
}

.wimage_selection_span {
  margin-bottom: 10px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.wimage-selection-dialog {
  width: 935px;
}

.wimage-selection-dialog .pagination-image-draw {
  width: 100%;
}

.btn-wimporter-config {
  font-family: CentraleSansCndBook;
  margin-bottom: 5px;
}

tasy-wimporter {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  padding: 28px;
  background-color: #ffffff;
}

tasy-wimporter:last-child {
  -ms-flex: initial;
      flex: initial;
}

.wimporter-footer {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  padding-top: 28px;
}

.wimporter-footer .btn-gray, .wimporter-footer .w-dt-result__button.is_dpkb, .wimporter-footer .w-dt-result__button.is_dpkb_visible, .wimporter-footer .segment-spinner-date .btn_actions, .segment-spinner-date .wimporter-footer .btn_actions, .wimporter-footer #segment-buttons .btn_actions, #segment-buttons .wimporter-footer .btn_actions, .wimporter-footer .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .wimporter-footer .wbutton, .wimporter-footer .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wimporter-footer .wbutton, .wimporter-footer #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .wimporter-footer .wbutton, .wimporter-footer .btn-blue, .wimporter-footer .btn-green {
  margin-left: 16px;
}

.wimporter-dialog .wserve-file-file, .wimporter-dialog .wserve-file-file-multi {
  min-width: 250px;
}

.inconsistent-item-focused {
  color: red;
}

.w-inconsistency {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 56px);
  min-height: 70px;
  margin: calc(var(--spacing-16) * -1) 0 var(--spacing-8) calc(var(--spacing-16) * -1);
  padding: 10px;
  background-color: #ffe8aa;
}

.w-inconsistency__icon {
  -ms-flex: none;
      flex: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: 3px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxnPjxjaXJjbGUgZmlsbD0iIzMzMzMzMyIgY3g9IjgiIGN5PSIxMiIgcj0iMSIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiMzMzMzMzMiIHdpZHRoPSIyIiBoZWlnaHQ9IjciLz48L2c+PC9nPjwvc3ZnPg==");
  background-repeat: no-repeat;
}

.w-inconsistency__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.w-inconsistency__header {
  display: -ms-flexbox;
  display: flex;
}

.w-inconsistency__title {
  font-family: "CentraleSansCndBold";
}

.w-inconsistency__paginator {
  margin-left: 16px;
  padding-top: 2px;
  min-width: 60px;
}

.w-inconsistency__nav {
  cursor: pointer;
  color: #0096ED;
}

.w-inconsistency__message {
  display: block;
  color: #737373;
  margin-top: 6px;
}

.w-inconsistency__message .field-name {
  margin-left: 3px;
  margin-right: 3px;
}

.inconsistencies-bar {
  background-color: #ffbabf;
  box-shadow: -0.5px 1px 0.5px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.btn-inconsistency {
  font-family: "CentraleSansCndBook";
}

.text-inconsistency {
  -ms-flex: 1;
      flex: 1;
  color: #bd202b;
  font-family: "CentraleSansCndBook";
}

.icon-inconsistency {
  height: 16px;
  width: 16px;
  background: url("/assets/framework/images/components/w-inconsistency-alert/icon-inconsistency.png") no-repeat center;
  margin-right: 8px;
}

.icon-inconsistency__hidden {
  visibility: hidden;
}

.w-info {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  display: -ms-flexbox;
  display: flex;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-caption);
  vertical-align: middle;
}

.w-info__item {
  line-height: 1.2;
}

.w-info__item + .w-info__item {
  margin-top: 8px;
}

.w-info__label {
  color: #808080;
  margin-right: 8px;
}

.w-info__desc {
  font-weight: bold;
}

.w-info__icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin-right: 8px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48Y2lyY2xlIGZpbGw9IiNCRkJGQkYiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjwvZz48Zz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOC45ODYsNS43MTZWMTNINy4xMzdWNy4yMDFsLTAuNjMtMC4xNjhWNS43MTZIOC45ODZ6IE05LDMuNjg1YzAsMC41ODgtMC40NDgsMS4wNzktMS4wNjQsMS4wNzljLTAuNjMsMC0xLjA2NC0wLjQ5LTEuMDY0LTEuMDc5YzAtMC41NzQsMC40MzQtMS4wNzksMS4wNjQtMS4wNzlTOSwzLjExMSw5LDMuNjg1eiIvPjwvZz48L2c+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.winfo-link {
  color: #ffffff;
  cursor: pointer;
}

.w-info-link--dlg .dialog-content {
  margin-top: 28px;
  margin-bottom: 28px;
}

.tasy-wdialogbox.w-dlg-panel .wtabpanel-wrapper-horizontal {
  margin-top: 0px;
}

.tasy-wdialogbox.w-dlg-panel .wtabpanel-wrapper-horizontal .winfo-link--dlg-text-content {
  margin-top: 28px;
}

.winfo-link--dlg-text-content {
  line-height: 140%;
  text-align: justify;
}

.winfo-link--dlg-internal-content {
  margin-left: 28px;
  margin-right: 28px;
}

.winfosvall .winfosv-content {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding-bottom: 28px;
  min-height: 100px;
  height: 100%;
  width: 100%;
  overflow: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 700px;
  height: 475px;
  max-height: 475px;
  padding-top: 10px;
  padding-left: 8px;
  margin-left: 4px;
}

.winfosvall .winfosv-content .wcpanel-container {
  overflow: auto;
  padding-bottom: 0;
}

/*
    Created on : Aug 04, 2017, 13:54:00 PM
    Author     : ckroplin
*/
.leanchart_sparkline {
  min-width: 267px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 12px;
  height: 30px;
  width: 100%;
}

.leanchart_sparkline_text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 16px;
  margin-right: 12px;
  min-width: 77px;
  max-width: 77px;
}

.leanchart_sparkline_text_exp {
  max-width: 121px;
  margin-right: 16px;
}

.leanchart_sparkline_chart {
  -ms-flex-preferred-size: 110px;
      flex-basis: 110px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
  margin-right: 4px;
}

.leanchart_sparkline_button {
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 30px;
  margin-right: 16px;
}

.btn_alert, .btn_alert_si, .btn_warning, .btn_warning_si, .btn_default, .btn_default_si {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  border: none;
  color: black;
  font-weight: bold;
  padding: 8px 8px;
  font-size: var(--font-size-subtitle);
  cursor: default;
  min-width: 50px;
  height: 30px;
  float: right;
}

.btn_alert {
  background-color: #F2BE00;
  width: 50px;
}

.btn_alert_si {
  background-color: #F2BE00;
  width: 70px;
}

.btn_warning {
  background-color: #FF5454;
  color: white;
  width: 50px;
}

.btn_warning_si {
  background-color: #FF5454;
  color: white;
  width: 70px;
}

.btn_default {
  background-color: White;
  border: 1px solid #BFBFBF;
  width: 50px;
}

.btn_default_si {
  background-color: White;
  border: 1px solid #BFBFBF;
  width: 70px;
}

.caption_sparkline_title {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBook";
  color: #333333;
  margin-bottom: 2.5px;
}

.caption_sparkline_subtitle {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBook";
  color: #999999;
}

.btn_attention_si {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  border: none;
  float: right;
  cursor: default;
  width: 268px;
  height: 65px;
  margin: 12px 16px 16px 16px;
  box-shadow: 1px 3px 1px 1px rgba(0, 0, 0, 0.3);
}

.btn_attention_si .btn_attention_si_text {
  width: 210px;
  height: 25px;
  float: left;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn_attention_si.attention_default {
  background-color: White;
  border: 1px solid #BFBFBF;
  color: #000000;
}

.btn_attention_si.attention_alert {
  background-color: #F2BE00;
  color: #000000;
}

.btn_attention_si.attention_warning {
  background-color: #FF5454;
  color: white;
}

.caption_attention_si_title {
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBold";
  padding-bottom: 4px;
}

.caption_attention_si_subtitle {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  font-family: "CentraleSansCndBook";
}

.information_image {
  background-repeat: no-repeat;
  background-position: center;
  height: 24px;
  width: 24px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}

.letreirodigital-text {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 38px;
  font-style: 'normal';
  color: #808080;
  font-weight: bold;
}

.letreirodigital {
  height: 62px;
  overflow: hidden;
  position: relative;
  border-top: 1px #f2f2f2;
  white-space: nowrap;
}

.letreirodigital p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 62px;
  text-align: center;
  /* Starting position */
  transform: translateX(100%);
  /* Apply animation to this element */
  animation: letreirodigital 15s linear infinite;
}

/* Move it (define the animation) */

@keyframes letreirodigital {
  0% {
    /* Firefox bug fix */
    /* Firefox bug fix */
    transform: translateX(100%);
  }
  100% {
    /* Firefox bug fix */
    /* Firefox bug fix */
    transform: translateX(-100%);
  }
}

w-list-view {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}

.wlistview-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  min-height: 0;
  background-color: #ffffff;
  padding: 28px;
}

.dark-skin .wlistview-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  min-height: 0;
  background-color: #4d4d4d;
  padding: 28px;
}

tasy-listbox {
  display: block;
}

.w-listbox {
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  color: #333333;
  height: var(--sizing-32);
  background-color: #ffffff;
  cursor: pointer;
}

.w-listbox:after {
  content: "";
  border: 4px solid transparent;
  border-top-color: currentColor;
  position: absolute;
  right: var(--spacing-8);
  top: calc(50% - 2px);
}

.w-listbox:focus {
  border-color: #0096ed;
}

.w-listbox.readonly, .w-listbox.disabled {
  background-color: #e8e8e8;
  color: #666666;
  border: 1px solid #bfbfbf;
}

.w-listbox--priority {
  border-bottom: 1px solid #d9d9d9;
}

.w-listbox .infoicon_img {
  bottom: 7px;
  right: 22px;
}

@media (min-width: 3840px) {
  .w-listbox .infoicon_img {
    bottom: var(--spacing-8);
    width: 32px;
    height: 32px;
  }
}

.w-listbox-dropdown {
  padding: var(--spacing-8);
  padding-right: var(--spacing-20);
  border-top: 1px solid #999999;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

.listbox-filter {
  margin-left: -9px;
  margin-top: -9px;
  margin-right: -21px;
}

.listbox-filter .infoicon_img {
  top: var(--spacing-8);
}

.listbox-filter-icon-position {
  margin-top: -1px;
}

.listbox-filter-icon {
  padding-left: var(--spacing-32);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABA0lEQVQoz2NgAIKZrL2ZPUd7Pvd+7T7dW9THyYAKuiS6T/f8R4JXuxWRpGeygqXv9US2CfcLdAd2XwPyrndzwxX0poOkJ4nC+JP4ei73/O+thisA2v2/OwLZyh5XoJabCO7Hnv/tgsgKVjH3/Oz518ABs+Jrz/+pPMgK/jP2fOv5C1fQc77nf58HihWmQCseILhVQO4ZuHqQBfuAIu1wBZ28PQ+Arj7SZQDi9Wv27gSFRXc5kpHdOj1PwAH0sucZPLD+9WYiKxHrmdLzFizxsXdyT1bPb7CSdJQAb2DplOmUgvosvOcPSEl3KgMu0BsKNSUTp5LuKLApNxlwg96Ynhu9hgCEyJcs7+QprQAAAABJRU5ErkJggg==);
  background-position: left 8px center;
  background-repeat: no-repeat;
}

.listbox-filter-icon:focus {
  border-color: #0096ed;
}

.removeArrow::after {
  display: none;
}

.w-listbox-expanded {
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  color: #333333;
  height: var(--sizing-32);
  background-color: #ffffff;
  cursor: pointer;
}

.w-listbox-expanded:focus {
  border-color: #0096ed;
}

.w-listbox-expanded.readonly, .w-listbox-expanded.disabled {
  background-color: #e8e8e8;
  color: #666666;
  border: 1px solid #bfbfbf;
}

.w-listbox-expanded--priority {
  border-bottom: 1px solid #d9d9d9;
}

.w-listbox-expanded .infoicon_img {
  bottom: 7px;
  right: 22px;
}

@media (min-width: 3840px) {
  .w-listbox-expanded .infoicon_img {
    bottom: var(--spacing-8);
    width: 32px;
    height: 32px;
  }
}

.w-listbox.without-after::after {
  content: none;
}

.w-listbox-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
  width: calc(100% - 35px);
  margin: 0;
}

@media (min-width: 3840px) {
  .w-listbox-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

.w-listbox--loading {
  opacity: 0.4;
}

.w-listbox__optionIcon {
  -ms-flex-align: center;
      align-items: center;
  width: var(--sizing-20);
  height: var(--sizing-20);
  margin-right: var(--spacing-4);
}

.w-listbox__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  min-height: 1em;
  font-size: var(--font-size-subtitle);
  padding-left: 1px;
}

.w-listbox__label a {
  display: block;
  -ms-flex: 1;
      flex: 1;
  width: 0;
  text-align: left;
  cursor: pointer;
  line-height: 1;
  padding-bottom: 1px;
}

.w-listbox__label .w-listbox__label_icon {
  margin-left: -9px;
}

.w-listbox__content {
  left: 0;
  padding: var(--spacing-8);
  background-color: #ffffff;
}

.w-listbox__content.drop_listbox_higher {
  width: 100%;
  max-width: 100%;
}

.w-listbox__content.drop_listbox_lower {
  max-width: 200px;
  min-width: 100%;
}

.w-listbox__content .wcheckbox {
  color: #333333;
  cursor: pointer;
  display: block;
  height: var(--sizing-28);
  padding: var(--spacing-4) var(--spacing-8);
}

.w-listbox__content .wcheckbox .wcheckbox-div .wcheckbox-main-label {
  color: #333333;
}

.w-listbox__content .wcheckbox:hover {
  background-color: #F2F2F2;
}

.w-listbox__content .w-listbox__footer hr {
  background-color: #b0b0b0;
  margin: var(--spacing-8) -var(--spacing-8);
}

.w-listbox__content .w-listbox__footer a {
  color: #0096ed;
}

.w-listbox__content_dropdown {
  position: absolute;
  z-index: 9999;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.w-listbox__content_open_selection {
  position: inherit !important;
  z-index: 0 !important;
}

.w-listbox__viewport {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.w-listbox__viewport_open_selection {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 140px;
}

.w-listbox__content a {
  display: block;
  width: 100%;
  padding: var(--spacing-8);
  letter-spacing: 0.2px;
  color: #808080;
  line-height: 0.875rem;
  vertical-align: middle;
  color: #333333;
  cursor: pointer;
  margin: var(--spacing-4) 0;
}

.w-listbox__content a:first-child {
  margin-top: 0px;
}

.w-listbox__content a:last-child {
  margin-bottom: 0px;
}

.w-listbox__content a:hover {
  background-color: #F2F2F2;
}

.w-listbox__content a.selection {
  background-color: #dcecff;
}

.w-listbox-dialog .ngdialog-content {
  position: fixed;
  overflow: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: inline-table;
}

.w-listbox-dialog .ngdialog-close::before {
  content: "";
  width: var(--sizing-12);
  height: var(--sizing-12);
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
}

.w-listbox-dialog .ngdialog-overlay {
  opacity: 0;
}

.ngdialog.w-listbox-dialog {
  animation: tasy-fadein 0.1s ease !important;
}

.ngdialog.w-listbox-dialog.ngdialog-closing {
  animation: tasy-fadeout 0.1s ease !important;
}

.ngdialog.w-listbox-dialog .ngdialog-overlay {
  background: transparent !important;
  opacity: 0 !important;
}

.ngdialog.w-listbox-dialog .ngdialog-content {
  animation: none !important;
}

.dark-skin .w-listbox {
  background-color: var(--color-gray-65);
  color: #ffffff;
}

.dark-skin .w-listbox__label {
  color: white;
}

.dark-skin .w-listbox a {
  outline: none;
}

.dark-skin .w-listbox:after {
  border-top-color: #ffffff;
}

.dark-skin .w-listbox:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.24));
}

.dark-skin .w-listbox:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.dark-skin .w-listbox:focus {
  border: 1px solid #41c9fe;
}

.dark-skin .w-listbox.input-field {
  border: 1px solid #41c9fe;
}

.dark-skin .w-listbox.actived {
  opacity: 0.6;
}

.dark-skin .w-listbox.readonly, .dark-skin .w-listbox.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
  background: #212121;
}

@media (min-width: 3840px) {
  .dark-skin .w-listbox.readonly, .dark-skin .w-listbox.disabled {
    opacity: 0.45;
    background: #000000;
  }
}

.dark-skin .w-listbox.readonly .w-listbox__label a, .dark-skin .w-listbox.disabled .w-listbox__label a {
  cursor: default;
}

.dark-skin .w-listbox__content {
  background-color: #383838;
}

.dark-skin .w-listbox__content .w-listbox__footer hr {
  background-color: #484848;
}

.dark-skin .w-listbox__content .w-listbox__footer a {
  color: #f5f5f5;
}

.dark-skin .w-listbox__content a {
  color: #ffffff;
}

.dark-skin .w-listbox__content a:hover {
  background-color: #484848;
}

.dark-skin .w-listbox__content a.selection {
  background-color: #9DD3E3;
  color: black;
}

.w-listbox__content_dropdown a.truncate .is-favorite, .w-listbox__content_dropdown a.panel-title .is-favorite, .w-listbox__content_dropdown .wsubtitle a.panel-subtitle .is-favorite, .wsubtitle .w-listbox__content_dropdown a.panel-subtitle .is-favorite, .w-listbox__content_dropdown .wschematic-breadcrumbs a.wtab-label .is-favorite, .wschematic-breadcrumbs .w-listbox__content_dropdown a.wtab-label .is-favorite, .w-listbox__content_dropdown .wschematic-breadcrumbs a.wtab-title .is-favorite, .wschematic-breadcrumbs .w-listbox__content_dropdown a.wtab-title .is-favorite, .w-listbox__content_dropdown a.datagrid-cell-content-wrapper .is-favorite, .w-listbox__content_dropdown a.handlebar-button .is-favorite, .w-listbox__content_dropdown .person-bar-field-info-text a#info .is-favorite, .person-bar-field-info-text .w-listbox__content_dropdown a#info .is-favorite, .w-listbox__content_dropdown a.person-info-default .is-favorite, .w-listbox__content_dropdown a.person-info-legal-name .is-favorite, .w-listbox__content_dropdown .person-info-legal-name a.person-info-legal-name-span .is-favorite, .person-info-legal-name .w-listbox__content_dropdown a.person-info-legal-name-span .is-favorite {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin: -5px 10px 0 0;
  vertical-align: sub;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHZlcnNpb249IjEuMSI+CjxkZWZzPgo8ZmlsdGVyIGlkPSJhbHBoYSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgaW49IlNvdXJjZUdyYXBoaWMiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjwvZmlsdGVyPgo8aW1hZ2UgaWQ9ImltYWdlNyIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUdBQUFBQmdDQVlBQUFEaW1IYzRBQUFBQm1KTFIwUUEvd0QvQVArZ3ZhZVRBQUFCQ1VsRVFWUjRuTzNSc1czQ1VBQkYwVzlFZG1BQ3NwMWJTeGtnRXB1d0RUVk1rQjBvbkRwU2FIMFJuTk8rNWtsM0RBQUE0TjFNajRiMWZycU82ZXU0NVptWHRYN2Zwby9sODc5cHQvVVgvaElnSmtCTWdKZ0FNUUZpQXNRRWlBa1FFeUFtUUV5QW1BQXhBV0lDeEFTSUNSQVRJQ1pBVElDWUFERUJZZ0xFQklnSkVCTWdKa0JNZ0pnQU1RRmlBc1FFaUFrUUV5QW1RRXlBbUFBeEFXSUN4QVNJQ1JBVElDWkFUSUNZQURFQllnTEVCSWdKRUJNZ0prQk1nSmdBTVFGaUFzUUVpQWtRRXlBbVFFeUFtQUF4QVdJQ3hBU0lDUkFUSUNaQVRJQ1lBREVCWWdMRUJJZ0pFQk1nSmtCTWdKZ0FNUUZpKzhmVGZCN2pjdGp1eWl1YmY4Wlk2aE1BQU1DVCtBVSt5Z3RzYlJ4RjlnQUFBQUJKUlU1RXJrSmdnZz09Ii8+CjxtYXNrIGlkPSJtYXNrMCI+CiAgPGcgZmlsdGVyPSJ1cmwoI2FscGhhKSI+Cjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlNyIvPgogIDwvZz4KPC9tYXNrPgo8Y2xpcFBhdGggaWQ9ImNsaXAxIj4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiLz4KPC9jbGlwUGF0aD4KPGcgaWQ9InN1cmZhY2U2IiBjbGlwLXBhdGg9InVybCgjY2xpcDEpIj4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6ZXZlbm9kZDtmaWxsOnJnYigxLjE3NjQ3MSUsNDIuMzUyOTQxJSw3OC40MzEzNzMlKTtmaWxsLW9wYWNpdHk6MTsiIGQ9Ik0gNDggNzQgTCAyMi4xMzY3MTkgODcuNTk3NjU2IEwgMjcuMDc4MTI1IDU4Ljc5Njg3NSBMIDYuMTUyMzQ0IDM4LjQwMjM0NCBMIDM1LjA3MDMxMiAzNC4yMDMxMjUgTCA0OCA4IEwgNjAuOTI5Njg4IDM0LjIwMzEyNSBMIDg5Ljg0NzY1NiAzOC40MDIzNDQgTCA2OC45MjE4NzUgNTguNzk2ODc1IEwgNzMuODYzMjgxIDg3LjU5NzY1NiBaIE0gNDggNzQgIi8+CjwvZz4KPC9kZWZzPgo8ZyBpZD0ic3VyZmFjZTEiPgo8dXNlIHhsaW5rOmhyZWY9IiNzdXJmYWNlNiIgbWFzaz0idXJsKCNtYXNrMCkiLz4KPC9nPgo8L3N2Zz4K);
}

.w-listbox__content_dropdown a.truncate .is-not-favorite, .w-listbox__content_dropdown a.panel-title .is-not-favorite, .w-listbox__content_dropdown .wsubtitle a.panel-subtitle .is-not-favorite, .wsubtitle .w-listbox__content_dropdown a.panel-subtitle .is-not-favorite, .w-listbox__content_dropdown .wschematic-breadcrumbs a.wtab-label .is-not-favorite, .wschematic-breadcrumbs .w-listbox__content_dropdown a.wtab-label .is-not-favorite, .w-listbox__content_dropdown .wschematic-breadcrumbs a.wtab-title .is-not-favorite, .wschematic-breadcrumbs .w-listbox__content_dropdown a.wtab-title .is-not-favorite, .w-listbox__content_dropdown a.datagrid-cell-content-wrapper .is-not-favorite, .w-listbox__content_dropdown a.handlebar-button .is-not-favorite, .w-listbox__content_dropdown .person-bar-field-info-text a#info .is-not-favorite, .person-bar-field-info-text .w-listbox__content_dropdown a#info .is-not-favorite, .w-listbox__content_dropdown a.person-info-default .is-not-favorite, .w-listbox__content_dropdown a.person-info-legal-name .is-not-favorite, .w-listbox__content_dropdown .person-info-legal-name a.person-info-legal-name-span .is-not-favorite, .person-info-legal-name .w-listbox__content_dropdown a.person-info-legal-name-span .is-not-favorite {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHZlcnNpb249IjEuMSI+CjxkZWZzPgo8ZmlsdGVyIGlkPSJhbHBoYSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgaW49IlNvdXJjZUdyYXBoaWMiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMSAwIi8+CjwvZmlsdGVyPgo8aW1hZ2UgaWQ9ImltYWdlNyIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUdBQUFBQmdDQVlBQUFEaW1IYzRBQUFBQm1KTFIwUUEvd0QvQVArZ3ZhZVRBQUFCQ1VsRVFWUjRuTzNSc1czQ1VBQkYwVzlFZG1BQ3NwMWJTeGtnRXB1d0RUVk1rQjBvbkRwU2FIMFJuTk8rNWtsM0RBQUE0TjFNajRiMWZycU82ZXU0NVptWHRYN2Zwby9sODc5cHQvVVgvaElnSmtCTWdKZ0FNUUZpQXNRRWlBa1FFeUFtUUV5QW1BQXhBV0lDeEFTSUNSQVRJQ1pBVElDWUFERUJZZ0xFQklnSkVCTWdKa0JNZ0pnQU1RRmlBc1FFaUFrUUV5QW1RRXlBbUFBeEFXSUN4QVNJQ1JBVElDWkFUSUNZQURFQllnTEVCSWdKRUJNZ0prQk1nSmdBTVFGaUFzUUVpQWtRRXlBbVFFeUFtQUF4QVdJQ3hBU0lDUkFUSUNaQVRJQ1lBREVCWWdMRUJJZ0pFQk1nSmtCTWdKZ0FNUUZpKzhmVGZCN2pjdGp1eWl1YmY4Wlk2aE1BQU1DVCtBVSt5Z3RzYlJ4RjlnQUFBQUJKUlU1RXJrSmdnZz09Ii8+CjxtYXNrIGlkPSJtYXNrMCI+CiAgPGcgZmlsdGVyPSJ1cmwoI2FscGhhKSI+Cjx1c2UgeGxpbms6aHJlZj0iI2ltYWdlNyIvPgogIDwvZz4KPC9tYXNrPgo8Y2xpcFBhdGggaWQ9ImNsaXAxIj4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiLz4KPC9jbGlwUGF0aD4KPGcgaWQ9InN1cmZhY2U2IiBjbGlwLXBhdGg9InVybCgjY2xpcDEpIj4KPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2U6cmdiKDU0LjkwMTk2MSUsNTQuOTAxOTYxJSw1NC45MDE5NjElKTtzdHJva2Utb3BhY2l0eToxO3N0cm9rZS1taXRlcmxpbWl0OjQ7IiBkPSJNIDEyIDMuMTI5ODgzIEwgMTQuOTAwMzkxIDkuMDA3ODEyIEwgMjEuMzg2NzE5IDkuOTUwMTk1IEwgMTYuNjkzMzU5IDE0LjUyNTM5MSBMIDE3LjgwMTc1OCAyMC45ODUzNTIgTCAxMiAxNy45MzU1NDcgTCA2LjE5ODI0MiAyMC45ODUzNTIgTCA3LjMwNjY0MSAxNC41MjUzOTEgTCAyLjYxMzI4MSA5Ljk1MDE5NSBMIDkuMDk5NjA5IDkuMDA3ODEyIFogTSAxMiAzLjEyOTg4MyAiIHRyYW5zZm9ybT0ibWF0cml4KDQsMCwwLDQsMCwwKSIvPgo8L2c+CjwvZGVmcz4KPGcgaWQ9InN1cmZhY2UxIj4KPHVzZSB4bGluazpocmVmPSIjc3VyZmFjZTYiIG1hc2s9InVybCgjbWFzazApIi8+CjwvZz4KPC9zdmc+Cg==);
}

.w-listbox__content_dropdown a.truncate.favorite-icon.favorite-icon-last-item, .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.panel-title, .w-listbox__content_dropdown .wsubtitle a.favorite-icon.favorite-icon-last-item.panel-subtitle, .wsubtitle .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.panel-subtitle, .w-listbox__content_dropdown .wschematic-breadcrumbs a.favorite-icon.favorite-icon-last-item.wtab-label, .wschematic-breadcrumbs .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.wtab-label,
.w-listbox__content_dropdown .wschematic-breadcrumbs a.favorite-icon.favorite-icon-last-item.wtab-title, .wschematic-breadcrumbs .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.wtab-title, .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.datagrid-cell-content-wrapper, .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.handlebar-button, .w-listbox__content_dropdown .person-bar-field-info-text a.favorite-icon.favorite-icon-last-item#info, .person-bar-field-info-text .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item#info, .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.person-info-default, .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.person-info-legal-name, .w-listbox__content_dropdown .person-info-legal-name a.favorite-icon.favorite-icon-last-item.person-info-legal-name-span, .person-info-legal-name .w-listbox__content_dropdown a.favorite-icon.favorite-icon-last-item.person-info-legal-name-span {
  border-bottom: 1px solid #b0b0b0;
}

.w-listbox__content_dropdown a.truncate.favorite-icon-disabled .is-favorite, .w-listbox__content_dropdown a.favorite-icon-disabled.panel-title .is-favorite, .w-listbox__content_dropdown .wsubtitle a.favorite-icon-disabled.panel-subtitle .is-favorite, .wsubtitle .w-listbox__content_dropdown a.favorite-icon-disabled.panel-subtitle .is-favorite, .w-listbox__content_dropdown .wschematic-breadcrumbs a.favorite-icon-disabled.wtab-label .is-favorite, .wschematic-breadcrumbs .w-listbox__content_dropdown a.favorite-icon-disabled.wtab-label .is-favorite, .w-listbox__content_dropdown .wschematic-breadcrumbs a.favorite-icon-disabled.wtab-title .is-favorite, .wschematic-breadcrumbs .w-listbox__content_dropdown a.favorite-icon-disabled.wtab-title .is-favorite, .w-listbox__content_dropdown a.favorite-icon-disabled.datagrid-cell-content-wrapper .is-favorite, .w-listbox__content_dropdown a.favorite-icon-disabled.handlebar-button .is-favorite, .w-listbox__content_dropdown .person-bar-field-info-text a.favorite-icon-disabled#info .is-favorite, .person-bar-field-info-text .w-listbox__content_dropdown a.favorite-icon-disabled#info .is-favorite, .w-listbox__content_dropdown a.favorite-icon-disabled.person-info-default .is-favorite, .w-listbox__content_dropdown a.favorite-icon-disabled.person-info-legal-name .is-favorite, .w-listbox__content_dropdown .person-info-legal-name a.favorite-icon-disabled.person-info-legal-name-span .is-favorite, .person-info-legal-name .w-listbox__content_dropdown a.favorite-icon-disabled.person-info-legal-name-span .is-favorite {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MS4gU3RhdHVzIGFuZCBGZWVkYmFjayAvIFN0YXIgc3Ryb2tlIENvcHk8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMS4tU3RhdHVzLWFuZC1GZWVkYmFjay0vLVN0YXItc3Ryb2tlLUNvcHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJTdGFyLUNvcHktMyI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPGcgaWQ9Ik1hc2siPjwvZz4KICAgICAgICAgICAgPHBhdGggZD0iTTEyLDMuMTI5Nzc1NzMgTDE0LjkwMDc4NjEsOS4wMDc0MTA0MSBMMjEuMzg3MTQxMSw5Ljk0OTkzMjk2IEwxNi42OTM1NzA2LDE0LjUyNTAzMzUgTDE3LjgwMTU3MjMsMjAuOTg1MTc5MiBMMTIsMTcuOTM1MTEyMSBMNi4xOTg0Mjc3NCwyMC45ODUxNzkyIEw3LjMwNjQyOTQ1LDE0LjUyNTAzMzUgTDIuNjEyODU4ODksOS45NDk5MzI5NiBMOS4wOTkyMTM4Nyw5LjAwNzQxMDQxIEwxMiwzLjEyOTc3NTczIFoiIHN0cm9rZT0iI0JGQkZCRiIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  cursor: auto;
}

.w-listbox__content_dropdown .w-listbox__viewport {
  max-height: 385px;
}

.w-loader-ai {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-loader-ai .title-linear-gradient {
  color: var(--color-signal-purple-60);
  font-size: var(--sizing-20);
  line-height: 24px;
  margin: 0 auto var(--spacing-10) auto;
}

.w-loader-ai .description-linear-gradient {
  color: #8c8c8c;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  text-transform: lowercase;
}

.loading-ai-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 380px;
  height: 164px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transform: translate(-50%, -50%);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  background-color: var(--color-white);
  border-radius: 2px;
}

.loading-ai-modal tasy-wloader-ai {
  -ms-flex: 1;
      flex: 1;
}

.dark-skin .w-loader-ai .star-icon-linear-gradient path {
  fill: var(--color-signal-purple-60);
}

.dark-skin .w-loader-ai .title-linear-gradient {
  color: var(--color-signal-purple-60);
}

.dark-skin .loading-ai-modal {
  background-color: var(--color-gray-75);
}

.rg-3 {
  -ms-flex-positive: 3 !important;
      flex-grow: 3 !important;
}

.rg-4 {
  -ms-flex-positive: 4 !important;
      flex-grow: 4 !important;
}

.rg-6 {
  -ms-flex-positive: 6 !important;
      flex-grow: 6 !important;
}

.rg-8 {
  -ms-flex-positive: 8 !important;
      flex-grow: 8 !important;
}

.rg-9 {
  -ms-flex-positive: 9 !important;
      flex-grow: 9 !important;
}

.resizer-region-template[data-direction='horizontal'] {
  cursor: ew-resize;
  height: 100%;
  -ms-flex: none;
      flex: none;
}

.resizer-region-template[data-direction='horizontal'] .icon-resizer {
  background-color: #808080;
  border-radius: 10px;
  height: 64px;
  width: 4px;
  position: absolute;
  top: calc(50% - 32px);
  margin-left: -1.4px;
  z-index: 998;
}

.resizer-region-template[data-direction='vertical'] {
  cursor: ns-resize;
  width: 100%;
  -ms-flex: none;
      flex: none;
  text-align: center;
}

.resizer-region-template[data-direction='vertical'] .icon-resizer {
  background-color: #808080;
  border-radius: 2px;
  height: 4px;
  width: 64px;
  margin-top: -2.4px;
  position: absolute;
  z-index: 998;
  margin-left: -32px;
}

.resizer-panel-template[data-direction='horizontal'] {
  background-color: #bfbfbf;
  cursor: ew-resize;
  height: 100%;
  width: 16px;
  -ms-flex: none;
      flex: none;
  margin-left: -16px;
}

.resizer-panel-template[data-direction='horizontal'] .icon-resizer {
  background-color: #ffffff;
  border-radius: 2px;
  height: 64px;
  width: 4px;
  position: absolute;
  top: calc(50% - 32px);
  margin: 0 6px;
}

.resizer-panel-template[data-direction='horizontal'] hr {
  background: transparent;
}

.resizer-panel-template[data-direction='horizontal']:hover > hr {
  background: #fff;
  height: 100%;
  margin: 0 calc(50% - 0.5px);
  width: 1px;
  display: block;
}

.dark-skin .resizer-panel-template[data-direction='horizontal'] {
  background-color: #212121;
}

tasy-wmdetail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
  min-width: 0;
  -ms-flex-direction: column;
      flex-direction: column;
}

tasy-wmdetail.no-gutter > .w-mdetail {
  padding: 0;
}

tasy-wmdetail w-persistence-action-bar {
  margin-top: var(--spacing-16);
}

.w-mdetail {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  width: 100%;
  padding: var(--spacing-16);
  margin: 0;
  min-height: 0;
}

.w-mdetail__title {
  font-size: var(--font-size-header-5);
  color: #333333;
  font-family: "CentraleSansCndBold";
  letter-spacing: 0.1px;
  padding-bottom: var(--spacing-16);
}

.w-mdetail__title--bold {
  font-family: "CentraleSansCndBold";
}

.w-mdetail__title--italic {
  font-style: italic;
}

.w-mdetail__title--underline {
  text-decoration: underline;
}

.w-mdetail__buttons {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.w-mdetail__outer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
}

.w-mdetail__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  margin: -12px 0 0 0px;
}

.w-mdetail__container .w-info__item {
  margin-top: 2px;
}

.w-mdetail__container .w-attr-container__content.inline {
  display: inline-block;
  max-width: calc(100% - 25px);
}

.w-mdetail__container .w-attr-container__tokenfield--wrapper {
  padding: 12px 8px 0 8px;
}

.w-mdetail__container .w-attr-container.infoicon-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.w-mdetail__container .w-attr-container.w-attr-container__label--radio-line-break .w-attr-container__label--radio {
  height: auto;
}

.w-mdetail__container .w-attr-container.w-attr-container__label--radio-line-break .w-attr-container__label--radio span {
  height: auto;
  white-space: initial;
  line-height: 18px;
}

.w-attr-container__label .is-automatic-filled {
  display: none;
  height: 13px;
  width: 13px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: var(--sizing-8);
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MS4gU3RhdHVzIGFuZCBGZWVkYmFjayAvIFdhcm5pbmcgLyBtYWpvci13YXJuaW5nPC90aXRsZT4KICAgIDxnIGlkPSIxLi1TdGF0dXMtYW5kLUZlZWRiYWNrLS8tV2FybmluZy0vLW1ham9yLXdhcm5pbmciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtYWpvci13YXJuaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIj4KICAgICAgICAgICAgPHBhdGggZD0iTTgsMTYgQzMuNjM2MzYzNjQsMTYgMCwxMi4zNjM2MzY0IDAsOCBDMCwzLjYzNjM2MzY0IDMuNjM2MzYzNjQsMCA4LDAgQzEyLjM2MzYzNjQsMCAxNiwzLjYzNjM2MzY0IDE2LDggQzE2LDEyLjM2MzYzNjQgMTIuMzYzNjM2NCwxNiA4LDE2IFoiIGlkPSJGaWxsLTEiIGZpbGw9IiM1NkFBRjgiPjwvcGF0aD4KICAgICAgICAgICAgPHBhdGggZD0iTTksMTEuODE4MTgxOCBMOSwxNCBMNywxNCBMNywxMS44MTgxODE4IEw5LDExLjgxODE4MTggWiBNOSwyIEw5LDEwLjcyNzI3MjcgTDcsMTAuNzI3MjcyNyBMNywyIEw5LDIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .w-attr-container__label .is-automatic-filled {
    background-size: 100%;
  }
}

.w-mdetail__container.ng-submitted tasy-wtextarea .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-listbox .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-wtextbox .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-wautocomplete .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-wserverfile .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-wperson-name .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-wtokenfield .ng-invalid-required,
.w-mdetail__container.ng-submitted tasy-wradiobuttongroup .ng-invalid-required,
.w-mdetail__container.ng-submitted w-colorpicker .ng-invalid-required {
  border: 1px solid #db2a36;
}

.w-mdetail__header {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  cursor: default;
}

.w-mdetail__subtitle {
  display: none;
  padding-bottom: 5px;
  font-size: var(--font-size-header-5);
}

tasy-group-container {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  min-width: 0;
}

tasy-group-container .w-mdetail-group.no-margin-bottom {
  margin-bottom: 0;
}

.w-mdetail-group .w-mdetail-group--subgroup tasy-group-container:before {
  content: "";
  display: block;
  border-top: 1px #d9d9d9 solid;
  margin: 0 6px;
}

.w-mdetail-group .w-mdetail-group--subgroup tasy-group-container + tasy-group-container .w-mdetail-group__title {
  border-top: 1px #d9d9d9 solid;
}

.w-mdetail-group .w-mdetail-group--subgroup tasy-group-container + tasy-group-container:before {
  border: 0;
}

tasy-group-container:first-of-type .w-mdetail-group {
  margin-top: 16px;
}

.w-form :first-child .w-mdetail-group {
  margin-top: 10px;
}

tasy-group-container:last-of-type .w-mdetail-group {
  margin-bottom: 16px;
}

.w-mdetail-group {
  margin-bottom: var(--spacing-16);
}

.w-mdetail-group .w-form {
  margin-bottom: -12px;
}

.w-mdetail-group__title {
  letter-spacing: 0.2px;
  color: #808080;
  font-family: "CentraleSansCndBold";
  color: #333333;
  cursor: pointer;
  padding-bottom: 8px;
  margin: 0px 8px 4px 8px;
  border-bottom: 1px solid #333333;
  background-position: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.w-mdetail-group__title > i {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}

@media (min-width: 3840px) {
  .w-mdetail-group__title > i {
    border-left: var(--spacing-4) solid transparent;
    border-right: var(--spacing-4) solid transparent;
    border-bottom: var(--spacing-4) solid #000000;
  }
}

.w-mdetail-group__title.disabled-collapse {
  background: none no-repeat;
  pointer-events: none;
}

.w-mdetail-group__title.disabled-collapse > i {
  display: none;
}

.w-mdetail-group__title--bold {
  font-family: "CentraleSansCndBold";
}

.w-mdetail-group__title.is-colapsed > i {
  transform: rotate(180deg);
}

.w-mdetail-group--subgroup {
  position: relative;
  padding: 4px 6px 0;
  margin: 0;
}

.w-mdetail-group--subgroup .w-form {
  margin: 0;
}

.w-mdetail-group--subgroup .w-mdetail-group__title {
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  color: #808080;
}

.w-mdetail-group--subgroup .w-attr-container {
  padding: 6px 8px;
}

.w-mdetail-group--subgroup .w-mdetail-group--subgroup {
  background-color: #f2f2f2;
  margin: 0 6px 0 6px;
}

.w-mdetail-group--subgroup .w-mdetail-group--subgroup .w-mdetail-group__title {
  border-bottom: 0;
  padding-top: 12px;
}

.w-mdetail-group__content {
  display: -ms-flexbox;
  display: flex;
}

.w-mdetail-group__buttons {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.w-mdetail .w-form.ng-invalid-required {
  padding-top: 10px;
  margin-top: -10px;
}

.w-mdetail .observation-highlight {
  height: 14px;
}

.w-mdetail #observation-tooltip {
  background-color: #fffeec;
  border: black 2px;
  border-radius: 0.2em;
}

.w-mdetail .w-attr-container__label {
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  color: #808080;
  height: 14px;
  letter-spacing: 0.2px;
  margin-bottom: 8px;
  line-height: 16px;
}

@media (min-width: 3840px) {
  .w-mdetail .w-attr-container__label {
    font-size: var(--font-size-body);
    height: var(--sizing-16);
    line-height: var(--sizing-16);
    margin-bottom: 0;
  }
}

.w-mdetail .w-attr-container__label > span {
  display: inline-block;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  padding-top: 2px;
  margin-top: -3px;
}

@media (min-width: 3840px) {
  .w-mdetail .w-attr-container__label > span {
    padding-top: 0;
    margin-top: 0;
  }
}

.w-mdetail .w-attr-container__label--radio {
  margin-bottom: 16px;
}

.w-mdetail .w-attr-container__label .w-attr-container__label-tag-info {
  min-width: 42px;
  font-size: 12px;
  font-family: 'CentraleSansCndBook';
  line-height: 12px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  margin: -5px 0 0 6px;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.w-mdetail .w-attr-container__label .w-attr-container__label-tag-info:first-child {
  margin: -5px 6px 0 6px;
}

.w-mdetail .w-attr-container__label .w-attr-container__label-tag-info.tag-info-counter {
  background-color: #e8e8e8;
  text-align: center;
  min-width: 38px;
  cursor: pointer;
}

.w-mdetail .w-attr-container__label.has-tag-info span#label-content {
  -ms-flex: none;
      flex: none;
}

.div-content-popover-tag-info {
  max-width: 250px;
}

.div-content-popover-tag-info .w-attr-container__label-tag-info {
  font-size: 12px;
  font-family: 'CentraleSansCndBook';
  line-height: 12px;
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  margin: 3px 0 3px 6px;
}

.w-attr-container__label.autoheight {
  height: auto;
}

.is-mandatory-checkbox:before {
  content: "*";
  width: 10px;
  height: 12px;
  color: red;
  font-size: var(--font-size-header-2);
  margin-top: -3px;
  margin-right: 5px;
  margin-left: -2px;
  display: inline-block;
}

@media (min-width: 3840px) {
  .is-mandatory-checkbox:before {
    width: 20px;
    height: 24px;
    margin-top: 10px;
  }
}

.is-mandatory .w-attr-container__label:before {
  content: "*";
  width: 10px;
  height: 12px;
  color: red;
  font-size: var(--font-size-header-2);
  margin-top: 5px;
  margin-right: 5px;
  margin-left: -2px;
  display: inline-block;
  line-height: 16px;
}

@media (min-width: 3840px) {
  .is-mandatory .w-attr-container__label:before {
    width: 20px;
    height: 24px;
    margin-top: 10px;
  }
}

tasy-wdatetimepicker .ng-invalid-required.ng-touched,
tasy-wtextarea .ng-invalid-required.ng-touched,
tasy-listbox .ng-invalid-required.ng-touched,
tasy-wtextbox .ng-invalid-required.ng-touched,
tasy-wautocomplete .ng-invalid-required.ng-touched,
tasy-wserverfile .ng-invalid-required.ng-touched,
tasy-wperson-name .ng-invalid-required.ng-touched,
tasy-wtokenfield .ng-invalid-required.ng-touched,
tasy-wradiobuttongroup .ng-invalid-required.ng-touched {
  border: 1px solid #db2a36;
}

.w-mdetail form w-info {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  padding-top: 12px;
  padding-left: 8px;
  display: block;
}

.attach-file-dialog {
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.miniature-image-preview {
  border: 5px;
  border-color: black;
  border-style: solid;
  cursor: pointer;
  width: 225px;
  height: 200px;
  margin-right: 20px;
}

.miniature-image-preview > img {
  height: 100%;
  width: 100%;
}

.drag-hover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: expression(parentElement.scrollHeight + "px");
  width: 100%;
  z-index: 1;
  transition: visibility 1s, opacity 0.5s linear;
}

.drag-hover-border {
  border: 2px solid #2f63ff;
  box-sizing: border-box;
}

.drag-hover-glass {
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #1c45c1;
}

.dragenter-hover-message-box {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  height: 150px;
  width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: white;
  z-index: 500;
  padding: 20px;
  text-align: center;
}

.dragenter-hover-message-box-img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwb2x5Z29uIGZpbGw9IiMzNzQwNEQiIHBvaW50cz0iMTY1LjMwNywyNTQuOTgzIDE1MC42MzMsMjY5LjY1NyAyNTYuMTA4LDM3NS4xMzMgMzYxLjU4NCwyNjkuNjU3IDM0Ni45MDksMjU0Ljk4MyAgICAyNjYuNDg2LDMzNS40MDcgMjY2LjQ4Niw2Ljg5MiAyNDUuNzMxLDYuODkyIDI0NS43MzEsMzM1LjQwNyAgIi8+PHBvbHlnb24gZmlsbD0iIzM3NDA0RCIgcG9pbnRzPSIzMDcuOTk1LDExMC42NjQgMzA3Ljk5NSwxMzEuNDE5IDQ0Mi44OTksMTMxLjQxOSA0NDIuODk5LDQ4NC4yNDUgNjkuMzE4LDQ4NC4yNDUgNjkuMzE4LDEzMS40MTkgICAgMjA0LjIyMiwxMzEuNDE5IDIwNC4yMjIsMTEwLjY2NCA0OC41NjMsMTEwLjY2NCA0OC41NjMsNTA1IDQ2My42NTQsNTA1IDQ2My42NTQsMTEwLjY2NCAgIi8+PC9nPjwvc3ZnPg==");
  background-size: contain;
  margin-bottom: 18px;
}

.w-attach-preview > .ngdialog-content {
  max-width: 90%;
  max-height: 85%;
  display: -ms-flexbox;
  display: flex;
}

.w-attach-preview-img {
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
}

.toast-area {
  width: 100%;
  height: 80px;
}

.toast-area.red-status {
  background-color: #ffb9be;
}

.wdbpanel tasy-wmdetail .toast-area {
  margin-bottom: 28px;
}

.voice-form-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  cursor: pointer;
}

.detail-modal-content {
  width: 100%;
  max-width: 100%;
  z-index: 1;
}

.btn-att-rules {
  float: right;
  padding: 0px 0px 0px 20px !important;
}

.ng-invalid-required-pdf {
  border: 1px solid #db2a36 !important;
}

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

.attribute-schematics-contextual-help,
.attribute-schematics-contextual-help-inline {
  margin-left: 3px;
  display: none;
}

/** DARK **/
.dark-skin tasy-wdatetimepicker .ng-invalid-required,
.dark-skin tasy-wtextarea .ng-invalid-required,
.dark-skin tasy-listbox .ng-invalid-required,
.dark-skin tasy-wtextbox .ng-invalid-required,
.dark-skin tasy-wautocomplete .ng-invalid-required,
.dark-skin tasy-wserverfile .ng-invalid-required,
.dark-skin tasy-wperson-name .ng-invalid-required,
.dark-skin tasy-wtokenfield .ng-invalid-required,
.dark-skin tasy-wradiobuttongroup .ng-invalid-required,
.dark-skin w-colorpicker .ng-invalid-required {
  background-image: url("/assets/framework/images/error__dark.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px);
  padding-right: 25px;
  border: 2px solid #ff6d59;
}

.dark-skin .pn-9 .wtabpanel-vertical,
.dark-skin .pn-12 .wtabpanel-vertical {
  background-color: transparent;
}

.dark-skin .is-mandatory .w-attr-container__label:before {
  color: #ffa799;
}

.dark-skin .w-attr-container__label {
  color: #ffffff;
  font: "CentraleSansCndBook";
}

.dark-skin .w-attr-container__label--disabled {
  color: #8c8c8c;
}

.dark-skin .w-label-text {
  color: white;
}

.dark-skin .segmented-control .option:first-child button {
  border-radius: 4px 0 0 4px !important;
}

.dark-skin .segmented-control .option:last-child button {
  border-radius: 0 4px 4px 0 !important;
}

.dark-skin .segmented-control .option button {
  background-color: #c4c4c4;
  box-shadow: none;
  color: #212121;
}

.dark-skin .segmented-control .option button:hover {
  background-color: #c4c4c4;
  color: #212121;
}

.dark-skin .segmented-control .option button.selected {
  background-color: #c4c4c4;
  color: #212121;
}

.dark-skin .segmented-control .option button.selected:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-top: 1px;
}

.dark-skin .gwt-TextBox,
.dark-skin .suggestbox-autocomplete,
.dark-skin input[type="password"],
.dark-skin input[type="text"],
.dark-skin input[type="number"],
.dark-skin textArea,
.dark-skin .with-error,
.dark-skin .highlight-text {
  background-color: #383838;
  color: #ffffff;
}

.dark-skin .gwt-TextBox:focus,
.dark-skin .suggestbox-autocomplete:focus,
.dark-skin input:focus[type="password"],
.dark-skin input:focus[type="text"],
.dark-skin input:focus[type="number"],
.dark-skin textArea:focus,
.dark-skin .with-error:focus,
.dark-skin .highlight-text:focus {
  border: 1px solid #4accff;
}

.dark-skin .w-mdetail-group__title {
  color: #ffffff;
  border-bottom: 1px solid var(--color-white);
}

.dark-skin .w-mdetail-group__title i {
  border-bottom-color: #ffffff;
}

.dark-skin .w-mdetail__header {
  background-color: #383838;
}

.dark-skin .w-mdetail__header .w-mdetail__title {
  color: #ffffff;
}

.wnavigator {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.wnavigator-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 0;
  min-height: 0;
}

.wnavigator-bar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #e6e6e6;
}

.wnavigator-bar .w-listbox__label a {
  width: auto;
}

.wnavigator-options {
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}

.wnavigator-options > .w-listbox {
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  border-right: 1px solid #bfbfbf;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  color: #808080;
}

.wnavigator-options > .w-listbox > option {
  color: initial;
}

.wnavigator-options > .w-listbox > div.w-list-box__content a {
  color: initial;
}

.wnavigator-tabpanel {
  overflow: hidden;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wnavigator .w-listbox {
  font-size: var(--font-size-subtitle);
}

.wnavigator .wtabpanel-vertical {
  width: 196px;
}

.wnavigator .wtabpanel-vertical .wtab-link-vertical {
  width: 164px;
}

.wnavigator .wtabpanel-shadow {
  margin-bottom: 0;
  box-shadow: none;
}

.dark-skin .wnavigator .w-listbox {
  background-color: var(--color-gray-65);
}

.dark-skin .wnavigator-bar {
  background: #4d4d4d;
}

.dark-skin .wnavigator-bar .w-listbox.w-listbox-dropdown {
  border-color: #696969;
  background: var(--color-gray-65);
  color: #f5f5f5;
}

.dark-skin .wnavigator-bar .w-listbox.w-listbox-dropdown:hover {
  background: rgba(255, 255, 255, 0.24);
}

.dark-skin .wnavigator-bar .w-listbox.w-listbox-dropdown:focus {
  box-shadow: 0 -1px 0px 0 #696969, 0 1px 0px 0 #000000;
}

.dark-skin .wnavigator-bar .w-listbox.w-listbox-dropdown:focus:before {
  content: none;
}

w-notification {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#notification-panel {
  pointer-events: all;
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  position: absolute;
  height: auto;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 0;
  z-index: 99999;
}

#notification-area {
  position: relative;
  overflow: scroll;
  padding: 1px 10px 0px 20px;
  transition: max-height .5s;
  min-width: 391px;
}

#notification-area .w-fieldset__content {
  -ms-flex-direction: column;
      flex-direction: column;
}

#notification-panel:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 14px;
  width: 0;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  overflow: visible;
}

#notification-empty-area {
  display: none;
}

#notification-area:empty {
  display: none;
}

#notification-area:empty + #notification-empty-area {
  width: 391px;
  filter: grayscale(100%);
  text-align: center;
  display: block;
}

#notification-empty-message {
  margin: 25px;
}

.visible-notifications {
  height: auto !important;
  max-height: inherit !important;
}

#call-notification-btn {
  position: relative;
  visibility: hidden;
  position: absolute;
}

#notification-btn {
  position: relative;
  visibility: hidden;
  position: absolute;
}

#call-notification-icon {
  display: block;
  width: 24px;
  height: 24px;
}

#notification-icon {
  display: block;
  width: 24px;
  height: 24px;
}

.header-container {
  width: 100%;
  height: 26px;
  -ms-flex: none;
      flex: none;
}

.header-container .notification-panel-close {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("/assets/framework/images/topbar-close-external.svg");
  right: 5px;
  top: 5px;
}

.header-container .notification-panel-close:hover {
  filter: invert(100%);
}

#notification-badge {
  font-size: 8px;
  color: white;
  background-color: #E63535;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 25px;
  left: 15px;
  line-height: 13px;
  font-family: CentraleSansCndBold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#notification-badge.offline {
  background-color: #8C8C8C;
}

#call-notification-badge {
  font-size: 8px;
  color: white;
  background-color: #E63535;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 25px;
  left: 15px;
  line-height: 13px;
  font-family: CentraleSansCndBold;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#call-notification-badge.offline {
  background-color: #8C8C8C;
}

.hide-badge {
  display: none;
}

#notification-panel-passive {
  top: 80px;
  right: 6px;
  width: auto;
  position: absolute;
  pointer-events: all;
  height: auto;
  max-height: 0;
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.notification-passive {
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
  background: white;
  animation-duration: .3s;
  animation-name: passivetoast;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.notification-passive-hide {
  transition: all .4s ease;
  /*
  animation-name: cooltoastFadeOut;
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  animation-fill-mode: forwards;*/
}

@keyframes passivetoast {
  from {
    transform: translate3d(400px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes cooltoastFadeOut {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(400px, 0, 0);
    opacity: 0;
  }
}

@-moz-document url-prefix() {
  .philips-header-arrow {
    margin-right: 0px;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.w-osk {
  --osk-action-font-size: 20px;
  --osk-font-size: 24px;
  --osk-blue-key-background: #0096ed;
  --osk-blue-key-border-color: #0096ed;
  --osk-blue-key-font-color: #ffffff;
  --osk-hold-key-background: #e8e8e8;
  --osk-hold-key-border-color: #c4c4c4;
  --osk-hold-key-font-color: #383838;
  --osk-hold-key-opacity: 0.5;
  --osk-hold-row-background: #ffffff;
  --osk-hold-row-border: 1px solid #c4c4c4;
  --osk-hold-row-border-radius: 5px;
  --osk-hold-row-shadow: 0 0 10px rgba(0,0,0,.3);
  --osk-icon-filter: brightness(0.22);
  --osk-icon-size: 20px;
  --osk-key-background: #ffffff;
  --osk-key-border: 1px solid #c4c4c4;
  --osk-key-border-radius: 5px;
  --osk-key-font-color: #383838;
  --osk-key-height: 50px;
  --osk-key-width: 50px;
  --osk-key-pressed-background: #e8e8e8;
  --osk-key-pressed-border-color: #c4c4c4;
  --osk-key-pressed-font-color: #383838;
  --osk-key-pressed-opacity: 0.2;
  --osk-keys-gap: var(--spacing-8);
  --osk-panel-background: #e8e8e8;
  --osk-panel-padding: 15px 0px;
}

@media (min-width: 3840px) {
  .w-osk {
    --osk-action-font-size: 46px;
    --osk-font-size: 54px;
    --osk-icon-size: 40px;
    --osk-key-height: 98px;
    --osk-key-width: 98px;
    --osk-panel-padding: 75px 0;
  }
}

.dark-skin .w-osk {
  --osk-icon-filter: brightness(1);
  --osk-blue-key-background: #00C1FF;
  --osk-blue-key-border-color: #00C1FF;
  --osk-blue-key-font-color: #212121;
  --osk-hold-key-background: #787878;
  --osk-hold-key-border-color: transparent;
  --osk-hold-key-font-color: #383838;
  --osk-hold-key-opacity: 1;
  --osk-hold-row-background: #4d4d4d;
  --osk-hold-row-border: 2px solid #9e9e9e;
  --osk-hold-row-border-radius: 2px;
  --osk-hold-row-shadow: 8px 7px 7px rgba(0,0,0,.5);
  --osk-key-background: #4d4d4d;
  --osk-key-border: 2px solid #9e9e9e;
  --osk-key-border-radius: 2px;
  --osk-key-font-color: #ffffff;
  --osk-key-pressed-background: #787878;
  --osk-key-pressed-border-color: #383838;
  --osk-key-pressed-font-color: #212121;
  --osk-key-pressed-opacity: 1;
  --osk-panel-background: #383838;
}

.w-osk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: var(--osk-panel-background);
  padding: var(--osk-panel-padding);
  font-style: normal;
  font-family: "CentraleSansCndBook";
  font-size: var(--osk-font-size);
}

.w-osk img {
  margin-top: 2px;
}

.w-osk .osk-keyboard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  gap: var(--osk-keys-gap);
}

.w-osk .osk-title-subtext {
  text-align: center;
  font-size: 100%;
  font-family: CentraleSansCndBook;
  font-weight: bold;
}

.w-osk .osk-span1 {
  width: calc(var(--osk-key-width) * 1);
}

.w-osk .osk-span2 {
  width: calc(var(--osk-key-width) * 2);
}

.w-osk .osk-span3 {
  width: calc(var(--osk-key-width) * 3);
}

.w-osk .osk-span4 {
  width: calc(var(--osk-key-width) * 4);
}

.w-osk .osk-span5 {
  width: calc(var(--osk-key-width) * 5);
}

.w-osk .osk-span6 {
  width: calc(var(--osk-key-width) * 6);
}

.w-osk .osk-span7 {
  width: calc(var(--osk-key-width) * 7);
}

.w-osk .osk-span8 {
  width: calc(var(--osk-key-width) * 8);
}

.w-osk .osk-span9 {
  width: calc(var(--osk-key-width) * 9);
}

.w-osk .osk-key-hold-slide-area {
  top: 0;
  height: 100%;
  width: var(--osk-key-width);
  position: fixed;
}

.w-osk .osk-key-idle {
  -ms-flex-align: center;
      align-items: center;
  background-color: var(--osk-key-background);
  border: var(--osk-key-border);
  border-radius: var(--osk-key-border-radius);
  color: var(--osk-key-font-color);
  display: -ms-flexbox;
  display: flex;
  fill: var(--osk-key-font-color);
  height: var(--osk-key-height);
  -ms-flex-pack: center;
      justify-content: center;
}

.w-osk .osk-key-pressed {
  background-color: var(--osk-key-pressed-background);
  border-color: var(--osk-key-pressed-border-color);
  color: var(--osk-key-pressed-font-color);
  opacity: var(--osk-key-pressed-opacity);
}

.w-osk .osk-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  gap: var(--osk-keys-gap);
  -ms-flex-pack: center;
      justify-content: center;
}

.w-osk .osk-hold-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  gap: var(--osk-keys-gap);
  -ms-flex-pack: center;
      justify-content: center;
  background-color: var(--osk-hold-row-background);
  border: var(--osk-hold-row-border);
  border-radius: var(--osk-hold-row-border-radius);
  box-shadow: var(--osk-hold-row-shadow);
  gap: 0;
  position: absolute;
}

.w-osk .osk-key-hold {
  -ms-flex-align: center;
      align-items: center;
  background-color: var(--osk-key-background);
  border: var(--osk-key-border);
  border-radius: var(--osk-key-border-radius);
  color: var(--osk-key-font-color);
  display: -ms-flexbox;
  display: flex;
  fill: var(--osk-key-font-color);
  height: var(--osk-key-height);
  -ms-flex-pack: center;
      justify-content: center;
  background: transparent;
  border-color: transparent;
  border-radius: 0px;
  border-width: 0px 1px 0px 1px;
}

.w-osk .osk-key-hold-bg {
  background-color: transparent;
  border-width: 0px 1px 0px 1px;
  border-color: transparent;
  border-radius: 0;
}

.w-osk .osk-key-hold-hover {
  background-color: var(--osk-hold-key-background);
  border-color: var(--osk-hold-key-border-color);
  color: var(--osk-hold-key-font-color);
  opacity: var(--osk-hold-key-opacity);
}

.w-osk .osk-inv {
  background-color: inherit !important;
  border: 0px !important;
}

.w-osk .osk-blue {
  background-color: var(--osk-blue-key-background);
  border-color: var(--osk-blue-key-border-color);
  color: var(--osk-blue-key-font-color);
  font-size: var(--osk-action-font-size);
}

.w-osk .osk-action {
  font-size: var(--osk-action-font-size);
}

.w-osk .osk-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: var(--osk-icon-filter);
  height: var(--osk-icon-size);
  width: var(--osk-icon-size);
}

.w-osk .osk-hide {
  display: none;
}

.w-osk .osk-numeric-icca {
  -ms-flex-pack: normal;
      justify-content: normal;
}

.w-osk .osk-numeric-icca .osk-span2 {
  width: calc(var(--osk-key-width) * 2 + var(--spacing-8));
}

.w-osk-hide {
  display: none;
}

.wpanel {
  min-width: 0;
  font-size: var(--font-size-subtitle);
  line-height: 1.5rem;
  letter-spacing: 0.1px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wpanel .filter-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.wpanel .wpanel-footer {
  width: 100%;
  height: auto;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.wpanel .wpanel-footer tasy-wlegend,
.wpanel .wpanel-footer .buttons-deck-area {
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -ms-flex: 1;
      flex: 1;
}

.wpanel .wpanel-footer .buttons-deck-area {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

tasy-wpanel {
  -ms-flex: 1;
      flex: 1;
  position: relative;
  min-width: 0;
}

.wpanel_cell {
  background-color: white;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: 1px solid #d9d9d9;
  text-align: left;
  font-size: var(--font-size-body);
  color: #333333;
  font-family: "CentraleSansCndMedium";
}

.wpanel_cell_border {
  border-right: 1px solid #e6e6e6;
}

.header_cell, .wpanel_cell, .wpanel_cell_item {
  vertical-align: middle;
  padding: 8px;
}

.wpanel_cell_item_border_bottom {
  border-bottom: 1px solid #e6e6e6;
}

.wpanel_cell_item_border_left {
  border-left: 1px solid #e6e6e6;
}

.wpanel_cell_item_border_right {
  border-right: 1px solid #e6e6e6;
}

.wpanel_void_cell {
  background: white;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

.header_void_cell {
  background: white;
  border-bottom: 1px solid #a6a6a6;
}

.header_cell {
  font-family: "CentraleSansCndMedium";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #333333;
  font-weight: normal;
  white-space: nowrap;
  background: white;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
}

.header_cell:first-child {
  border-left: 0;
}

.wpanel_cell_item, .wpanel_item {
  text-align: center;
  background: white;
  padding: 0px !important;
}

.wpanel_item--row {
  float: left;
}

.wpanel_item--first {
  min-height: 42px !important;
}

.wpanel_cell_item_event_div {
  height: 100%;
  width: 100%;
  padding: 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.wpanel-container {
  padding: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

.noselect {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

tasy-wpanel {
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}

.wpanel-content {
  max-width: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  border: 1px solid #bbb6b6;
}

.wpanel_template_title {
  max-height: 100%;
  padding-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 2px 0 2px rgba(191, 191, 191, 0.6);
  z-index: 2;
}

.wpanel_template_child {
  overflow: hidden;
  max-height: 100%;
  min-height: 41px;
  position: relative;
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.wpanel_template_freeze_header {
  z-index: 1;
  max-width: 100%;
  overflow: hidden;
  min-height: 41px;
}

.rotate_header_size .wpanel_cell_item, .rotate_header_size .wpanel_item {
  min-width: 60px !important;
}

.rotate_header_size table {
  width: 0px !important;
}

.rotate_header_size table tr th {
  min-width: 60px !important;
}

.rotate_header .wpanel_child_content_table {
  padding-right: 40px !important;
}

.rotate_header table {
  --table-border-width: 1px;
}

.rotate_header table tr th.header_cell {
  line-height: 1;
  border-left: none !important;
  position: relative;
}

.rotate_header table tr th .rotated-header-container {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(calc(100% - var(--table-border-width) / 2), var(--table-border-width)) rotate(315deg);
  transform-origin: 0% calc(100% - var(--table-border-width));
  width: 100%;
  z-index: 9;
}

.rotate_header table tr th .rotated-header-container > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 55px;
  text-align: initial;
  border-bottom: var(--table-border-width) solid #bbb6b6;
}

.rotate_header table tr th .rotated-header-container > div span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 55px;
  padding-left: 3px;
  padding-right: 6px;
  font-size: 12px;
}

.wpanel_child_content_table {
  padding-top: 1px;
  height: 100%;
  overflow: auto;
}

.wpanel_title_content_table {
  overflow: hidden;
  max-height: 100%;
}

.panel-empty-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
}

.wpersonname-horizontal {
  display: inline-block;
  width: 100%;
}

.wpersonname-horizontal > :last-child .wpersonnamecomponentwrapper-horizontal {
  padding-bottom: 0px !important;
}

.wpersonnametype-horizontal {
  display: -ms-flexbox;
  display: flex;
}

.wpersonnametype-horizontal > :first-child {
  padding-left: 0;
}

.wpersonnametype-horizontal > :last-child {
  padding-right: 0;
}

.wpersonnamecomponentwrapper-horizontal {
  display: block;
  padding: 0px 8px;
  padding-bottom: 24px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 50px;
}

tasy-wperson-name {
  display: -ms-flexbox;
  display: flex;
}

.wpersonname-vertical {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.wpersonnametype-vertical {
  display: block;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.wpersonnamecomponentwrapper-vertical {
  display: block;
  padding: 0px 8px;
  padding-top: 24px;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

/*rtl:begin:remove*/
.wpersonname-vertical > :first-child .wpersonnamecomponentwrapper-vertical {
  padding-left: 0;
}

.wpersonname-vertical[dir=rtl] > :first-child .wpersonnamecomponentwrapper-vertical {
  padding-left: 8px !important;
  padding-right: 0px !important;
}

.wpersonname-vertical > :last-child .wpersonnamecomponentwrapper-vertical {
  padding-left: 8px;
  padding-right: 0;
}

.wpersonname-vertical[dir=rtl] > :last-child .wpersonnamecomponentwrapper-vertical {
  padding-right: 8px !important;
  padding-left: 0px !important;
}

/*rtl:end:remove*/
.wpersonnametype-vertical > :first-child {
  padding-top: 0px !important;
}

.wpersonname-vertical > :first-child .wpersonnamecomponentwrapper-vertical {
  /*rtl:raw:
      padding-left: 8px;
      padding-right: 0px;
    */
}

.wpersonname-vertical > :last-child .wpersonnamecomponentwrapper-vertical {
  /*rtl:raw:
    padding-left: 0px;
    padding-right: 8px;
    */
}

.wpersonname-vertical[dir=ltr] > :first-child .wpersonnamecomponentwrapper-vertical {
  /*rtl:raw:
      padding-left: 0px !important;
      padding-right: 8px !important;
    */
}

.wpersonname-vertical[dir=ltr] > :last-child .wpersonnamecomponentwrapper-vertical {
  /*rtl:raw:
    padding-left: 8px !important;
    padding-right: 0px !important;
    */
}

.wpersonname-container {
  position: relative;
  padding: 0;
  margin: 0;
}

.wpersonname-container-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .wpersonname-container-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

tasy-wpicklist {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
}

tasy-wpicklist .main-slots-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-height: 272px;
}

tasy-wpicklist .main-slots-wrapper .slot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  margin: 28px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px solid #bbb;
}

tasy-wpicklist .main-slots-wrapper .slot .wtitle {
  display: none;
}

tasy-wpicklist .main-slots-wrapper .slot .wcpanel-container .wtitle {
  display: block;
  margin-bottom: 0px;
}

tasy-wpicklist .main-slots-wrapper .slot .wcpanel-container .wtitle .wtitle-container .panel-title span {
  display: none;
}

tasy-wpicklist .main-slots-wrapper .slot .wcpanel-container .wtitle .filter-icon {
  margin: 0;
}

tasy-wpicklist .main-slots-wrapper .slot .rightlabel {
  display: none;
}

tasy-wpicklist .main-slots-wrapper .slot tasy-wtree,
tasy-wpicklist .main-slots-wrapper .slot w-list-view,
tasy-wpicklist .main-slots-wrapper .slot tasy-wdbpanel,
tasy-wpicklist .main-slots-wrapper .slot tasy-wcpanel,
tasy-wpicklist .main-slots-wrapper .slot wgrid {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

tasy-wpicklist .main-slots-wrapper .slotA {
  margin-right: 24px;
  min-height: 0;
}

tasy-wpicklist .main-slots-wrapper .slotB {
  margin-left: 24px;
}

tasy-wpicklist .main-slots-wrapper .picklist-arrow {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

tasy-wpicklist .main-slots-wrapper .arrow-label {
  text-align: center;
  margin-top: 5px;
}

tasy-wpicklist .main-slots-wrapper .btn-arrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 12px;
}

tasy-wpicklist .main-slots-wrapper .btn-arrow .btn-gray, tasy-wpicklist .main-slots-wrapper .btn-arrow .w-dt-result__button.is_dpkb, tasy-wpicklist .main-slots-wrapper .btn-arrow .w-dt-result__button.is_dpkb_visible, tasy-wpicklist .main-slots-wrapper .btn-arrow .segment-spinner-date .btn_actions, .segment-spinner-date tasy-wpicklist .main-slots-wrapper .btn-arrow .btn_actions, tasy-wpicklist .main-slots-wrapper .btn-arrow #segment-buttons .btn_actions, #segment-buttons tasy-wpicklist .main-slots-wrapper .btn-arrow .btn_actions, tasy-wpicklist .main-slots-wrapper .btn-arrow .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker tasy-wpicklist .main-slots-wrapper .btn-arrow .wbutton, tasy-wpicklist .main-slots-wrapper .btn-arrow .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons tasy-wpicklist .main-slots-wrapper .btn-arrow .wbutton, tasy-wpicklist .main-slots-wrapper .btn-arrow #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker tasy-wpicklist .main-slots-wrapper .btn-arrow .wbutton {
  max-width: 32px;
  min-width: 32px;
  padding: 0px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

tasy-wpicklist .main-slots-wrapper .btn-arrow .btn-gray:before, tasy-wpicklist .main-slots-wrapper .btn-arrow .w-dt-result__button.is_dpkb:before, tasy-wpicklist .main-slots-wrapper .btn-arrow .w-dt-result__button.is_dpkb_visible:before, tasy-wpicklist .main-slots-wrapper .btn-arrow .segment-spinner-date .btn_actions:before, .segment-spinner-date tasy-wpicklist .main-slots-wrapper .btn-arrow .btn_actions:before, tasy-wpicklist .main-slots-wrapper .btn-arrow #segment-buttons .btn_actions:before, #segment-buttons tasy-wpicklist .main-slots-wrapper .btn-arrow .btn_actions:before, tasy-wpicklist .main-slots-wrapper .btn-arrow .segment-spinner-date .segment-spinner-date-button-picker .wbutton:before, .segment-spinner-date .segment-spinner-date-button-picker tasy-wpicklist .main-slots-wrapper .btn-arrow .wbutton:before, tasy-wpicklist .main-slots-wrapper .btn-arrow .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons tasy-wpicklist .main-slots-wrapper .btn-arrow .wbutton:before, tasy-wpicklist .main-slots-wrapper .btn-arrow #segment-buttons .segment-spinner-date-button-picker .wbutton:before, #segment-buttons .segment-spinner-date-button-picker tasy-wpicklist .main-slots-wrapper .btn-arrow .wbutton:before {
  outline-offset: 0px !important;
}

tasy-wpicklist .main-slots-wrapper .btn-arrow:nth-child(3) {
  margin-top: 40px;
}

tasy-wpicklist .main-slots-wrapper .arrows-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

tasy-wpicklist .main-slots-wrapper .arrows-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

tasy-wpicklist .slot-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  min-height: 0;
}

tasy-wpicklist .slot-container .wtree-row {
  overflow: auto !important;
  display: -ms-flexbox;
  display: flex;
}

tasy-wpicklist .slot-container .wtree-row div {
  overflow: visible !important;
}

tasy-wpicklist .slot-container .wtree-row .angular-ui-tree {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

tasy-wpicklist .slot-container .wtree-row .angular-ui-tree .angular-ui-tree-nodes {
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
}

tasy-wpicklist .slot-subtitle {
  margin-left: 28px;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBold";
  color: #333333;
  margin-top: 28px;
}

tasy-wpicklist .picklist-tittle {
  padding: 28px;
  padding-bottom: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

tasy-wpicklist .extra-slot {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #bfbfbf;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-picklist-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

/** DARK MODE **/
.dark-skin {
  /** Dialog **/
}

.dark-skin tasy-wpicklist .slot {
  border-color: #696969;
}

.dark-skin tasy-wpicklist .slot-subtitle {
  color: #e8e8e8;
}

.dark-skin .dialog-box tasy-wpicklist {
  background-color: #4d4d4d;
}

.wplayer-content {
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
}

.wplayer-content .wplayer-container {
  background-color: #e6e6e6;
  padding: 16px 8px 16px 8px;
}

.wplayer-content .display {
  padding-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.wplayer-content .wplayer-controls {
  display: -ms-flexbox;
  display: flex;
  width: 450px;
}

.wplayer-content .wplayer-progress-bar-container {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 8px;
  text-align: center;
}

.wplayer-content .wplayer-progress-bar {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #d9d9d9;
}

.wplayer-content .wplayer-progress-bar-loading {
  height: 100%;
  background-color: #0095ED;
}

.wplayer-content .wplayer-tracktime-container {
  min-width: 120px;
}

.wplayer-content .wplayer-tracktime {
  float: right;
}

.wplayer-content .message {
  align: center;
}

.wplayer-content .wplayer-play {
  background-image: url("/assets/framework/images/components/w-player/play.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-pause {
  background-image: url("/assets/framework/images/components/w-player/Pause.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-stop {
  background-image: url("/assets/framework/images/components/w-player/Stop.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-rec {
  background-image: url("/assets/framework/images/components/w-player/rec.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-mic {
  background-image: url("/assets/framework/images/components/w-player/mic.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-reward {
  background-image: url("/assets/framework/images/components/w-player/rewards.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-forward {
  background-image: url("/assets/framework/images/components/w-player/forward.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-new {
  background-image: url("/assets/framework/images/components/w-player/document.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-volume-low {
  background-image: url("/assets/framework/images/components/w-player/VolumeDown.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-volume-upper {
  background-image: url("/assets/framework/images/components/w-player/VolumeUp.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content .wplayer-volume-mute {
  background-image: url("/assets/framework/images/components/w-player/VolumeMute.svg");
  background-repeat: no-repeat;
  border: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 6px;
  margin-left: 3px;
}

.wplayer-content input[type=range] {
  -webkit-appearance: none;
  -ms-flex: 1;
      flex: 1;
  background-color: #e6e6e6;
  margin: 8px 5px 0px 5px;
}

.wplayer-content input[type=range]::-webkit-slider-runnable-track {
  width: 200px;
  height: 3px;
  background: #808080;
  border: none;
  border-radius: 3px;
}

.wplayer-content input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #808080;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #FFFFFF;
  margin-top: -4px;
}

.wplayer-content input[type=range]:focus {
  outline: 0;
}

.wpopupmenu {
  position: absolute;
  left: 0;
  display: none;
  float: left;
  min-width: 160px;
  padding: var(--spacing-12) var(--spacing-8);
  background-color: #ffffff;
  background-clip: padding-box;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  text-align: left;
  list-style: none;
  z-index: 1000;
  max-height: 332px;
}

@media (min-width: 3840px) {
  .wpopupmenu {
    max-height: auto;
  }
}

.wpopupmenu .popupContent {
  padding: 0px;
}

.wpopupmenu__text {
  vertical-align: middle;
  letter-spacing: 0.20px;
}

.wpopupmenu .wcheckbox {
  vertical-align: baseline;
  min-height: 19px;
}

.wpopupmenu .wcheckbox > .wcheckbox-div {
  padding: 0 var(--spacing-8) 0 0;
}

.wpopupmenu__shortcut, .wpopupmenu__checkbox {
  display: inline-block;
  vertical-align: middle;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  line-height: 24px;
}

.wpopupmenu__label {
  letter-spacing: 0.2px;
  color: #808080;
  display: inline-block;
  min-height: 24px;
  color: #333333;
  line-height: 24px;
  vertical-align: middle;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-width: 0;
}

.wpopupmenu__shortcut {
  margin-left: auto;
  padding-left: var(--spacing-16);
  color: #bfbfbf;
  font-size: var(--font-size-caption);
}

.wpopupmenu__separator {
  margin: 0 10px;
  line-height: 0;
  max-height: 1px;
}

@media (min-width: 3840px) {
  .wpopupmenu__separator {
    margin: 0 var(--sizing-12);
  }
}

.wpopupmenu__separator.wpopupmenu__separator--full {
  border-style: solid;
  border-top-width: 1px;
  margin-left: -var(--spacing-8);
  margin-right: -var(--spacing-8);
}

.wpopupmenu__item {
  min-height: var(--sizing-24);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  font-weight: normal;
  line-height: 1.25;
  padding: 0px 8px;
  margin: 4px 0px;
}

@media (min-width: 3840px) {
  .wpopupmenu__item {
    padding: var(--spacing-8);
    margin-bottom: var(--spacing-4);
  }
}

.wpopupmenu__item .wpopupmenu__icon {
  height: var(--sizing-24);
}

.wpopupmenu__item .wpopupmenu__icon .legend-icon {
  width: var(--sizing-24);
  height: var(--sizing-24);
}

.wpopupmenu__item .wpopupmenu__icon_ia {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.wpopupmenu__item:not(.disabled):hover {
  color: #262626;
  text-decoration: none;
  background-color: #f2f2f2;
  cursor: pointer;
}

.wpopupmenu__item:not(.disabled):focus {
  color: #262626;
  text-decoration: none;
  background-color: #f2f2f2;
  cursor: pointer;
}

.wpopupmenu__item.disabled {
  cursor: default;
}

.wpopupmenu__item.disabled > .wpopupmenu__label {
  color: rgba(51, 51, 51, 0.35);
}

.wpopupmenu--blue {
  background-color: #336699;
}

.wpopupmenu--blue .wpopupmenu__item:not(.disabled):hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.wpopupmenu--blue .wpopupmenu__item.disabled > .wpopupmenu__label {
  color: rgba(255, 255, 255, 0.6);
}

.wpopupmenu--blue .wpopupmenu__label {
  color: #ffffff;
}

.wpopupmenu--blue .wpopupmenu__separator {
  border-color: rgba(255, 255, 255, 0.2);
}

.wpopupmenu--blue .wpopupmenu--submenu:after {
  color: #ffffff;
}

.wpopupmenu--submenu:hover > .wpopupmenu {
  display: block;
}

.wpopupmenu--submenu:hover > .wpopupmenu.left-to-right:before {
  content: "";
  position: absolute;
  display: block;
  width: var(--sizing-16);
  height: 100%;
  right: 100%;
  top: 0;
}

.wpopupmenu--submenu:hover > .wpopupmenu.right-to-left:after {
  content: "";
  position: absolute;
  display: block;
  width: var(--sizing-16);
  height: 100%;
  left: 100%;
  top: 0;
}

.wpopupmenu--submenu > .wpopupmenu {
  left: 100%;
  margin-top: 0px;
}

.wpopupmenu--submenu .wpopupmenu--pull-left {
  right: 95%;
  left: initial;
}

.wpopupmenu--submenu .wpopupmenu--pull-left-position {
  position: fixed;
}

.wpopupmenu--submenu .wpopupmenu--pull-right {
  left: 95%;
  right: initial;
}

.wpopupmenu--submenu:after {
  content: '';
  display: block;
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: -var(--spacing-4);
  margin-left: var(--spacing-8);
  border: var(--spacing-4) solid transparent;
  border-left-color: currentColor;
}

.wpopupmenu--pull-top {
  bottom: 100%;
  left: 0;
}

.wpopupmenu--pull-left {
  right: 0;
  left: initial;
}

.wpopupmenu__viewport {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 285px;
}

@media (min-width: 3840px) {
  .wpopupmenu__viewport {
    max-height: 500px;
  }
}

.wpopupmenu__separator,
.wpopupmenu-checklist-separator {
  border-top: 1px dashed #d9d9d9;
}

.wpopupmenu-checklist-separator {
  border-style: solid;
  border-top-width: 1px;
  margin-top: var(--spacing-4);
}

.wpopupmenuitem-separator {
  border-top: 1px solid #d9d9d9;
  padding-top: var(--spacing-4);
}

.wpopupmenu-checklist-done {
  display: -ms-flexbox;
  display: flex;
  margin-top: var(--spacing-4);
  margin-left: 26px;
}

@media (min-width: 3840px) {
  .wpopupmenu-checklist-done {
    margin-left: var(--spacing-28);
  }
}

.wpopupmenu-done-text {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  color: #ed7200;
  border: none;
  line-height: 14px;
  background-position: 6px 6px;
  background-color: transparent;
}

.wpopupmenu-done-text:hover {
  cursor: pointer;
}

.wpopupmenu-done-text:focus {
  cursor: pointer;
}

.parentMenu {
  display: block;
  top: 0;
}

.wpopupmenu-menu-layer {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999998;
}

.wpopupmenu-menu-layer--zindex-auto {
  z-index: auto;
}

.wpopupmenu-menu-layer {
  animation: tasy-fadein 0.1s ease !important;
}

.popup-pointer-events {
  pointer-events: none;
}

.dark-skin .wpopupmenu {
  background: #383838;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

.dark-skin .wpopupmenu__item {
  color: #d6d6d6;
}

.dark-skin .wpopupmenu__item:hover {
  background: rgba(214, 214, 214, 0.1);
  color: #d6d6d6;
}

.dark-skin .wpopupmenu__item:active, .dark-skin .wpopupmenu__item:focus {
  background: rgba(120, 120, 120, 0.35);
  color: #d6d6d6;
}

.dark-skin .wpopupmenu__item.disabled {
  background: transparent;
}

.dark-skin .wpopupmenu__item.disabled > .wpopupmenu__label {
  color: rgba(214, 214, 214, 0.35);
}

.dark-skin .wpopupmenu__label {
  color: inherit;
}

.dark-skin .wpopupmenu__separator,
.dark-skin .wpopupmenu-checklist-separator {
  border-top: 1px solid rgba(214, 214, 214, 0.12);
}

.dark-skin .wpopupmenuitem-separator {
  border-top: 1px solid rgba(214, 214, 214, 0.12);
  padding-top: var(--spacing-4);
}

tasy-radio-group-text-area .text-area-container {
  margin-top: 8px;
}

w-scheduler {
  height: 100%;
}

.w-scheduler {
  max-width: inherit;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: var(--sizing-8) var(--sizing-16);
}

.w-scheduler__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

.w-scheduler__menu__add {
  cursor: pointer;
  color: #2aacf7;
  font-size: var(--font-size-subtitle);
  font-weight: bold;
  font-family: "CentraleSansCndMedium";
}

.w-scheduler__tasks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-scheduler__tasks__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 100%;
}

.w-scheduler__tasks__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  overflow-y: scroll;
}

.w-scheduler__tasks__timebox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: unset;
  width: 90%;
}

.w-scheduler__tasks__timebox__descriptor {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 10%;
  font-family: "CentraleSansCndMedium";
  font-size: var(--font-size-body);
  -ms-flex-line-pack: center;
      align-content: center;
}

.w-scheduler__tasks__timebox__descriptor__subtext {
  color: #2aacf7;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndMedium";
}

.w-scheduler__tasks__timebox__descriptor span {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}

.w-scheduler__tasks__timebox__content {
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-8);
}

.w-scheduler__tasks__separator {
  width: 100%;
  border-width: 1px;
  border-color: var(--color-gray-15);
  border-style: solid;
  opacity: 10%;
}

@media (min-width: 3840px) {
  .w-scheduler__tasks__separator {
    border-width: 3px;
  }
}

.w-scheduler__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: var(--spacing-8);
}

.w-scheduler__footer__legend, .w-scheduler__footer__seealltoggle {
  display: inline-block;
  cursor: pointer;
  color: #2aacf7;
  font-size: var(--font-size-subtitle);
  font-weight: bold;
  font-family: "CentraleSansCndMedium";
}

.w-scheduler__footer__legend {
  margin-right: var(--spacing-20);
}

.w-scheduler__footer__legend a {
  padding: var(--spacing-16) 0;
}

.w-scheduler__footer__counter {
  padding-top: var(--spacing-20);
  padding-right: var(--sizing-8);
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndMedium";
}

.w-scheduler__no-data {
  font-size: var(--font-size-h6);
  text-align: center;
  padding-top: var(--sizing-8);
}

tasy-wsecondarybar {
  width: 100%;
}

tasy-wsecondarybar .w-secondarybar {
  background-color: #f2f2f2;
  border-bottom: 1px solid #dad9d9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  min-height: 90px;
  max-height: 90px;
  width: 100%;
  padding: 16px 28px;
}

tasy-wsecondarybar .w-secondarybar tasy-wsecondarybar-form {
  -ms-flex: auto;
      flex: auto;
  min-width: 70%;
}

tasy-wsecondarybar .w-secondarybar tasy-wsecondarybar-form.form-fixed-70 {
  max-width: 70%;
}

tasy-wsecondarybar .w-secondarybar tasy-handlebar-new {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-width: 0;
  max-width: 30%;
}

tasy-wsecondarybar .w-secondarybar tasy-handlebar-new .handlebar-buttons {
  padding: 13px 4px;
}

tasy-wsecondarybar .w-secondarybar tasy-handlebar-new .handlebar-button {
  padding: 9px 0;
}

tasy-wsecondarybar .w-secondarybar tasy-handlebar-new [class*=btn-] {
  width: 120px;
}

tasy-wsecondarybar .w-secondarybar tasy-handlebar-new .handlebar-button + [class*=btn-],
tasy-wsecondarybar .w-secondarybar tasy-handlebar-new [class*=btn-] + .handlebar-button {
  margin-left: 24px;
}

tasy-wsecondarybar .w-secondarybar tasy-handlebar-new [class*=btn-] + [class*=btn-] {
  margin-left: 16px;
}

.schematic-tasy-secondarybar {
  margin-bottom: 16px;
  z-index: 4;
}

.tasy-secondarybar-default {
  z-index: 2;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-mdetail {
  padding: 0;
  background-color: transparent;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-mdetail__container {
  margin: 0;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-form,
tasy-wsecondarybar-form .w-secondarybar-form .w-form__row {
  margin: 0;
  overflow: hidden;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-form:not(:first-child),
tasy-wsecondarybar-form .w-secondarybar-form .w-form__row:not(:first-child) {
  display: none;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container {
  padding: 0;
  margin: 0;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container + .w-attr-container {
  margin-left: 56px;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container + .w-attr-container--bulletinfo {
  margin-left: 8px;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container--bulletinfo + .w-attr-container {
  margin-left: 32px;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container__content w-timer-bar .timer,
tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container__content .w-label-text {
  color: #595959;
  font-weight: bold;
  font-family: CentraleSansCndBold;
  font-size: 36px;
  white-space: nowrap;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container__content tasy-wbutton {
  margin-top: 13px;
  display: block;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container__content w-bullet-info {
  margin-top: 32px;
  display: block;
}

tasy-wsecondarybar-form .w-secondarybar-form .w-attr-container__info {
  display: none !important;
}

.checkbox-card__checked {
  border: 2px solid #0096ed;
}

.checkbox-card__item {
  border: 1px solid #d6d6d6;
}

.checkbox-card__item, .checkbox-card__checked {
  color: #333;
  cursor: pointer;
  font-size: var(--font-size-body);
}

.checkbox-card__item .checkboxStyleAngular, .checkbox-card__checked .checkboxStyleAngular {
  visibility: hidden;
  width: 0px;
  position: absolute;
}

.checkbox-card.wcheckbox .wcheckbox-div.disabled .checkbox-card__item__hint,
.checkbox-card.wcheckbox .wcheckbox-div.disabled .wcheckbox-main-label {
  color: rgba(51, 51, 51, 0.35);
  cursor: default;
}

.checkbox-card__item {
  padding: 9px 16px;
}

.checkbox-card__item__hint {
  color: #808080;
  font-size: var(--font-size-caption);
  margin-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.checkbox-card__checked {
  padding: 8px 16px;
  background-color: #b3e3ff;
}

.checkbox-card__checked.disabled.wcheckbox-div {
  border: 2px solid rgba(51, 51, 51, 0.35);
}

.checkbox-card__container {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.checkbox-card .checkbox-card__infobutton.checkbox-card__item.wcheckbox-div,
.checkbox-card .checkbox-card__infobutton.checkbox-card__checked.wcheckbox-div {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.checkbox-card .checkbox-card__item__close-button {
  background: url("/assets/framework/images/close_checklist.svg") no-repeat center center;
  width: 100%;
  height: 100%;
}

.checkbox-card .checkbox-card__item__container__close-button {
  place-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
  margin-left: 12px;
}

.checkbox-card.wcheckbox .checkbox-card__item.wcheckbox-div .wcheckbox-main-label,
.checkbox-card.wcheckbox .checkbox-card__checked.wcheckbox-div .wcheckbox-main-label {
  padding-left: 0px;
  margin-left: 0px;
}

.checkbox-card .checkbox-card__item.wcheckbox-div,
.checkbox-card .checkbox-card__checked.wcheckbox-div {
  margin-left: 0px;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
}

.checkbox-card .checkbox-card__item.wcheckbox-div:focus:after,
.checkbox-card .checkbox-card__checked.wcheckbox-div:focus:after {
  border: none;
}

.checkbox-card.wcheckbox .wcheckbox-div.disabled {
  cursor: default;
}

.checkbox-card .wcheckbox-div .wcheckbox-label {
  padding-top: 5px;
}

.gwt-PopupPanelGlass {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1050;
}

.w-shiftf8 {
  background-color: #ffffff;
  padding: 8px;
  max-height: 540px;
}

.w-shiftf8__header {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  display: -ms-flexbox;
  display: flex;
  padding-bottom: var(--spacing-28);
}

.w-shiftf8__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-shiftf8__desc {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  color: #333333;
  font-family: 'CentraleSansCnd';
  margin-bottom: var(--spacing-24);
  min-height: 56px;
  overflow: auto;
  line-height: 1.6;
  white-space: pre-wrap;
  max-height: 81px;
}

.w-shiftf8__label, .w-shiftf8__field {
  display: inline-block;
  font-size: var(--font-size-caption);
  color: #333333;
}

.w-shiftf8__more {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 12px;
}

.w-shiftf8__more:after {
  content: '';
  width: var(--sizing-8);
  height: var(--sizing-8);
  margin-left: var(--spacing-4);
  margin-top: var(--spacing-4);
  display: inline-block;
  vertical-align: middle;
  border: 4px solid transparent;
  border-top-color: currentColor;
}

.w-shiftf8__more.less:after {
  border: 4px solid transparent;
  border-bottom-color: currentColor;
  margin-top: 0px;
  margin-bottom: var(--spacing-4);
}

.w-shiftf8__label {
  font-family: "CentraleSansCndBold";
  color: #808080;
}

.w-shiftf8__row {
  margin-bottom: var(--spacing-8);
}

.w-shiftf8__info {
  margin-top: var(--spacing-12);
  max-height: 116px;
  overflow-x: auto;
  overflow-y: scroll;
}

.w-shiftf8 .arrow {
  height: var(--sizing-8);
  width: var(--sizing-8);
  padding: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

.w-attr-cpanel-container__info {
  display: inline-block;
  height: var(--sizing-12);
  width: var(--sizing-12);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 5px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Y2lyY2xlIGZpbGw9IiNCRkJGQkYiIGN4PSI2IiBjeT0iNiIgcj0iNiIvPjwvZz48cmVjdCB4PSI1IiB5PSI1IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSI1Ii8+PGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNiIgY3k9IjMiIHI9IjEiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

.w-attr-container__info--checkbox {
  margin-bottom: 1px;
}

.w-attr-container__info:hover {
  visibility: visible;
}

.w-attr-container:hover > .w-attr-container__info,
.w-attr-container:hover > .w-attr-container__label .w-attr-container__info {
  visibility: visible;
  cursor: pointer;
}

.w-attr-container__info__visible {
  visibility: visible;
}

.atributo-ds {
  overflow: auto;
  max-height: 70px;
  width: 340px;
}

.dark-skin .w-shiftf8 {
  background: transparent;
}

.dark-skin .w-shiftf8 * {
  color: white;
}

.w-split-screen-tab-container {
  display: contents;
}

.w-split-screen-tab__main-container {
  background: #ffffff;
  height: 40px;
  max-width: 530px;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.3), 5px 0 5px -5px rgba(0, 0, 0, 0.3), -5px 0 5px -5px rgba(0, 0, 0, 0.3);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: start;
      justify-content: start;
}

.w-split-screen-tab__title-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-split-screen-tab__title {
  color: #171717;
  font-size: var(--font-size-subtitle);
  -ms-flex-direction: column;
      flex-direction: column;
  white-space: nowrap;
}

.w-split-screen-tab__description-box {
  padding-left: 0px;
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-split-screen-tab__description {
  color: #696969;
  font-size: var(--font-size-subtitle);
  padding-right: 8px;
  padding-top: 0px;
  max-width: 318px;
  -ms-flex-direction: column;
      flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-split-screen-tab__btn-dropdown-box {
  margin-right: 4px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-split-screen-tab__btn-dropdown-box:hover {
  cursor: pointer;
}

.w-split-screen-tab__icon-dropdown {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background-size: cover;
  opacity: 0.53;
  transition: 0.2s;
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-arrow-down.svg");
}

.w-split-screen-tab__icon-dropdown:hover,
.w-split-screen-tab__icon-dropdown:focus {
  opacity: 0.91;
}

.w-split-screen-tab__dropdown-container {
  background-color: #ffffff;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2), 5px 0 5px -5px rgba(0, 0, 0, 0.2), -5px 0 5px -5px rgba(0, 0, 0, 0.2);
  border: 1px solid #d9d9d9;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 530px;
  padding: 12px;
  z-index: 2;
  overflow: hidden;
  position: absolute;
  float: left;
}

.w-split-screen-tab__separator-box {
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-split-screen-tab__separator {
  height: 24px;
  border-left: 1px solid #8c8c8c;
}

.w-split-screen-tab__btn-box {
  margin-right: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-split-screen-tab__btn {
  padding-left: 4px;
  padding-right: 4px;
}

.w-split-screen-tab__btn.w-split-screen-tab__close {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: -4px;
}

.w-split-screen-tab__btn:hover {
  cursor: pointer;
}

.w-split-screen-tab__maximize {
  display: initial;
}

.w-split-screen-tab__restore {
  display: initial;
}

.w-split-screen-tab__extend {
  display: initial;
}

.w-split-screen-tab__close {
  display: initial;
}

.w-split-screen-tab__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: cover;
  opacity: 0.53;
  transition: 0.2s;
}

.w-split-screen-tab__icon-maximize {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-maximize.svg");
}

.w-split-screen-tab__icon-maximize:hover,
.w-split-screen-tab__icon-maximize:focus {
  opacity: 0.91;
}

.w-split-screen-tab__icon-restore {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-restore.svg");
}

.w-split-screen-tab__icon-restore:hover,
.w-split-screen-tab__icon-restore:focus {
  opacity: 0.91;
}

.w-split-screen-tab__icon-extend {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-extend.svg");
}

.w-split-screen-tab__icon-extend:hover,
.w-split-screen-tab__icon-extend:focus {
  opacity: 0.91;
}

.w-split-screen-tab__icon-close {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-close.svg");
  width: 32px;
  height: 32px;
}

.w-split-screen-tab__icon-close:hover,
.w-split-screen-tab__icon-close:focus {
  opacity: 0.91;
}

w-split-screen-tab:first-child .w-split-screen-tab__back-box {
  display: none;
}

w-split-screen-tab .w-split-screen-tab__back-box {
  margin-left: 11px;
  margin-right: -6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  cursor: pointer;
}

w-split-screen-tab .w-split-screen-tab__back-box .w-split-screen-tab__icon-back {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-arrow-left.svg");
}

w-split-screen-tab .w-split-screen-tab__back-box .w-split-screen-tab__icon-back:hover, w-split-screen-tab .w-split-screen-tab__back-box .w-split-screen-tab__icon-back:focus {
  opacity: 0.91;
}

.w-split-screen-tab__back:hover,
.w-split-screen-tab__back:focus {
  opacity: 0.91;
}

.w-split-screen-tab__bullet-box {
  padding-right: 8px;
  margin-left: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.w-split-screen-tab__bullet {
  background: #1474a4;
  border-radius: 50px;
  width: 18px;
  height: 18px;
}

.w-split-screen-tab__bullet-inactive {
  background: #787878;
  border-radius: 50px;
  width: 18px;
  height: 18px;
}

ul.w-split-screen-tab__navigation {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  display: block;
  line-height: 2.1;
  padding-left: 21px;
  list-style: none;
  list-style-image: url("/assets/framework/images/components/w-split-screen-tab/ico_arrow_down_list.svg");
  max-height: 600px;
  overflow-y: auto;
}

ul.w-split-screen-tab__navigation li.not-marker {
  list-style-image: none;
}

ul.w-split-screen-tab__navigation li.with-marker {
  list-style-image: url("/assets/framework/images/components/w-split-screen-tab/ico_arrow_down_list.svg");
}

ul.w-split-screen-tab__navigation li:hover {
  background: #e8e8e8;
  cursor: pointer;
}

ul.w-split-screen-tab__navigation li.w-split-screen-tab__current {
  background: #daf1f7;
  cursor: pointer;
}

li.w-split-screen-tab__oneitem {
  font-weight: normal;
  display: block;
  line-height: 2.1;
  padding-left: 0px;
  list-style: none;
}

li.w-split-screen-tab__child {
  font-weight: normal;
  list-style: none;
}

.w-split-screen-tab__inactive_background {
  background: #F5F5F5;
  cursor: pointer;
}

.w-split-screen-tab__inactive_label {
  color: #696969;
}

.w-split-screen-tab__hide {
  display: none;
}

.w-split-screen-tab__dflex {
  display: -ms-flexbox;
  display: flex;
}

.w-split-screen-tab__dblock {
  display: block;
}

.w-split-screen-tab__titleBoxPaddingLeft {
  padding-left: 16px;
}

.w-split-screen-tab__paddingLeft0 {
  padding-left: 0px;
}

.dark-skin .w-split-screen-tab__main-container {
  background-color: #383838;
  box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

.dark-skin .w-split-screen-tab__main-container.w-split-screen-tab__inactive_background .w-split-screen-tab__description {
  color: #c4c4c4;
}

.dark-skin .w-split-screen-tab__main-container .w-split-screen-tab__description {
  color: #f5f5f5;
}

.dark-skin .w-split-screen-tab__main-container .w-split-screen-tab__separator {
  border: 1px solid #c4c4c4;
}

.dark-skin .w-split-screen-tab__main-container .w-split-screen-tab__icon-close {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-close-dark.svg");
}

.dark-skin .w-split-screen-tab__main-container .w-split-screen-tab__icon-maximize {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-maximize-dark.svg");
}

.dark-skin .w-split-screen-tab__main-container .w-split-screen-tab__icon-restore {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-restore-dark.svg");
}

.dark-skin .w-split-screen-tab__main-container .w-split-screen-tab__back-back {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-arrow-left-dark.svg");
}

w-strategic-map {
  height: 100%;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.w-strategic-map {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  padding: 28px 5px 16px 16px;
  min-width: 0;
}

.w-strategic-map .w-title {
  padding: 0;
  min-height: 0;
}

.w-strategic-map w-title[stylename=w-strategic-map-theme-title] .w-title {
  background-color: white;
}

.w-strategic-map-main {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-strategic-map-main-header {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-right: 12px;
}

.w-strategic-map-main-content {
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
}

.w-strategic-map-main-viewport {
  -ms-flex: 1;
      flex: 1;
  overflow: scroll;
}

.w-strategic-map-theme,
.w-strategic-map-perspective {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-strategic-map-perspective {
  margin: 16px 24px 16px;
}

.w-strategic-map-theme {
  background-color: white;
  padding: 16px;
  margin: 0 8px;
}

.w-strategic-map-theme +
.w-strategic-map-theme {
  margin-top: 16px;
}

.w-strategic-map-theme-title {
  min-height: initial;
  font-family: "CentraleSansCndMedium";
  font-size: var(--font-size-body);
  max-height: 2em;
}

.w-strategic-map-perspective-title {
  height: 2em;
}

.w-strategic-map-theme-title,
.w-strategic-map-perspective-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: ignore next */
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
}

.w-strategic-map-theme-content {
  -ms-flex: 1;
      flex: 1;
  padding-top: 16px;
}

.w-strategic-map-theme-content-goal {
  border: 1px solid #979797;
  box-shadow: 0px 0px 3px #979797;
  min-width: 81px;
  padding: 16px 16px 8px 16px;
}

.w-strategic-map-theme-content-goal +
.w-strategic-map-theme-content-goal {
  margin-top: 16px;
}

.w-strategic-map-column {
  -ms-flex: none;
      flex: none;
  padding: 0 12px;
  background-color: #f2f2f2;
  background-clip: content-box;
  min-width: 392px;
  max-width: 464px;
}

@media screen and (max-width: 1599px) {
  .w-strategic-map-column {
    width: 33.33%;
  }
}

@media screen and (min-width: 1600px) {
  .w-strategic-map-column {
    width: 25%;
  }
}

tasy-wsummary.wsummary {
  height: 100%;
}

.wsummary {
  background-color: #f2f2f2;
  padding: 0px 12px 0px 12px;
}

.wsummary-title {
  font-size: var(--font-size-header-5);
  line-height: 18px;
  letter-spacing: 0.1px;
  font-family: CentraleSansCndBold;
  color: #333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-bottom: 16px;
}

.wsummary .group {
  background-color: #bfbfbf;
  padding: 8px;
  margin-bottom: 8px;
}

.wsummary .item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
}

.wsummary .wcheckbox-label {
  color: #666666 !important;
}

.surgical-event-registration {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.surgical-event-registration .surgical-event-registration-column {
  width: 50%;
  margin-right: 5px;
}

.surgical-event-registration .surgical-event-registration-column .surgical-event-registration-label {
  height: 14px;
  font-size: var(--font-size-body);
  line-height: 14px;
  margin-bottom: 8px;
  color: #333333;
  letter-spacing: 0.2px;
}

.surgical-event-registration .surgical-event-registration-column .surgical-event-registration-label .dark-skin {
  color: #ffffff;
}

.surgical-event-registration .surgical-event-registration-buttons {
  width: 50%;
  margin-left: 3px;
  padding-top: 22px;
}

.surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.btn-gray, .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.w-dt-result__button.is_dpkb, .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.w-dt-result__button.is_dpkb_visible, .surgical-event-registration .surgical-event-registration-buttons .segment-spinner-date .btn-event-navigation.btn_actions, .segment-spinner-date .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.btn_actions, .surgical-event-registration .surgical-event-registration-buttons #segment-buttons .btn-event-navigation.btn_actions, #segment-buttons .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.btn_actions, .surgical-event-registration .surgical-event-registration-buttons .segment-spinner-date .segment-spinner-date-button-picker .btn-event-navigation.wbutton, .segment-spinner-date .segment-spinner-date-button-picker .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.wbutton, .surgical-event-registration .surgical-event-registration-buttons .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .btn-event-navigation.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.wbutton, .surgical-event-registration .surgical-event-registration-buttons #segment-buttons .segment-spinner-date-button-picker .btn-event-navigation.wbutton, #segment-buttons .segment-spinner-date-button-picker .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation.wbutton {
  max-width: 32px;
  min-width: 32px;
  padding: 0px;
  margin-right: 5px;
}

.surgical-event-registration .surgical-event-registration-buttons .surgical-event-registration-arrow {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.surgical-event-registration .surgical-event-registration-buttons .btn-event-record-label {
  margin-left: 2px;
}

.surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation__vertical-display {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (min-width: 1920px) and (max-width: 3839px) {
  .touch-screen .surgical-event-registration .surgical-event-registration-column .w-listbox {
    height: 64px;
    display: -ms-flexbox;
    display: flex;
  }
  .touch-screen .surgical-event-registration .surgical-event-registration-buttons {
    display: -ms-flexbox;
    display: flex;
  }
  .touch-screen .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation {
    max-width: 74px;
    min-width: 74px;
    max-height: 64px;
    min-height: 64px;
    margin-left: 8px;
  }
  .touch-screen .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation__vertical-display {
    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;
  }
  .touch-screen .surgical-event-registration .surgical-event-registration-buttons .btn-event-navigation__vertical-display .surgical-event-registration-arrow {
    margin-right: 0;
  }
  .touch-screen .surgical-event-registration .surgical-event-registration-buttons .btn-event-record {
    max-height: 64px;
    min-height: 64px;
    margin-left: 8px;
  }
  .touch-screen .surgical-event-registration .surgical-event-registration-buttons .surgical-event-registration-arrow {
    margin-right: 8px;
  }
}

.wtabpanel-topbar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.wtabpanel-topbar.has-popup-opened {
  position: static !important;
}

.wtabpanel-wrapper {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.wtabpanel-wrapper-vertical {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.wtabpanel-wrapper-horizontal {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

/********************
WTabPanel
********************/
.wtabpanel-horizontal, .w-bars__tabs {
  color: #808080;
  background-color: #e6e6e6;
  padding-right: 44px;
  height: var(--sizing-40);
  line-height: 2.25rem;
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}

.wtabpanel-horizontal-breadcrumb {
  color: #808080;
  background-color: #e6e6e6;
  padding-right: 44px;
  height: var(--sizing-40);
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}

.wtabpanel-vertical {
  background-color: #f2f2f2;
  display: inline-block;
  padding: var(--spacing-28) 0 0 0;
  overflow-y: scroll;
  border-right: 1px #d9d9d9 solid;
  width: 196px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  overflow-x: hidden;
}

.wtabpanel-vertical .wtab {
  width: 100%;
}

/* According with de spec vertical tab panel must be
*  3 columns wide inside 9 and 12 columns panel*/
.pn-9 .wtabpanel-vertical, .pn-12 .wtabpanel-vertical {
  width: 300px;
}

.pn-9 .wtabpanel-vertical .wtab-link-vertical, .pn-12 .wtabpanel-vertical .wtab-link-vertical {
  width: 268px;
}

.pn-6 .wtabpanel-vertical, .pn-8 .wtabpanel-vertical {
  width: 196px;
}

.pn-6 .wtabpanel-vertical .wtab-link-vertical, .pn-8 .wtabpanel-vertical .wtab-link-vertical {
  width: 164px;
}

.rg-3 .wtabpanel-vertical, .rg-4 .wtabpanel-vertical {
  width: 196px;
}

.rg-3 .wtabpanel-vertical .wtab-link-vertical, .rg-4 .wtabpanel-vertical .wtab-link-vertical {
  width: 164px;
}

.wtabpanel-elipses {
  position: absolute;
  left: 100%;
  float: left;
  width: 44px;
  height: var(--sizing-40);
  transform: translateX(-100%);
  padding-bottom: 2px;
  border-left: 1px solid #d9d9d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAxNSAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMzMzMzMzMiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzMzMzMzMyIgY3g9IjcuNSIgY3k9IjEuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMzMzMzMzIiBjeD0iMTMuNSIgY3k9IjEuNSIgcj0iMS41Ii8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E6E6E6;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 100;
}

.ngdialog-content .dialog-content .wtabpanel-elipses {
  left: 44px;
  position: relative;
}

.ngdialog-content .dialog-content .wimage_main_content {
  display: contents;
}

.active_page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.hide_page {
  display: none;
}

/********************
WTab
********************/
.wtab {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wtab-dropdown {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.wtab-dropdown-menu {
  display: block;
}

.wtab-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right;
  width: 12px;
  height: var(--sizing-40);
}

.wtab-horizontal, .w-bars__tab,
.wtab-vertical {
  display: inline-block;
  font-size: var(--font-size-subtitle);
}

.wtab-horizontal, .w-bars__tab {
  padding: 0 var(--sizing-16);
  position: relative;
  max-width: 160px;
}

@media (min-width: 3840px) {
  .wtab-horizontal, .w-bars__tab {
    max-width: 360px;
  }
}

.wtab-horizontal-ellipsis .wtab-horizontal, .wtab-horizontal-ellipsis .w-bars__tab {
  max-width: 110px;
}

.wtab-horizontal-ellipsis .wtab-horizontal .truncate, .wtab-horizontal-ellipsis .w-bars__tab .truncate, .wtab-horizontal-ellipsis .wtab-horizontal .panel-title, .wtab-horizontal-ellipsis .w-bars__tab .panel-title, .wtab-horizontal-ellipsis .wtab-horizontal .wsubtitle .panel-subtitle, .wsubtitle .wtab-horizontal-ellipsis .wtab-horizontal .panel-subtitle, .wtab-horizontal-ellipsis .w-bars__tab .wsubtitle .panel-subtitle, .wsubtitle .wtab-horizontal-ellipsis .w-bars__tab .panel-subtitle, .wtab-horizontal-ellipsis .wtab-horizontal .wschematic-breadcrumbs .wtab-label, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .wtab-horizontal .wtab-label, .wtab-horizontal-ellipsis .w-bars__tab .wschematic-breadcrumbs .wtab-label, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .w-bars__tab .wtab-label,
.wtab-horizontal-ellipsis .wtab-horizontal .wschematic-breadcrumbs .wtab-title, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .wtab-horizontal .wtab-title,
.wtab-horizontal-ellipsis .w-bars__tab .wschematic-breadcrumbs .wtab-title, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .w-bars__tab .wtab-title, .wtab-horizontal-ellipsis .wtab-horizontal .datagrid-cell-content-wrapper, .wtab-horizontal-ellipsis .w-bars__tab .datagrid-cell-content-wrapper, .wtab-horizontal-ellipsis .wtab-horizontal .handlebar-button, .wtab-horizontal-ellipsis .w-bars__tab .handlebar-button, .wtab-horizontal-ellipsis .wtab-horizontal .person-bar-field-info-text #info, .person-bar-field-info-text .wtab-horizontal-ellipsis .wtab-horizontal #info, .wtab-horizontal-ellipsis .w-bars__tab .person-bar-field-info-text #info, .person-bar-field-info-text .wtab-horizontal-ellipsis .w-bars__tab #info, .wtab-horizontal-ellipsis .wtab-horizontal .person-info-default, .wtab-horizontal-ellipsis .w-bars__tab .person-info-default, .wtab-horizontal-ellipsis .wtab-horizontal .person-info-legal-name, .wtab-horizontal-ellipsis .w-bars__tab .person-info-legal-name, .wtab-horizontal-ellipsis .wtab-horizontal .person-info-legal-name .person-info-legal-name-span, .person-info-legal-name .wtab-horizontal-ellipsis .wtab-horizontal .person-info-legal-name-span, .wtab-horizontal-ellipsis .w-bars__tab .person-info-legal-name .person-info-legal-name-span, .person-info-legal-name .wtab-horizontal-ellipsis .w-bars__tab .person-info-legal-name-span {
  padding-left: 0;
}

.wtab-vertical {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: var(--sizing-24);
  margin-bottom: 6px;
  font-size: var(--font-size-subtitle);
}

.wtab-bullet {
  border-radius: 50%;
  width: var(--sizing-8);
  height: var(--sizing-8);
  min-width: var(--sizing-8);
  margin-top: var(--spacing-12);
  margin-left: -5px;
  margin-right: var(--spacing-4);
  float: left;
}

.wtab-label > span {
  pointer-events: none;
}

/********************
WTab - Separator
********************/
.wtab-breadcrumb-separador {
  /*rtl:begin:remove*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuNDA2LDEuMjA5IDYuNDA2LDcuNDQ5IDAuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  /*rtl:end:remove*/
  /*rtl:raw:
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYuNDA2LDEuMjA5IDAuNDA2LDcuNDQ5IDYuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  */
  background-repeat: no-repeat;
  width: var(--sizing-12);
  height: var(--sizing-40);
  position: absolute;
  margin-left: -19px;
}

.wtab-wizard-separator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMTIgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjQkZCRkJGIiBwb2ludHM9IjEsNDAgMCw0MCAxMSwyMC45ODggMCwwIDEsMCAxMiwyMS4wMTIgIi8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  width: var(--sizing-12);
  height: var(--sizing-40);
  position: absolute;
  top: 0;
  margin-left: calc(var(--spacing-28) * -1);
  /*rtl:raw:
  transform: rotate(180deg);
  */
}

/********************
WTab - Link
********************/
.wtab-link-horizontal,
.wtab-link-vertical {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
}

.wtab-link-horizontal {
  padding: 0 var(--spacing-8);
  height: var(--sizing-32);
  line-height: var(--sizing-32);
}

.wtab-horizontal .wtab, .w-bars__tab .wtab {
  height: var(--sizing-32);
  margin-top: var(--spacing-4);
}

@media (min-width: 3840px) {
  .wtab-horizontal .wtab, .w-bars__tab .wtab {
    margin-top: 0px;
  }
}

.wtab-link-vertical {
  line-height: var(--sizing-28);
  padding: 0 var(--spacing-16);
  color: #808080;
  letter-spacing: 0.2px;
  font-family: "CentraleSansCndBook";
}

.wtab-link-horizontal a,
.wtab-link-horizontal a:visited,
.wtab-link-horizontal a:hover,
.wtab-link-horizontal-label,
.wtab-link-vertical a,
.wtab-link-vertical a:visited,
.wtab-link-vertical a:hover,
.wtab-link-vertical-label {
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  color: #808080;
}

/**********************
 +WTab- Horizontal selected CSS
 +***********************/
.wtab-link-horizontal-active {
  font-family: "CentraleSansCndBold";
  color: #333333;
}

/********************
WTab - Activated link properties
********************/
.wtab-activated-horizontal a,
.wtab-activated-horizontal a:visited,
.wtab-activated-horizontal a:hover,
.wtab-activated-horizontal-label,
.wtab-activated-vertical a,
.wtab-activated-vertical a:visited,
.wtab-activated-vertical a:hover,
.wtab-activated-vertical-label {
  color: #000000;
}

.wtab-activated-horizontal a,
.wtab-activated-horizontal a:visited,
.wtab-activated-horizontal a:hover,
.wtab-activated-horizontal-label,
.wtab-activated-vertical a,
.wtab-activated-vertical a:visited,
.wtab-activated-vertical a:hover,
.wtab-activated-vertical-label {
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  color: #333333;
}

.wtab-activated-vertical .wtab-link-vertical {
  color: #333333;
  font-family: "CentraleSansCndBold";
  letter-spacing: 0.2px;
}

/********************
WTab - Mark
********************/
.wtab-mark-horizontal {
  height: var(--spacing-4);
  vertical-align: bottom;
  position: relative;
}

.wtab-mark-vertical {
  height: var(--sizing-28);
  width: var(--spacing-4);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.scroll-tab-style {
  display: -ms-flexbox;
  display: flex;
}

/********************
WTab - Activated mark properties
********************/
.wtab-mark-horizontal-activated,
.wtab-mark-vertical-activated {
  background-color: #0096ed;
}

.wtab-link-horizontal-activated {
  color: #333333;
}

/********************
WTabPanel - Content
********************/
.wtabpanel-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

/********************
WTabPanel - Wizard - Bottom
********************/
.wtabpanel-wizard-bottom {
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border-top: #bfbfbf solid 1px;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding: 0 var(--spacing-28);
}

.wtabpanel-wizard-bottom .buttons-right {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.wtabpanel-wizard-bottom .buttons-right button {
  margin-left: var(--spacing-16);
}

.wtab-link-wizard-before {
  color: #808080;
  cursor: auto;
}

.wtab-link-wizard-activated {
  color: #333333;
  cursor: auto;
  font-family: "CentraleSansCndBold";
}

.wtab-link-wizard-after {
  color: #bfbfbf;
  cursor: auto;
}

.wtabpanel-wizard-bottom-abort {
  letter-spacing: 0.2px;
  color: #808080;
  color: #db2a36;
  cursor: pointer;
}

.wtabpanel-wizard-bottom-abort-disabled {
  color: #808080;
  pointer-events: none;
}

/********************
WTabPanel - Dropdown
********************/
.wtabpanel-dropdown-menu {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 200px;
  padding: var(--spacing-8);
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  top: var(--spacing-40);
  right: 0;
  z-index: 100;
}

.wtabpanel-dropdown-menu-viewport {
  max-height: 400px;
  overflow: auto;
}

.wtabmenu-dropdown-item, .wtabmenu-special-item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: var(--spacing-8) var(--spacing-4);
}

.wtabmenu-dropdown-item:hover, .wtabmenu-special-item:hover {
  background-color: #f2f2f2;
}

.wtabmenu-dropdown-item:not(.wtabmenu-special-item) + .wtabmenu-special-item, .wtabmenu-special-item:not(.wtabmenu-special-item) + .wtabmenu-special-item {
  border-top: 1px solid #d9d9d9;
}

/********************
WTab - Content
********************/
.wtab-content-blank {
  background: #FFF;
  -ms-flex: 1;
      flex: 1;
}

tasy-tab-page {
  width: 100%;
}

/********************
WTab - Animation
********************/
.wtabpanel-dropdown-menu {
  animation: tasy-fadein 0.1s ease !important;
}

.wtabpanel-dropdown-menu.ng-hide {
  animation: tasy-fadeout 0.1s ease !important;
}

.active_page {
  animation: tasy-fadein 0.2s ease !important;
}

.hide_page {
  animation: tasy-fadeout 0.2s ease !important;
}

.wtab-mark-horizontal, .wtab-mark-vertical {
  transition: background-color 0.2s ease;
}

.dark-skin .wtabpanel-topbar,
.dark-skin .wtabpanel-horizontal,
.dark-skin .w-bars__tabs,
.dark-skin .wtabpanel-wizard-bottom,
.dark-skin .wtabpanel-dropdown-menu {
  background: #383838;
  color: #c4c4c4;
  font-family: "CentraleSansCndBook";
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.dark-skin .wtabpanel-horizontal-breadcrumb {
  background: #696969;
  color: #c4c4c4;
}

.dark-skin .wtab-link-wizard-before {
  color: #c4c4c4;
}

.dark-skin .wtab-link-wizard-activated {
  color: #ffffff;
}

.dark-skin .wtabpanel-wizard-bottom {
  border-top: none;
}

.dark-skin .wtabpanel-wizard-bottom-abort {
  color: #ff6d59;
}

.dark-skin .wtab-mark-horizontal-activated {
  background-color: #9dd3e3;
}

.dark-skin .wtab-link-horizontal-active {
  color: #ffffff;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wtabpanel-elipses {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAxNSAzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MiAoOTEzOTApIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPk1vcmUgSWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJDb21wb25lbnRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQnVpbGRpbmctQmxvY2tzLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODQuMDAwMDAwLCAtMTA4NC4wMDAwMDApIiBmaWxsPSIjQzRDNEM0Ij4KICAgICAgICAgICAgPGcgaWQ9Ik1vcmUtSWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTg0LjAwMDAwMCwgMTA4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJNb3JlIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS41LDMgQzIuMzI4NDI3MTIsMyAzLDIuMzI4NDI3MTIgMywxLjUgQzMsMC42NzE1NzI4NzUgMi4zMjg0MjcxMiwwIDEuNSwwIEMwLjY3MTU3Mjg3NSwwIDAsMC42NzE1NzI4NzUgMCwxLjUgQzAsMi4zMjg0MjcxMiAwLjY3MTU3Mjg3NSwzIDEuNSwzIFoiIGlkPSJPdmFsIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNSwzIEM4LjMyODQyNzEyLDMgOSwyLjMyODQyNzEyIDksMS41IEM5LDAuNjcxNTcyODc1IDguMzI4NDI3MTIsMCA3LjUsMCBDNi42NzE1NzI4OCwwIDYsMC42NzE1NzI4NzUgNiwxLjUgQzYsMi4zMjg0MjcxMiA2LjY3MTU3Mjg4LDMgNy41LDMgWiIgaWQ9Ik92YWwtQ29weSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy41LDMgQzE0LjMyODQyNzEsMyAxNSwyLjMyODQyNzEyIDE1LDEuNSBDMTUsMC42NzE1NzI4NzUgMTQuMzI4NDI3MSwwIDEzLjUsMCBDMTIuNjcxNTcyOSwwIDEyLDAuNjcxNTcyODc1IDEyLDEuNSBDMTIsMi4zMjg0MjcxMiAxMi42NzE1NzI5LDMgMTMuNSwzIFoiIGlkPSJPdmFsLUNvcHktMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  border-left: 1px solid #696969;
  background-color: #4d4d4d;
}

.dark-skin .wtabmenu-dropdown-item, .dark-skin .wtabmenu-special-item {
  color: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wtabmenu-dropdown-item:hover, .dark-skin .wtabmenu-special-item:hover {
  background-color: rgba(255, 255, 255, 0.24);
}

.dark-skin .wtabpanel-dropdown-menu {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
}

w-table-chart {
  height: 100%;
  overflow: auto;
}

w-table-chart .table-chart-top {
  height: calc(70% - 32px - 6px - 32px);
  margin-bottom: 32px;
}

w-table-chart .table-chart-bottom {
  height: calc(30% + 32px);
}

.table-chart {
  display: -ms-grid;
  display: grid;
  font-family: "CentraleSansCndBook";
  -ms-grid-columns: auto auto auto minmax(64px, 0fr);
      grid-template-columns: auto auto auto minmax(64px, 0fr);
  -ms-grid-rows: min-content;
      grid-template-rows: min-content;
  grid-auto-rows: min-content;
  overflow: auto;
  padding-right: 8px;
  row-gap: 0px;
}

.table-chart-row {
  display: contents;
}

.table-chart-row:hover > * {
  background-color: #f2f2f2;
  cursor: pointer;
}

.table-chart-row-selected > * {
  background-color: #dcecff;
}

.table-chart-header, .table-chart-cell {
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px;
}

.table-chart-content-header-pinned {
  height: calc(100% - 2px - 12px - 10px);
}

.table-chart-header {
  -ms-flex-pack: initial;
      justify-content: initial;
  -ms-flex-align: end;
      align-items: flex-end;
  font-family: "CentraleSansCndBold";
  grid-area: 1;
  margin-bottom: 4px;
  display: none !important;
}

.table-chart-cell {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #d9d9d9;
}

.table-chart-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: initial;
      align-items: initial;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
}

.table-chart-description__status {
  background: #f5f5f5;
  border-radius: 50%;
  -ms-flex: 0 0 16px;
      flex: 0 0 16px;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}

.table-chart-description__title, .table-chart-description__subtext {
  overflow: hidden;
}

.table-chart-description__title > span, .table-chart-description__subtext > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-chart-description__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-body);
}

.table-chart-description__subtext {
  color: #808080;
  font-size: var(--font-size-caption);
  margin-top: 4px;
  display: -ms-flexbox;
  display: flex;
}

.table-chart-content {
  color: #808080;
  font-size: var(--font-size-subtitle);
  -ms-flex-pack: center;
      justify-content: center;
}

.table-chart-content-header {
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  opacity: 75%;
}

.table-chart-content__tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 30px;
  max-height: 30px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-sizing: border-box;
  color: #333333;
  font-family: "CentraleSansCndMedium";
  font-size: var(--font-size-subtitle);
  min-width: 48px;
  padding: 6px 12px;
  text-align: center;
  white-space: nowrap;
}

.table-chart-content__tag--dark-bg {
  color: #ffffff;
}

.table-chart-content__tag--colored {
  border-color: transparent;
}

.table-chart-header-pinned {
  position: sticky;
  top: 0;
  z-index: 1;
  opacity: 100%;
  background: #ffffff;
}

.table-chart-sparkline-header {
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
}

.table-chart-sparkline__multi-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.table-chart-sparkline w-history-sparkline {
  height: 30px;
  width: 100%;
}

.table-chart-sparkline w-multicolor-sparkline {
  height: 30px;
  width: 100%;
}

.table-chart-icon {
  cursor: pointer;
  display: block;
  height: 24px;
  width: 24px;
}

.table-chart-icon-cell {
  -ms-flex-pack: center;
      justify-content: center;
}

.table-chart-icon__file {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5yZXBvcnQtY2hlY2s8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNMTgsMTAuMTczOTMxOCBMMTgsMCBMMCwwIEwwLDE4IEwxMC4xNzM5MzE4LDE4IEMxMC4wNjAxODg3LDE3LjUxODQ4MDcgMTAsMTcuMDE2MjY5MiAxMCwxNi41IEMxMCwxMi45MTAxNDkxIDEyLjkxMDE0OTEsMTAgMTYuNSwxMCBDMTcuMDE2MjY5MiwxMCAxNy41MTg0ODA3LDEwLjA2MDE4ODcgMTgsMTAuMTczOTMxOCBaIiBpZD0icGF0aC0xIj48L3BhdGg+ICAgICAgICA8cmVjdCBpZD0icGF0aC0zIiB4PSIxIiB5PSIxIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjwvcmVjdD4gICAgICAgIDxyZWN0IGlkPSJwYXRoLTQiIHg9IjIiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PiAgICAgICAgPHJlY3QgaWQ9InBhdGgtNSIgeD0iMCIgeT0iMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+ICAgIDwvZGVmcz4gICAgPGcgaWQ9IlN0YXR1cy0mYW1wOy1GZWVkYmFjayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0icmVwb3J0LWNoZWNrIj4gICAgICAgICAgICA8ZyBpZD0icmVwb3J0LWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAxLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgICAgICAgICA8L21hc2s+ICAgICAgICAgICAgICAgIDxnIGlkPSJNYXNrIj48L2c+ICAgICAgICAgICAgICAgIDxnIGlkPSJyZXBvcnQiIG1hc2s9InVybCgjbWFzay0yKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLUNvcHktMTAiPiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iMSIgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS1Db3B5LTExIj4gICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiM5Nzk3OTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtNCI+PC91c2U+ICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3Qgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utd2lkdGg9IjEiIHg9IjIuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtQ29weS01Ij4gICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtNSI+PC91c2U+ICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3Qgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utd2lkdGg9IjEiIHg9IjAuNSIgeT0iMi41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS02IiBmaWxsPSIjOUU5RTlFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHg9IjEwIiB5PSI0IiB3aWR0aD0iNCIgaGVpZ2h0PSI0Ij48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNyIgZmlsbD0iIzlFOUU5RSIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIyIiB5PSIxMSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS0xMiIgZmlsbD0iIzlFOUU5RSIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIyIiB5PSI5IiB3aWR0aD0iMTIiIGhlaWdodD0iMSI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTgiIGZpbGw9IiM5RTlFOUUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeD0iMiIgeT0iMTMiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxIj48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktOSIgZmlsbD0iIzlFOUU5RSIgZmlsbC1ydWxlPSJldmVub2RkIiB4PSIyIiB5PSIxNSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEiPjwvcmVjdD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8ZyBpZD0iY2hlY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTIuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0yIiBmaWxsPSIjM0ZCNzYzIiBjeD0iNS41IiBjeT0iNS41IiByPSI1LjUiPjwvY2lyY2xlPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNjUyODIzNTcsNi4zODg3MDU3MSBMOC4wNDE1MjkyOCwzIEw5LDMuOTU4NDcwNzIgTDUuMzAxNDk0MjIsNy42NTY5NzY1IEw0LjY1MjgyMzU3LDguMzA1NjQ3MTQgTDIsNS42NTI4MjM1NyBMMi45NTg0NzA3Miw0LjY5NDM1Mjg2IEw0LjY1MjgyMzU3LDYuMzg4NzA1NzEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.table-chart-icon__image {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5pbWFnZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdGF0dXMtJmFtcDstRmVlZGJhY2siIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImltYWdlIiBmaWxsPSIjOUU5RTlFIj4gICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBpZD0iUGFnZS0xIj4gICAgICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxNiBMMTYsMTYgTDE2LDAgTDAsMCBMMCwxNiBaIE0yLDE0LjAwMSBMMTQuMDAxLDE0LjAwMSBMMTQuMDAxLDIgTDIsMiBMMiwxNC4wMDEgWiIgaWQ9IkZpbGwtMiI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMSIgcG9pbnRzPSI5IDUgNyAxMCA2IDcgMyAxMyAxMyAxMyI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSw2IEM1LjMyOCw2IDYsNS4zMjkgNiw0LjUgQzYsMy42NzEgNS4zMjgsMyA0LjUsMyBDMy42NzIsMyAzLDMuNjcxIDMsNC41IEMzLDUuMzI5IDMuNjcyLDYgNC41LDYiIGlkPSJGaWxsLTMiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

[chart-area=true] .table-chart-cell {
  border-top: 1px solid #d9d9d9;
  border-bottom: unset;
}

.wcard-container .table-chart {
  margin-top: 6px;
}

.table-chart-row-selectable:hover > * {
  background-color: #F2F2F2;
  cursor: pointer;
}

.dark-skin .table-chart-row:hover > * {
  background-color: #737373;
  cursor: pointer;
}

.dark-skin .table-chart-show-hover-selected .table-chart-row {
  display: contents;
}

.dark-skin .table-chart-show-hover-selected .table-chart-row-selected > * {
  background-color: rgba(157, 211, 227, 0.24);
}

.dark-skin .table-chart-header, .dark-skin .table-chart-description, .dark-skin .table-chart-content {
  color: #ffffff;
}

.dark-skin .table-chart-row {
  display: contents;
}

.dark-skin .table-chart-row-selected > * {
  background-color: rgba(157, 211, 227, 0.24);
}

.dark-skin .table-chart-cell {
  border-color: #8c8c8c;
  min-height: 48px;
}

.dark-skin .table-chart-description__title {
  font-family: "CentraleSansCndBook";
}

.dark-skin .table-chart-description__subtext {
  color: #b0b0b0;
}

.dark-skin .table-chart-content__tag {
  background-color: #ffffff;
  border-color: #c4c4c4;
  height: 32px;
  max-height: 32px;
}

.dark-skin .table-chart-content__tag--colored {
  border-color: transparent;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.dark-skin .table-chart-row-selectable:hover > * {
  background-color: rgba(255, 255, 255, 0.24);
}

.dark-skin .table-chart-header-pinned {
  background: #4d4d4d;
}

w-text-panel {
  height: 100%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

w-text-panel .text-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%;
}

w-text-panel .text-panel.tp-align-T .tp-row:last-child, w-text-panel .text-panel.tp-align-M .tp-row:last-child {
  margin-bottom: auto;
}

w-text-panel .text-panel.tp-align-B .tp-row:first-child, w-text-panel .text-panel.tp-align-M .tp-row:first-child {
  margin-top: auto;
}

w-text-panel .text-panel .tp-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 10px;
}

w-text-panel .text-panel .tp-row .tp-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-1 {
  -ms-flex: 1 0 8.33333%;
      flex: 1 0 8.33333%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-2 {
  -ms-flex: 1 0 9.09091%;
      flex: 1 0 9.09091%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-3 {
  -ms-flex: 1 0 10%;
      flex: 1 0 10%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-4 {
  -ms-flex: 1 0 11.11111%;
      flex: 1 0 11.11111%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-5 {
  -ms-flex: 1 0 12.5%;
      flex: 1 0 12.5%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-6 {
  -ms-flex: 1 0 14.28571%;
      flex: 1 0 14.28571%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-7 {
  -ms-flex: 1 0 16.66667%;
      flex: 1 0 16.66667%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-8 {
  -ms-flex: 1 0 20%;
      flex: 1 0 20%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-9 {
  -ms-flex: 1 0 25%;
      flex: 1 0 25%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-10 {
  -ms-flex: 1 0 33.33333%;
      flex: 1 0 33.33333%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-11 {
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
}

w-text-panel .text-panel .tp-row .tp-item.tp-item-size-12 {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.75);
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-label.tp-item-align-L {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-label.tp-item-align-C {
  -ms-flex-pack: center;
      justify-content: center;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-label.tp-item-align-R {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context {
  font-size: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context.tp-item-align-L {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context.tp-item-align-C {
  -ms-flex-pack: center;
      justify-content: center;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context.tp-item-align-R {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context span.tp-text-align-T {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context span.tp-text-align-M {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

w-text-panel .text-panel .tp-row .tp-item .tp-item-context span.tp-text-align-B {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

w-text-panel .text-panel .tag-color {
  padding: 10px;
  border-radius: 4px;
}

w-text-panel .text-panel .tag-color-text {
  margin: 0px 5px 0px 5px;
}

.dark-skin .tp-item-context {
  color: white;
}

.size-30 {
  width: 30%;
}

.size-15 {
  width: 15%;
}

.textbox-sequence-locator {
  margin-left: 8px;
}

.textbox-description-locator {
  width: 100%;
  margin-left: 8px;
}

.textbox-description-locator input.input {
  display: none;
}

.remove-margin > .host {
  margin: 0;
}

.tag-template .token-input {
  background-color: transparent;
  display: none;
  font: inherit;
}

.tag-template .token-content {
  background-color: transparent;
  font-size: var(--font-size-body);
  min-width: 4px;
  transition: width 0.1s;
  font-family: "CentraleSansCndBook";
  color: #666666;
}

.tag-item.tag-with-error {
  border: 1px solid red !important;
  background-color: transparent;
  opacity: 1;
}

tasy-wtokenfield tags-input.has-invalid-tags,
tasy-wtokenfield tags-input.has-invalid-tag:active,
tasy-wtokenfield tags-input.has-invalid-tag:focus {
  border: 1px solid red;
}

tasy-wtokenfield tags-input {
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  color: #333333;
  width: 100%;
  height: 40px;
  border-top: 1px solid #999999;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

tasy-wtokenfield tags-input input.input {
  float: none !important;
}

tasy-wtokenfield tags-input .tags.focused {
  box-shadow: none;
}

tasy-wtokenfield tags-input input.input:-moz-read-only {
  background-color: transparent;
}

tasy-wtokenfield tags-input input.input:read-only {
  background-color: transparent;
}

tasy-wtokenfield tags-input input.input:disabled {
  display: none;
}

tasy-wtokenfield tags-input div.tags {
  border: none;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  box-shadow: none;
  -webkit-appearance: initial;
}

tasy-wtokenfield tags-input div.tags input.input {
  width: 16px;
}

tasy-wtokenfield tags-input div.tags .tag-list {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  min-width: 0;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

tasy-wtokenfield tags-input div.tags .tag-list li {
  float: none;
  border: 1px solid #cccccc;
  background: #f2f2f2;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  margin: 4px;
  font-family: inherit;
}

tasy-wtokenfield tags-input div.tags .tag-list li:hover, tasy-wtokenfield tags-input div.tags .tag-list li:focus {
  background-color: #a5f6b9;
}

tasy-wtokenfield tags-input div.tags .tag-list li:hover .tag-template .token-content, tasy-wtokenfield tags-input div.tags .tag-list li:focus .tag-template .token-content {
  color: #333333;
}

tasy-wtokenfield tags-input div.tags .tag-list li .remove-button {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48dGl0bGU+Y2xvc2UtZmlsdGVyPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48Zz48cG9seWxpbmUgZmlsbD0iIzgwODA4MCIgcG9pbnRzPSIwLjgsMS44IDEyLjIsMTMuMiAxMy4xLDEyLjIgMS44LDAuOCAiLz48cG9seWxpbmUgZmlsbD0iIzgxODE4MSIgcG9pbnRzPSIxMi4yLDAuOCAwLjksMTIuMiAxLjgsMTMuMiAxMy4yLDEuOCAiLz48L2c+PC9zdmc+) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 6px;
  height: 6px;
  margin: 0 0 0 3px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
}

.wtokenfield-privacy:before {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  content: '';
  display: block;
  width: calc(100% - 20px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
}

@media (min-width: 3840px) {
  .wtokenfield-privacy:before {
    margin: 0 var(--sizing-12);
  }
}

tasy-wtokenfield tags-input {
  height: 32px;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar:hover {
  background-color: transparente;
  position: absolute;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar:window-inactive {
  width: 0;
  height: 0;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar-track {
  background: transparent;
  position: absolute;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar-thumb {
  background: #B3B3B3;
  border-radius: 20px;
  position: absolute;
  background-clip: unset;
  border: 0px;
  max-width: 10px;
  height: 3.5px;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar-thumb:hover {
  background: #505050;
  border-radius: 20px;
  position: absolute;
  border: 0px;
  max-width: 10px;
  height: 3.5px;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar {
  background-color: transparent;
  position: absolute;
  border: 0px;
  max-width: 10px;
  height: 3.5px;
}

tasy-wtokenfield tags-input div div ul.tag-list::-webkit-scrollbar-corner {
  background-color: transparent;
}

tasy-wtokenfield.has-actionButton {
  display: -ms-flexbox;
  display: flex;
}

tasy-wtokenfield.has-actionButton tags-input {
  margin-right: -33px;
  padding-right: 32px;
  border: none;
}

tasy-wtokenfield.has-actionButton .btn-action {
  -ms-flex: none;
      flex: none;
  position: relative;
  border: 1px solid #b3b3b3;
  border-top: 1px solid #999999;
  border-right: none;
}

tasy-wtokenfield.has-actionButton .btn-action:last-child {
  border-right: 1px solid #b3b3b3;
}

tasy-wtokenfield.has-actionButton .tags {
  border-top: 1px solid #999999;
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}

.dark-skin tasy-wtokenfield tags-input {
  color: #262626;
  background-origin: border-box;
  border-top: 1px solid var(--color-gray-20);
  border-left: 1px solid var(--color-gray-20);
  border-bottom: 1px solid var(--color-gray-20);
  border-right: 1px solid var(--color-gray-20);
}

.dark-skin tasy-wtokenfield tags-input .tags {
  background-color: #383838;
  background-origin: border-box;
}

.dark-skin tasy-wtokenfield tags-input .tags .tag-item {
  border-color: #c4c4c4;
  color: #c4c4c4;
  background-color: #4d4d4d;
}

.dark-skin tasy-wtokenfield tags-input .tags .tag-item:hover,
.dark-skin tasy-wtokenfield tags-input .tags .tag-item:hover a {
  color: #ffffff;
  background-color: #696969;
}

.dark-skin tasy-wtokenfield tags-input .tags .tag-item:hover .tag-template .token-content,
.dark-skin tasy-wtokenfield tags-input .tags .tag-item:hover a .tag-template .token-content {
  color: #ffffff;
}

.dark-skin tasy-wtokenfield tags-input .tags .tag-item input {
  color: #c4c4c4;
}

.dark-skin tasy-wtokenfield tags-input .tags input[type="text"] {
  color: #c4c4c4;
  height: initial;
  padding: 0 2px;
}

tasy-wtree {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.wtree {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  max-width: 100%;
}

.wtree-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  display: inline-block;
  z-index: 1;
  height: 10px;
  cursor: pointer;
  margin-rigth: 15px;
  font-size: 0px;
  width: calc(100% - 15px);
}

.wtree-content {
  background-color: white;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.wtree-content .wtree-append-component .w-buttons-deck {
  margin-bottom: calc(var(--spacing-16) * -1);
  margin-right: calc(var(--spacing-16) * -1);
}

.wtreeSearchBox {
  width: 80% !important;
  -ms-flex: 1;
      flex: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE1Ljg4NXB4IiB2aWV3Qm94PSIyNi43NCAtMC44NTEgMTYgMTUuODg1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI2Ljc0IC0wLjg1MSAxNiAxNS44ODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiM4QzhDOEMiIGQ9Ik00Mi42NTksMTMuMDk5bC00LjcyOS00LjczYzAuNTctMC45MiwwLjg5OS0yLjAwOSwwLjg5OS0zLjE3OWMwLTMuMzMxLTIuNzEtNi4wNC02LjA1LTYuMDRjLTMuMzM5LDAtNi4wMzksMi43MDktNi4wMzksNi4wNGMwLDMuMzQ5LDIuNyw2LjA0OSw2LjAzOSw2LjA0OWMxLjIzLDAsMi4zNi0wLjM1OSwzLjMxMi0wLjk3OWw0LjcxLDQuNjk4YzAuMTc5LDAuMTgxLDAuNjI5LDAuMDI5LDAuOTk5LTAuMzM5bDAuNTItMC41MkM0Mi42ODksMTMuNzI5LDQyLjg1LDEzLjI3OSw0Mi42NTksMTMuMDk5eiBNMzIuNzc5LDkuMjI5Yy0yLjIyOSwwLTQuMDM5LTEuODEtNC4wMzktNC4wNGMwLTIuMjMsMS44MS00LjAzLDQuMDM5LTQuMDNjMi4yMywwLDQuMDQsMS44LDQuMDQsNC4wM0MzNi44MTksNy40MTksMzUuMDEsOS4yMjksMzIuNzc5LDkuMjI5eiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  border: none !important;
  background-position: left 8px center;
  /*rtl: right 8px center*/
  padding-left: 36px !important;
}

.wtreeSearchBoxPanel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border: 1px solid transparent;
  border-bottom: 1px solid #d9d9d9;
}

.wtreeSearchBoxPanelFocus {
  border: 1px solid #0096ed;
}

.closeIcon {
  margin-right: 8px;
}

#wtree {
  margin-bottom: 28px;
  color: #666666;
}

.wtreeHorizontalLines:before {
  border-bottom: 1px solid #d9d9d9;
}

.tophorizontalLine:before {
  border-top: 1px solid #d9d9d9;
}

.tree-node-content:before {
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: inherit;
  z-index: 0;
}

.wtreeItemSelectionColor:before {
  background-color: #dcecff;
}

.wtree-visited:not(.wtreeItemSelectionColor):before {
  background-color: #f2f2f2;
}

.dragImage {
  border-bottom: 1px dashed #d9d9d9;
}

.nodeStyle {
  padding: 7px 0 7px 0;
  font-family: "CentraleSansCndBook";
  color: #666666;
  text-align: left;
}

.wtree-header {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  min-width: 0;
  min-height: 0;
}

.wtree-header .wtitle {
  -ms-flex-pack: baseline;
      justify-content: baseline;
  padding: var(--spacing-16);
  margin: 0;
  -ms-flex-align: initial;
      align-items: initial;
}

.wtree-container {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  -ms-flex: 1;
      flex: 1;
  padding: var(--spacing-16);
}

.deleteicon {
  height: 36px;
  margin-bottom: 3px;
  border: 0px !important;
  float: right;
  width: 35px;
}

.arrow-down, .arrow-right, .arrow-left {
  display: block;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}

.arrow-down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) !important;
}

.arrow-right {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) !important;
}

.arrow-left {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjQsOCAwLDQgNCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) !important;
}

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

.btn {
  min-width: 0px !important;
}

.wtreePanel {
  box-shadow: 3px 5px 9px #C9C9C9;
  cursor: pointer;
  overflow: auto;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wtreeEllipsis {
  white-space: nowrap;
  min-width: 0;
  width: auto;
}

.wtreeNoborder {
  border: none;
}

.angular-ui-tree-handle {
  cursor: pointer;
  height: 28px;
  line-height: 28px;
}

.tree-node-content {
  width: 100%;
  letter-spacing: 0.2px;
  color: #808080;
  font-weight: initial;
  padding: 0 8px;
}

.tree-node-content a {
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
}

.tree-node-content span, .tree-node-content img, .tree-node-content a {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  cursor: pointer;
}

.tree-node-content .angular-ui-tree-handle-child {
  margin-left: -4px !important;
  padding-left: 30px;
}

.wtreeChildnode {
  padding-left: 10% !important;
}

.wtree-row {
  -ms-flex: 1;
      flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.wtree-row div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
  position: initial;
  padding-left: 20px;
}

.angular-ui-tree-node {
  position: initial;
  margin: 0;
  padding: 0;
  min-height: 20px;
  line-height: 20px;
}

.angular-ui-tree-empty {
  background: transparent;
  border: none;
}

.dark-skin .wtree-content {
  background-color: #4d4d4d;
}

.dark-skin .wtreeItemSelectionColor:before {
  background-color: #9dd3e3;
}

.dark-skin .wtreeItemSelectionColor:before .wtree-span {
  color: #212121;
}

.dark-skin .tree-node-content {
  color: #ffffff;
}

.w-twain {
  padding: 12px 28px;
}

.w-twain-container {
  width: 490px;
  height: 440px;
  overflow: hidden;
  position: relative;
}

.w-twain-sources-cp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.w-twain-button {
  margin-left: 4px;
}

.w-twain-preview {
  margin: 12px 0px 1px 0px;
}

/**
 * Tasy WVector
 */
tasy-w-vector {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

tasy-w-vector .vector-container {
  height: 100%;
  margin: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  /**
    * Vector Legend
    */
  /**
    * Vector Drawing
    */
  /**
    * Rule
    */
}

tasy-w-vector .vector-container .wtitle {
  width: auto;
}

tasy-w-vector .vector-container #w-vector-legend {
  margin-top: 8px;
}

tasy-w-vector .vector-container #vectorDrawing {
  height: 100%;
}

tasy-w-vector .vector-container canvas#drawing {
  border: 1px solid #BFBFBF;
  background-repeat: no-repeat;
  background-position: 10px 10px;
}

tasy-w-vector .vector-container canvas {
  width: 100% !important;
  height: 100% !important;
}

tasy-w-vector .vector-container .canvas-container {
  width: 100% !important;
  height: 100% !important;
}

tasy-w-vector .vector-container .ruleV {
  position: relative;
  height: 100%;
  width: 11px;
  float: left;
}

tasy-w-vector .vector-container .ruleV:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAABkCAYAAACy0tHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAAZUlEQVRYCe3VsQkAIAxEUV3ZHVzBdbUVBImk8cO3EjRw3CtSigfZQL2lbn3M27tvoAaUBmGloiqdqg80rDQIKxX1kHY3p/r8d/iQ3qOqvrcBvysNBwzHVzpcFfyj0nDAcPz6uosXCz4ZgwsjmssAAAAASUVORK5CYII=") repeat-y;
}

tasy-w-vector .vector-container .ruleH {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAMCAYAAACURRhjAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAABOSURBVFhH7ZGhDQAgEMSYmR1Y4dcFg0S8QFyaVp2oaW5IDnPVvlMS8JAwPCQMzCGUEA8Jw0PCaHd0Rb03vz1MCMXDhFA8TAjFw4Tke7UPN0WY0QnmRG4AAAAASUVORK5CYII=") 0 0 repeat-x;
  height: 100%;
  padding-top: 11px;
  margin-left: 11px;
}

/**
* Tasy WVector Toolbar
*/
.w-vector-toolbar-content {
  margin: 8px 0 0 16px;
  background-color: solid transparent;
  min-height: 16px;
  max-height: 16px;
  height: 16px;
}

.w-vector-toolbar-content .w-vector-toolbar-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn {
  margin-right: 8px;
  min-height: 16px;
  min-width: 16px;
  max-height: 16px;
  max-width: 16px;
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn:hover {
  cursor: pointer;
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#selectMode {
  background-image: url("/assets/framework/images/components/w-vector/arrow.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#selectMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/arrow-selected.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#drawingMode {
  background-image: url("/assets/framework/images/components/w-vector/vector-draw.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#drawingMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/vector-draw-selected.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#rectangleMode {
  background-image: url("/assets/framework/images/components/w-vector/rectangle.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#rectangleMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/rectangle-selected.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#roundedRectangleMode {
  background-image: url("/assets/framework/images/components/w-vector/rounded-rectangle.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#roundedRectangleMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/rounded-rectangle-selected.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#ovalMode {
  background-image: url("/assets/framework/images/components/w-vector/oval.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#ovalMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/oval-selected.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#typeMode {
  background-image: url("/assets/framework/images/components/w-vector/type.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#typeMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/type-selected.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#fillColorMode {
  background-image: url("/assets/framework/images/components/w-vector/fill-color.svg");
}

.w-vector-toolbar-content .w-vector-toolbar-buttons .w-vector-toolbar-btn#fillColorMode:hover {
  background-image: url("/assets/framework/images/components/w-vector/fill-color-selected.svg");
}

w-virtual-numeric-keyboard {
  background-color: #fff;
  height: 100%;
  width: 100%;
  padding: 8px;
}

w-virtual-numeric-keyboard .numericKeyboard {
  width: 100%;
  box-sizing: border-box;
}

w-virtual-numeric-keyboard .numericKeyboard .row:before,
w-virtual-numeric-keyboard .numericKeyboard .row:after {
  content: "";
  display: table;
  clear: both;
}

w-virtual-numeric-keyboard .numericKeyboard [class*='col-'] {
  float: left;
  min-height: 1px;
  width: calc(23.5%);
}

w-virtual-numeric-keyboard .numericKeyboard [class*='btn-'] {
  min-width: 32px !important;
}

w-virtual-numeric-keyboard .numericKeyboard .col-1 {
  width: calc(23.5%);
}

w-virtual-numeric-keyboard .numericKeyboard .col-2 {
  width: calc(23.5%);
}

w-virtual-numeric-keyboard .numericKeyboard .col-3 {
  width: calc(23.5%);
}

w-virtual-numeric-keyboard .numericKeyboard .col-4 {
  width: 100%;
}

w-virtual-numeric-keyboard .numericKeyboard .subtext {
  position: absolute;
  margin-left: 1px;
  margin-top: -5px;
}

w-virtual-numeric-keyboard .numericKeyboard .btn-blue {
  font-weight: bold;
}

.wtabpanel-topbar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.wtabpanel-topbar.has-popup-opened {
  position: static !important;
}

.wtabpanel-wrapper {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.wtabpanel-wrapper-vertical {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.wtabpanel-wrapper-horizontal {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

/********************
WTabPanel
********************/
.wtabpanel-horizontal, .w-bars__tabs {
  color: #808080;
  background-color: #e6e6e6;
  padding-right: 44px;
  height: var(--sizing-40);
  line-height: 2.25rem;
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}

.wtabpanel-horizontal-breadcrumb {
  color: #808080;
  background-color: #e6e6e6;
  padding-right: 44px;
  height: var(--sizing-40);
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}

.wtabpanel-vertical {
  background-color: #f2f2f2;
  display: inline-block;
  padding: var(--spacing-28) 0 0 0;
  overflow-y: scroll;
  border-right: 1px #d9d9d9 solid;
  width: 196px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  overflow-x: hidden;
}

.wtabpanel-vertical .wtab {
  width: 100%;
}

/* According with de spec vertical tab panel must be
*  3 columns wide inside 9 and 12 columns panel*/
.pn-9 .wtabpanel-vertical, .pn-12 .wtabpanel-vertical {
  width: 300px;
}

.pn-9 .wtabpanel-vertical .wtab-link-vertical, .pn-12 .wtabpanel-vertical .wtab-link-vertical {
  width: 268px;
}

.pn-6 .wtabpanel-vertical, .pn-8 .wtabpanel-vertical {
  width: 196px;
}

.pn-6 .wtabpanel-vertical .wtab-link-vertical, .pn-8 .wtabpanel-vertical .wtab-link-vertical {
  width: 164px;
}

.rg-3 .wtabpanel-vertical, .rg-4 .wtabpanel-vertical {
  width: 196px;
}

.rg-3 .wtabpanel-vertical .wtab-link-vertical, .rg-4 .wtabpanel-vertical .wtab-link-vertical {
  width: 164px;
}

.wtabpanel-elipses {
  position: absolute;
  left: 100%;
  float: left;
  width: 44px;
  height: var(--sizing-40);
  transform: translateX(-100%);
  padding-bottom: 2px;
  border-left: 1px solid #d9d9d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAxNSAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMzMzMzMzMiIGN4PSIxLjUiIGN5PSIxLjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzMzMzMzMyIgY3g9IjcuNSIgY3k9IjEuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMzMzMzMzIiBjeD0iMTMuNSIgY3k9IjEuNSIgcj0iMS41Ii8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E6E6E6;
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 100;
}

.ngdialog-content .dialog-content .wtabpanel-elipses {
  left: 44px;
  position: relative;
}

.ngdialog-content .dialog-content .wimage_main_content {
  display: contents;
}

.active_page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.hide_page {
  display: none;
}

/********************
WTab
********************/
.wtab {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wtab-dropdown {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.wtab-dropdown-menu {
  display: block;
}

.wtab-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right;
  width: 12px;
  height: var(--sizing-40);
}

.wtab-horizontal, .w-bars__tab,
.wtab-vertical {
  display: inline-block;
  font-size: var(--font-size-subtitle);
}

.wtab-horizontal, .w-bars__tab {
  padding: 0 var(--sizing-16);
  position: relative;
  max-width: 160px;
}

@media (min-width: 3840px) {
  .wtab-horizontal, .w-bars__tab {
    max-width: 360px;
  }
}

.wtab-horizontal-ellipsis .wtab-horizontal, .wtab-horizontal-ellipsis .w-bars__tab {
  max-width: 110px;
}

.wtab-horizontal-ellipsis .wtab-horizontal .truncate, .wtab-horizontal-ellipsis .w-bars__tab .truncate, .wtab-horizontal-ellipsis .wtab-horizontal .panel-title, .wtab-horizontal-ellipsis .w-bars__tab .panel-title, .wtab-horizontal-ellipsis .wtab-horizontal .wsubtitle .panel-subtitle, .wsubtitle .wtab-horizontal-ellipsis .wtab-horizontal .panel-subtitle, .wtab-horizontal-ellipsis .w-bars__tab .wsubtitle .panel-subtitle, .wsubtitle .wtab-horizontal-ellipsis .w-bars__tab .panel-subtitle, .wtab-horizontal-ellipsis .wtab-horizontal .wschematic-breadcrumbs .wtab-label, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .wtab-horizontal .wtab-label, .wtab-horizontal-ellipsis .w-bars__tab .wschematic-breadcrumbs .wtab-label, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .w-bars__tab .wtab-label,
.wtab-horizontal-ellipsis .wtab-horizontal .wschematic-breadcrumbs .wtab-title, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .wtab-horizontal .wtab-title,
.wtab-horizontal-ellipsis .w-bars__tab .wschematic-breadcrumbs .wtab-title, .wschematic-breadcrumbs .wtab-horizontal-ellipsis .w-bars__tab .wtab-title, .wtab-horizontal-ellipsis .wtab-horizontal .datagrid-cell-content-wrapper, .wtab-horizontal-ellipsis .w-bars__tab .datagrid-cell-content-wrapper, .wtab-horizontal-ellipsis .wtab-horizontal .handlebar-button, .wtab-horizontal-ellipsis .w-bars__tab .handlebar-button, .wtab-horizontal-ellipsis .wtab-horizontal .person-bar-field-info-text #info, .person-bar-field-info-text .wtab-horizontal-ellipsis .wtab-horizontal #info, .wtab-horizontal-ellipsis .w-bars__tab .person-bar-field-info-text #info, .person-bar-field-info-text .wtab-horizontal-ellipsis .w-bars__tab #info, .wtab-horizontal-ellipsis .wtab-horizontal .person-info-default, .wtab-horizontal-ellipsis .w-bars__tab .person-info-default, .wtab-horizontal-ellipsis .wtab-horizontal .person-info-legal-name, .wtab-horizontal-ellipsis .w-bars__tab .person-info-legal-name, .wtab-horizontal-ellipsis .wtab-horizontal .person-info-legal-name .person-info-legal-name-span, .person-info-legal-name .wtab-horizontal-ellipsis .wtab-horizontal .person-info-legal-name-span, .wtab-horizontal-ellipsis .w-bars__tab .person-info-legal-name .person-info-legal-name-span, .person-info-legal-name .wtab-horizontal-ellipsis .w-bars__tab .person-info-legal-name-span {
  padding-left: 0;
}

.wtab-vertical {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: var(--sizing-24);
  margin-bottom: 6px;
  font-size: var(--font-size-subtitle);
}

.wtab-bullet {
  border-radius: 50%;
  width: var(--sizing-8);
  height: var(--sizing-8);
  min-width: var(--sizing-8);
  margin-top: var(--spacing-12);
  margin-left: -5px;
  margin-right: var(--spacing-4);
  float: left;
}

.wtab-label > span {
  pointer-events: none;
}

/********************
WTab - Separator
********************/
.wtab-breadcrumb-separador {
  /*rtl:begin:remove*/
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuNDA2LDEuMjA5IDYuNDA2LDcuNDQ5IDAuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  /*rtl:end:remove*/
  /*rtl:raw:
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNy4yMDJweCIgaGVpZ2h0PSIxNC4zNzVweCIgdmlld0JveD0iMCAwIDcuMjAyIDE0LjM3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNy4yMDIgMTQuMzc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjEuMDk1NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYuNDA2LDEuMjA5IDAuNDA2LDcuNDQ5IDYuNDA2LDEzLjIwOSAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  */
  background-repeat: no-repeat;
  width: var(--sizing-12);
  height: var(--sizing-40);
  position: absolute;
  margin-left: -19px;
}

.wtab-wizard-separator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMTIgNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjQkZCRkJGIiBwb2ludHM9IjEsNDAgMCw0MCAxMSwyMC45ODggMCwwIDEsMCAxMiwyMS4wMTIgIi8+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  width: var(--sizing-12);
  height: var(--sizing-40);
  position: absolute;
  top: 0;
  margin-left: calc(var(--spacing-28) * -1);
  /*rtl:raw:
  transform: rotate(180deg);
  */
}

/********************
WTab - Link
********************/
.wtab-link-horizontal,
.wtab-link-vertical {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
}

.wtab-link-horizontal {
  padding: 0 var(--spacing-8);
  height: var(--sizing-32);
  line-height: var(--sizing-32);
}

.wtab-horizontal .wtab, .w-bars__tab .wtab {
  height: var(--sizing-32);
  margin-top: var(--spacing-4);
}

@media (min-width: 3840px) {
  .wtab-horizontal .wtab, .w-bars__tab .wtab {
    margin-top: 0px;
  }
}

.wtab-link-vertical {
  line-height: var(--sizing-28);
  padding: 0 var(--spacing-16);
  color: #808080;
  letter-spacing: 0.2px;
  font-family: "CentraleSansCndBook";
}

.wtab-link-horizontal a,
.wtab-link-horizontal a:visited,
.wtab-link-horizontal a:hover,
.wtab-link-horizontal-label,
.wtab-link-vertical a,
.wtab-link-vertical a:visited,
.wtab-link-vertical a:hover,
.wtab-link-vertical-label {
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  color: #808080;
}

/**********************
 +WTab- Horizontal selected CSS
 +***********************/
.wtab-link-horizontal-active {
  font-family: "CentraleSansCndBold";
  color: #333333;
}

/********************
WTab - Activated link properties
********************/
.wtab-activated-horizontal a,
.wtab-activated-horizontal a:visited,
.wtab-activated-horizontal a:hover,
.wtab-activated-horizontal-label,
.wtab-activated-vertical a,
.wtab-activated-vertical a:visited,
.wtab-activated-vertical a:hover,
.wtab-activated-vertical-label {
  color: #000000;
}

.wtab-activated-horizontal a,
.wtab-activated-horizontal a:visited,
.wtab-activated-horizontal a:hover,
.wtab-activated-horizontal-label,
.wtab-activated-vertical a,
.wtab-activated-vertical a:visited,
.wtab-activated-vertical a:hover,
.wtab-activated-vertical-label {
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-subtitle);
  color: #333333;
}

.wtab-activated-vertical .wtab-link-vertical {
  color: #333333;
  font-family: "CentraleSansCndBold";
  letter-spacing: 0.2px;
}

/********************
WTab - Mark
********************/
.wtab-mark-horizontal {
  height: var(--spacing-4);
  vertical-align: bottom;
  position: relative;
}

.wtab-mark-vertical {
  height: var(--sizing-28);
  width: var(--spacing-4);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.scroll-tab-style {
  display: -ms-flexbox;
  display: flex;
}

/********************
WTab - Activated mark properties
********************/
.wtab-mark-horizontal-activated,
.wtab-mark-vertical-activated {
  background-color: #0096ed;
}

.wtab-link-horizontal-activated {
  color: #333333;
}

/********************
WTabPanel - Content
********************/
.wtabpanel-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

/********************
WTabPanel - Wizard - Bottom
********************/
.wtabpanel-wizard-bottom {
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border-top: #bfbfbf solid 1px;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding: 0 var(--spacing-28);
}

.wtabpanel-wizard-bottom .buttons-right {
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.wtabpanel-wizard-bottom .buttons-right button {
  margin-left: var(--spacing-16);
}

.wtab-link-wizard-before {
  color: #808080;
  cursor: auto;
}

.wtab-link-wizard-activated {
  color: #333333;
  cursor: auto;
  font-family: "CentraleSansCndBold";
}

.wtab-link-wizard-after {
  color: #bfbfbf;
  cursor: auto;
}

.wtabpanel-wizard-bottom-abort {
  letter-spacing: 0.2px;
  color: #808080;
  color: #db2a36;
  cursor: pointer;
}

.wtabpanel-wizard-bottom-abort-disabled {
  color: #808080;
  pointer-events: none;
}

/********************
WTabPanel - Dropdown
********************/
.wtabpanel-dropdown-menu {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 200px;
  padding: var(--spacing-8);
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  top: var(--spacing-40);
  right: 0;
  z-index: 100;
}

.wtabpanel-dropdown-menu-viewport {
  max-height: 400px;
  overflow: auto;
}

.wtabmenu-dropdown-item, .wtabmenu-special-item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: var(--spacing-8) var(--spacing-4);
}

.wtabmenu-dropdown-item:hover, .wtabmenu-special-item:hover {
  background-color: #f2f2f2;
}

.wtabmenu-dropdown-item:not(.wtabmenu-special-item) + .wtabmenu-special-item, .wtabmenu-special-item:not(.wtabmenu-special-item) + .wtabmenu-special-item {
  border-top: 1px solid #d9d9d9;
}

/********************
WTab - Content
********************/
.wtab-content-blank {
  background: #FFF;
  -ms-flex: 1;
      flex: 1;
}

tasy-tab-page {
  width: 100%;
}

/********************
WTab - Animation
********************/
.wtabpanel-dropdown-menu {
  animation: tasy-fadein 0.1s ease !important;
}

.wtabpanel-dropdown-menu.ng-hide {
  animation: tasy-fadeout 0.1s ease !important;
}

.active_page {
  animation: tasy-fadein 0.2s ease !important;
}

.hide_page {
  animation: tasy-fadeout 0.2s ease !important;
}

.wtab-mark-horizontal, .wtab-mark-vertical {
  transition: background-color 0.2s ease;
}

.dark-skin .wtabpanel-topbar,
.dark-skin .wtabpanel-horizontal,
.dark-skin .w-bars__tabs,
.dark-skin .wtabpanel-wizard-bottom,
.dark-skin .wtabpanel-dropdown-menu {
  background: #383838;
  color: #c4c4c4;
  font-family: "CentraleSansCndBook";
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.dark-skin .wtabpanel-horizontal-breadcrumb {
  background: #696969;
  color: #c4c4c4;
}

.dark-skin .wtab-link-wizard-before {
  color: #c4c4c4;
}

.dark-skin .wtab-link-wizard-activated {
  color: #ffffff;
}

.dark-skin .wtabpanel-wizard-bottom {
  border-top: none;
}

.dark-skin .wtabpanel-wizard-bottom-abort {
  color: #ff6d59;
}

.dark-skin .wtab-mark-horizontal-activated {
  background-color: #9dd3e3;
}

.dark-skin .wtab-link-horizontal-active {
  color: #ffffff;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wtabpanel-elipses {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCAxNSAzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MiAoOTEzOTApIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPk1vcmUgSWNvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJDb21wb25lbnRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQnVpbGRpbmctQmxvY2tzLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODQuMDAwMDAwLCAtMTA4NC4wMDAwMDApIiBmaWxsPSIjQzRDNEM0Ij4KICAgICAgICAgICAgPGcgaWQ9Ik1vcmUtSWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTg0LjAwMDAwMCwgMTA4NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJNb3JlIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS41LDMgQzIuMzI4NDI3MTIsMyAzLDIuMzI4NDI3MTIgMywxLjUgQzMsMC42NzE1NzI4NzUgMi4zMjg0MjcxMiwwIDEuNSwwIEMwLjY3MTU3Mjg3NSwwIDAsMC42NzE1NzI4NzUgMCwxLjUgQzAsMi4zMjg0MjcxMiAwLjY3MTU3Mjg3NSwzIDEuNSwzIFoiIGlkPSJPdmFsIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcuNSwzIEM4LjMyODQyNzEyLDMgOSwyLjMyODQyNzEyIDksMS41IEM5LDAuNjcxNTcyODc1IDguMzI4NDI3MTIsMCA3LjUsMCBDNi42NzE1NzI4OCwwIDYsMC42NzE1NzI4NzUgNiwxLjUgQzYsMi4zMjg0MjcxMiA2LjY3MTU3Mjg4LDMgNy41LDMgWiIgaWQ9Ik92YWwtQ29weSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy41LDMgQzE0LjMyODQyNzEsMyAxNSwyLjMyODQyNzEyIDE1LDEuNSBDMTUsMC42NzE1NzI4NzUgMTQuMzI4NDI3MSwwIDEzLjUsMCBDMTIuNjcxNTcyOSwwIDEyLDAuNjcxNTcyODc1IDEyLDEuNSBDMTIsMi4zMjg0MjcxMiAxMi42NzE1NzI5LDMgMTMuNSwzIFoiIGlkPSJPdmFsLUNvcHktMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  border-left: 1px solid #696969;
  background-color: #4d4d4d;
}

.dark-skin .wtabmenu-dropdown-item, .dark-skin .wtabmenu-special-item {
  color: #ffffff;
  font-family: "CentraleSansCndBook";
}

.dark-skin .wtabmenu-dropdown-item:hover, .dark-skin .wtabmenu-special-item:hover {
  background-color: rgba(255, 255, 255, 0.24);
}

.dark-skin .wtabpanel-dropdown-menu {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
}

tasy-wbars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: stretch;
      align-items: stretch;
  background-color: #ffffff;
}

.w-bars__tabpanel .wtitle {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.w-bars-btns .handlebar-justify {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.w-bars-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-bars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: stretch;
      align-items: stretch;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.w-bars__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

.w-bars__attrib {
  margin-right: 16px;
}

.w-bars-header {
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px 28px;
}

.w-bars-header-info {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 16px;
}

.w-bars-header-info-description {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0.8;
  -ms-flex: 0.8;
  flex: 0.8;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 16px;
}

.w-bars-header-info-lote {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0.2;
  -ms-flex: 0.2;
  flex: 0.2;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.w-bars__label {
  display: inline-block;
  margin-bottom: 6px;
  color: #808080;
}

.w-bars__desc {
  font-family: "CentraleSansCndBook";
  color: #333333;
  font-size: var(--font-size-subtitle);
}

.w-bars__desc--bold {
  font-family: "CentraleSansCndBold";
  color: #333333;
}

.w-bars-wcp-container-left {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 24px 28px 16px 28px;
  overflow: auto;
}

.w-bars-wcp-readedwcp {
  -ms-flex: 1;
      flex: 1;
  min-height: 100px;
}

.w-bars-wcp-readedwcp .wcpanel-container {
  padding: 0;
}

.w-bars-wcp-toread, .w-bars-wcp-additional {
  min-height: 200px;
}

.w-bars-wcp-toread .wcpanel-container, .w-bars-wcp-additional .wcpanel-container {
  padding-left: 28px;
}

.w-bars__left, .w-bars__right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-bars__right {
  border-left: 1px solid #d9d9d9;
}

.w-bars-btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  /*
    * Due to design specification here the component WButtonsDeck has
    * padding-top of 12px instead of 16px.
    */
}

.w-bars-btns-deck {
  -moz-flex: 0.9;
  -ms-flex: 0.9;
  flex: 0.9;
}

.w-bars-btns .w-buttons-deck {
  padding-top: 12px;
}

.w-bars-btns-btns {
  -moz-flex: 0.1;
  -ms-flex: 0.1;
  flex: 0.1;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px 28px 16px 28px;
  -ms-flex-align: center;
      align-items: center;
}

.w-bars-btns-btns-generate {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 16px;
}

.w-bars-btns-btns-cancel {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.w-bars__tabpanel, .w-bars__tabpanel__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-bars__tab {
  position: relative;
  cursor: pointer;
}

.w-bars__tab.active:after {
  content: '';
}

.w-bars__tabcontent {
  display: none;
  overflow: auto;
}

.w-bars__tabcontent.active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

tasy-wehr, .wehr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #FFF;
}

.wehr {
  padding: var(--spacing-16);
  overflow-y: auto;
}

.wehr .more-one-record {
  margin: auto;
}

.wehr .w-mdetail tasy-wtextarea textarea {
  min-height: 115px;
  max-height: unset;
}

.advanced-filter-container {
  height: 32px;
  width: 100%;
  text-align: right;
}

#inner_ehr {
  height: 100%;
  width: 100%;
}

.ehr-txt-area-btn-action {
  float: right;
  margin-bottom: 8px;
  margin-top: -18px !important;
}

.form-field.is-mandatory > :first-child::before {
  content: "*";
  width: 10px;
  height: 12px;
  color: red;
  font-size: var(--font-size-header-2);
  margin-top: 6px;
  margin-right: 5px;
  margin-left: -2px;
  display: inline-block;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 20, 2015, 10:45:41 AM
    Author     : ansilva
*/
tasy-wevaluate, .wevaluate {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.wevaluate-loading {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  width: 200px;
  height: 200px;
}

.wevaluate-status-bar {
  position: relative;
  width: 100%;
  padding: 0 20px;
}

.wevaluate-status {
  opacity: 0;
  color: #aaa;
  animation: wevaluate-status-updated 5s;
}

.wevaluate .word-wrap .wcheckbox-div .wcheckbox-label {
  white-space: inherit;
}

.wevaluate .more-one-record {
  margin: auto;
}

.wevaluate .w-mdetail-group .title {
  cursor: pointer;
  font-size: 20px;
  padding-left: 5px;
  font-weight: bold;
}

.wevaluate .w-mdetail-group .panel {
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: lightgray;
  padding-left: 28px;
  padding-bottom: 24px;
}

.wevaluate .w-mdetail-group .container:last-child {
  margin-bottom: 24px;
}

.wevaluate .inconsistencies-area {
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
}

.wevaluate .w-attr-container__content--inline {
  max-width: 100%;
}

.wevaluate .w-attr-container__label.autoheight {
  margin-top: 30px;
}

@keyframes wevaluate-status-updated {
  0% {
    opacity: 0;
    position: relative;
    margin-top: -10px;
  }
  10% {
    opacity: 1;
    position: relative;
    margin-top: 0px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */

/* Internet Explorer */

/* Opera < 12.1 */

.wevaluate__nodata {
  letter-spacing: 0.2px;
  color: #808080;
  color: #666666;
  margin: auto;
  font-size: var(--font-size-subtitle);
}

.wevaluate-title {
  padding-top: 28px;
  padding-left: 28px;
  background-color: #ffffff;
}

.w-external-call-panel__container {
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  margin-top: 8px;
}

.w-external-call-panel__container .w-external-call-panel__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 28px 28px 0px 28px;
}

.w-external-call-panel__container .w-external-call-panel__body {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: 28px;
  padding-right: 8px;
}

.w-external-call-panel__container .w-external-call-panel__body .input-container {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 0px 20px 0px 28px;
}

.w-external-call-panel__container .w-external-call-panel__action-list__wrapper {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding-right: 8px;
  overflow-y: auto;
}

.w-external-call-panel__container .w-external-call-panel__title {
  margin-bottom: 24px;
}

.w-external-call-panel__container .w-external-call-panel__close {
  cursor: pointer;
  background-image: url("/assets/framework/images/components/w-external-call-panel/close.svg");
  width: 24px;
  background-repeat: no-repeat;
}

.w-external-call-panel__container .w-external-call-panel__search {
  border: 0;
  color: #b0b0b0;
  border-bottom: 1px solid #e7e7e7;
}

.w-external-call-panel__container .w-external-call-panel__action-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(87px, calc(50% - 8px)))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(87px, calc(50% - 8px)));
  -ms-grid-rows: (78px)[auto-fill];
      grid-template-rows: repeat(auto-fill, 78px);
  column-gap: 16px;
  row-gap: 16px;
  margin: 0;
  -ms-flex-align: start;
      align-items: flex-start;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 2px 12px 0px 28px;
}

.w-external-call-panel__container .w-external-call-panel__action-list tasy-wcard {
  cursor: pointer;
  max-height: 78px;
  min-height: 78px;
}

.w-external-call-panel__container .w-external-call-panel__action-list tasy-wcard.w-external-call-panel__card--hidden {
  display: none;
}

.w-external-call-panel__container .w-external-call-panel__action-list tasy-wcard:last-child {
  margin-bottom: 16px;
}

.w-external-call-panel__container .w-external-call-panel__search {
  margin-bottom: 24px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE1Ljg4NXB4IiB2aWV3Qm94PSIyNi43NCAtMC44NTEgMTYgMTUuODg1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI2Ljc0IC0wLjg1MSAxNiAxNS44ODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiM4QzhDOEMiIGQ9Ik00Mi42NTksMTMuMDk5bC00LjcyOS00LjczYzAuNTctMC45MiwwLjg5OS0yLjAwOSwwLjg5OS0zLjE3OWMwLTMuMzMxLTIuNzEtNi4wNC02LjA1LTYuMDRjLTMuMzM5LDAtNi4wMzksMi43MDktNi4wMzksNi4wNGMwLDMuMzQ5LDIuNyw2LjA0OSw2LjAzOSw2LjA0OWMxLjIzLDAsMi4zNi0wLjM1OSwzLjMxMi0wLjk3OWw0LjcxLDQuNjk4YzAuMTc5LDAuMTgxLDAuNjI5LDAuMDI5LDAuOTk5LTAuMzM5bDAuNTItMC41MkM0Mi42ODksMTMuNzI5LDQyLjg1LDEzLjI3OSw0Mi42NTksMTMuMDk5eiBNMzIuNzc5LDkuMjI5Yy0yLjIyOSwwLTQuMDM5LTEuODEtNC4wMzktNC4wNGMwLTIuMjMsMS44MS00LjAzLDQuMDM5LTQuMDNjMi4yMywwLDQuMDQsMS44LDQuMDQsNC4wM0MzNi44MTksNy40MTksMzUuMDEsOS4yMjksMzIuNzc5LDkuMjI5eiIvPjwvZz48L3N2Zz4=");
  background-position: left 8px center;
  background-repeat: no-repeat;
  padding-left: 36px;
}

.internal-call-manager {
  width: 100%;
  display: inline-block;
}

.internal-call-manager.open {
  display: contents;
}

.internal-call-manager .w-external-call-panel__container .w-external-call-panel__action-list {
  -ms-grid-rows: 80px;
      grid-template-rows: 80px;
  height: auto;
}

.internal-call-manager > .pn {
  margin-right: 0;
}

.internal-call-manager.regions-maximize > div.pn.pn-shadow {
  margin-right: 16px;
}

.internal-call-manager.regions-maximize > div.pn.pn-shadow:last-child {
  margin-right: 0;
}

.internal-call-manager .ngdialog {
  position: absolute;
}

.internal-call-manager .wgrid-include-container {
  z-index: 0;
}

.internal-call-manager-splits {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin-top: -40px;
  z-index: 9;
  width: 100%;
}

.internal-call-manager-splits w-split-screen-tab {
  -ms-flex: 1;
      flex: 1;
  margin-left: 16px;
}

.internal-call-manager-splits w-split-screen-tab:first-child {
  margin-left: 0;
}

.internal-call-manager-splits w-split-screen-tab .w-split-screen-tab__main-container .w-split-screen-tab__description {
  min-width: 100px;
}

.internal-call-manager-splits.splits-maximize {
  display: inline-block;
}

.internal-call-manager__overlay {
  position: absolute;
  height: 100%;
  z-index: 999;
  background: #00000025;
}

.hidden-dropdown {
  visibility: hidden;
}

.internal-call-manager-patient-bar {
  width: calc(50% - 24px);
  position: absolute;
  margin-top: 32px;
}

.internal-call-manager-patient-bar.right-position {
  right: 16px;
}

.internal-call-manager-patient-bar.maximize-panel {
  width: calc(100% - 32px) !important;
}

.wschematic.has-dropdown-internal-call .wschematic-content .pn {
  margin-right: 1px;
}

.wschematic.has-dropdown-internal-call .wschematic-content.regions-maximize > div.pn.pn-shadow {
  margin-right: 16px;
}

.wschematic.has-dropdown-internal-call .wschematic-content.regions-maximize > div.pn.pn-shadow:last-child {
  margin-right: 0;
}

.wschematic.has-dropdown-internal-call .internal-call-manager-splits w-split-screen-tab {
  margin-left: 0;
}

.wschematic.has-dropdown-internal-call .internal-call-manager-splits.splits-maximize w-split-screen-tab {
  margin-left: 16px;
}

.wschematic.has-dropdown-internal-call .internal-call-manager-splits.splits-maximize w-split-screen-tab:first-child {
  margin-left: 0;
}

.wschematic.has-dropdown-internal-call .internal-call-manager-patient-bar {
  width: calc(50% - 17px);
}

.wschematic.has-dropdown-internal-call .wschematic-breadcrumbs.padding-breadcrumb {
  margin: 13px 0;
}

.wschematic .wschematic-content.internal-call-split-active > div.pn.pn-shadow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 6;
      flex: 6;
}

.wschematic .wschematic-content.internal-call-split-active .internal-call-manager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 6;
      flex: 6;
}

.wschematic .wschematic-content.internal-call-split-active .internal-call-manager > div.pn.pn-shadow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 6;
      flex: 6;
}

.wschematic .wschematic-content.internal-call-split-active .wgrid-include-container {
  z-index: 0;
}

.wschematic .wschematic-content.internal-call-split-active .ng-hide-btn-close {
  display: none;
}

.dark-skin .w-external-call-panel__container .w-external-call-panel__close {
  background-image: url("/assets/framework/images/components/w-split-screen-tab/ico-close-dark.svg");
  background-size: contain;
}

w-feature-container {
  overflow: hidden;
  width: 100%;
}

.w-feature-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 100%;
}

.w-feature-container__patientbar-container {
  padding: 8px 8px 0;
}

.w-feature-container__patientbar-container--hidden {
  display: none;
}

.w-feature-container__feature {
  background-color: #BFBFBF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  width: 100%;
}

.w-feature-container__feature__schematics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
  overflow: hidden;
}

.w-feature-container__feature__schematics--maximized:first-child {
  padding-right: 8px;
}

.w-feature-container__feature__schematics--maximized {
  -ms-flex: 1 !important;
      flex: 1 !important;
}

.w-feature-container__feature__external-call-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
  overflow: hidden;
}

.w-feature-container__feature__external-call-panel w-external-call-panel {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 0px 8px 16px 8px;
}

.w-feature-container__feature--hidden {
  display: none;
}

.w-feature-container__hide {
  display: none;
}

.w-feature-container__tabs-container {
  background-color: #BFBFBF;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: -8px;
  margin-top: 8px;
  z-index: 1;
}

.w-feature-container__tabs-container--normal w-split-screen-tab {
  -ms-flex: 1;
      flex: 1;
  padding-left: 8px;
}

.w-feature-container__tabs-container--normal w-split-screen-tab:last-child {
  padding-left: 12px;
}

.w-feature-container__tabs-container--maximized w-split-screen-tab:first-child {
  margin-left: 8px;
  margin-right: 8px;
}

.w-feature-container__tabs-container--hidden {
  display: none;
}

.w-feature-container__features-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: 1 1;
      flex: 1 1;
  overflow: hidden;
  width: 100%;
}

.w-feature-container__overlay {
  position: absolute;
  height: 100%;
  z-index: 999;
}

.w-feature-container .has-dropdown .wschematic {
  padding-top: 0px;
}

.w-feature-container .has-dropdown.split-active .w-feature-container__feature__schematics {
  margin-top: 8px;
}

.w-feature-container .has-dropdown.split-active .w-feature-container__features-container {
  padding-left: 8px;
}

.w-feature-container .has-dropdown .w-feature-container__feature__schematics:first-child > .wschematic {
  padding-right: 1px;
}

.w-feature-container .has-dropdown .w-feature-container__feature__schematics:last-child > .wschematic {
  padding-left: 8px;
}

.w-feature-container .has-dropdown .w-feature-container__feature__schematics.w-feature-container__feature__schematics--maximized:last-child > .wschematic {
  padding-left: 0px;
}

.w-feature-container .has-dropdown w-split-screen-tab:last-child {
  margin-left: 0px;
}

.w-feature-container .has-dropdown .wschematic-nav-bar {
  margin-top: -32px;
}

.w-feature-container .split-active .w-feature-container__features-container {
  padding-left: 8px;
}

.w-feature-container .split-active .w-feature-container__feature__schematics {
  margin-top: 8px;
}

.w-feature-container .split-active .w-feature-container__feature__schematics:first-child > .wschematic {
  padding: 0px 0px 8px;
}

.w-feature-container .split-active .w-feature-container__feature__schematics:last-child > .wschematic {
  padding: 0 8px 8px;
}

.w-feature-container .split-active .w-feature-container__feature__schematics .wschematic .schematic-tasy-patientbar {
  display: none;
}

.w-feature-container .split-active .w-feature-container__feature__schematics--maximized:last-child > .wschematic {
  padding-left: 0;
}

.w-feature-container .split-active .wschematic-nav-bar {
  display: none;
}

.w-feature-container .w-feature-container__tabs-container {
  z-index: 999;
}

.w-feature-container .w-split-screen-tab__child {
  padding-left: 12px !important;
}

.hidden-dropdown {
  visibility: hidden;
}

.w-feature-container w-human-body {
  margin: 7px;
}

.w-external-call-panel__card .wcard-header-texts {
  display: -ms-grid;
  display: grid;
}

.w-external-call-panel__body .input-container .w-external-call-panel__search {
  padding-left: 30px;
}

.dark-skin.w-feature-container__feature {
  background-color: #212121;
}

.dark-skin.w-feature-container__feature .w-external-call-panel__container {
  background-color: #383838;
}

.dark-skin.w-feature-container__feature .w-external-call-panel__container .wcard-container {
  color: #4d4d4d;
  border: 1px solid #ffffff;
}

.dark-skin.w-feature-container__feature .w-external-call-panel__container .wcard-container .wcard-header-texts .wcard-title {
  color: #f5f5f5;
  font: 12px "CentraleSansCnd";
}

.dark-skin.w-feature-container__feature .w-external-call-panel__container .wcard-container .wcard-subtitle {
  color: #f5f5f5;
  font: bold 12px "CentraleSansCndBold";
}

.dark-skin.w-feature-container__feature .w-feature-container__tabs-container {
  background-color: #212121;
}

tasy-wfilter {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  z-index: 100;
}

.filter-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 166px;
}

.filter-container.filter_vertical {
  max-height: 100%;
  min-width: 0;
}

.panel-title + .filter-icon {
  margin-left: 16px;
}

.filter-icon {
  --height-large: 14px;
  --background-size-large: inherit;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url("/assets/framework/images/components/w-filter/filter.svg");
  height: var(--height-large);
  width: var(--spacing-12);
  background-size: var(--background-size-large);
  display: inline-block;
  margin-right: var(--spacing-8);
  cursor: pointer;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

@media (min-width: 3840px) {
  .filter-icon {
    --height-large: 28px;
    --background-size-large: contain;
  }
}

.filter-icon:hover {
  background-image: url("/assets/framework/images/components/w-filter/filter-hover.svg");
}

.filter-icon-blue {
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTIgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+SWNvbiBGaWx0ZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJJY29uLUZpbHRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDcuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTcuMDAwMDAwKSAiIGZpbGw9IiMwMDk2RUQiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIHBvaW50cz0iMCAtMy4xODE4MTgxOGUtMDUgNS43MjcyNzI3MyA4LjkwOTA1OTA5IDExLjQ1NDU0NTUgLTMuMTgxODE4MThlLTA1Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTYuNjgxODE4MTgsNy4zMTgxODE4MiBMNC43NzI3MjcyNyw3LjMxODE4MTgyIEw0Ljc3MjcyNzI3LDE0IEM0Ljg1MjI3MjczLDE0IDYuNjgxODE4MTgsMTIuNzI3MjcyNyA2LjY4MTgxODE4LDEyLjcyNzI3MjcgTDYuNjgxODE4MTgsNy4zMTgxODE4MiBaIiBpZD0iRmlsbC0yIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
  height: 14px;
  width: 12px;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.filter-disabled {
  opacity: 0.5;
  cursor: default;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTIgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+SWNvbiBGaWx0ZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJJY29uLUZpbHRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDcuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTcuMDAwMDAwKSAiIGZpbGw9IiM4MDgwODAiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTEiIHBvaW50cz0iMCAtMy4xODE4MTgxOGUtMDUgNS43MjcyNzI3MyA4LjkwOTA1OTA5IDExLjQ1NDU0NTUgLTMuMTgxODE4MThlLTA1Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTYuNjgxODE4MTgsNy4zMTgxODE4MiBMNC43NzI3MjcyNyw3LjMxODE4MTgyIEw0Ljc3MjcyNzI3LDE0IEM0Ljg1MjI3MjczLDE0IDYuNjgxODE4MTgsMTIuNzI3MjcyNyA2LjY4MTgxODE4LDEyLjcyNzI3MjcgTDYuNjgxODE4MTgsNy4zMTgxODE4MiBaIiBpZD0iRmlsbC0yIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
}

.tasy-wdialogbox.modal_filter_class .dialog-content {
  padding: 0;
  background-color: #f2f2f2;
}

.filter-modal-content {
  max-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
}

.filter-modal-title {
  position: relative;
  background-color: #f2f2f2;
  padding: var(--spacing-16) var(--spacing-16) 0;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  line-height: 18px;
  letter-spacing: 0.1px;
}

.close-filter-icon {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  cursor: pointer;
  padding: 0;
  margin: var(--spacing-8) var(--spacing-8) 0 0;
  width: var(--sizing-12);
  height: var(--sizing-12);
  display: inline-block;
}

.close-filter-icon.close-button {
  position: absolute;
  top: 0;
  right: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  z-index: 999;
}

.close-filter-icon.close-button.filter-modal-close {
  float: right;
  z-index: 10;
}

.filter-container {
  animation: tasy-fadein 0.1s ease !important;
}

.filter-container.ng-hide {
  animation: tasy-fadein 0.1s ease !important;
}

.filter-dimensions-area {
  min-height: 58px;
  max-height: 114px;
  width: 100%;
  background: white;
  border: 1px solid;
  border-color: #b3b3b3;
  padding: 4px 12px 12px 12px;
  margin-bottom: 5px;
  overflow-y: scroll;
}

.wfilter-advanced-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}

.wfilter-advanced-header tasy-wadvancedfilter {
  width: 100%;
  margin-top: 10px;
}

.wfilter-advanced-label {
  font-size: var(--font-size-body);
  height: var(--sizing-32);
  line-height: normal;
  padding: 16px 0px;
  color: #808080;
  display: block;
}

.wfilter-advanced-label.hidden {
  visibility: hidden !important;
  display: block !important;
}

.filter-region {
  -ms-flex: 1 0 !important;
      flex: 1 0 !important;
}

.wfilter-advanced-header-filter-btn {
  float: right;
  margin-bottom: -10px;
}

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

/* Dark Theme */
.dark-skin .wfilter, .dark-skin .wstd-locator__filter {
  background-color: var(--color-gray-55);
}

.dark-skin .wfilter-options-button {
  border: 1px solid transparent;
  color: rgba(214, 214, 214, 0.8);
  padding: 8px 16px;
}

.dark-skin .wfilter-options-button:after {
  border-bottom-color: rgba(214, 214, 214, 0.8);
}

.dark-skin .wfilter-options-button:hover {
  color: #e8e8e8;
}

.dark-skin .wfilter-options-button:hover::after {
  border-bottom-color: #e8e8e8;
}

.dark-skin .wfilter-options-button:active {
  color: #f5f5f5;
}

.dark-skin .wfilter-options-button:active::after {
  border-bottom-color: #f5f5f5;
}

.dark-skin .wfilter-options-button:focus {
  border-color: rgba(214, 214, 214, 0.8);
  border-radius: 4px;
}

.dark-skin .wfilter-options-button:disabled {
  color: rgba(214, 214, 214, 0.35);
}

.dark-skin .wfilter-options-button:disabled::after {
  border-bottom-color: rgba(214, 214, 214, 0.35);
}

.dark-skin .filter-modal-title {
  background-color: #4d4d4d;
  color: #ffffff;
  line-height: 24px;
}

.dark-skin .filter-icon {
  background-image: url("/assets/framework/images/components/w-filter/dark/filter.svg");
}

.dark-skin .filter-icon:hover {
  background-image: url("/assets/framework/images/components/w-filter/dark/filter-hover.svg");
}

.dark-skin .filter-icon-blue {
  background-image: url("/assets/framework/images/components/w-filter/dark/filter-blue.svg");
}

.dark-skin .close-filter-icon {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0Y1RjVGNSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGNUY1RjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  cursor: pointer;
  padding: 0;
  margin: var(--spacing-8) var(--spacing-8) 0 0;
  width: var(--sizing-12);
  height: var(--sizing-12);
  display: inline-block;
}

.dark-skin .close-filter-icon.close-button {
  position: absolute;
  top: 0;
  right: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  z-index: 999;
}

.dark-skin .close-filter-icon.close-button.filter-modal-close {
  float: right;
  z-index: 10;
}

flowsheet .main-area .main-scrollable-area .data-region-grid {
  padding-bottom: 0;
}

flowsheet .main-area .main-scrollable-area .data-region-timeline {
  padding-bottom: 0;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-timeline {
  padding-bottom: 11px;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-timeline:last-of-type {
  padding-bottom: 1px;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .chart-mode {
  padding-bottom: 13px !important;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .chart-mode:last-of-type {
  padding-bottom: 1px !important;
}

.btn-link-blue, .dialog-button {
  font-family: "CentraleSansCndBook";
  letter-spacing: 0.2px;
  font-size: var(--font-size-body);
  color: #0096ed;
  height: var(--sizing-32);
  padding: var(--spacing-16) 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.is-inline.btn-link-blue, .is-inline.dialog-button {
  height: auto;
  padding: 0;
}

.btn-blue, .btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton, .btn-green {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: calc(var(--sizing-40) * 2);
  height: var(--sizing-32);
  padding: var(--spacing-8) var(--spacing-16);
  border-radius: var(--spacing-4);
  border: none;
  text-align: center;
  cursor: pointer;
  font-size: var(--font-size-subtitle);
  font-family: "CentraleSansCndBook";
  transition: background-color 0.1s ease;
  color: var(--btn-color);
  background-color: var(--btn-background-color);
  position: relative;
  box-shadow: inset 0 1px 0 var(--btn-background-color), 0px 1px 0px 0 rgba(0, 0, 0, 0.6);
}

.btn-blue::before, .btn-gray::before, .w-dt-result__button.is_dpkb::before, .w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .btn_actions::before, #segment-buttons .btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .wbutton::before, .btn-green::before {
  transition: opacity .2s ease-in-out;
  content: " ";
  width: calc(100% + var(--spacing-8));
  height: calc(100% + var(--spacing-8));
  position: absolute;
  opacity: 0;
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.wbutton-has-icon.btn-blue, .wbutton-has-icon.btn-gray, .wbutton-has-icon.w-dt-result__button.is_dpkb, .wbutton-has-icon.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .wbutton-has-icon.btn_actions, #segment-buttons .wbutton-has-icon.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton-has-icon.wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton-has-icon.wbutton, .wbutton-has-icon.btn-green {
  min-width: calc(var(--sizing-24) * 2);
  padding: var(--spacing-8);
}

.btn-blue:hover, .btn-gray:hover, .w-dt-result__button.is_dpkb:hover, .w-dt-result__button.is_dpkb_visible:hover, .segment-spinner-date .btn_actions:hover, #segment-buttons .btn_actions:hover, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:hover, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:hover, #segment-buttons .segment-spinner-date-button-picker .wbutton:hover, .btn-green:hover {
  background-color: var(--btn-background-hover-color);
}

.btn-blue:active, .btn-gray:active, .w-dt-result__button.is_dpkb:active, .w-dt-result__button.is_dpkb_visible:active, .segment-spinner-date .btn_actions:active, #segment-buttons .btn_actions:active, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:active, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:active, #segment-buttons .segment-spinner-date-button-picker .wbutton:active, .btn-green:active {
  background-color: var(--btn-background-active-color);
}

.btn-blue:focus::before, .btn-gray:focus::before, .w-dt-result__button.is_dpkb:focus::before, .w-dt-result__button.is_dpkb_visible:focus::before, .segment-spinner-date .btn_actions:focus::before, #segment-buttons .btn_actions:focus::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:focus::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:focus::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:focus::before, .btn-green:focus::before, .focus.btn-blue::before, .focus.btn-gray::before, .focus.w-dt-result__button.is_dpkb::before, .focus.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .focus.btn_actions::before, #segment-buttons .focus.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .focus.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .focus.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .focus.wbutton::before, .focus.btn-green::before {
  opacity: 1;
}

.btn-blue:disabled, .btn-gray:disabled, .w-dt-result__button.is_dpkb:disabled, .w-dt-result__button.is_dpkb_visible:disabled, .segment-spinner-date .btn_actions:disabled, #segment-buttons .btn_actions:disabled, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled, .btn-green:disabled, .disable.btn-blue, .disable.btn-gray, .disable.w-dt-result__button.is_dpkb, .disable.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .disable.btn_actions, #segment-buttons .disable.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton, .disable.btn-green {
  cursor: default;
  background-color: var(--btn-background-disabled-color);
  box-shadow: none;
}

.btn-blue:disabled::before, .btn-gray:disabled::before, .w-dt-result__button.is_dpkb:disabled::before, .w-dt-result__button.is_dpkb_visible:disabled::before, .segment-spinner-date .btn_actions:disabled::before, #segment-buttons .btn_actions:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled::before, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled::before, .btn-green:disabled::before, .disable.btn-blue::before, .disable.btn-gray::before, .disable.w-dt-result__button.is_dpkb::before, .disable.w-dt-result__button.is_dpkb_visible::before, .segment-spinner-date .disable.btn_actions::before, #segment-buttons .disable.btn_actions::before, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton::before, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton::before, .disable.btn-green::before {
  content: none !important;
}

.btn-blue:disabled .wbutton-imagepanel, .btn-gray:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb:disabled .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible:disabled .wbutton-imagepanel, .segment-spinner-date .btn_actions:disabled .wbutton-imagepanel, #segment-buttons .btn_actions:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton:disabled .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton:disabled .wbutton-imagepanel, .btn-green:disabled .wbutton-imagepanel, .disable.btn-blue .wbutton-imagepanel, .disable.btn-gray .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb .wbutton-imagepanel, .disable.w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .disable.btn_actions .wbutton-imagepanel, #segment-buttons .disable.btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .disable.wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .disable.wbutton .wbutton-imagepanel, .disable.btn-green .wbutton-imagepanel {
  opacity: .36;
}

.hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green, .hide.btn-blue, .hide.btn-gray, .hide.w-dt-result__button.is_dpkb, .hide.w-dt-result__button.is_dpkb_visible, .segment-spinner-date .hide.btn_actions, #segment-buttons .hide.btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .hide.wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .hide.wbutton, #segment-buttons .segment-spinner-date-button-picker .hide.wbutton, .hide.btn-green {
  visibility: hidden;
}

.btn-blue .wbutton-container-panel, .btn-gray .wbutton-container-panel, .w-dt-result__button.is_dpkb .wbutton-container-panel, .w-dt-result__button.is_dpkb_visible .wbutton-container-panel, .segment-spinner-date .btn_actions .wbutton-container-panel, #segment-buttons .btn_actions .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-container-panel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-container-panel, .btn-green .wbutton-container-panel {
  display: inline;
  vertical-align: middle;
}

.btn-blue .wbutton-text, .btn-gray .wbutton-text, .w-dt-result__button.is_dpkb .wbutton-text, .w-dt-result__button.is_dpkb_visible .wbutton-text, .segment-spinner-date .btn_actions .wbutton-text, #segment-buttons .btn_actions .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-text, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-text, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-text, .btn-green .wbutton-text {
  font-size: var(--font-size-body);
}

.btn-blue .wbutton-imagepanel, .btn-gray .wbutton-imagepanel, .w-dt-result__button.is_dpkb .wbutton-imagepanel, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel, .segment-spinner-date .btn_actions .wbutton-imagepanel, #segment-buttons .btn_actions .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel, .btn-green .wbutton-imagepanel {
  width: var(--sizing-16);
  height: var(--sizing-16);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: var(--spacing-8);
}

.btn-blue .wbutton-imagepanel img, .btn-gray .wbutton-imagepanel img, .w-dt-result__button.is_dpkb .wbutton-imagepanel img, .w-dt-result__button.is_dpkb_visible .wbutton-imagepanel img, .segment-spinner-date .btn_actions .wbutton-imagepanel img, #segment-buttons .btn_actions .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton .wbutton-imagepanel img, #segment-buttons .segment-spinner-date-button-picker .wbutton .wbutton-imagepanel img, .btn-green .wbutton-imagepanel img {
  width: 100%;
}

.btn-blue {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-blue-50);
  --btn-background-hover-color: #25669d;
  --btn-background-active-color: #1f5482;
  --btn-background-disabled-color: #b1cbe0;
}

.btn-gray, .w-dt-result__button.is_dpkb, .w-dt-result__button.is_dpkb_visible, .segment-spinner-date .btn_actions, #segment-buttons .btn_actions, .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, #segment-buttons .segment-spinner-date-button-picker .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-10);
  --btn-background-hover-color: #d5d5d5;
  --btn-background-active-color: #b0b0b0;
  --btn-background-disabled-color: #fbfbfb;
}

.btn-green {
  --btn-color: var(--color-white);
  --btn-background-color: var(--color-green-55);
  --btn-background-hover-color: #1b6e2a;
  --btn-background-active-color: #165b22;
  --btn-background-disabled-color: #adceb3;
}

.btn-green:hide, .btn-green.hide {
  visibility: hidden;
}

.btn-save-add, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button {
  letter-spacing: 0.2px;
  color: #808080;
  position: relative;
  height: var(--sizing-32);
  padding: var(--spacing-8) 0;
  border: none;
  background-color: transparent;
  font-family: "CentraleSansCndBook";
  color: #0096ed;
  cursor: pointer;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  content: "";
  display: inline-block;
  left: -var(--sizing-16);
  width: var(--sizing-16);
  height: var(--sizing-16);
  margin-right: var(--spacing-8);
  vertical-align: bottom;
}

.btn-save-add:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.btn-save-add--disabled, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button {
  color: #bfbfbf;
  cursor: initial;
}

.btn-save-add--disabled:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before {
  filter: grayscale(100%);
  opacity: .5;
}

.btn-link-blue {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
}

.btn-link-blue:focus {
  outline: 2px solid #0096ED !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #03abff;
  --btn-background-hover-color: #3fbfff;
  --btn-background-active-color: #016699;
  --btn-background-disabled-color: #014466;
}

.dark-skin .btn-gray, .dark-skin .w-dt-result__button.is_dpkb, .dark-skin .w-dt-result__button.is_dpkb_visible, .dark-skin .segment-spinner-date .btn_actions, .segment-spinner-date .dark-skin .btn_actions, .dark-skin #segment-buttons .btn_actions, #segment-buttons .dark-skin .btn_actions, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton {
  --btn-color: var(--color-gray-75);
  --btn-background-color: var(--color-gray-20);
  --btn-background-hover-color: #d2d2d2;
  --btn-background-active-color: #757575;
  --btn-background-disabled-color: #4e4e4e;
}

.dark-skin .btn-green {
  --btn-color: var(--color-gray-75);
  --btn-background-color: #7bcc00;
  --btn-background-hover-color: #9ad83d;
  --btn-background-active-color: #497a00;
  --btn-background-disabled-color: #384d00;
}

.dark-skin .btn-link-blue {
  color: #4accff;
}

.dark-skin .btn-link-blue:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-blue::before, .dark-skin .btn-gray::before, .dark-skin .w-dt-result__button.is_dpkb::before, .dark-skin .w-dt-result__button.is_dpkb_visible::before, .dark-skin .segment-spinner-date .btn_actions::before, .segment-spinner-date .dark-skin .btn_actions::before, .dark-skin #segment-buttons .btn_actions::before, #segment-buttons .dark-skin .btn_actions::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .dark-skin .wbutton::before, .dark-skin #segment-buttons .segment-spinner-date-button-picker .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .dark-skin .wbutton::before, .dark-skin .btn-green::before {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button {
  color: #ffffff;
}

.dark-skin .btn-save-add:hover, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:hover, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:hover {
  opacity: .76;
}

.dark-skin .btn-save-add:active, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:active, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:active {
  opacity: .60;
}

.dark-skin .btn-save-add:focus, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button button:focus, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button .dark-skin button:focus {
  outline: 2px solid #41c9fe !important;
  outline-offset: 2px;
  border-radius: 4px;
}

.dark-skin .btn-save-add--disabled:before, .dark-skin w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled button:before, w-persistence-action-bar w-persistence-action-bar-button.wpab-save-and-add-button.disabled .dark-skin button:before {
  opacity: .4;
}

.flowsheet-context-menu .popover-box-container {
  padding: 0px !important;
}

.flowsheet-context-menu .popover-box-container .scroll-appearance {
  overflow: unset;
}

.flowsheet-context-menu .popover-box-container .flowsheet-popup {
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  min-width: 150px;
  -ms-flex-direction: column;
      flex-direction: column;
}

.flowsheet-context-menu .popover-box-container .flowsheet-popup-row {
  -ms-flex-align: center;
      align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
}

.flowsheet-context-menu .popover-box-container .flowsheet-popup-row:hover {
  background-color: #f2f2f2;
}

flowsheet {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 8px var(--spacing-16);
  min-height: 0;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  max-width: 100%;
}

flowsheet .flowsheet-component {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
}

flowsheet .top-area {
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  width: 100%;
}

flowsheet .top-area > div {
  -ms-flex: 1 0;
      flex: 1 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

flowsheet .top-area .top-left-area {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

flowsheet .top-area .top-left-area .title-area {
  font-size: var(--font-size-subtitle);
  font-weight: bold;
  margin-right: 10px;
  font-family: "CentraleSansCndBold";
}

flowsheet .top-area .top-left-area tasy-segmented-control {
  margin-left: 10px;
}

flowsheet .top-area .top-left-area .filter-button-container {
  width: 44px;
}

flowsheet .top-area .top-left-area .filter-button-container .filter-icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 16px;
  margin-left: 16px;
}

flowsheet .top-area .top-right-area {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

flowsheet .top-area .top-right-area #submit-button {
  margin-left: 15px;
  -ms-flex-order: 1;
      order: 1;
}

flowsheet .top-area .top-right-area #chartnow-button {
  margin-left: 15px;
  -ms-flex-order: 0;
      order: 0;
}

flowsheet .top-area .top-right-area .w-legend {
  margin-left: 20px;
}

flowsheet .filter-container,
flowsheet .filter-button-container {
  max-height: unset;
  min-height: unset;
}

flowsheet .main-area {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  min-width: 0;
  -ms-flex: 1;
      flex: 1;
}

flowsheet .main-area .main-top-area {
  height: 74px;
  width: 100%;
}

flowsheet .main-area .main-top-area .data-container-setting-bar {
  max-height: 82px;
}

flowsheet .main-area .main-top-area .tl-setting-bar-curtain-line {
  padding-top: 57px;
}

flowsheet .main-area .main-top-area .tl-setting-bar-curtain-line--partogram {
  top: 0px !important;
  padding-top: 49px !important;
}

flowsheet .main-area #pin-section {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

flowsheet .main-area .main-scrollable-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: overlay;
  min-height: 0;
  min-width: 0;
}

flowsheet .main-area .main-scrollable-area timeline .hidden-row {
  border-top: 1px dashed #ff6d59 !important;
  overflow: hidden;
}

flowsheet .main-area .main-scrollable-area timeline .hidden-row,
flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row {
  height: 0px !important;
  width: 100%;
}

flowsheet .main-area .main-scrollable-area timeline .flowsheet-hidden-row,
flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row {
  height: 0 !important;
  top: 0 !important;
  width: 100%;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .hidden-row .hidden-row-toggle {
  transform: rotate(-45deg);
  border: 0px solid #ff6d59;
  top: -15px;
  left: -15px;
  padding: 3px;
  position: relative;
  display: inline-block;
  background-color: #ff6d59;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .hidden-row .slick-cell.slick-cell-checkbox {
  overflow: unset;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .hidden-row .slick-cell.slick-cell-checkbox div:not(:first-child) {
  display: none;
}

flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row {
  border-bottom: 1px dashed #ff6d59 !important;
}

flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row.hovered .slick-cell,
flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row:hover .slick-cell, flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row:hover:after, flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row.hovered, flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row:hover {
  background-color: unset !important;
}

flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row .slick-cell {
  border: none !important;
}

flowsheet .main-area .main-scrollable-area w-datagrid .hidden-row .slick-cell.slick-cell-checkbox div:not(:first-child) {
  display: none;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-row-toggle {
  width: 25px;
  height: 28px;
  position: fixed;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-row-toggle .expandable-row-toggle-icon {
  transform: rotate(45deg);
  border: solid #333333;
  border-width: 0 2px 2px 0;
  top: 25%;
  left: 5px;
  height: 10px;
  width: 10px;
  padding: 3px;
  position: absolute;
  display: inline-block;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-row.expanded .expandable-row-toggle-icon {
  transform: rotate(-135deg);
  top: 40%;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-child-row.level-2 .slick-cell:nth-of-type(1) .datagrid-cell-content-wrapper:nth-of-type(1) {
  padding-left: 30px;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-child-row.level-3 .slick-cell:nth-of-type(1) .datagrid-cell-content-wrapper:nth-of-type(1) {
  padding-left: 84px;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-child-row.level-4 .slick-cell:nth-of-type(1) .datagrid-cell-content-wrapper:nth-of-type(1) {
  padding-left: 112px;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-child-row.level-5 .slick-cell:nth-of-type(1) .datagrid-cell-content-wrapper:nth-of-type(1) {
  padding-left: 140px;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .expandable-child-row {
  pointer-events: none;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .expandable-child-row .slick-cell {
  display: none;
}

flowsheet .main-area .main-scrollable-area w-datagrid .expandable-row .expandable-row-description-group {
  margin-left: 28px;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .flowsheet-hidden-row .slick-cell.slick-cell-checkbox {
  overflow: unset;
}

flowsheet .main-area .main-scrollable-area w-datagrid .grid-canvas-left .flowsheet-hidden-row .slick-cell.slick-cell-checkbox div:not(:first-child) {
  display: none;
}

flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row.hovered .slick-cell,
flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row:hover .slick-cell, flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row:hover:after, flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row.hovered, flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row:hover {
  background-color: unset !important;
}

flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row .slick-cell {
  border: none !important;
}

flowsheet .main-area .main-scrollable-area w-datagrid .flowsheet-hidden-row .slick-cell.slick-cell-checkbox div:not(:first-child) {
  display: none;
}

flowsheet .main-area .main-scrollable-area w-datagrid .slick-row.even {
  background-color: #f5f5f5 !important;
}

flowsheet .main-area .main-scrollable-area .chart-summary {
  background-color: white;
}

flowsheet .main-area .main-scrollable-area .chart-summary .ui-state-default.slick-header-column.datagrid-custom-col-header.slick-header-sortable {
  display: -ms-flexbox !important;
  display: flex !important;
}

flowsheet .main-area .main-scrollable-area .chart-summary .ui-state-default.slick-header-column.datagrid-custom-col-header.slick-header-sortable .axis-title {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  text-align: center;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "grid timeline";
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  margin-top: unset;
  overflow: hidden;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-timeline.mode-chart {
  padding-bottom: 13px !important;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-timeline.mode-grid {
  padding-bottom: 11px !important;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-timeline:last-of-type {
  padding-bottom: 1px;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-timeline-inner-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .chart-mode {
  padding-bottom: 37px !important;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .chart-mode:last-of-type {
  padding-bottom: 12px !important;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-datapanel {
  padding-bottom: 0px;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-datapanel:last-child {
  padding-bottom: 2px;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-datapanel-inner-scroll {
  overflow-y: scroll;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .data-container-datapanel-inner-scroll::-webkit-scrollbar {
  display: none;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline #data-region-timeline-pin-section::-webkit-scrollbar {
  display: none;
}

flowsheet .main-area .main-scrollable-area .data-container-datapanel {
  overflow: hidden;
  z-index: 2;
}

flowsheet .main-area .main-scrollable-area .data-container-datapanel.chart-activated {
  -ms-flex: 0 0 calc(50% - 48px);
      flex: 0 0 calc(50% - 48px);
}

flowsheet .main-area .main-scrollable-area .data-container-datapanel .slick-pane-header {
  width: 100% !important;
}

flowsheet .main-area .main-scrollable-area .data-container-datapanel .slick-row.hovered,
flowsheet .main-area .main-scrollable-area .data-container-datapanel .slick-row:hover:after {
  border-top: none;
}

flowsheet .main-area .main-scrollable-area .data-container-datapanel .slick-row > .slick-cell {
  background: none;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline {
  position: relative;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .vis-group:hover {
  background-color: #f2f2f2 !important;
  cursor: pointer;
}

flowsheet .main-area .main-scrollable-area .data-container-with-timeline .vis-group.even {
  background-color: #f5f5f5;
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed {
  max-height: 29px;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed timeline,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed timeline {
  display: none !important;
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .rows-hidden,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .rows-hidden {
  height: 0 !important;
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .flowsheet-timeline-header,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .flowsheet-timeline-header {
  margin-bottom: 0;
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .flowsheet-timeline-header .icon-area,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .flowsheet-timeline-header .icon-area {
  transform: scale(2, 1) rotate(180deg);
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .flowsheet-timeline-header .pin-area,
flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .flowsheet-timeline-header .pin-selected-area,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .flowsheet-timeline-header .pin-area,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .flowsheet-timeline-header .pin-selected-area {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/framework/images/components/w-card/dark/pin.svg");
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .flowsheet-timeline-header .pin-selected-area,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .flowsheet-timeline-header .pin-selected-area {
  background-image: url("/assets/framework/images/components/w-card/dark/pin-selected.svg");
}

flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed .chart-summary .vis-timeline-chart,
flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed .chart-summary .vis-timeline-chart {
  display: none;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header {
  border-bottom: 0.0125rem solid #c0c0c0;
  background-color: #e6e6e6;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  z-index: 6;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .icon-area {
  width: 15px;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-weight: bold;
  margin-right: 8px;
  -ms-flex-align: center;
      align-items: center;
  transform: scale(2, 1);
  -ms-flex-pack: center;
      justify-content: center;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .pin-area,
flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .pin-selected-area {
  width: 15px;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-weight: bold;
  margin-right: 8px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/framework/images/components/w-card/dark/pin.svg");
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .pin-selected-area {
  background-image: url("/assets/framework/images/components/w-card/dark/pin-selected.svg");
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item {
  font-family: "CentraleSansCndBook" !important;
  color: gray !important;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 7px;
  font-size: var(--font-size-caption);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  height: 100%;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  vertical-align: bottom;
  display: inline-block;
  height: 16px;
  width: 16px;
  content: "";
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item.read-only-button {
  cursor: initial;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item.read-only-button::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9InJnYig1NC45MDE5NjElLDU0LjkwMTk2MSUsNTQuOTAxOTYxJSkiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .show-chart-button {
  font-family: "CentraleSansCndBook" !important;
  color: gray !important;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 7px;
  font-size: var(--font-size-caption);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  height: 100%;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .show-chart-button::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZwdCIgaGVpZ2h0PSI5NnB0IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlLXdpZHRoOjE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlOnJnYigzMC4xOTYwNzglLDMwLjE5NjA3OCUsMzAuMTk2MDc4JSk7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtbWl0ZXJsaW1pdDo0OyIgZD0iTSAxMC41IDE2LjUgTCAwLjU0NTg5OCAxMy41MDc4MTIgTCA3LjMwMzcxMSA5LjUgTCAzLjkzNDU3IDUuMTI2OTUzIEwgOC40NDE0MDYgMC41ICIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDAwMDAwMDAwMDAwMDAwNzM1LDQsLTQsLTAuMDAwMDAwMDAwMDAwMDAwNzM1LDg2LDI2KSIvPgo8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZTpyZ2IoNTQuOTAxOTYxJSw1NC45MDE5NjElLDU0LjkwMTk2MSUpO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6NDsiIGQ9Ik0gMCAwIEwgMCAxOCBMIDE4IDE4ICIgdHJhbnNmb3JtPSJtYXRyaXgoNCwwLDAsNCwxMiwxMikiLz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  vertical-align: bottom;
  display: inline-block;
  height: 18px;
  width: 18px;
  content: "";
  background-size: 18px 18px;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .show-chart-button.read-only-button {
  cursor: initial;
}

flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .show-chart-button.read-only-button::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZwdCIgaGVpZ2h0PSI5NnB0IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlLXdpZHRoOjE7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlOnJnYigzMC4xOTYwNzglLDMwLjE5NjA3OCUsMzAuMTk2MDc4JSk7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtbWl0ZXJsaW1pdDo0OyIgZD0iTSAxMC41IDE2LjUgTCAwLjU0NTg5OCAxMy41MDc4MTIgTCA3LjMwMzcxMSA5LjUgTCAzLjkzNDU3IDUuMTI2OTUzIEwgOC40NDE0MDYgMC41ICIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDAwMDAwMDAwMDAwMDAwNzM1LDQsLTQsLTAuMDAwMDAwMDAwMDAwMDAwNzM1LDg2LDI2KSIvPgo8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZTpyZ2IoNTQuOTAxOTYxJSw1NC45MDE5NjElLDU0LjkwMTk2MSUpO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6NDsiIGQ9Ik0gMCAwIEwgMCAxOCBMIDE4IDE4ICIgdHJhbnNmb3JtPSJtYXRyaXgoNCwwLDAsNCwxMiwxMikiLz4KPC9nPgo8L3N2Zz4K);
}

flowsheet .main-area .main-scrollable-area .data-region {
  display: -ms-grid;
  display: grid;
  overflow: visible;
}

flowsheet .main-area .main-scrollable-area .data-region-grid {
  grid-area: grid;
  height: -moz-fit-content;
  height: fit-content;
}

flowsheet .main-area .main-scrollable-area .data-region-grid::-webkit-scrollbar {
  width: 0;
}

flowsheet .main-area .main-scrollable-area .data-region-timeline {
  background-color: #ffffff;
  grid-area: timeline;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 0px;
  z-index: 0;
}

flowsheet .main-area .main-scrollable-area .data-region-timeline .data-container-timeline.collapsed:last-of-type {
  margin-bottom: 0;
}

flowsheet .main-area .main-scrollable-area .has-vertical-scroll .data-region-grid {
  padding-bottom: 12px !important;
  overflow-y: hidden !important;
}

flowsheet .main-area .main-scrollable-area .has-vertical-scroll .data-region-timeline {
  padding-bottom: 0px;
}

flowsheet .datagrid-type-chart .summary-content .vis-timeline-chart-background.hovered {
  z-index: 0;
}

flowsheet .bottom-area {
  min-height: 10px;
  width: 100%;
}

flowsheet .bottom-area .bottom-left-area {
  float: left;
}

flowsheet .bottom-area .bottom-left-area .surgical-event-registration-timeline {
  margin-top: 20px;
  min-width: 450px;
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 10px;
  padding: 0 0 0 calc(50% - 1px);
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline.layout-4-columns {
  padding: 0 0 0 calc(65.4% - 1px);
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline.layout-8-columns {
  padding: 0 0 0 calc(33.6% - 1px);
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline .w-charts-navigator__zoom .inner-label {
  height: auto;
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline .w-charts-navigator__zoom .inner-label.hour {
  top: calc(100% + 6px) !important;
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline .w-charts-navigator__zoom .inner-label.left {
  --offset: 0px;
  left: calc((25px + var(--offset)) * -1);
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline .w-charts-navigator__zoom .inner-label.right {
  --offset: 0px;
  left: calc(100% - 25px + var(--offset));
}

flowsheet .bottom-area .bottom-right-area .chart-navigator-timeline .w-charts-navigator__zoom .inner-label.align-right {
  text-align: right;
}

flowsheet .w-fieldset__content {
  -ms-flex-direction: column;
      flex-direction: column;
}

flowsheet .flowsheet-osk {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 99999;
}

flowsheet .flowsheet-osk .w-osk {
  background-color: #ffff;
  width: 260px;
  box-shadow: -2px -1px 16px 2px grey;
  top: -60px;
  position: relative;
  left: 80%;
}

.dark-skin flowsheet .right-detail-panel {
  background-color: #383838;
}

.dark-skin flowsheet .w-fieldset__title__text {
  color: #ffffff;
}

.dark-skin flowsheet .top-area .top-left-area .title-area {
  color: white;
}

.dark-skin flowsheet .main-area .main-scrollable-area .data-container-datapanel {
  background-color: #383838;
}

.dark-skin flowsheet .main-area .main-scrollable-area .data-container-datapanel .slick-row.hovered,
.dark-skin flowsheet .main-area .main-scrollable-area .data-container-datapanel .slick-row:hover {
  background-color: #676767 !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area .data-container-with-timeline .vis-group.even {
  border-bottom-color: #4d4d4d;
  border-top-color: #4d4d4d;
  background-color: #3c3c3c;
}

.dark-skin flowsheet .main-area .main-scrollable-area .data-container-with-timeline .vis-group:hover {
  background-color: #676767 !important;
  color: white !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area .data-container-with-timeline.mode-chart .data-container-timeline {
  padding-bottom: 13px !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header {
  background-color: #8c8c8c;
  border-bottom: 0.0125rem solid #8c8c8c;
  border-bottom-color: #000000;
}

.dark-skin flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item {
  color: #000000 !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBmaWxsPSIjMjEyMTIxIiBjeD0iOCIgY3k9IjgiIHI9IjgiLz4NCjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+DQo8cmVjdCB4PSIzIiB5PSI3IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
}

.dark-skin flowsheet .main-area .main-scrollable-area .data-region-timeline {
  background-color: #383838;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .expandable-row-toggle .expandable-row-toggle-icon {
  border: solid #f5f5f5;
  border-width: 0 2px 2px 0;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .selected .expandable-row-toggle .expandable-row-toggle-icon {
  border: solid #171717;
  border-width: 0 2px 2px 0;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .hovered .selected .expandable-row-toggle .expandable-row-toggle-icon {
  border: solid #f5f5f5;
  border-width: 0 2px 2px 0;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .slick-row.even {
  background-color: #3c3c3c !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .slick-header-column,
.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .slick-group-header-column {
  background-color: #8c8c8c !important;
  color: #000000;
  border-bottom-color: #000000;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .slick-pane-header {
  background-color: #8c8c8c;
}

.dark-skin flowsheet .main-area .main-scrollable-area w-datagrid .checkboxStyleAngular label {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary {
  background-color: #383838;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary .ui-state-default.slick-header-column.datagrid-custom-col-header.slick-header-sortable {
  background-color: #8c8c8c !important;
  border-bottom: 0px !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary .summary-content.vis-timeline-chart .vis-panel.vis-left {
  border: 0px;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary .summary-content.vis-timeline-chart .vis-panel.vis-left .vis-content .vis-y-axis.vis-timeline-chart-y-axis {
  color: #ffffff;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary .summary-content.vis-timeline-chart .vis-panel.vis-left .vis-content .vis-data-axis {
  border-right: #ffffff solid 1px;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary .summary-content.vis-timeline-chart .vis-panel.vis-left .vis-content .vis-data-axis.hovered {
  background-color: #676767 !important;
}

.dark-skin flowsheet .main-area .main-scrollable-area .chart-summary .vis-panel.vis-left .vis-content .vis-data-axis .cell.hovered {
  background-color: #676767 !important;
}

.dark-skin flowsheet .w-datagrid .slick-row.odd, .dark-skin flowsheet .w-datagrid .slick-row.even {
  background-color: #383838 !important;
  border-bottom: none;
}

.dark-skin.flowsheet-context-menu .popover-box-container .flowsheet-popup-row:hover {
  background-color: #9dd3e3;
}

@media (min-width: 1920px) and (max-width: 3839px) {
  .touch-screen flowsheet .top-area .top-left-area {
    -ms-flex: 1 0 0px;
        flex: 1 0 0;
  }
  .touch-screen flowsheet .top-area .top-right-area {
    -ms-flex: 2 0 0px;
        flex: 2 0 0;
  }
  .touch-screen flowsheet .top-area .top-right-area .handlebar-button {
    font-size: 38px;
    height: 50px;
    line-height: 38px;
    max-width: 270px;
  }
  .touch-screen flowsheet .top-area .top-right-area .handlebar-button .handlebar-button-label {
    height: 40px;
  }
  .touch-screen flowsheet .top-area .top-right-area .btn-green {
    height: 50px;
  }
  .touch-screen flowsheet .top-area .top-right-area tasy-wlegend {
    line-height: 38px;
    padding-top: 8px;
  }
  .touch-screen flowsheet .top-area .top-right-area tasy-wlegend .w-legend {
    line-height: 38px;
    height: 50px;
    vertical-align: middle;
  }
  .touch-screen flowsheet .top-area .top-right-area tasy-wlegend .w-legend .wlegend-button {
    font-size: 38px;
    vertical-align: middle;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .data-container-timeline.collapsed, .touch-screen flowsheet .main-area .main-scrollable-area .data-container-datapanel.collapsed {
    max-height: 50px;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .slick-header-column {
    height: 50px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header {
    height: 50px !important;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .show-chart-button {
    position: static;
    right: 0;
    margin-right: 16px;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .show-chart-button::before {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item {
    position: static;
    right: 0;
    margin-right: 16px;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .add-new-section-item::before {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .pin-area, .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .pin-selected-area {
    background-size: 30px 30px;
    margin-right: 16px;
    width: 30px;
  }
  .touch-screen flowsheet .main-area .main-scrollable-area .flowsheet-timeline-header .icon-area {
    width: 30px;
    font-size: 22px;
  }
  .touch-screen flowsheet tasy-segmented-control .segmented-control .option button {
    height: 50px;
  }
  .touch-screen flowsheet .bottom-area .bottom-left-area .surgical-event-registration-timeline {
    min-width: 600px;
  }
}

flowsheet .right-detail-panel {
  margin-top: 95px;
  z-index: 999;
  border-right: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  background: #ffffff linear-gradient(#d6d6d6, 1px, transparent 0);
}

flowsheet .right-detail-panel .ngdialog-close {
  z-index: 1;
  padding: 6px;
  font-size: 21px;
  position: absolute;
  right: 35px;
}

flowsheet .right-detail-panel .container-houdini {
  margin: 15px 0px 15px 15px;
  width: 100%;
}

flowsheet .right-detail-panel .container-houdini w-fieldset {
  width: 100%;
}

flowsheet .right-detail-panel .container-houdini .header {
  height: 20px;
  margin: 15px 15px 20px 0px;
}

flowsheet .right-detail-panel .container-houdini .header .title {
  float: left;
  font-size: large;
  font-weight: bold;
}

flowsheet .right-detail-panel .container-houdini .header .add-new-item {
  float: right;
  cursor: pointer;
}

flowsheet .right-detail-panel .container-houdini .header .add-new-item::before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Y2lyY2xlIGZpbGw9IiMwMDk2RUQiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxyZWN0IHg9IjciIHk9IjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIi8+PHJlY3QgeD0iMyIgeT0iNyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjIiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
  margin-right: 5px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  display: inline-block;
  height: 16px;
  width: 16px;
  content: "";
}

flowsheet .right-detail-panel .container-houdini .footer {
  margin: 30px;
}

flowsheet .right-detail-panel .container-houdini .footer button {
  float: right;
  margin-left: 20px;
}

flowsheet .right-detail-panel .container-houdini .container-houdini-fieldsets {
  overflow-y: overlay;
  height: 80%;
  padding-right: 15px;
}

flowsheet .right-detail-panel .container-houdini .button-entry {
  float: right;
  margin: 2px;
}

flowsheet .right-detail-panel .w-mdetail {
  border: 1px solid #ccc;
}

flowsheet .flowsheet-component.pn-9 {
  -ms-flex: 9;
      flex: 9;
  min-width: 0;
}

flowsheet .flowsheet-component.pn-8 {
  -ms-flex: 8;
      flex: 8;
}

flowsheet .flowsheet-component.pn-6 {
  -ms-flex: 6;
      flex: 6;
}

flowsheet div:not([class*="datagrid-type-chart"]).data-container-datapanel .no-child-level-1 .slick-cell:nth-of-type(1) .datagrid-cell-content-wrapper:nth-of-type(1) {
  padding-left: 28px;
}

flowsheet div:not([class*="datagrid-type-chart"]).data-container-datapanel .expandable-child-row.level-1 .slick-cell:nth-of-type(1) .datagrid-cell-content-wrapper:nth-of-type(1) {
  padding-left: 28px;
}

flowsheet .main-area .main-scrollable-area #data-container-pin-section {
  padding-bottom: 0px !important;
  overflow: hidden;
}

flowsheet .main-area .main-scrollable-area #main-timeline {
  overflow-y: overlay;
}

flowsheet .vis-right {
  display: none;
}

w-informational-bar {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

w-insured-bar {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Aug 20, 2015, 10:45:41 AM
    Author     : ansilva
*/
tasy-wmodel, .wmodel {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.wmodel-loading {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  width: 200px;
  height: 200px;
}

.wmodel-status-bar {
  position: relative;
  width: 100%;
  padding: 0 20px;
}

.wmodel-status {
  opacity: 0;
  color: #aaa;
  animation: wmodel-status-updated 5s;
}

.wmodel .word-wrap .wcheckbox-div .wcheckbox-label {
  white-space: inherit;
}

.wmodel .w-mdetail-group {
  margin: 10px 0 0;
  background-color: #fff;
}

.wmodel .w-mdetail-group .title {
  cursor: pointer;
  font-size: 20px;
  padding-left: 5px;
  font-weight: bold;
}

.wmodel .w-mdetail-group .panel {
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: lightgray;
  padding-left: 28px;
  padding-bottom: 24px;
}

.wmodel .w-mdetail-group .container:last-child {
  margin-bottom: 24px;
}

.wmodel .inconsistencies-area {
  width: 100%;
  margin-left: 0px;
  margin-top: 0px;
}

@keyframes wmodel-status-updated {
  0% {
    opacity: 0;
    position: relative;
    margin-top: -10px;
  }
  10% {
    opacity: 1;
    position: relative;
    margin-top: 0px;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */

/* Internet Explorer */

/* Opera < 12.1 */

.wmodel-title {
  padding-top: 28px;
  padding-left: 28px;
}

.wmodel-field-label-span {
  line-height: 1.4;
  text-align: justify;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 17px);
}

.wmodel .w-attr-container.is-mandatory .w-attr-container__label span {
  max-width: calc(100% - 30px);
}

.dark-skin .wmodel .w-mdetail-group {
  background: transparent;
}

/*to align vertically the wdbpanels TODO refactor*/
.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

.whoudini, .whoudini-content, .whoudini-scrollpanel, .houdini-viewport-wrapper,
.whoudini-viewport, .whoudini-mdetail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  min-height: 0;
}

.whoudini {
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  min-height: 0;
  position: relative;
  padding: var(--spacing-16);
  z-index: 1;
}

.whoudini tasy-handlebar-new + tasy-wbutton {
  margin-left: 24px;
}

.whoudini__w-loader {
  position: absolute;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: white;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.whoudini__w-loader.fadeOut {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.2s, opacity 0.2s;
}

.whoudini .popup-container {
  min-height: auto;
}

.whoudini .wgrid, .whoudini .w-datagrid {
  position: relative;
  height: 100% !important;
}

.whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  box-sizing: border-box;
}

.whoudini .wgrid .ui-grid-row-header-cell, .whoudini .w-datagrid .ui-grid-row-header-cell {
  border: none;
}

.whoudini .wgrid.with-legend .legend-cell-status, .whoudini .w-datagrid.with-legend .legend-cell-status {
  min-height: 28px;
}

.whoudini .wgrid .ui-grid-cell, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-cell, .whoudini .w-datagrid .ui-grid-row {
  height: auto !important;
  min-height: 28px;
}

.whoudini .wgrid .ui-grid-header-viewport, .whoudini .w-datagrid .ui-grid-header-viewport {
  overflow: visible !important;
}

.whoudini .wgrid .ui-grid-viewport, .whoudini .w-datagrid .ui-grid-viewport {
  overflow: hidden !important;
  height: auto !important;
}

.whoudini .wgrid .ui-grid-canvas, .whoudini .w-datagrid .ui-grid-canvas {
  padding-top: 0;
  height: auto !important;
}

.whoudini .wgrid .ui-grid-header-cell-wrapper, .whoudini .wgrid .ui-grid-top-panel, .whoudini .wgrid .slick-header-column, .whoudini .w-datagrid .ui-grid-header-cell-wrapper, .whoudini .w-datagrid .ui-grid-top-panel, .whoudini .w-datagrid .slick-header-column {
  background-color: transparent !important;
}

.whoudini .wgrid .ui-grid-scrollbar-placeholder, .whoudini .w-datagrid .ui-grid-scrollbar-placeholder {
  display: none;
}

.whoudini .wgrid .ui-grid-cell-contents, .whoudini .w-datagrid .ui-grid-cell-contents {
  padding: 5px;
  line-height: 1.3;
}

.whoudini .wgrid .ui-grid-render-container-left .ui-grid-cell-contents, .whoudini .w-datagrid .ui-grid-render-container-left .ui-grid-cell-contents {
  padding: 5px 6px;
}

.whoudini .wgrid .ui-grid-render-container-left .ui-grid-selection-row-header-buttons, .whoudini .w-datagrid .ui-grid-render-container-left .ui-grid-selection-row-header-buttons {
  top: 50%;
  left: 50%;
  border: none;
  padding: 0;
}

.whoudini .wgrid .ui-grid-render-container-left .ui-grid-selection-row-header-buttons:before, .whoudini .w-datagrid .ui-grid-render-container-left .ui-grid-selection-row-header-buttons:before {
  margin: 0;
}

.whoudini tasy-wdbpanel {
  display: block;
  min-width: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-height: inherit;
}

.whoudini tasy-wdbpanel .wtitle {
  display: none;
}

.whoudini .wdbpanel-container {
  padding: 0;
}

.whoudini .wcpanel {
  position: relative;
}

.whoudini .slick-pane-header {
  background-color: transparent !important;
}

.whoudini .data-container-with-timeline {
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'grid timeline';
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

.whoudini .data-container-with-timeline .data-container-datapanel, .whoudini .data-container-with-timeline .data-container-timeline {
  -ms-flex: 1;
      flex: 1;
  z-index: 1;
  min-width: 0;
}

.whoudini .data-container-with-timeline .data-container-timeline {
  min-height: 45px;
  padding-bottom: var(--spacing-16);
}

.whoudini .data-container-with-timeline .data-container-datapanel {
  background-color: #ffffff;
  padding-bottom: var(--spacing-16);
}

.whoudini .data-container-with-timeline .cn-legend-pagination {
  padding-top: 0;
}

.whoudini .data-container-with-timeline .cn-legend-pagination tasy-wlegend {
  display: none !important;
}

.whoudini .data-container-with-timeline timeline {
  display: block;
  margin-top: 28px;
}

.whoudini .data-container-with-timeline.hide-timeline .data-container-timeline {
  display: none;
}

.whoudini .data-container-with-timeline.hide-timeline .data-container-datapanel {
  grid-area: auto / 1 / auto / 2;
  position: unset;
}

.whoudini-header {
  width: 100%;
  max-height: 136px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding-bottom: 8px;
}

.whoudini-content {
  width: 100%;
  min-height: 0;
}

.whoudini-content .whoudini-filter {
  display: -ms-flexbox;
  display: flex;
}

.whoudini-footer {
  width: 100%;
  max-height: 72px;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
}

.whoudini-footer .whoudini-c3 {
  padding-right: 28px;
}

.whoudini-footer .totalizer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  height: auto;
  padding: 0;
}

.whoudini-footer .totalizer .totalizadorTotal {
  width: 100%;
  margin: 0 0 16px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.whoudini-footer .totalizer .totalizadorTotal .totalTitle {
  letter-spacing: 0.2px;
  color: #808080;
  line-height: 14px;
}

.whoudini-footer .totalizer .totalizadorTotal .totalTotalizer {
  letter-spacing: 0.2px;
  color: #808080;
  line-height: 14px;
  font-family: "CentraleSansCndBold";
  font-weight: normal;
}

.whoudini-footer .totalizer .totalizador {
  width: auto;
  margin: 0 20px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.whoudini-footer .totalizer .totalizador img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: block;
  overflow: hidden;
}

.whoudini-footer .totalizer tasy-wbutton {
  -ms-flex: 1;
      flex: 1;
  width: auto !important;
  min-width: initial !important;
  height: 14px !important;
  line-height: 14px !important;
  padding-right: 0 !important;
  display: block !important;
  overflow: initial !important;
  cursor: initial !important;
}

.whoudini-footer .totalizer tasy-wbutton.bt_log span {
  float: right;
  line-height: 14px;
}

.whoudini-footer #timelineDateDiv {
  height: auto !important;
  padding: 0 !important;
}

.whoudini-scrollpanel {
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: scroll;
}

.whoudini-scrollpanel .wdbpanel {
  position: initial;
  background-color: transparent;
}

.whoudini-scrollpanel .wdbpanel w-info, .whoudini-scrollpanel .wdbpanel tasy-wpagination {
  display: none;
}

.houdini-viewport-wrapper,
.whoudini-viewport {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 0;
}

.houdini-viewport-wrapper .has-scrollbar .tl-setting-bar-date,
.whoudini-viewport .has-scrollbar .tl-setting-bar-date {
  padding-left: calc(50% - 1px);
}

.houdini-viewport-wrapper .has-scrollbar .tl-setting-bar,
.whoudini-viewport .has-scrollbar .tl-setting-bar {
  margin-left: 50%;
  right: 9px;
}

.houdini-viewport-wrapper .has-scrollbar .setting-bar,
.whoudini-viewport .has-scrollbar .setting-bar {
  margin-right: 0;
}

.whoudini-viewport {
  margin-top: 30px;
  -ms-flex-direction: row;
      flex-direction: row;
}

.whoudini-mdetail {
  width: 75%;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: white;
  z-index: 10;
  overflow-y: scroll;
}

.whoudini-mdetail.hasInconsistencies .inconsistencies-area {
  margin: 0;
  width: 100%;
}

.whoudini-mdetail .handlebar-buttons {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  z-index: 9999;
}

.whoudini-mdetail .whoudini-detail-container .houdini-red-status {
  color: #DA2935 !important;
}

.whoudini-mdetail .gwt-TextBox.text-box-autocomplete {
  margin-bottom: 0;
}

.whoudini-detail-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
}

.whoudini-detail-container .w-mdetail {
  padding: var(--spacing-16) !important;
}

.whoudini-section {
  width: 50%;
}

.whoudini-section.whoudini-c1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.whoudini-section.whoudini-c1 .filter-container {
  min-height: 14px;
}

.whoudini-section.whoudini-c1 .token-filter-container {
  width: 100%;
  padding-top: 14px;
  position: relative;
  margin-bottom: -34px;
}

.whoudini-timeline-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-left: -10px;
  padding-top: 8px;
}

.whoudini-timeline-header .data-container-timeline-curtain .timeline-curtain {
  top: 0;
  padding-top: 30px;
  height: 100%;
}

.ui-grid {
  min-height: 0 !important;
}

.grid-arrow-down, .grid-arrow-right {
  background-repeat: no-repeat;
  background-position: center;
  height: 8px;
  width: 8px;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: baseline;
  padding-right: 5px;
}

.grid-arrow-down {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.grid-arrow-right {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDQgOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsOCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.grid-header-first-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 5px;
}

.btn-add-wrapper {
  position: relative;
  padding-top: 6px;
  height: 32px;
  width: 20px;
}

.grid-title {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-body);
}

.zero-width {
  width: 0px;
}

.whoudini-mdetail {
  animation: tasy-fadein 0.1s ease !important;
}

.whoudini-mdetail.ng-hide {
  animation: tasy-fadeout 0.1s ease !important;
}

.slick-viewport-right .slick-row {
  border-right: 0 !important;
}

tasy-woccupancy-map {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-16);
  min-height: 0;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
}

tasy-woccupancy-map .over {
  border: 3px dotted #666;
}

.occupancy-map-context-menu .popover-box-container {
  padding: 0px !important;
}

.occupancy-map-context-menu .popover-box-container .scroll-appearance {
  overflow: unset;
}

.occupancy-map-context-menu .popover-box-container .occupancy-map-popup {
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  min-width: 150px;
  -ms-flex-direction: column;
      flex-direction: column;
}

.occupancy-map-context-menu .popover-box-container .occupancy-map-popup-row {
  -ms-flex-align: center;
      align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
}

.occupancy-map-context-menu .popover-box-container .occupancy-map-popup-row:hover {
  background-color: #f2f2f2;
}

.w-occupancy-map {
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  -ms-flex: 1;
      flex: 1;
}

.w-occupancy-map .top-area {
  height: 70px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

.w-occupancy-map .top-area .title-area span {
  font-family: 'CentraleSansCndBold';
  font-size: 16px;
  font-weight: bold;
}

.w-occupancy-map .top-area .filter-button-container {
  width: 44px;
}

.w-occupancy-map .top-area .filter-button-container .filter-icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 16px;
  margin-left: 16px;
}

.w-occupancy-map .main-area {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 0;
  min-width: 0;
  overflow: auto;
}

.w-occupancy-map .main-area .timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  position: relative;
}

.w-occupancy-map .main-area .timeline .column-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-occupancy-map .main-area .timeline .column-timeline .data-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 28px;
  max-height: 28px;
  min-width: 96px;
  max-width: 96px;
  border: 1px solid #bfbfbf;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 2;
}

.w-occupancy-map .main-area .timeline .column-timeline .day-of-week-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 28px;
  max-height: 28px;
  min-width: 96px;
  max-width: 96px;
  border: 1px solid #bfbfbf;
  border-top: 0;
  position: sticky;
  top: 28px;
  background-color: white;
  z-index: 2;
}

.w-occupancy-map .main-area .timeline .column-timeline .data-timeline-sunday {
  color: red;
}

.w-occupancy-map .main-area .timeline .column-timeline .data-timeline-saturday {
  color: blue;
}

.w-occupancy-map .main-area .timeline .column-timeline .data-timeline-default {
  color: gray;
}

.w-occupancy-map .main-area .timeline .column-timeline .am-pm-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  min-height: 28px;
  max-height: 28px;
  min-width: 96px;
  max-width: 96px;
  border: 1px solid #bfbfbf;
  border-top: 0;
  position: sticky;
  top: 56px;
  background-color: white;
  z-index: 2;
}

.w-occupancy-map .main-area .timeline .column-timeline .am-pm-timeline .am-timeline,
.w-occupancy-map .main-area .timeline .column-timeline .am-pm-timeline .pm-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 28px;
  max-height: 28px;
  min-width: 48px;
  max-width: 48px;
}

.w-occupancy-map .main-area .timeline .column-timeline .am-pm-timeline .am-timeline {
  border-right: 1px solid #bfbfbf;
}

.w-occupancy-map .main-area .timeline .column-timeline .row-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 27px;
  max-height: 27px;
  min-width: 96px;
  max-width: 96px;
}

.w-occupancy-map .main-area .timeline .column-timeline .row-timeline .left-right-timeline {
  border: 1px solid #bfbfbf;
  border-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.w-occupancy-map .main-area .timeline .column-timeline .row-timeline .left-right-timeline .left-row-timeline,
.w-occupancy-map .main-area .timeline .column-timeline .row-timeline .left-right-timeline .right-row-timeline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 27px;
  max-height: 27px;
  min-width: 48px;
  max-width: 48px;
}

.w-occupancy-map .main-area .timeline .column-timeline .row-timeline .left-right-timeline .left-row-timeline {
  border-right: 1px solid #bfbfbf;
}

.w-occupancy-map .main-area .timeline .patient-row:hover {
  z-index: 3 !important;
}

.w-occupancy-map .main-area .bed-room {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: sticky;
  left: 0;
  background-color: white;
  z-index: 6 !important;
}

.w-occupancy-map .main-area .bed-room .title-bed-room {
  font-family: "CentraleSansCndBold";
  font-size: 14px;
  color: #808080;
  padding: 10px 15px;
  border: 1px solid #bfbfbf;
  border-left: 0;
  border-top: 0;
  max-height: 84px;
  min-height: 84px;
  position: sticky;
  top: 0;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  z-index: 5;
  background-color: #ffffff;
}

.w-occupancy-map .main-area .bed-room .items-bed-room {
  background-color: #ffffff;
}

.w-occupancy-map .main-area .bed-room .items-bed-room .bed-type-neutral,
.w-occupancy-map .main-area .bed-room .items-bed-room .bed-type-female,
.w-occupancy-map .main-area .bed-room .items-bed-room .bed-type-male {
  font-family: "CentraleSansCndMedium";
  font-size: 16px;
  color: #333333;
  padding: 0 15px;
  min-width: 200px;
  max-width: 200px;
  max-height: 28px;
  min-height: 28px;
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-occupancy-map .main-area .bed-room .items-bed-room .bed-type-female {
  color: #cf15a9;
}

.w-occupancy-map .main-area .bed-room .items-bed-room .bed-type-male {
  color: #0096ed;
}

.w-occupancy-map ::-webkit-scrollbar-track:horizontal {
  margin-left: 200px;
}

.w-occupancy-map ::-webkit-scrollbar-track:vertical {
  margin-top: 84px;
}

.w-occupancy-map-popover-patient {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 200px;
  max-height: 500px;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-header .w-occupancy-map-popover-patient-header-date {
  font-style: normal;
  font-size: 12px;
  color: #252525;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-header .w-occupancy-map-popover-patient-header-description-bed {
  font-style: normal;
  font-size: 12px;
  color: #252525;
  margin-left: 10px;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-title .w-occupancy-map-popover-patient-title-description {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #252525;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-title .w-occupancy-map-popover-patient-title-link {
  font-style: normal;
  font-size: 12px;
  color: #0096ed;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-content .w-occupancy-map-popover-patient-content-img {
  width: 48px;
  height: 48px;
  margin-right: 15px;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-content .w-occupancy-map-popover-patient-content-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-content .w-occupancy-map-popover-patient-content-info .w-occupancy-map-popover-patient-content-info-patient {
  font-size: 12px;
  margin-bottom: 15px;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-content .w-occupancy-map-popover-patient-content-info .w-occupancy-map-popover-patient-content-info-name {
  font-size: 16px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-occupancy-map-popover-patient .w-occupancy-map-popover-patient-content .w-occupancy-map-popover-patient-content-info .w-occupancy-map-popover-patient-content-info-name .w-occupancy-map-popover-patient-content-info-gender {
  width: 16px;
  height: 16px;
  margin-left: 7px;
}

tasy-patientbar-full {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 0;
}

tasy-patientbar-full.patient-journey-heigth {
  height: 100%;
}

.schematic-tasy-patientbar {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  max-height: 100%;
  margin-bottom: var(--spacing-8);
  z-index: 4;
}

.tasy-patientbar-default {
  z-index: 16;
}

.patient-journey-container {
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.patient-journey-component {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-height: 0;
}

.w-patient-journey {
  background-color: #171717;
  padding: 28px;
  padding-top: 86px;
  min-height: 0;
  -ms-flex: 1;
      flex: 1;
  display: none;
}

.w-patient-journey-filter {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex: none;
      flex: none;
  min-width: 106px;
  min-height: 106px;
  background-color: #171717;
  padding-left: 28px;
  padding-right: 8px;
  position: relative;
}

.w-patient-journey-filter .filter-icon {
  margin-top: 44px;
  -ms-flex-item-align: unset;
      -ms-grid-row-align: unset;
      align-self: unset;
}

.w-patient-journey-filter .wfilter-button {
  margin-top: 5px;
}

.w-patient-journey-filter .filter-timeline-content {
  width: 100%;
  margin-left: 16px;
}

.w-patient-journey-filter .filter-timeline-content .content-timeline-range {
  margin-top: 12px;
}

.w-patient-journey-filter .filter-timeline-content .content-timeline-range.is-collapsed {
  margin-top: 25px;
}

.w-patient-journey-filter .filter-timeline-range {
  width: 100%;
}

.w-patient-journey-filter .wfilter, .w-patient-journey-filter .wstd-locator__filter {
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 16px 0px 0px 0px;
  z-index: 33;
  background-color: transparent;
}

.w-patient-journey-filter .w-form {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.w-patient-journey-filter .wfilter-bottom {
  padding-left: 24px;
}

.w-patient-journey-filter .filter-container {
  min-height: 0px;
  max-height: 144px;
  -ms-flex-direction: row;
      flex-direction: row;
}

.w-patient-journey-filter .filter-container .filter-content {
  width: 100%;
}

.w-patient-journey-filter .filter-container .expander {
  padding-left: 24px;
  margin-top: 47px;
  cursor: pointer;
}

.w-patient-journey-filter .filter-container .expander .expander-icon {
  width: 12px;
  height: 10px;
  display: block;
  color: rgba(214, 214, 214, 0.8);
  transition: .3s;
}

.w-patient-journey-filter .filter-container .expander .expander-icon.rotate {
  transform: rotate(180deg);
}

.w-patient-journey-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  min-height: 0;
}

.w-patient-journey-viewport {
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: overlay;
  margin-right: -18px;
  padding-right: 18px;
  max-height: 100%;
}

.w-patient-journey-viewport .w-accordion-pane {
  padding-bottom: 0;
  padding-right: 0;
}

.w-patient-journey-viewport .tooltip-inner {
  max-width: 300px;
}

.w-patient-journey-scrollpanel {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.w-patient-journey-scrollpanel .w-accordion-container {
  min-height: 64px;
}

.w-patient-journey-scrollpanel .w-accordion-container .accordion-item-container {
  border: 1px solid rgba(105, 105, 105, 0.35);
  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.45);
  margin-bottom: 8px;
}

.w-patient-journey-scrollpanel .w-accordion-container .w-accordion-pane {
  padding: 0;
}

.w-patient-journey-scrollpanel .w-accordion-container .w-patient-journey-graph {
  background-color: #2B2B2B;
  height: 64px;
  min-width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.w-patient-journey-scrollpanel .w-accordion-container .w-patient-journey-subitem {
  overflow: hidden;
  width: 200px;
  color: rgba(214, 214, 214, 0.8);
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  padding: 16px;
}

.w-patient-journey-scrollpanel .w-accordion-container .w-patient-journey-subitem-tooltip {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.w-patient-journey-scrollpanel .w-accordion-header {
  background-color: #2B2B2B;
  height: 64px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.w-patient-journey-scrollpanel .w-accordion-header .main-title {
  white-space: nowrap;
  overflow: hidden;
  width: 200px;
  color: #D6D6D6;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBold";
  padding: 24px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 0px;
}

.w-patient-journey-scrollpanel .w-accordion-header .main-title-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.w-patient-journey-scrollpanel .w-accordion-header .main-title:after {
  content: '';
  border: 4px solid transparent;
  border-top-color: #D6D6D6;
  margin-left: 17px;
  margin-top: 4px;
  text-overflow: ellipsis;
}

.w-patient-journey-scrollpanel .w-accordion-header .main-title.icon-down:after {
  content: '';
  border: 4px solid transparent;
  border-bottom-color: #D6D6D6;
  margin-left: 17px;
  margin-top: -4px;
  text-overflow: ellipsis;
}

.w-patient-journey-scrollpanel .w-accordion-header .main-title.icon-hidden:after {
  display: none;
}

.w-patient-journey-scrollpanel .w-accordion-header .tooltip {
  max-width: 200px;
}

.w-patient-journey-scrollpanel .w-accordion-header .icon {
  display: none;
}

.w-patient-journey-scrollpanel .w-accordion-header .icon.open {
  display: none;
}

.w-patient-journey .graph-svg-component {
  background-color: #2B2B2B;
  margin-bottom: 5.9px;
}

.w-patient-journey .graph-line {
  margin-left: 24px;
  stroke-width: 1;
  stroke: #4D4D4D;
}

.w-patient-journey .area-graph {
  z-index: 2;
  margin-right: 28px;
  margin-left: 56px;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}

.w-patient-journey .continuos-item {
  height: 24px;
  fill: #D6D6D6;
  stroke: #2B2B2B;
  stroke-width: 1;
  cursor: pointer;
}

.w-patient-journey .single-item {
  stroke: #2B2B2B;
  stroke-width: 1;
  cursor: pointer;
}

.w-patient-journey .fake-item {
  fill: rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 100;
  height: 24px;
}

.w-patient-journey .multiple-different-items {
  fill: #171717;
  stroke: #D6D6D6;
  stroke-width: 1;
  cursor: pointer;
}

.w-patient-journey .image-item {
  cursor: pointer;
}

.w-patient-journey .multiple-text-quantity {
  fill: #000000;
  font-size: var(--font-size-caption);
  font-family: "CentraleSansCndMedium";
  text-anchor: middle;
  text-transform: uppercase;
  padding: 0 8px;
  cursor: pointer;
}

.w-patient-journey .multiple-text-different-items {
  fill: #D6D6D6;
  font-size: var(--font-size-header-5);
  font-family: 'CentraleSansCndBold';
  text-anchor: middle;
  cursor: pointer;
}

.w-patient-journey .continuous-event-label {
  fill: #000000;
  font-size: var(--font-size-caption);
  font-family: "CentraleSansCndMedium";
  text-anchor: middle;
  cursor: pointer;
}

.w-patient-journey .quatity-event {
  height: 16px;
  fill: #FF5454;
}

.w-patient-journey-timeline-footer {
  padding-left: 204px;
  padding-top: 8px;
  padding-right: 0px;
  height: 40px;
  -ms-flex: none;
      flex: none;
}

.w-patient-journey-timeline-footer .timeline-arrow {
  stroke-width: 1;
  stroke: #9E9E9E;
  cursor: pointer;
}

.w-patient-journey-timeline-footer .timeline-area-arrow {
  cursor: pointer;
  fill: transparent;
}

.w-patient-journey-timeline-footer .period-text {
  fill: rgba(214, 214, 214, 0.8);
  font-size: var(--font-size-caption);
  font-family: "CentraleSansCndBook";
  text-anchor: middle;
}

.w-patient-journey .content-backgroud {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
  max-height: 100%;
}

.w-patient-journey .content-backgroud-lines {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 232px;
  right: 32px;
  z-index: 1;
  max-height: 100%;
}

.w-patient-journey .content-backgroud-lines .separator {
  stroke-width: 1;
  stroke: #696969;
  stroke-dasharray: 1,5;
}

.w-patient-journey .future-curtain {
  background: rgba(69, 69, 69, 0.4);
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.w-patient-journey .future-curtain-container {
  bottom: 8px;
  left: 232px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.w-patient-journey .current-date-marker {
  border-right: 1px solid #d6d6d6;
  bottom: 0;
  box-shadow: 2px 0 5px 1px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 18px;
  z-index: 31;
}

.w-patient-journey .current-date-marker-container {
  bottom: 0;
  left: 231px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -22px;
}

.w-patient-journey .current-date-marker .day-legend {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  color: #d6d6d6;
  font-size: var(--font-size-caption);
  left: -26px;
  padding: 2px 1px;
  position: absolute;
  text-align: center;
  top: -18px;
  width: 52px;
}

.w-patient-journey .current-date-marker .bottom-marker {
  border-right: 5px solid #d6d6d6;
  bottom: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  height: 8px;
  position: absolute;
  right: -3px;
}

.checkboxStyleAngular input[type=checkbox]:indeterminate + label:after, .ui-grid-all-indeterminate:first-of-type:before {
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,DQogPHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4NCiA8Zz4NCiA8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjciIGQ9Ik03OC45NDYsNDQuNXYxMWMwLDAuODI4LTAuNjcxLDEuNS0xLjUsMS41SDIyLjc4Yy0wLjgyOSwwLTEuNS0wLjY3Mi0xLjUtMS41di0xMWMwLTAuODI4LDAuNjcxLTEuNSwxLjUtMS41aDU0LjY2NiBDNzguMjc1LDQzLDc4Ljk0Niw0My42NzIsNzguOTQ2LDQ0LjV6Ij4NCjwvcGF0aD4NCiA8L2c+DQogPC9zdmc+DQog");
  background-repeat: no-repeat;
  opacity: 1;
}

.checkboxStyleAngular label:after, .ui-grid-icon-ok:before {
  content: '';
  opacity: 0;
  left: 0px;
  position: absolute;
  width: 100% !important;
  height: 100%;
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
}

.w-advanced-filter .dialog-box .dialog-content .content-left .checkbox-filter .wcheckbox .wcheckbox-div .checked, .w-item-checkbox.checked .check-element {
  border-radius: 2px;
  background-color: #0096ed;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWxpbmUgb3BhY2l0eT0iMC45NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjEyLDQgNy41LDEwLjUgNCw3ICIvPg0KPHBvbHlsaW5lIG9wYWNpdHk9IjAuOTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxMiw0IDcuNSwxMC41IDQsNyAiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  opacity: 1;
  left: auto;
  position: relative;
  border: 0px;
}

@font-face {
  font-family: "CentraleSansCndBook";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCndLight";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBold";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCndMedium";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

@font-face {
  font-family: "CentraleSansCndBookItalic";
  font-style: normal;
  font-weight: "normal";
  src: url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot") format("eot"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.woff") format("woff"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.ttf") format("truetype"), url("/assets/fonts/bookitalic/CentraleSansCnd-BookItalic.svg#d7380066900d72279ebc7b35e0dcd0ea") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/book/CentraleSansCnd-Book.eot") format("eot"), url("/assets/fonts/book/CentraleSansCnd-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/book/CentraleSansCnd-Book.woff") format("woff"), url("/assets/fonts/book/CentraleSansCnd-Book.ttf") format("truetype"), url("/assets/fonts/book/CentraleSansCnd-Book.svg#9c465f50cc9401b2100f6779db55c87e") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/light/CentraleSansCnd-Light.eot") format("eot"), url("/assets/fonts/light/CentraleSansCnd-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/light/CentraleSansCnd-Light.woff") format("woff"), url("/assets/fonts/light/CentraleSansCnd-Light.ttf") format("truetype"), url("/assets/fonts/light/CentraleSansCnd-Light.svg#46db177c0af962a72579e1195d7386b5") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/bold/CentraleSansCnd-Bold.eot") format("eot"), url("/assets/fonts/bold/CentraleSansCnd-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.woff") format("woff"), url("/assets/fonts/bold/CentraleSansCnd-Bold.ttf") format("truetype"), url("/assets/fonts/bold/CentraleSansCnd-Bold.svg#c1d2e48f210e3d319a2408fccc961806") format("svg");
}

@font-face {
  font-family: "CentraleSansCnd";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/medium/CentraleSansCnd-Medium.eot") format("eot"), url("/assets/fonts/medium/CentraleSansCnd-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.woff") format("woff"), url("/assets/fonts/medium/CentraleSansCnd-Medium.ttf") format("truetype"), url("/assets/fonts/medium/CentraleSansCnd-Medium.svg#e18fd08495e828c3596caed55368e131") format("svg");
}

.truncate, .panel-title, .wsubtitle .panel-subtitle, .wschematic-breadcrumbs .wtab-label,
.wschematic-breadcrumbs .wtab-title, .datagrid-cell-content-wrapper, .handlebar-button, .person-bar-field-info-text #info, .person-info-default, .person-info-legal-name, .person-info-legal-name .person-info-legal-name-span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.wtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-bottom: var(--spacing-16);
}

.wtitle + .wsubtitle {
  margin-top: -12px;
}

.wtitle-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 10%;
  min-width: 30px;
  width: 100%;
}

.wtitle-container.margin {
  margin-right: 30px;
  -ms-flex: auto;
      flex: auto;
}

.wtitle-container.wtitle-container__segmented {
  margin-right: 0px;
}

.panel-title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.wsubtitle {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.wsubtitle .panel-subtitle {
  line-height: 0.87rem;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
  color: #333333;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.philips-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.philips-content,
.philips-feature,
.philips-feature > .ng-scope {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.philips-content {
  opacity: 1.99;
  min-height: 0;
}

.philips-feature {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  background-color: #bfbfbf;
}

.philips-feature > .ng-scope {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}

.clearfix:before, .w-buttons-deck:before, .cn-legend-pagination:before, .whoudini .wgrid .ui-grid-row:before, .whoudini .w-datagrid .ui-grid-row:before,
.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  content: " ";
  display: table;
}


.clearfix:after,
.w-buttons-deck:after,
.cn-legend-pagination:after,
.whoudini .wgrid .ui-grid-row:after,
.whoudini .w-datagrid .ui-grid-row:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix, .w-buttons-deck, .cn-legend-pagination, .whoudini .wgrid .ui-grid-row, .whoudini .w-datagrid .ui-grid-row {
  *zoom: 1;
}

.dark-skin .panel-title {
  color: #ffffff;
}

.person-panel {
  --sizing-person-bar: 64px;
  --sizing-content-person-bar: 48px;
  height: var(--sizing-person-bar);
  overflow: hidden;
  z-index: 1000;
  position: relative;
}

.person-panel.fixed {
  --sizing-person-bar: none;
}

@media (min-width: 3840px) {
  .person-panel {
    --sizing-person-bar: 128px;
    --sizing-content-person-bar: 80px;
  }
}

.person-panel.visible {
  overflow: visible;
}

.person-panel.light-skin .person-items:before {
  color: #333333;
  background-color: #ffffff;
}

.person-panel.light-skin .person-items {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  color: #333333;
  background-color: #ffffff;
}

.person-panel.light-skin .person-bar-fields {
  color: #333333;
}

.person-items {
  min-height: var(--sizing-person-bar);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  color: #ffffff;
  background: #4d4d4d;
}

.person-items:before {
  background-color: #333333;
  content: "";
  display: block;
  width: 100%;
  height: var(--sizing-person-bar);
  top: 0;
  left: 0;
  position: absolute;
}

.person-items.locator-enabled:hover .inline-edit-link {
  display: -ms-flexbox;
  display: flex;
  height: var(--sizing-20);
  width: var(--sizing-20);
  background: no-repeat right url("/assets/framework/images/edit-icon.png");
  cursor: pointer;
  margin-right: calc(var(--sizing-20) * -1);
}

.person-items.locator-enabled:hover .inline-edit-active {
  display: none;
}

.person-items > .no-shrink {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.person-icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  height: var(--sizing-28);
  width: var(--sizing-28);
  margin-top: 18px;
  background: no-repeat center;
}

.person-icon-alert {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzUgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+d2FybmluZyBpY29uPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhdGllbnQtQmFyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJPdmVydmlldyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOTcuMDAwMDAwLCAtMzE2LjAwMDAwMCkiPiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk1LjAwMDAwMCwgMTAwLjAwMDAwMCkiIGlkPSJwYXRpZW50YmFyIj4gICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE4Ny4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhbGxlcmdpZXMtLS13YXJuaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAyLjAwMDAwMCwgMjUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Indhcm5pbmctaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iI0YwQkIyOSIgcG9pbnRzPSIxNy41IDAgMCAzMiAzNSAzMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iIzMzMzMzMyIgcG9pbnRzPSIxOSAyNyAxNiAyNyAxNiAyNCAxOSAyNCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iIzMzMzMzMyIgcG9pbnRzPSIxNiAyMiAxNiAxMSAxOSAxMSAxOSAyMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  margin-right: 28px;
  background-size: 100% 100%;
  font-family: "CentraleSansCndBold";
}

@media (min-width: 3840px) {
  .person-icon-alert {
    margin-right: var(--spacing-24);
  }
}

.person-icon-alert.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzUgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+YWxsZXJnaWVzIC0gdW5kZWNsYXJlZDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYXRpZW50LUJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iT3ZlcnZpZXciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjk3LjAwMDAwMCwgLTMxNi4wMDAwMDApIj4gICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NS4wMDAwMDAsIDEwMC4wMDAwMDApIiBpZD0icGF0aWVudGJhciI+ICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxODcuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYWxsZXJnaWVzLS0tdW5kZWNsYXJlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwMi4wMDAwMDAsIDI5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzk5OTk5OSIgcG9pbnRzPSIxNy41IDAgMCAzMiAzNSAzMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjE5IDI3IDE2IDI3IDE2IDI0IDE5IDI0Ij48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiMzMzMzMzMiIHBvaW50cz0iMTYgMjIgMTYgMTEgMTkgMTEgMTkgMjIiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.person-icon-alert.notchecked {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMzcgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+YWxsZXJnaWVzIC0gbm90IGNoZWNrZWQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGF0aWVudC1CYXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ik92ZXJ2aWV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI5Ni4wMDAwMDAsIC0zMTYuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAxMDAuMDAwMDAwKSIgaWQ9InBhdGllbnRiYXIiPiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFsbGVyZ2llcy0tLW5vdC1jaGVja2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAzLjAwMDAwMCwgMzEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSIxNi41IDAgMCAzMCAzMyAzMCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBmaWxsPSIjOTk5OTk5IiBwb2ludHM9IjE4IDI2IDE1IDI2IDE1IDIzIDE4IDIzIj48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiM5OTk5OTkiIHBvaW50cz0iMTUgMjEgMTUgMTAgMTggMTAgMTggMjEiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.person-icon-alert:after {
  content: attr(data-alert-count);
  display: inline-block;
  position: absolute;
  top: 0;
  left: var(--spacing-24);
  font-size: var(--font-size-subtitle);
  color: #f0bb29;
}

.person-score-alert {
  position: relative;
  margin-top: 17px;
  margin-right: var(--spacing-24);
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 0.2em;
  background-color: #FF8370;
  width: 46px;
  height: 28px;
  font-family: "CentraleSansCndBold";
  font-size: 22px;
}

.person-score-alert:after {
  content: attr(person-score-alert);
  display: inline-block;
  font-size: 20px;
  color: #212121;
}

.person-score-item-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 28px;
}

.person-score-item {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 0.2em;
  background-color: transparent;
  width: 34px;
  height: 22px;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-subtitle);
}

.person-icon-score {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzUgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+d2FybmluZyBpY29uPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhdGllbnQtQmFyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJPdmVydmlldyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOTcuMDAwMDAwLCAtMzE2LjAwMDAwMCkiPiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk1LjAwMDAwMCwgMTAwLjAwMDAwMCkiIGlkPSJwYXRpZW50YmFyIj4gICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE4Ny4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhbGxlcmdpZXMtLS13YXJuaW5nIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAyLjAwMDAwMCwgMjUuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Indhcm5pbmctaWNvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iI0YwQkIyOSIgcG9pbnRzPSIxNy41IDAgMCAzMiAzNSAzMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iIzMzMzMzMyIgcG9pbnRzPSIxOSAyNyAxNiAyNyAxNiAyNCAxOSAyNCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aCIgZmlsbD0iIzMzMzMzMyIgcG9pbnRzPSIxNiAyMiAxNiAxMSAxOSAxMSAxOSAyMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  margin-right: 28px;
  background-size: 100% 100%;
  font-family: "CentraleSansCndBold";
}

.person-icon-score.disabled {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzVweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzUgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+YWxsZXJnaWVzIC0gdW5kZWNsYXJlZDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYXRpZW50LUJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iT3ZlcnZpZXciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjk3LjAwMDAwMCwgLTMxNi4wMDAwMDApIj4gICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NS4wMDAwMDAsIDEwMC4wMDAwMDApIiBpZD0icGF0aWVudGJhciI+ICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxODcuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYWxsZXJnaWVzLS0tdW5kZWNsYXJlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwMi4wMDAwMDAsIDI5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzk5OTk5OSIgcG9pbnRzPSIxNy41IDAgMCAzMiAzNSAzMiI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjE5IDI3IDE2IDI3IDE2IDI0IDE5IDI0Ij48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiMzMzMzMzMiIHBvaW50cz0iMTYgMjIgMTYgMTEgMTkgMTEgMTkgMjIiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.person-icon-score.notchecked {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzdweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMzcgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+YWxsZXJnaWVzIC0gbm90IGNoZWNrZWQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGF0aWVudC1CYXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ik92ZXJ2aWV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI5Ni4wMDAwMDAsIC0zMTYuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAxMDAuMDAwMDAwKSIgaWQ9InBhdGllbnRiYXIiPiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImFsbGVyZ2llcy0tLW5vdC1jaGVja2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAzLjAwMDAwMCwgMzEuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSIxNi41IDAgMCAzMCAzMyAzMCI+PC9wb2x5Z29uPiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBmaWxsPSIjOTk5OTk5IiBwb2ludHM9IjE4IDI2IDE1IDI2IDE1IDIzIDE4IDIzIj48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIGZpbGw9IiM5OTk5OTkiIHBvaW50cz0iMTUgMjEgMTUgMTAgMTggMTAgMTggMjEiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
}

.person-icon-score:after {
  content: attr(data-alert-count);
  display: inline-block;
  position: absolute;
  top: 0;
  left: var(--spacing-24);
  font-size: var(--font-size-subtitle);
  color: #f0bb29;
}

.person-icon-finder {
  display: inline-block;
  width: var(--sizing-24);
  height: var(--sizing-24);
  margin: 0 auto;
  background: no-repeat center url(data:image/svg+xml;base64,PHN2ZyBpZD0ic2VhcmNoIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4yNCAyNC4xNCI+PHRpdGxlPnNlYXJjaDwvdGl0bGU+PHBhdGggaWQ9Imljb24iIGQ9Ik0yNS4wNywyMi40OWwtOC44Mi04LjgyYTguMzYsOC4zNiwwLDEsMC0yLjQ2LDIuNWw4LjgsOC44Wk03LjYsMTQuOTJBNS44Nyw1Ljg3LDAsMSwxLDE0LjkxLDExaDBBNS44Nyw1Ljg3LDAsMCwxLDcuNiwxNC45MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgzIC0wLjgzKSIgZmlsbD0iI2Q4ZDhkOCIvPjwvc3ZnPg==);
}

.person-icon-back-bkg {
  width: 32px;
  height: 44px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 auto;
  /*rtl:begin:remove*/
  background: no-repeat center url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA5IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPlBhdGggNDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYXRpZW50LUJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iT3ZlcnZpZXciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDkuMDAwMDAwLCAtMzI1LjAwMDAwMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjRDlEOUQ5Ij4gICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NS4wMDAwMDAsIDEwMC4wMDAwMDApIiBpZD0icGF0aWVudGJhciI+ICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxODcuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYmFjay10by1saXN0LS0tdnJzMSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTQiIHBvaW50cz0iMjIgMzkgMTYgNDUuMDE0OTE3OCAyMS44NzIyOTk4IDUxIj48L3BvbHlsaW5lPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  /*rtl:end:remove*/
  /*rtl:raw:
  background: no-repeat center url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCA5IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPlBhdGggNDwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYXRpZW50LUJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iT3ZlcnZpZXciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDkuMDAwMDAwLCAtMzI1LjAwMDAwMCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjRDlEOUQ5Ij4gICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NS4wMDAwMDAsIDEwMC4wMDAwMDApIiBpZD0icGF0aWVudGJhciI+ICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxODcuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYmFjay10by1saXN0LS0tdnJzMSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoLTQiIHBvaW50cz0iMTYgMzkgMjIgNDUuMDE0OTE3OCAxNiA1MSI+PC9wb2x5bGluZT4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  */
  cursor: pointer;
}

.person-icon-back-bkg .person-icon-back {
  width: 12px;
  height: 12px;
  transform: rotate(270deg);
}

.person-icon-isolation {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDRweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgNDQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+cGF0aWVudCBpbiBpc29sYXRpb248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGF0aWVudC1CYXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ik92ZXJ2aWV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIyNi4wMDAwMDAsIC0zMTAuMDAwMDAwKSI+ICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTUuMDAwMDAwLCAxMDAuMDAwMDAwKSIgaWQ9InBhdGllbnRiYXIiPiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InBhdGllbnQtaW4taXNvbGF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTMyLjAwMDAwMCwgMjQuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLDQyIEMzMi41OTc5Nzk3LDQyIDQyLDMyLjU5Nzk3OTcgNDIsMjEgQzQyLDE0LjU5ODQzNjkgMzkuMTM1NjMzNyw4Ljg2NTg4MjQ0IDM0LjYxODYzOTksNS4wMTQwNzUyMSBDMzAuOTUyMDA3LDEuODg3NDAyMDYgMjYuMTk2NDE2NywwIDIxLDAgQzkuNDAyMDIwMjUsMCAwLDkuNDAyMDIwMjUgMCwyMSBDMCwzMi41OTc5Nzk3IDkuNDAyMDIwMjUsNDIgMjEsNDIgWiIgaWQ9Ik92YWwtMiIgc3Ryb2tlPSIjRjBCQjI5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjIsNCI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMSwxMC44MTgxODE4IEMyMi42MDY2NDY1LDEwLjgxODE4MTggMjMuOTA5MDkwOSw5LjUxNTczNzQ1IDIzLjkwOTA5MDksNy45MDkwOTA5MSBDMjMuOTA5MDkwOSw2LjMwMjQ0NDM2IDIyLjYwNjY0NjUsNSAyMSw1IEMxOS4zOTMzNTM1LDUgMTguMDkwOTA5MSw2LjMwMjQ0NDM2IDE4LjA5MDkwOTEsNy45MDkwOTA5MSBDMTguMDkwOTA5MSw5LjUxNTczNzQ1IDE5LjM5MzM1MzUsMTAuODE4MTgxOCAyMSwxMC44MTgxODE4IEwyMSwxMC44MTgxODE4IFogTTI0LjYzNjM2MzYsMTIuMjcyNzI3MyBMMTcuMzYzNjM2NCwxMi4yNzI3MjczIEMxNC45NTM2NjY1LDEyLjI3MjcyNzMgMTMsMTQuMjI2MzkzOCAxMywxNi42MzYzNjM2IEwxMywyMy45MDkwOTA5IEwxNS45MDkwOTA5LDIzLjkwOTA5MDkgTDE1LjkwOTA5MDksMTYuNjM2MzYzNiBDMTUuOTA5MDkwOSwxNi4yMzQ3MDIgMTYuMjM0NzAyLDE1LjkwOTA5MDkgMTYuNjM2MzYzNiwxNS45MDkwOTA5IEMxNy4wMzgwMjUzLDE1LjkwOTA5MDkgMTcuMzYzNjM2NCwxNi4yMzQ3MDIgMTcuMzYzNjM2NCwxNi42MzYzNjM2IEwxNy4zNjM2MzY0LDM3IEwyMC4yNzI3MjczLDM3IEwyMC4yNzI3MjczLDI0LjYzNjM2MzYgQzIwLjI3MjcyNzMsMjQuMjM0NzAyIDIwLjU5ODMzODQsMjMuOTA5MDkwOSAyMSwyMy45MDkwOTA5IEMyMS40MDE2NjE2LDIzLjkwOTA5MDkgMjEuNzI3MjcyNywyNC4yMzQ3MDIgMjEuNzI3MjcyNywyNC42MzYzNjM2IEwyMS43MjcyNzI3LDM3IEwyNC42MzYzNjM2LDM3IEwyNC42MzYzNjM2LDE2LjYzNjM2MzYgQzI0LjYzNjM2MzYsMTYuMjM0NzAyIDI0Ljk2MTk3NDcsMTUuOTA5MDkwOSAyNS4zNjM2MzY0LDE1LjkwOTA5MDkgQzI1Ljc2NTI5OCwxNS45MDkwOTA5IDI2LjA5MDkwOTEsMTYuMjM0NzAyIDI2LjA5MDkwOTEsMTYuNjM2MzYzNiBMMjYuMDkwOTA5MSwyMy45MDkwOTA5IEwyOSwyMy45MDkwOTA5IEwyOSwxNi42MzYzNjM2IEMyOSwxNC4yMjYzOTM4IDI3LjA0NjMzMzUsMTIuMjcyNzI3MyAyNC42MzYzNjM2LDEyLjI3MjcyNzMgTDI0LjYzNjM2MzYsMTIuMjcyNzI3MyBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGMEJCMjkiPjwvcGF0aD4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-size: 100% 100%;
  margin-right: var(--spacing-24);
  width: 30px;
  height: 30px;
  margin-top: 17px;
}

.person-icon-standard-precaution {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI0NHB4IiBoZWlnaHQ9IjQ0cHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5zdGFuZGFyZC1wcmVjYXV0aW9uPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0ic3RhbmRhcmQtcHJlY2F1dGlvbiIgZmlsbD0iI0YwQkIyOSI+ICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMDAwMDAwLCA2LjAwMDAwMCkiIGlkPSJTaGFwZSI+ICAgICAgICAgICAgICAgIDxnPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTgsNS44MTgxODE4MiBDOS42MDY2NDY1NCw1LjgxODE4MTgyIDEwLjkwOTA5MDksNC41MTU3Mzc0NSAxMC45MDkwOTA5LDIuOTA5MDkwOTEgQzEwLjkwOTA5MDksMS4zMDI0NDQzNiA5LjYwNjY0NjU0LDAgOCwwIEM2LjM5MzM1MzQ2LC0xLjYxNDg2OTg1ZS0xNiA1LjA5MDkwOTA5LDEuMzAyNDQ0MzYgNS4wOTA5MDkwOSwyLjkwOTA5MDkxIEM1LjA5MDkwOTA5LDQuNTE1NzM3NDUgNi4zOTMzNTM0Niw1LjgxODE4MTgyIDgsNS44MTgxODE4MiBMOCw1LjgxODE4MTgyIFogTTExLjYzNjM2MzYsNy4yNzI3MjcyNyBMNC4zNjM2MzYzNiw3LjI3MjcyNzI3IEMxLjk1MzY2NjU1LDcuMjcyNzI3MjcgMCw5LjIyNjM5MzgyIDAsMTEuNjM2MzYzNiBMMCwxOC45MDkwOTA5IEwyLjkwOTA5MDkxLDE4LjkwOTA5MDkgTDIuOTA5MDkwOTEsMTEuNjM2MzYzNiBDMi45MDkwOTA5MSwxMS4yMzQ3MDIgMy4yMzQ3MDIsMTAuOTA5MDkwOSAzLjYzNjM2MzY0LDEwLjkwOTA5MDkgQzQuMDM4MDI1MjcsMTAuOTA5MDkwOSA0LjM2MzYzNjM2LDExLjIzNDcwMiA0LjM2MzYzNjM2LDExLjYzNjM2MzYgTDQuMzYzNjM2MzYsMzIgTDcuMjcyNzI3MjcsMzIgTDcuMjcyNzI3MjcsMTkuNjM2MzYzNiBDNy4yNzI3MjcyNywxOS4yMzQ3MDIgNy41OTgzMzgzNiwxOC45MDkwOTA5IDgsMTguOTA5MDkwOSBDOC40MDE2NjE2NCwxOC45MDkwOTA5IDguNzI3MjcyNzMsMTkuMjM0NzAyIDguNzI3MjcyNzMsMTkuNjM2MzYzNiBMOC43MjcyNzI3MywzMiBMMTEuNjM2MzYzNiwzMiBMMTEuNjM2MzYzNiwxMS42MzYzNjM2IEMxMS42MzYzNjM2LDExLjIzNDcwMiAxMS45NjE5NzQ3LDEwLjkwOTA5MDkgMTIuMzYzNjM2NCwxMC45MDkwOTA5IEMxMi43NjUyOTgsMTAuOTA5MDkwOSAxMy4wOTA5MDkxLDExLjIzNDcwMiAxMy4wOTA5MDkxLDExLjYzNjM2MzYgTDEzLjA5MDkwOTEsMTguOTA5MDkwOSBMMTYsMTguOTA5MDkwOSBMMTYsMTEuNjM2MzYzNiBDMTYsOS4yMjYzOTM4MiAxNC4wNDYzMzM1LDcuMjcyNzI3MjcgMTEuNjM2MzYzNiw3LjI3MjcyNzI3IEwxMS42MzYzNjM2LDcuMjcyNzI3MjcgWiI+PC9wYXRoPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  background-size: 100% 100%;
  margin-right: var(--spacing-28);
  width: 30px;
  height: 30px;
  margin-top: 17px;
}

.person-expander {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 23px 8px 23px 0px;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .person-expander {
    padding: 46px 16px 46px 0px;
  }
}

.fix-expander {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 19px 8px 23px 0px;
  cursor: pointer;
}

@media (min-width: 3840px) {
  .fix-expander {
    padding: 46px 16px 46px 0px;
  }
}

.person-fixed-expander-icon {
  width: var(--sizing-36);
  height: var(--sizing-36);
  display: block;
}

.person-expander-icon {
  width: var(--sizing-16);
  height: var(--sizing-16);
  display: block;
  transition: .3s;
}

.person-expander-icon.rotate {
  transform: rotate(180deg);
}

.person-bar-fields {
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #ffffff;
}

.person-bar-image-container {
  width: var(--sizing-content-person-bar);
  height: var(--sizing-content-person-bar);
  margin-right: var(--spacing-16);
  position: relative;
  text-align: center;
}

.person-bar-image-container:hover .person-bar-image-container-hover, .person-bar-image-container.person-bar-image-container-notloaded:hover .person-bar-image-container-hover {
  opacity: 1;
  transition: opacity 0.3s;
}

.person-bar-image-container.person-bar-image-container-notloaded {
  border: 1px dashed #808080;
  border-radius: 3px;
}

.person-bar-image-container.person-bar-image-container-notloaded .person-bar-image-container-hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}

.person-bar-image-container img {
  border-radius: 3px;
  width: var(--sizing-content-person-bar);
  height: var(--sizing-content-person-bar);
}

.person-bar-image-container-hover {
  background: rgba(51, 51, 51, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.person-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  margin-right: calc(var(--spacing-28) - var(--spacing-12));
}

.person-info .person-info-icon-container {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  height: 18px;
  top: calc(var(--spacing-8) * -1);
}

.person-info .person-info-icon-container > div {
  margin-right: 4px;
}

.person-info .person-info-icon-container.has-translated-name ~ .person-info-default {
  padding-top: 0;
  margin-top: 8px;
}

@media (min-width: 3840px) {
  .person-info .person-info-icon-container.has-translated-name ~ .person-info-default {
    margin-top: 0;
  }
}

.person-info-container {
  display: -ms-flexbox;
  display: flex;
  padding: var(--spacing-8) 0;
  height: var(--sizing-person-bar);
  position: relative;
}

.person-info-bottom {
  height: 64px;
  padding-top: 8px;
  display: -ms-flexbox;
  display: flex;
}

.tasy-personbar-field {
  -ms-flex: 0;
      flex: 0;
  height: var(--sizing-64);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 var(--spacing-12);
}

@media (min-width: 3840px) {
  .tasy-personbar-field {
    height: 128px;
  }
}

.person-bar-field {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

.person-bar-field-label {
  color: #999999;
  font-family: "CentraleSansCndBook";
  white-space: nowrap;
  padding-bottom: var(--spacing-4);
  letter-spacing: .2px;
  line-height: var(--font-size-subtitle);
}

.person-bar-field-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  font-family: "CentraleSansCndBook";
  -ms-flex-align: center;
      align-items: center;
  height: var(--sizing-24);
}

.person-bar-field-info .w-infoicon-person-bar-field-gender .w-attr-container__info {
  visibility: visible;
  display: inline-block;
  margin: 0px 7px;
}

.person-bar-field-info-text {
  font-size: var(--font-size-subtitle);
  letter-spacing: .1px;
  line-height: 1;
  white-space: nowrap;
}

.person-bar-field-info-text #info {
  display: inline-block;
  max-width: 200px;
}

.popover-person-bar-field-gender .ngdialog-content .popover-box-container {
  padding: var(--spacing-16);
}

.popover-person-bar-field-gender .ngdialog-content .popover-box-container p {
  line-height: 20px;
}

.person-bar-field-info-text-input {
  font-size: var(--font-size-subtitle);
  height: 20px;
  width: 100%;
  margin: 2px 0;
  border: none;
  background-color: #595959;
  color: #ffffff;
  padding: 2px 0 0 4px;
}

.person-bar-field-info-text-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  height: var(--spacing-8);
}

@media (min-width: 3840px) {
  .person-bar-field-info-text-privacy {
    margin-top: 0;
  }
}

.person-bar-field-info-text-show-obscured {
  cursor: pointer;
}

.person-info-contacts-btn {
  width: 160px;
  height: 40px;
  margin: 0 28px 0 28px;
  font-size: var(--font-size-subtitle);
}

.person-info-default {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndLight";
  max-width: 200px;
  display: inline-block;
}

.person-info-default.has-translated-name {
  padding-top: var(--spacing-8);
}

.person-info-legal-name {
  font-size: var(--font-size-header-7);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndLight";
  max-width: 200px;
  display: -ms-flexbox;
  display: flex;
}

.person-info-legal-name .person-info-legal-name-span {
  padding-left: 5px;
}

.person-info-legal-name .person-info-legal-name-label {
  color: #999999;
}

.person-info-legal-name.has-translated-name {
  padding-top: var(--spacing-4);
}

.person-info-main-privacy {
  background: #BDBDBD;
  width: 100%;
  height: var(--spacing-8);
  width: 90px;
}

.person-info-translated {
  padding-top: 3px;
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  color: rgba(255, 255, 255, 0.64);
}

.person-info-translated.person-info-translated-privacy {
  display: none;
}

.person-info-message {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBook";
}

.person-info-telephone {
  padding-left: 40px;
  padding-top: 4px;
  font-size: 28px;
}

.expander-image {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDI2MCAxMDAwIDEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEgMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRDlEOUQ5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMS44LCAxMy45IDcuOCwgNy45IDEzLjgsIDEzLjkgCSIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNEOUQ5RDkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIxLjgsIDcuOSA3LjgsICAxLjkgMTMuOCwgNy45IAkiLz4NCjwvZz4NCjwvc3ZnPg0K");
}

.person-bar-allergies {
  color: #FACD52;
}

.person-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
      align-items: center;
  z-index: 1;
}

.person-item .default-icon-hide {
  display: none;
}

.person-item-back {
  width: var(--sizing-28);
}

.person-important-info .person-bar-field-label {
  color: #ca75ff;
}

.person-important-info .person-bar-field-info-text {
  color: #ca75ff;
}

.person-hospitalout {
  padding-top: 0;
  padding-bottom: 0;
  color: #999999;
  font-size: var(--font-size-header-5);
  font-family: "CentraleSansCndBookItalic";
}

.schematic-tasy-personbar {
  margin-bottom: 16px;
  z-index: 4;
}

.tasy-personbar-default {
  z-index: 2;
}

.person-info-image-profile {
  height: 18px;
  width: 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT52ZXJ0aWNhbC1mbGFnLWJsdWU8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iU3RhdHVzLSZhbXA7LUZlZWRiYWNrIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJ2ZXJ0aWNhbC1mbGFnLWJsdWUiPiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAwLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8Zz4gICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTUtQ29weS0yIiBmaWxsPSIjMDdBQ0ZGIiBwb2ludHM9IjAgNi40MTU1NTA1ZS0xNyAwIDE4IDggMTMuNDUwMjIxOSAxNiAxOCAxNiAwIj48L3BvbHlnb24+ICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIxMyA1LjYzMjE0Mjg2IDkuNTU3MTQyODYgNS4xMTQyODU3MSA4IDIgNi40NDI4NTcxNCA1LjExNDI4NTcxIDMgNS42MzIxNDI4NiA1LjQ4MjE0Mjg2IDguMDc1IDQuOTEwNzE0MjkgMTEuNTEwNzE0MyA4IDkuOTA3MTQyODYgMTEuMDg5Mjg1NyAxMS41MTA3MTQzIDEwLjUxNzg1NzEgOC4wNzUiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-position-x: -4px;
}

.person-info-name-ambiguity {
  height: 18px;
  width: 18px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAwCAYAAAEdl6h3AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALKADAAQAAAABAAAAMAAAAABZfp0gAAAH7klEQVRoBc1Za2xUVRCedlvaQltoaREorwJi0QpEIqG8ykMDNBBSjYD8IoCPhKDIH6JCfP4QBQyiUYMQ4EfFgAK+wUKUhzU0UUALpRFKUwlIKW2BPrfbdb7pzuXs7b3tsi3BSWbnnDlz5nx3zpzHvRtBreQJSBUtEVzy5E1Ob1YN5KKjpX0iVfH0kQs0beNOSpv0OFRR+EEPP6im7LxI1vWTFrR+PmUohEUYA+6ymfsFtF6WP6JBGwN68sPNYPZfqhpIdI9BAWjAIIGoFdHwj6BwQtCHG6drL5bndeTuPNhNVrgShyMOY6FDmpNVZHQ3U50kwEyNou4/YQYtOFRMySNHW81W2KAxnyb7nS1tQqnGPhjbnxI6g2RuUY9mjmdGAPEMJrVwpQ6MBpNNI7Ps50oLYERx2JrMFnuZw5bMuhuIhsyd3cBWH8B1D4ztSWqzk2oP/o3QaIhGQ1d+5AANnDJTdGaEgoyllX8qThVSc30dXSv6Q1Ui2xi3NHvpkRVrpDF9Zi55b90gOrop2LjX0AxRREYh5M4TZHmuvlDc0QxKhrc0k79S3Ln/yOrF7MUyD2MewRzHbBJmrob5DPM/MEas0QGxtGBxWQmze4u5ycwLTA6MIeEAbaEQRgcjc8GALHkEB0iPRM6nKyzDJs63dO5cxVyryDAPiWF7vN0xlYuIp0fjBNQYJIhGLnqOxjy/WnTIqt0zM8kTG0fzDxZZdmZKshJhlBC2caY94lL7Wk6hi4rrTvPzz1LG/CVqIjI2OSWorhVXx/UVV2hv7njiDVxsi7/4jH5YPJuGzVmofUXm7jtBqaPHBelQ0VAENWAJzN7+fZAuY8EyAjtRd346Ozk6thvZ67a42pulro5bnzdgEso6dPTWms/ShBhrcjd8fO5arkuHDtU+P+EoqmXG6pMtHOmBNMFSTQgwlixy23VyuQ1kgeIyljJvWuLcKznHFRCcaD5Dmm1ob49wfmAQlX7tbDpSXXuOnNrgGAySewEcAS0mEiHR1RPqAIpUNyA5RuEMThHPON6ErrMMm3gTwhw1Mvs0rtjdeobt8XZHa5+GYzBuHRitsyQ7GzuJUMSabp11bKUoHIMwUXAeGkW4zqsCdd6E1PuCwyUUGdW66gveWkUXf9pHc3f9TPH9B4nJ6a3vU9GOzWoeJBVxkBKVWdu+s5yinrV2I4TlFOVRS1+CcCRXx0nDR7btYAuBz+t+5XJ1XPLljjaOcUX5ZfVSauJ7zM1LZVS4/tU2NqpwdXzyk3VUenCv2LX4fPTVvEdp+NyFlL1uK3WLT6SEtME0/uX3gm616hRS92NTRzk7D1DPIfeLDocozrsn9hdKveDtVZS1pjXeQZ1sFUfE6hS2cGpSRGRoWemI2HRkL1efP9vhLQ99HBHbnYVTd0QcymHZ0WAmYt2kO+rTUbv4Ucc4UmSD7qiXW3vg4gwflmM4xdWzIXDSuvVtV7/lXOUyNsA7rJx72KYQZ+yjvZnvC0jdsF23MbYDwQlOjGrmq8wVzDipm+AUjVj0UIBwN8BVQM8+6NwIfYESfXCvwJsenl5OaaBCrDEIThIwyhp/LroS4qmHKJBjENStd0441wFUsiokgnOwxDYgrUsJnIF0AJWmTgzu8o+CxDBaVik6hFLBQSKsmDMw2rQMvdpxsctJQSGamCKdNi1rlAWUCVTzIobvRJe7HNYdOOQ7FT4bIc+wEJDAkmsACAJolHHPwraOZXevCfc9rDpgAyHKkgIaYUw7rkcA/X8ADAzAolc2SUv8KClwRBpG95qAAVh0/QgeTQlUNPT2shg6/SSNeEhefpMfyCR877le/Ced27Odai+XB5nHJqXQ2JWvU/8J0ykqJpbq+EW6aOeH9Pf+vCA7W8URD5S6I2BXR/4mMifxoitg6Uh9x02maet3OLZB6WtqpAPPzKOa0hLKXPwCPbxkpaMtHnL/U5OooRInTjDxostiDb6m4OTBydHA3GymBNc7Jg9HKHvdtnYNPd1iaOqG1gdKyRzraotba2/j26mrodFwx4B9jQ3kvYkvZe0Tvp+Ajr7yLN0ov+BofPLTd+nSsXzHNjdlWCmBz0yz+c0kYcAQR79XT50g3J5nbMqz3lQuHc+nf3//jbz1tZQ4IJ3Sc56k2F64wBCVHfqWfn3zRT7bcH60kltKmItObV1lPAPEFT7lwTGEt5m/tn9A5UcO8vtCgnyJQk5mLFhKg6bm0Lzdx6jyzEk6tnY5jV+zgdImPibs5HzwjDmEByrL/9qpOUgXMuAe/QbS3LzDVmcPf+jHggK7UW9+sFlbv6Hjr62giW9sdjO7I33IgKPjwj9L6iuvyithe8iqSoraa7baQgZs9Qij0Mx5W3G6MIyebbuEDLjmYgntyRnT1kMImuY6fIPrGgoZsL+lpfXfiq4ZN2wv5j6sd1JIuRmF7bVrOgKDiUm8KmAFCSPcPb3XG32HxOIe/ATGxvsWsACTgpcLD0Cb9wm8kuK/v8Ss1Pj0hUOSlveK8YyKjohIYt1dI6/fX1Xd6Du962LVRwUVt0p5INwhkPz1zHKPYOnDSQc2QeMOiosQgCtDZ76d6sywulOk0UMk8WaBNwwAVAZQ6NAubxwACwIAO3DcR/VOColZgJ3acrHTZKYiAGkaQGpZgHJdbBUwRkbZZBOcgtR2tYcMlwAABKmsuaqRV71KASi9bD/6ICrRbJZt5l1SBSglLatUPf0HcopLONCrLeMAAAAASUVORK5CYII=");
  background-position-x: -4px;
  background-position-y: -4px;
  background-size: 25px 27px;
}

.person-program-info-image {
  height: 18px;
  width: 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT4xLiBTdGF0dXMgYW5kIEZlZWRiYWNrIC8gU2hpZWxkIC8gc2hpZWxkLWdyZWVuPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE5Ljk4NjMxMDUsMTAuOTAzNTYzIEMxOS45ODIyMTE2LDExLjQ3MDMwMzIgMTkuOTM1OTU0OSwxMi4wMzU5NiAxOS44NDc5MjExLDEyLjU5NTg3OTkgQzE5LjU2MzcwNTYsMTQuMzc3NzQwOSAxOC44NDkzMDcxLDE2LjA2NDA0OTcgMTcuNzY2MjMyMywxNy41MDk2MjIzIEMxNi4zODIzMzgsMTkuMzY3MDkwNyAxNC42MTQ0NjE4LDIwLjY5ODAxNzQgMTIuMzcwOTkzOCwyMS4zNzAyODEgQzEyLjEyODkyNTgsMjEuNDQ4MDAxNiAxMS44Njg0ODc4LDIxLjQ0ODAwMTYgMTEuNjI2NDE5NywyMS4zNzAyODEgQzkuNTU1ODYwOTcsMjAuNzUyNTkyIDcuNzM2ODg1NCwxOS40OTI3NDQyIDYuNDMzODkyNTQsMTcuNzczODY0NiBDNC44NDk0MjQyLDE1Ljc4NTYyMTEgMy45OTIwOTQyLDEzLjMxODQyODQgNC4wMDMxOTc4NCwxMC43NzkyMTM2IEw0LjAwMzE5Nzg0LDguNTM3MDM5NCBDNC4wMDMxOTc4NCw3LjYwNDQxOTI2IDQuMDAzMTk3ODQsMy45MzUyMTA3NSA0LjAwMzE5Nzg0LDMgQzMuOTg5MTkwNzYsMi45MDY1MjU4IDkuMzIxNDU4MTQsMi45MDY1MjU4IDIwLDMgQzIwLjAwMzg2OCw3LjExNjIxOTg4IDE5Ljk5OTMwNDgsOS43NTA3NDA4OCAxOS45ODYzMTA1LDEwLjkwMzU2MyBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPGZpbHRlciB4PSItMjUuMCUiIHk9Ii0xMC44JSIgd2lkdGg9IjE1MC4wJSIgaGVpZ2h0PSIxNDMuMiUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIwIiBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC41IDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSIxLi1TdGF0dXMtYW5kLUZlZWRiYWNrLS8tU2hpZWxkLS8tc2hpZWxkLWdyZWVuIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iUGF0aCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHVzZSBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIxIiBmaWx0ZXI9InVybCgjZmlsdGVyLTIpIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjM0ZCNzYzIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L2c+CiAgICAgICAgPHBhdGggZD0iTTEzLjMzMzMzMzMsOS42NjY2NjY2NyBMMTYsOS42NjY2NjY2NyBMMTYsMTIuMzMzMzMzMyBMMTMuMzMzMzMzMywxMi4zMzMzMzMzIEwxMy4zMzMzMzMzLDE1IEwxMC42NjY2NjY3LDE1IEwxMC42NjY2NjY3LDEyLjMzMzMzMzMgTDgsMTIuMzMzMzMzMyBMOCw5LjY2NjY2NjY3IEwxMC42NjY2NjY3LDkuNjY2NjY2NjcgTDEwLjY2NjY2NjcsNyBMMTMuMzMzMzMzMyw3IEwxMy4zMzMzMzMzLDkuNjY2NjY2NjcgWiIgaWQ9IlJlY3RhbmdsZS0zIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-position-x: -4px;
  background-position-y: -4px;
}

.person-program-alert-48-margin {
  margin-left: 48px;
}

.person-program-info-24-margin {
  margin-left: 24px;
}

.person-program-alert-image {
  height: 18px;
  width: 18px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMCAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPHRpdGxlPjEuIFN0YXR1cyBhbmQgRmVlZGJhY2sgLyBBbGVydC8gZGVjbGFyZWRAMXg8L3RpdGxlPiAgICA8ZGVmcz4gICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iMCAwIDAgMTQuOTk5MDc1NSA4IDE4IDE2IDE0Ljk5OTA3NTUgMTYgMCI+PC9wb2x5Z29uPiAgICAgICAgPGZpbHRlciB4PSItMjUuMCUiIHk9Ii0xMS4xJSIgd2lkdGg9IjE1MC4wJSIgaGVpZ2h0PSIxNDQuNCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0yIj4gICAgICAgICAgICA8ZmVPZmZzZXQgZHg9IjAiIGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSI+PC9mZUdhdXNzaWFuQmx1cj4gICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC41IDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4gICAgICAgIDwvZmlsdGVyPiAgICA8L2RlZnM+ICAgIDxnIGlkPSJQYXRpZW50LUJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTcuMDAwMDAwLCAtMTE3MC4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0iUGF0aWVudGJhci0tYWxlcnRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NjIuMDAwMDAwLCAxMTMxLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0icGF0aWVudC1wcm9ncmFtIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJwYXRpZW50LWltZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSIxLi1TdGF0dXMtYW5kLUZlZWRiYWNrLS8tQWxlcnQvLWFsZXJ0LXllbGxvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMuMDAwMDAwLCAxMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgMy4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYXRoLTUtQ29weS0yIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjEiIGZpbHRlcj0idXJsKCNmaWx0ZXItMikiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iI0Y3Q0MwNSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjY2NTQ3MzAyLDExLjYgQzQuMTE0NjcxNDYsMTEuNiAzLjg2MDEyMjg1LDExLjE5NTAwMTEgNC4wNzcyNTUwNiwxMC42ODg2NzM2IEM0LjA3NzI1NTA2LDEwLjY4ODY3MzYgNC44OTY3Myw5LjIwNDU3ODc2IDQuODk2NzMsNy4yMzg4NjQ0NyBMNC44OTgxNTgxOCw3LjIwNTQyOTggQzQuOTQxODEyNDEsNS43NjE5NzY3IDUuOTgxNDA2NzksNC41Njg5NTQzMyA3LjM1MzE0NTA5LDQuMjkwMTU4OTUgTDcuMzUzODcyODUsMy42MjAwNDA4OSBDNy4zNTM4NzI4NSwzLjMwODczMjU5IDcuNTg5MzY2MjMsMy4wNTEwMDg4OSA3Ljg3OTYyMDI3LDMuMDA2NzIyODQgTDcuOTY4MTU4NTcsMyBDOC4zMDc0MTkyLDMgOC41ODI0NDQyOCwzLjI4MTg2NTUzIDguNTgyNDQ0MjgsMy42MjAwNDA4OSBMOC41ODI2NDczNyw0LjI5MDA1MjM2IEM5Ljk4NDQ5MzgxLDQuNTc0NzExMTggMTEuMDM5NTg3MSw1LjgxNDE0MDQ3IDExLjAzOTU4NzEsNy4zIEwxMS4wMzYsNy4yMDUgTDExLjAzOTU4NzEsNy4yMzg4NjQ0NyBDMTEuMDM5NTg3MSw5LjEyNTk1MDE4IDExLjc5NDgxNTIsMTAuNTY5MTc1NSAxMS44NTUyMzM1LDEwLjY4MTYxNDIgQzEyLjA3NjE5NDMsMTEuMTk1MDAxMSAxMS44MjE2NDU3LDExLjYgMTEuMjcwODQ0MSwxMS42IEwxMS4yNzA4NDQxLDExLjYgTDkuMTk2NzMsMTEuNiBDOS4xOTY3MywxMi4yNzg1MjEzIDguNjQ2Njc5ODMsMTIuODI4NTcxNCA3Ljk2ODE1ODU3LDEyLjgyODU3MTQgQzcuMjg5NjM3MywxMi44Mjg1NzE0IDYuNzM5NTg3MTQsMTIuMjc4NTIxMyA2LjczOTU4NzE0LDExLjYgTDYuNzM5NTg3MTQsMTEuNiBMNC42NjU0NzMwMiwxMS42IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZDRkZGOSI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
  cursor: pointer;
}

.person-program-alert-image-disabled {
  height: 18px;
  width: 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPHRpdGxlPjEuIFN0YXR1cyBhbmQgRmVlZGJhY2sgLyBBbGVydC8gdW5kZWNsYXJlZDwvdGl0bGU+ICAgIDxnIGlkPSJQYXRpZW50LUJhciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iQnVpbGRpbmctU3BlY3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMTQ4NC4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0icGF0aWVudGJhci1hbGVydHNfdW5kZWNsYXJlZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYyLjAwMDAwMCwgMTQ0NS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPGcgaWQ9InBhdGllbnQtcHJvZ3JhbSI+ICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icGF0aWVudC1pbWciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyNi4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iMS4tU3RhdHVzLWFuZC1GZWVkYmFjay0vLUFsZXJ0Ly1kaXNhYmxlZC1hbGVydCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMuMDAwMDAwLCAxMC4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtNS1Db3B5LTIiIGZpbGw9IiM5OTk5OTkiIHBvaW50cz0iNCAzIDQgMTcuOTk5MDc1NSAxMiAyMSAyMCAxNy45OTkwNzU1IDIwIDMiPjwvcG9seWdvbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNjY1NDczMDIsMTQuNiBDOC4xMTQ2NzE0NiwxNC42IDcuODYwMTIyODUsMTQuMTk1MDAxMSA4LjA3NzI1NTA2LDEzLjY4ODY3MzYgQzguMDc3MjU1MDYsMTMuNjg4NjczNiA4Ljg5NjczLDEyLjIwNDU3ODggOC44OTY3MywxMC4yMzg4NjQ1IEw4Ljg5ODE1ODE4LDEwLjIwNTQyOTggQzguOTQxODEyNDEsOC43NjE5NzY3IDkuOTgxNDA2NzksNy41Njg5NTQzMyAxMS4zNTMxNDUxLDcuMjkwMTU4OTUgTDExLjM1Mzg3MjksNi42MjAwNDA4OSBDMTEuMzUzODcyOSw2LjMwODczMjU5IDExLjU4OTM2NjIsNi4wNTEwMDg4OSAxMS44Nzk2MjAzLDYuMDA2NzIyODQgTDExLjk2ODE1ODYsNiBDMTIuMzA3NDE5Miw2IDEyLjU4MjQ0NDMsNi4yODE4NjU1MyAxMi41ODI0NDQzLDYuNjIwMDQwODkgTDEyLjU4MjY0NzQsNy4yOTAwNTIzNiBDMTMuOTg0NDkzOCw3LjU3NDcxMTE4IDE1LjAzOTU4NzEsOC44MTQxNDA0NyAxNS4wMzk1ODcxLDEwLjMgTDE1LjAzNiwxMC4yMDUgTDE1LjAzOTU4NzEsMTAuMjM4ODY0NSBDMTUuMDM5NTg3MSwxMi4xMjU5NTAyIDE1Ljc5NDgxNTIsMTMuNTY5MTc1NSAxNS44NTUyMzM1LDEzLjY4MTYxNDIgQzE2LjA3NjE5NDMsMTQuMTk1MDAxMSAxNS44MjE2NDU3LDE0LjYgMTUuMjcwODQ0MSwxNC42IEwxNS4yNzA4NDQxLDE0LjYgTDEzLjE5NjczLDE0LjYgQzEzLjE5NjczLDE1LjI3ODUyMTMgMTIuNjQ2Njc5OCwxNS44Mjg1NzE0IDExLjk2ODE1ODYsMTUuODI4NTcxNCBDMTEuMjg5NjM3MywxNS44Mjg1NzE0IDEwLjczOTU4NzEsMTUuMjc4NTIxMyAxMC43Mzk1ODcxLDE0LjYgTDEwLjczOTU4NzEsMTQuNiBMOC42NjU0NzMwMiwxNC42IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzMzMzMzMyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  cursor: pointer;
}

.person-patient-alerts.disabled h4 {
  font-size: var(--font-size-body);
  color: #808080;
  margin-bottom: 0;
  font-weight: normal;
}

.person-patient-alerts h4 {
  font-size: var(--font-size-header-5);
  color: #333;
  margin-bottom: 7px;
  padding: 0 5px;
}

.person-patient-alerts h5 {
  color: #808080;
  font-weight: normal;
  padding: 4px 5px 1px;
  min-width: 175px;
  cursor: pointer;
}

.person-patient-alerts h5.person-patient-alerts__disabled {
  color: #333;
  font-weight: 600;
  font-size: var(--font-size-subtitle);
  cursor: default;
}

.person-patient-alerts h5 span {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) no-repeat;
  width: 16px;
  height: 18px;
  display: inline-block;
  color: #808080;
  background-position: center;
  float: right;
}

.person-patient-alerts h5.is-colapsed {
  font-weight: 600;
  color: #333;
  background: #deeaff;
}

.person-patient-alerts h5.is-colapsed span {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) no-repeat;
  background-position: center;
}

.person-patient-alerts .person-patient-alerts__content {
  color: #333;
  padding: 5px 5px 0;
}

.person-patient-alerts .person-patient-alerts__content span {
  padding: 1px 0 6px;
  display: block;
}

.person-patient-alerts .person-patient-alerts__content span.person-patient-alerts__see-more {
  color: #52b6f3;
  text-align: right;
  font-weight: 600;
  padding-top: 5px;
  cursor: pointer;
}

.person-info-text {
  color: #333333;
  font-size: var(--font-size-body);
  text-align: center;
  font-family: "CentraleSansCndBook";
  max-width: 400px;
  max-height: 500px;
}

.person-info-popover {
  padding: 1px;
  padding-bottom: 1px;
  position: relative;
  overflow: auto;
}

.person-patient-warnings.disabled h4,
.person-patient-warnings.disabled h5 {
  opacity: 0.8;
}

.person-patient-warnings h4 {
  font-size: var(--font-size-subtitle);
  color: #333;
  margin-bottom: var(--spacing-12);
  padding: 0 var(--spacing-4);
}

.person-patient-warnings h5 {
  font-size: var(--font-size-body);
  font-weight: normal;
  padding: var(--spacing-4);
  min-width: 200px;
}

.person-patient-warnings span {
  padding: 1px 0 var(--spacing-4);
  display: block;
}

.person-patient-warnings span.person-patient-warnings__anesthesia__see_more, .person-patient-warnings span.person-patient-warnings__other-information__see_more {
  color: #52b6f3;
  text-align: right;
  font-weight: 600;
  padding-top: var(--spacing-4);
  cursor: pointer;
}

@media (min-width: 3840px) {
  .person-patient-warnings span {
    padding: 2px 0 12px;
  }
  .person-patient-warnings span.person-patient-warnings__anesthesia__see_more {
    padding-top: 10px;
  }
}

.dark-skin .person-patient-warnings h4,
.dark-skin .person-patient-warnings h5 {
  color: var(--color-white);
}

@media (min-width: 3840px) {
  .person-score-alert {
    width: 80px;
    height: 49px;
    margin-top: 40px;
  }
  .person-score-alert:after {
    font-size: 36px;
  }
  .person-info-container {
    padding: var(--spacing-12) 0;
  }
  .person-icon-alert {
    margin-top: 32px;
    height: 60px;
    width: 60px;
  }
  .person-icon-standard-precaution,
  .person-icon-isolation {
    margin-top: 26px;
    height: 80px;
    width: 80px;
  }
  .person-info .person-info-icon-container {
    height: 40px;
    top: calc(var(--spacing-12) * -1);
  }
  .person-info .person-info-icon-container .person-info-image-profile,
  .person-info .person-info-icon-container .person-program-info-image,
  .person-info .person-info-icon-container .person-program-alert-image-disabled {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 44px;
    width: 42px;
  }
  .person-info .person-info-icon-container .person-info-name-ambiguity,
  .person-info .person-info-icon-container .person-program-alert-image {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 44px;
    width: 44px;
  }
  .person-bar-field-info-text #info {
    max-width: 400px;
  }
  .person-info-default {
    font-size: 40px;
    max-width: 485px;
  }
  .person-bar-field-info-text-input {
    height: 40px;
  }
  .person-items.locator-enabled:hover .inline-edit-link {
    background-size: 100%;
    width: 30px;
  }
}

.wfilter, .wstd-locator__filter {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: 100%;
  padding: var(--spacing-16) var(--spacing-28) var(--spacing-16) var(--spacing-16);
  background-color: #f2f2f2;
  z-index: 1;
}

.wfilter .title, .wstd-locator__filter .title {
  margin-bottom: 28px;
}

.wfilter-top {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 16px;
  margin-right: 28px;
}

.wfilter-title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.wfilter-bottom {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 16px;
}

.wfilter-button {
  margin-left: 16px;
}

.wfilter-options {
  display: inline-block;
  position: relative;
}

.wfilter-options > .wpopupmenu {
  display: block;
}

.wfilter-options-button:after {
  content: "";
  border: 4px solid transparent;
  border-bottom-color: #0096ed;
  margin-left: 3px;
  margin-top: -4px;
  vertical-align: middle;
  display: inline-block;
}

.wfilter .wfilter-modal--advanced .filter-dimensions-area, .wstd-locator__filter .wfilter-modal--advanced .filter-dimensions-area {
  height: 75px;
}

.wfilter .w-mdetail, .wstd-locator__filter .w-mdetail {
  background-color: transparent;
}

.wfilter .w-mdetail .w-mdetail__container, .wstd-locator__filter .w-mdetail .w-mdetail__container {
  padding-left: 0px;
}

.wstandardlocator-dialog {
  max-width: inherit;
  white-space: normal;
}

.wstandardlocator-dialog__tree {
  overflow-x: hidden;
}

.wstandardlocator-dialog .ngdialog-content {
  width: 100%;
  height: 100%;
}

.wstd-locator {
  width: 100%;
  height: 100%;
  font-size: inherit;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

.wstd-locator .wstd-locator__tabs {
  padding: 16px 28px 28px 16px;
}

.wstd-locator .wstd-locator__menu {
  background-color: #f2f2f2;
}

.wstd-locator .wstd-locator__tabs_horizontal {
  width: 30%;
}

.wstd-locator .dialog-content {
  padding: 0 !important;
  white-space: normal !important;
  line-height: 1 !important;
  overflow: hidden !important;
  max-width: initial !important;
}

.wstd-locator .descriptiontxt {
  position: relative;
  display: block;
  width: 60%;
  margin-bottom: -7px;
  color: #808080;
}

.wstd-locator .descriptiontxt-container input {
  margin-top: 8px;
}

.wstd-locator .reset_padding {
  padding: 0px;
}

.wstd-locator__menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.wstd-locator__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}

.wstd-locator__panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
}

.wstd-locator__filter {
  min-height: 0;
}

.wstd-locator__filter__specific {
  padding: 0px;
}

.wstd-locator__filter__header {
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 16px;
  margin-bottom: 16px;
  margin-right: 28px;
  display: -ms-flexbox;
  display: flex;
}

.wstd-locator__filter__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  min-height: 0;
}

.wstd-locator__filter__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 16px;
}

.wstd-locator__title {
  font-size: var(--font-size-header-5);
  line-height: 1.42;
  letter-spacing: 0.1px;
  font-family: "CentraleSansCndBold";
  color: #333333;
  margin-bottom: 28px;
}

.wstd-locator__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
  padding: 28px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
}

.wstd-locator__content tasy-wpagination {
  display: block;
  margin-top: 5px;
}

.wstd-locator__content .ui-grid-pager-panel {
  display: none;
}

.wstd-locator__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 28px 0px 1px;
  background-color: #ffffff;
}

.wstd-locator__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-right: 28px;
  padding-bottom: 28px;
}

.wstd-locator__tree {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  flex: 1;
  padding: 0px 28px 28px 28px;
  min-height: 0px;
}

.wstd-locator tasy-wtab-panel, .wstd-locator tasy-tab-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.wstd-locator__title {
  display: none;
}

.wstd-locator--vertical .dialog-header {
  display: none !important;
}

.wstd-locator--vertical .wstd-locator__title {
  display: block !important;
}

.wstd-locator--vertical .wstd-locator__menu {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  background-color: #f2f2f2;
  width: 100%;
}

.wstd-locator--vertical .wstd-locator__content {
  -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
}

.wstd-locator--vertical .wstd-locator__container {
  -ms-flex-direction: row;
      flex-direction: row;
  min-height: 0;
}

.wstd-locator--vertical w-title {
  display: none;
}

.wstd-locator--horizontal__body {
  max-height: 178px;
}

.wstd-locator--horizontal >
.wstd-locator__container >
.wstd-locator__menu >
.wstd-locator__filter {
  max-height: 252px;
}

.wstd-locator .w-tree-locator {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wstd-locator .wstd-locator-tree {
  height: 100%;
  padding-bottom: 0px !important;
  min-height: 0;
}

.w-tree-board {
  --tree-board-border-color: var(--border-color-neutral);
  --tree-board-node-font-weight: bold;
  --tree-board-subtitle-color: var(--color-gray-55);
  --tree-board-arrow-size: 5px;
}

@media (min-width: 3840px) {
  .w-tree-board {
    --tree-board-arrow-size: 10px;
  }
}

.dark-skin .w-tree-board {
  --tree-board-node-font-weight: normal;
  --tree-board-subtitle-color: var(--color-gray-20);
}

w-tree-board {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: var(--spacing-28);
}

w-tree-board .w-tree-board {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--text-color-neutral);
}

w-tree-board .w-tree-board-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

w-tree-board .w-tree-board-container-header {
  margin-bottom: var(--spacing-24);
  padding-bottom: var(--spacing-8);
}

w-tree-board .w-tree-board-container-header__title {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  font-size: var(--font-size-header-4);
  font-weight: bold;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-8);
}

w-tree-board .w-tree-board-container-header__title__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  gap: var(--spacing-8);
}

w-tree-board .w-tree-board-container-header__title__icons__item {
  background-size: cover;
  height: var(--sizing-24);
  width: var(--sizing-24);
}

w-tree-board .w-tree-board-container-header-subtitle {
  color: var(--tree-board-subtitle-color);
  font-size: var(--font-size-header-6);
  margin-bottom: var(--spacing-8);
}

w-tree-board .w-tree-board-container-node {
  margin-bottom: var(--spacing-16);
}

w-tree-board .w-tree-board-container-node:not([data-level="1"]) {
  margin-left: var(--spacing-24);
}

w-tree-board .w-tree-board-container-node--open > .w-tree-board-container-node__header .w-tree-board-container-node__arrow {
  transform: rotate(90deg);
}

w-tree-board .w-tree-board-container-node:not(.w-tree-board-container-node--open) > .w-tree-board-container-node__block {
  display: block !important;
  height: 0 !important;
  pointer-events: none;
  opacity: 0;
}

w-tree-board .w-tree-board-container-node:not(.w-tree-board-container-node--open) > .w-tree-board-container-node__block > * {
  display: none;
}

w-tree-board .w-tree-board-container-node__header {
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid var(--tree-board-border-color);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  font-size: var(--font-size-body);
  font-weight: var(--tree-board-node-font-weight);
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-16);
  padding-bottom: var(--spacing-8);
}

w-tree-board .w-tree-board-container-node__header__label {
  margin-right: auto;
}

w-tree-board .w-tree-board-container-node__header__filter {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
  gap: var(--spacing-12);
}

w-tree-board .w-tree-board-container-node__header__filter input[type="radio"] {
  cursor: pointer;
  height: var(--sizing-12);
  width: var(--sizing-12);
}

w-tree-board .w-tree-board-container-node__header__filter label {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-4);
}

w-tree-board .w-tree-board-container-node__arrow {
  border: var(--tree-board-arrow-size) solid transparent;
  border-left: var(--tree-board-arrow-size) solid;
  border-right: 0;
  height: 0;
  width: 0;
}

w-tree-board .w-tree-board-container-node__block {
  transition: height 300ms;
}

w-tree-board .w-tree-board-container-node__block.is-card {
  height: 375px;
}

w-tree-board .w-tree-board-container-node__block.is-card.is-expanded {
  top: initial;
  left: initial;
  min-height: initial;
  max-height: initial;
  min-width: initial;
}

w-tree-board .w-tree-board-container-node__block.is-card.is-expanded .wcard-wrapper .wcard .wcard-header .wcard-icon.wcard-expand-icon {
  background-image: url("/assets/framework/images/components/w-card/collapse.svg");
}

w-tree-board .w-tree-board-container-node__block.is-card .wcard .wcard-container {
  position: relative;
}

w-tree-board .w-tree-board-container-node__block.ng-hide {
  display: block !important;
  height: 0 !important;
  pointer-events: none;
  opacity: 0;
}

w-tree-board .w-tree-board-container-node__block.ng-hide > * {
  display: none;
}

w-component-linked-data {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 12px 8px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  width: 100%;
}

w-component-linked-data .component-linked-data__attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: 0 -8px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dark-skin .is-between-selected {
  background-color: #666666;
}

.dark-skin .is-between-selected .w-dtpkr__day__number.is-primary:not(.is-special) {
  color: #b3e3ff;
}

.w-datetime-range-picker .is-between-selected {
  background-color: #dcecff;
}

.w-datetime-range-picker .is-between-selected .w-dtpkr__day__number.is-primary:not(.is-special) {
  color: #54c0ff;
}

.w-datetime-range-picker .w-dtpkr__days .is-current {
  background-color: #b3e3ff;
  border: 1px solid #b3e3ff;
}

.w-datetime-range-picker .w-dtpkr__days .is-start-or-end {
  background-color: #0096ed;
}

w-legend-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

w-legend-item .w-legend-item {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

w-legend-item .w-legend-item-checkbox .wcheckbox-div {
  min-height: initial !important;
}

w-legend-item .w-legend-item-icon {
  width: var(--spacing-16);
  height: var(--spacing-16);
  margin-right: 5px;
}

@media (min-width: 3840px) {
  w-legend-item .w-legend-item-icon {
    margin-right: 10px;
  }
}

w-legend-item .w-legend-item-icon.is-status {
  border-radius: 50%;
  margin: 4px 9px 4px 4px;
}

w-legend-item .w-legend-item-icon.is-priority {
  width: 8px;
  margin: 4px 13px 4px 8px;
}

w-legend-item .w-legend-item-icon.is-image {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}

w-legend-item .w-legend-item-label {
  font-size: var(--font-size-body);
  color: #333333;
  letter-spacing: 0.2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  font-family: 'CentraleSansCndBook';
}

@media (min-width: 3840px) {
  w-legend-item .w-legend-item-label {
    letter-spacing: 0.4px;
    max-width: 400px;
  }
}

.dark-skin .w-legend-item-label {
  color: #ffffff;
}

.w-loader-long-running .dialog-default {
  position: absolute;
  left: 33%;
  top: 30%;
  width: 750px;
  height: 400px;
}

@media (min-width: 3840px) {
  .w-loader-long-running .dialog-default {
    width: 1000px;
    height: 284px;
    margin-top: -142px;
    margin-left: -500px;
  }
}

.w-loader-long-running .btn-gray::before, .w-loader-long-running .w-dt-result__button.is_dpkb::before, .w-loader-long-running .w-dt-result__button.is_dpkb_visible::before, .w-loader-long-running .segment-spinner-date .btn_actions::before, .segment-spinner-date .w-loader-long-running .btn_actions::before, .w-loader-long-running #segment-buttons .btn_actions::before, #segment-buttons .w-loader-long-running .btn_actions::before, .w-loader-long-running .segment-spinner-date .segment-spinner-date-button-picker .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker .w-loader-long-running .wbutton::before, .w-loader-long-running .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .wbutton::before, .segment-spinner-date .segment-spinner-date-button-picker #segment-buttons .w-loader-long-running .wbutton::before, .w-loader-long-running #segment-buttons .segment-spinner-date-button-picker .wbutton::before, #segment-buttons .segment-spinner-date-button-picker .w-loader-long-running .wbutton::before {
  position: initial;
  width: 0;
}

.w-loader-long-running .btn-blue::before {
  position: initial;
  width: 0;
}

.w-loader-long-running .dialog-default .dialog-content {
  height: 221px;
  max-width: 100%;
  white-space: inherit;
}

.w-loader-long-running-label {
  font-size: large;
  margin-top: 30px;
  margin-bottom: 45px;
  text-align: center;
  height: var(--sizing-16);
}

.w-loader-long-running-confirmation {
  margin: 55px 0 30px 120px;
  width: 450px;
}

.w-loader-long-running-confirmation .dialog-close-confirmation-text {
  font-size: large;
}

.w-loader-long-running-confirmation .dialog-close-confirmation-ask {
  margin-top: 60px;
  text-align: right;
  font-size: x-large;
}

.w-loader-long-running-spinner {
  height: 60px;
}

@media (min-width: 3840px) {
  .w-loader-long-running-spinner {
    height: 120px;
  }
}

.dark-skin .w-loader-long-running {
  background-color: var(--color-gray-65);
}

.dark-skin .w-loader-long-running-label {
  color: var(--color-white);
}

.w-loader-long-running-spinner .w-loader--spinner {
  animation: spin 0.2s linear infinite;
}

.popover-menu {
  --size-popover-menu-arrow: 4px;
  --spacing-popover-menu: var(--spacing-20);
  font-family: "CentraleSansCndMedium";
}

.popover-menu__header {
  color: var(--text-color-neutral);
  min-height: var(--spacing-40);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0;
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-popover-menu);
  padding-right: var(--spacing-popover-menu);
  background-color: var(--popover-background);
  font-size: var(--font-size-body);
}

.popover-menu__header p {
  font-size: var(--font-size-body);
}

.popover-menu__footer {
  height: var(--spacing-40);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-popover-menu);
  padding-right: var(--spacing-popover-menu);
  background-color: var(--popover-background);
  font-size: var(--font-size-body);
  color: var(--text-color-neutral);
}

.popover-menu__child {
  cursor: pointer;
  height: var(--spacing-40);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 var(--spacing-popover-menu);
  background-color: var(--popover-background);
  color: var(--text-color-neutral);
  font-size: var(--font-size-body);
}

.popover-menu__child.hover {
  background-color: #9dd3e3 !important;
}

.popover-menu__child.hover > span {
  color: #212121;
  font-weight: 600;
}

.popover-menu__child > span {
  pointer-events: none;
}

.popover-menu__child.separator {
  height: 1px;
  pointer-events: none;
}

.popover-menu__child.separator hr {
  width: 100%;
}

.popover-menu__child.submenu {
  position: relative;
}

.popover-menu__child.submenu.hover > .popover-menu__submenu {
  display: block;
}

.popover-menu__child.submenu::after {
  content: '';
  display: block;
  color: var(--text-color-neutral);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: absolute;
  right: calc((var(--spacing-popover-menu) / 2) + (var(--size-popover-menu-arrow) / 2));
  border: var(--size-popover-menu-arrow) solid transparent;
  border-left-color: currentColor;
}

.popover-menu__submenu {
  display: none;
  position: absolute;
  min-width: 130px;
  background-color: var(--popover-background);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: var(--spacing-20) 0;
  border-radius: 4px;
}

@media (min-width: 3840px) {
  .popover-menu__submenu {
    min-width: 330px;
  }
}

.popover-menu .popover-box-container {
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-12);
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 3840px) {
  .popover-menu {
    --size-popover-menu-arrow: 8px
  ;
  }
}

.popover-menu .left .popover-menu__submenu {
  right: 100%;
  top: -20px;
}

.popover-menu .right .popover-menu__submenu {
  left: 100%;
  top: -20px;
}

.popover-menu .bottom .popover-menu__submenu {
  right: 100%;
  bottom: -20%;
}

.popover-menu .top .popover-menu__submenu {
  left: 100%;
  bottom: -20%;
}

.is-scheduler-popover .popover-menu__header, .is-scheduler-popover .popover-menu__footer,
.is-scheduler-popover .popover-menu__menu > .popover-menu__child {
  --spacing-popover-menu: calc(var(--spacing-40) + var(--sizing-12));
}

.is-scheduler-popover .popover-menu__header > div {
  display: -ms-flexbox;
  display: flex;
}

.is-scheduler-popover .popover-menu__header > div i {
  position: absolute;
  left: var(--spacing-20);
  width: var(--sizing-12);
  height: var(--sizing-12);
  border-radius: 150px;
  display: block;
  margin-top: 5px;
}

.is-scheduler-popover .popover-menu__header > div p:first-of-type {
  font-family: "CentraleSansCndBold";
}

.is-scheduler-popover .popover-menu__header > div p:last-of-type {
  font-size: var(--font-size-caption);
}

.is-scheduler-popover .popover-menu__header > div p:not(:first-of-type):not(:last-of-type) {
  margin: 5px 0;
}

.is-scheduler-popover .popover-menu__footer > div {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.is-scheduler-popover .popover-menu__submenu > .popover-menu__child {
  padding: 0 var(--spacing-20);
}

.popover-dialog.popover-menu .ngdialog-content .popover-box-container {
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-12);
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  max-height: none;
}

.popover-dialog.popover-menu .ngdialog-content .popover-box-container .scroll-appearance {
  max-width: none;
  max-height: none;
  overflow: inherit;
}

.dark-skin .popover-menu__child.submenu:hover::after {
  color: var(--color-gray-75);
}

.dark-skin .popover-menu__header, .dark-skin .popover-menu__child, .dark-skin .popover-menu__submenu {
  background-color: var(--color-gray-55);
}

.timeline-curtain {
  position: absolute;
  top: 0;
  padding-top: 30px;
  height: 100%;
  background-image: linear-gradient(90deg, #a6a6a6 1px, transparent 0);
  background-color: rgba(220, 236, 255, 0.4);
  background-clip: content-box;
  background-repeat: no-repeat;
  z-index: 1000;
  pointer-events: none;
}

.timeline-curtain-date {
  display: -ms-flexbox;
  display: flex;
}

.timeline-curtain.timeline-curtain--hidden {
  background: transparent;
}

.timeline-curtain.timeline-curtain--hidden:before, .timeline-curtain.timeline-curtain--hidden:after {
  background: transparent;
}

.timeline-curtain.timeline-curtain--hidden .timeline-curtain-date, .timeline-curtain.timeline-curtain--hidden .timeline-curtain-datepicker-trigger {
  border-color: #a6a6a6;
}

.timeline-curtain-date-line {
  display: inline-block;
}

.timeline-curtain-date-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.timeline-curtain-nav-prev, .timeline-curtain-nav-next {
  float: none;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  text-align: center;
  border: none;
  font-size: var(--font-size-header-5);
  height: 28px;
  width: 20px;
  cursor: pointer;
}

/*rtl:begin:options:
{
  "autoRename": true,
  "stringMap":[
    {
      "name"    : "prev-left",
      "search"  : ["prev"],
      "replace" : ["next"]
    }]
}*/
.timeline-curtain-nav-prev {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
}

.timeline-curtain-nav-next {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
}

/*rtl:end:options*/
.timeline-curtain-line {
  top: 0px;
  position: absolute;
  right: 0px;
  width: 1px;
  background: #0096ed;
  height: 100%;
  z-index: 1;
}

.timeline-curtain-date {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -100%);
  letter-spacing: 0.2px;
  color: #808080;
  line-height: 28px;
  padding: 0 12px;
  border: 1px solid #0096ed;
  border-radius: 5px;
  vertical-align: middle;
  white-space: nowrap;
  z-index: 1;
  pointer-events: initial;
}

.timeline-curtain-date .timeline-today-button {
  -ms-flex-align: end;
      align-items: flex-end;
  bottom: 4px;
  margin-right: -60px;
  position: absolute;
  right: 0;
}

.timeline-curtain-now {
  font-family: "CentraleSansCndBold";
  margin-right: 4px;
}

.timeline-curtain:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 4px;
  height: 8px;
  background-color: #0096ed;
  transform: translate(50%, 100%);
}

.timeline-curtain-datepicker-trigger {
  display: inline-block;
  border-left: 1px solid #0096ed;
  padding-left: 8px;
  margin-left: 8px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABGUlEQVR42t2SvYqDQBSFfXPtFBG1kESTQjCCbrNF/IEgVloqimEFQfAFRDstDN51dpnLkhSBkGoHDpyPgcOZuZfhOO6DZdnhRX0yW8CyCV7VfwjQNO02jiNQeZ6H/nq9QlmWyEEQwDAMyPv9Hhhd12/w50RRhL7rOmjbFjmOY1jXFfl4PAIjiuJCkqkMw0Dvui44joN8OBx+GlKWJOkNDXa73W2eZ6AKwxB90zRQ1zXy5XKBaZqQSVtmq7GkaQpUpmmiP5/PD7+eJAney7L8/An3AQ9P2FKWPM+ByrZt9KTyfUCWZXivqurvHpDZUpHa1FdVBUVRIPu+D33fI79nD3ieL0+nE1ApioKezJ38NGVS2bIsZEEQvr4BD/kUwr6FPg8AAAAASUVORK5CYII=");
  background-position: 0px center;
  /*rtl:remove*/
  background-position: 8px center;
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  vertical-align: top;
  cursor: pointer;
}

.timeline-curtain-datepicker {
  position: absolute;
  left: 0px;
  bottom: -8px;
}

.timeline-curtain-datepicker .w-dt-result {
  display: none;
}

timeline-header .tl-button {
  position: absolute;
  bottom: 0;
  background-color: transparent;
  border: 1px solid #8D8D8D;
  padding: 2px 8px;
}

timeline-header .tl-button b {
  display: inline-block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

timeline-header .tl-button.back b {
  border-right: 4px solid #8D8D8D;
}

timeline-header .tl-button.next {
  right: -10px;
}

timeline-header .tl-button.next b {
  border-left: 4px solid #8D8D8D;
}

.tl-header {
  border-bottom: 2px solid #aaa;
  display: -ms-flexbox;
  display: flex;
}

.tl-header.is-monitoring {
  margin-left: auto;
  border: none;
  overflow: scroll;
}

.tl-header.is-monitoring::-webkit-scrollbar {
  display: none;
}

.tl-header.is-monitoring .is-hidden {
  visibility: hidden;
}

.tl-header.is-monitoring .tl-header__item--day {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  height: 24px;
  line-height: 24px;
  width: 72px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #8D8D8D;
  color: #808080;
  top: 0;
  left: 36px;
}

.tl-header.is-monitoring .tl-header__gap, .tl-header.is-monitoring .tl-header__item--arrow {
  display: none;
}

.tl-header.is-monitoring.timeline-top .tl-header__item--time {
  display: none;
}

.tl-header.is-monitoring.timeline-top .tl-header__item {
  cursor: default;
  background: none;
  height: 24px;
}

.tl-header.is-monitoring.timeline-bottom .tl-header__item--day {
  display: none;
}

.tl-header.is-monitoring.timeline-bottom .tl-header__item {
  background-position: 0 top, 100% top;
  padding-top: 8px;
}

.tl-header__item {
  -ms-flex: 1;
      flex: 1;
  min-width: 44px;
  height: 20px;
  text-align: center;
  color: #808080;
  background-image: linear-gradient(90deg, #A6A6A6 1px, transparent 0), linear-gradient(90deg, #A6A6A6 1px, transparent 0);
  background-position: 0px bottom, 100% bottom;
  background-repeat: repeat-x, no-repeat;
  background-size: 100% 6px, 50% 3px;
  font-size: var(--font-size-caption);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tl-header__item:hover {
  cursor: pointer;
}

.tl-header__item--date .tl-header__item--day {
  transform: translateX(-50%);
  position: relative;
  font-family: "CentraleSansCndBold";
  color: black;
  left: 50%;
  top: 5px;
  z-index: 1;
}

.tl-header__item--date .tl-header__item--arrow {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #A6A6A6;
  transform: translateX(-50%);
  margin-left: 50%;
  margin-top: 3px;
  height: 0;
  width: 0;
}

.tl-header__item:nth-last-child(2) {
  background-position: 0px bottom, 100% bottom;
  background-repeat: repeat-x, no-repeat;
  background-size: calc(100% - 1px) 6px, 50% 3px;
}

.tl-header__item--time, .tl-header__item--arrow, .tl-header__item--day {
  pointer-events: none;
}

.tl-header__gap {
  background: none;
  min-width: 22px;
  -ms-flex: 0.5;
      flex: 0.5;
}

.tl-header__extender {
  display: none;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0 -1px;
  z-index: 1;
  background-color: white;
  background-repeat: repeat-x;
  background-size: 22px 7px;
  overflow: hidden;
}

.tl-header__extender--extended {
  display: -ms-flexbox;
  display: flex;
  animation: extendToggle 4s ease-out;
}

.tl-header__extender > .tl-header__item {
  background: #f2f2f2;
  background-image: linear-gradient(90deg, #A6A6A6 1px, transparent 0);
  background-position: 22px bottom;
  background-repeat: repeat-x;
  background-size: 44px 3px;
  /*&:last-child{
      padding-right: 1px;
    }*/
}

.data-container-setting-bar .setting-bar-intervals, .setting-bar-intervals-popover {
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #ffffff;
}

.data-container-setting-bar .setting-bar-intervals .setting-bar-interval, .setting-bar-intervals-popover .setting-bar-interval,
.data-container-setting-bar .setting-bar-intervals .setting-bar-fit,
.setting-bar-intervals-popover .setting-bar-fit {
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

.data-container-setting-bar .setting-bar-intervals .setting-bar-interval, .setting-bar-intervals-popover .setting-bar-interval {
  border-right: 1px solid #d9d9d9;
  padding: 0;
  width: 81px;
}

.data-container-setting-bar .setting-bar-intervals .setting-bar-interval tasy-listbox, .setting-bar-intervals-popover .setting-bar-interval tasy-listbox {
  margin: 0 .4rem;
}


.data-container-setting-bar .setting-bar-intervals .setting-bar-fit,
.setting-bar-intervals-popover .setting-bar-fit {
  width: 126px;
}

.data-container-setting-bar .setting-bar-intervals .setting-bar-fit-label, .setting-bar-intervals-popover .setting-bar-fit-label {
  font-family: "CentraleSansCndBook", Sans-Serif, serif;
  font-size: var(--font-size-subtitle);
  padding: 0 5px;
}

.data-container-setting-bar .setting-bar-intervals tasy-listbox, .setting-bar-intervals-popover tasy-listbox,
.data-container-setting-bar .setting-bar-intervals .w-listbox,
.setting-bar-intervals-popover .w-listbox {
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  width: 100%;
}

.data-container-setting-bar .setting-bar-intervals tasy-listbox .w-listbox__label a, .setting-bar-intervals-popover tasy-listbox .w-listbox__label a,
.data-container-setting-bar .setting-bar-intervals .w-listbox .w-listbox__label a,
.setting-bar-intervals-popover .w-listbox .w-listbox__label a {
  text-align: right;
}

.data-container-setting-bar {
  display: -ms-flexbox;
  display: flex;
}

.data-container-setting-bar .tl-setting-bar-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  overflow: hidden;
  position: relative;
}

.data-container-setting-bar .tl-setting-bar-container.highlight-bar .tl-setting-bar-content {
  height: 57px !important;
}

.data-container-setting-bar .tl-setting-bar-container.highlight-bar .tl-setting-bar-content .setting-bar {
  min-height: 57px !important;
}

.data-container-setting-bar .tl-setting-bar-content {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  height: 49px;
  margin: 0;
  padding: 0;
}

.data-container-setting-bar .tl-setting-bar-date {
  letter-spacing: 0.2px;
  color: #808080;
  background-color: #ffffff;
  border: none;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  margin-right: auto;
  padding: 0 0 0 calc(50% - 1px);
  pointer-events: initial;
  vertical-align: middle;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  z-index: 3;
}

.data-container-setting-bar .tl-setting-bar-date-row {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-bottom: 0px;
  border-radius: 5px 5px 0 0;
  padding: .4rem .625rem;
  font-size: var(--font-size-caption);
}

.data-container-setting-bar .tl-setting-bar-date-left-blank {
  background-color: #ffffff;
  height: 25px;
  padding-left: 44px;
  width: 33.3%;
  position: absolute;
  z-index: 3;
}

.data-container-setting-bar .tl-setting-bar-date-nav-prev {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
  border-radius: 5px 0 0 0;
}

.data-container-setting-bar .tl-setting-bar-date-nav-next {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
  border-radius: 0 5px 0 0;
}

.data-container-setting-bar .tl-setting-bar-date-nav-first {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left.svg") no-repeat center;
  border-radius: 5px 0 0 0;
}

.data-container-setting-bar .tl-setting-bar-date-nav-first:before {
  border-left: 1px solid #000000;
  margin-right: .02rem;
}

.data-container-setting-bar .tl-setting-bar-date-nav-last {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right.svg") no-repeat center;
  border-radius: 0 5px 0 0;
}

.data-container-setting-bar .tl-setting-bar-date-nav-last:before {
  border-right: 1px solid #000000;
}

.data-container-setting-bar .tl-setting-bar-date-nav-first:before, .data-container-setting-bar .tl-setting-bar-date-nav-last:before {
  content: '';
  height: .5rem;
  margin-top: .125rem;
  width: 5px;
}

.data-container-setting-bar .tl-setting-bar-date-nav-first, .data-container-setting-bar .tl-setting-bar-date-nav-last, .data-container-setting-bar .tl-setting-bar-date-nav-prev, .data-container-setting-bar .tl-setting-bar-date-nav-next {
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--font-size-header-5);
  font-weight: bold;
  height: 25px;
  margin: 0;
  padding: 6px 10px;
  text-align: center;
  width: 28px;
}

.data-container-setting-bar .tl-setting-bar-date-nav-first {
  border-right-width: 0;
}

.data-container-setting-bar .tl-setting-bar-date-nav-last {
  border-left-width: 0;
}

.data-container-setting-bar .tl-setting-bar-date-nav-prev.no-radius, .data-container-setting-bar .tl-setting-bar-date-nav-next.no-radius {
  border-radius: 0;
}

.data-container-setting-bar .tl-setting-bar {
  -ms-flex-align: center;
      align-items: center;
  border: none;
  display: -ms-flexbox;
  display: flex;
  grid-area: 1 / 7 / 1 / span 6;
  height: 49px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  left: 0;
  right: 8px;
  margin: 0 0 0 50%;
  position: absolute;
  min-width: -moz-max-content;
  min-width: max-content;
}

.data-container-setting-bar .tl-setting-bar__highlights {
  position: absolute;
  height: 8px;
  min-width: 100%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: -8px;
}

.data-container-setting-bar .tl-setting-bar__highlights__item {
  height: 8px;
  position: absolute;
  cursor: pointer;
}

.data-container-setting-bar .tl-setting-bar__highlights__item__overlap {
  height: 8px;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0.2) 6px, rgba(0, 0, 0, 0.2) 10px), transparent;
}

.data-container-setting-bar .tl-setting-bar__item {
  background-image: linear-gradient(90deg, #a6a6a6 1px, transparent 0), linear-gradient(90deg, #a6a6a6 1px, transparent 0);
  background-position: 0 bottom, 100% bottom;
  background-repeat: repeat-x, no-repeat;
  background-size: 100% 25px, 50% 6px;
  color: #212121;
  -ms-flex: 1;
      flex: 1;
  font-size: 12px;
  height: 100%;
  margin: 0;
  min-width: 44px;
  padding: 4px 0 4px 8px;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: bold;
  font-family: "CentraleSansCndBook";
  line-height: 1.5;
}

.data-container-setting-bar .tl-setting-bar__item .item-label {
  margin-left: 15px;
  width: 24px;
  position: absolute;
  transform: translateX(-50%);
}

.data-container-setting-bar .tl-setting-bar__item:hover {
  cursor: pointer;
}

.data-container-setting-bar .tl-setting-bar__item--time, .data-container-setting-bar .tl-setting-bar__item--day, .data-container-setting-bar .tl-setting-bar__item--sequence {
  pointer-events: none;
}

.data-container-setting-bar .tl-setting-bar__item--day {
  -ms-flex-align: center;
      align-items: center;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  color: #000000;
  font-family: "CentraleSansCndBold";
  height: 25px;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0;
  padding: .4rem .63rem;
  position: absolute;
  top: -26px;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}

.data-container-setting-bar .tl-setting-bar__item--sequence {
  background-image: linear-gradient(90deg, #a6a6a6 1px, transparent 0);
  background-position: 0px 0px;
  background-repeat: repeat-x, no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-top: 15px;
}

.data-container-setting-bar .tl-setting-bar__item--sequence .item-label {
  margin-left: 0;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring {
  margin-left: auto;
  border: none;
  overflow: scroll;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring::-webkit-scrollbar {
  display: none;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring .is-hidden {
  visibility: hidden;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring .tl-setting-bar__item--day {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
  height: 24px;
  line-height: 24px;
  width: 72px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #8D8D8D;
  color: #808080;
  top: 0;
  left: 36px;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring.timeline-top .tl-header__item {
  cursor: default;
  background: none;
  height: 24px;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring.timeline-bottom .tl-header__item--day {
  display: none;
}

.data-container-setting-bar .tl-setting-bar.is-monitoring.timeline-bottom .tl-header__item {
  background-position: 0 top, 100% top;
  padding-top: 8px;
}

.data-container-setting-bar timeline-setting-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  margin: 0;
}

.data-container-setting-bar .tl-setting-bar-autocomplete-hidden {
  display: none;
}

.data-container-setting-bar .setting-bar {
  background-color: #f2f2f2;
  border-right: 1px solid #d9d9d9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  grid-area: 1 / 1 / 1 / span 6;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-right: 0;
  z-index: 5;
}

.data-container-setting-bar .setting-bar-slot {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0 10px;
}

.data-container-setting-bar .setting-bar-slot .gwt-TextBox.text-box-autocomplete {
  margin-bottom: 0;
}

.data-container-setting-bar .setting-bar-slot tasy-wautocomplete {
  margin-right: 1rem;
}

.data-container-setting-bar .setting-bar-slot tasy-wautocomplete {
  min-width: 45%;
}

.data-container-setting-bar .setting-bar-slot tasy-wdatetimepicker {
  min-width: 51%;
}

.data-container-setting-bar .setting-bar-intervals {
  display: -ms-flexbox;
  display: flex;
}

.data-container-setting-bar .setting-bar-intervals-content {
  display: -ms-flexbox;
  display: flex;
}

.data-container-setting-bar .setting-bar-intervals-arrows {
  background-color: #f2f2f2;
  display: none;
  cursor: pointer;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.data-container-setting-bar .setting-bar-intervals-arrows .arrow {
  border: 1px solid;
  border-color: transparent #000000 #000000 transparent;
  height: 10px;
  margin-top: -4px;
  transform: rotate(45deg);
  width: 10px;
}

@media (min-width: 1201px) {
  .data-container-setting-bar .setting-bar-fit, .data-container-setting-bar .setting-bar-interval {
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1200px) {
  .data-container-setting-bar .setting-bar-intervals-arrows {
    display: -ms-flexbox;
    display: flex;
  }
  .data-container-setting-bar .setting-bar-fit, .data-container-setting-bar .setting-bar-interval {
    display: none;
  }
}

.data-container-setting-bar .tl-button {
  position: absolute;
  bottom: 0;
  background-color: transparent;
  border: 1px solid #8D8D8D;
  padding: 2px 8px;
}

.data-container-setting-bar .tl-button b {
  display: inline-block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

.data-container-setting-bar .tl-button.back b {
  border-right: 4px solid #8D8D8D;
}

.data-container-setting-bar .tl-button.next {
  right: -10px;
}

.data-container-setting-bar .tl-button.next b {
  border-left: 4px solid #8D8D8D;
}

.data-container-setting-bar .tl-header__extender {
  display: none;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0 -1px;
  z-index: 1;
  background-color: white;
  background-repeat: repeat-x;
  background-size: 22px 7px;
  overflow: hidden;
}

.data-container-setting-bar .tl-header__extender--extended {
  display: -ms-flexbox;
  display: flex;
  animation: extendToggle 4s ease-out;
}

.data-container-setting-bar .tl-header__extender > .tl-header__item {
  background: #f2f2f2 linear-gradient(90deg, #a6a6a6 1px, transparent 0) repeat-x 22px bottom;
  background-size: 44px 3px;
}

.setting-bar-intervals-popover {
  border: 1px solid #d9d9d9;
  display: -ms-flexbox;
  display: flex;
  height: 49px;
  left: 50%;
  margin: 5px;
  min-width: 200px;
  position: absolute;
  top: 74px;
  transform: translateX(-50%);
  z-index: 1050;
}

.setting-bar-intervals-popover .setting-bar-interval,
.setting-bar-intervals-popover .setting-bar-fit {
  display: -ms-flexbox;
  display: flex;
}

.setting-bar-intervals-popover-close {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}

.setting-bar-intervals-popover:before {
  background-color: #ffffff;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  content: '';
  height: 7px;
  left: 75px;
  position: absolute;
  top: -5px;
  transform: rotate(-45deg);
  width: 7px;
}

@media (min-width: 1201px) {
  .setting-bar-intervals-popover {
    display: none;
  }
}

.layout-8-columns-spinner .setting-bar-intervals-popover, .layout-8-columns .setting-bar-intervals-popover {
  left: 33.3%;
}

.layout-8-columns-spinner .data-container-setting-bar .has-scrollbar .tl-setting-bar-date, .layout-8-columns .data-container-setting-bar .has-scrollbar .tl-setting-bar-date {
  padding-left: 33.3%;
}

.layout-8-columns-spinner .data-container-setting-bar .has-scrollbar .tl-setting-bar, .layout-8-columns .data-container-setting-bar .has-scrollbar .tl-setting-bar {
  margin-left: 33.3%;
}

.layout-8-columns-spinner .data-container-setting-bar .tl-setting-bar-date, .layout-8-columns .data-container-setting-bar .tl-setting-bar-date {
  padding-left: 10.3%;
}

.layout-8-columns-spinner .data-container-setting-bar .setting-bar, .layout-8-columns .data-container-setting-bar .setting-bar {
  grid-area: 1 / 1 / 1 / span 4;
}

.layout-8-columns-spinner .data-container-setting-bar .tl-setting-bar, .layout-8-columns .data-container-setting-bar .tl-setting-bar {
  grid-area: 1 / 5 / 1 / span 8;
  margin-left: 33.3%;
}

.layout-8-columns-spinner .setting-bar-intervals-popover, .layout-8-columns-spinner .setting-bar-intervals-arrows, .layout-8-columns .setting-bar-intervals-popover, .layout-8-columns .setting-bar-intervals-arrows {
  display: -ms-flexbox;
  display: flex;
}

.layout-8-columns-spinner .data-container-setting-bar .setting-bar-fit,
.layout-8-columns-spinner .data-container-setting-bar .setting-bar-interval, .layout-8-columns .data-container-setting-bar .setting-bar-fit,
.layout-8-columns .data-container-setting-bar .setting-bar-interval {
  display: none;
}

.layout-6-columns-spinner .setting-bar-intervals-popover, .layout-6-columns-spinner .setting-bar-intervals-arrows {
  display: -ms-flexbox;
  display: flex;
}

.layout-6-columns-spinner .data-container-setting-bar .setting-bar-fit,
.layout-6-columns-spinner .data-container-setting-bar .setting-bar-interval {
  display: none;
}

.layout-8-columns-spinner .setting-bar-intervals-popover, .layout-8-columns-spinner .setting-bar-intervals-arrows {
  display: -ms-flexbox;
  display: flex;
}

.layout-8-columns-spinner .data-container-setting-bar .setting-bar-fit,
.layout-8-columns-spinner .data-container-setting-bar .setting-bar-interval {
  display: none;
}

.layout-8-columns-spinner tasy-wautocomplete {
  min-width: 34% !important;
}

.layout-8-columns-spinner tasy-wdatetimepicker {
  min-width: 60% !important;
}

.layout-4-columns-spinner .setting-bar-intervals-popover, .layout-4-columns .setting-bar-intervals-popover {
  left: 66.6%;
}

.layout-4-columns-spinner .data-container-setting-bar .has-scrollbar .tl-setting-bar-date, .layout-4-columns .data-container-setting-bar .has-scrollbar .tl-setting-bar-date {
  padding-left: calc(66.6% - 6px);
}

.layout-4-columns-spinner .data-container-setting-bar .tl-setting-bar-date, .layout-4-columns .data-container-setting-bar .tl-setting-bar-date {
  padding-left: 66.6%;
}

.layout-4-columns-spinner .data-container-setting-bar .setting-bar, .layout-4-columns .data-container-setting-bar .setting-bar {
  grid-area: 1 / 1 / 1 / span 8;
}

.layout-4-columns-spinner .data-container-setting-bar .tl-setting-bar, .layout-4-columns .data-container-setting-bar .tl-setting-bar {
  grid-area: 1 / 9 / 1 / span 4;
  margin-left: 66.6%;
}

.flowsheet-component .main-top-area .tl-setting-bar-curtain-line {
  bottom: 0;
}

.tl-setting-bar-curtain {
  background: unset;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.tl-setting-bar-curtain-hidden {
  display: none;
}

.tl-setting-bar-curtain-line {
  background-clip: content-box;
  background-color: rgba(220, 236, 255, 0.4);
  background-repeat: no-repeat;
  border-left: 1px solid #0096ed;
  bottom: 40px;
  height: auto;
  margin-left: 5px;
  padding-top: 49px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 25px;
  z-index: 15;
}

.tl-setting-bar-curtain-line:before {
  background-color: #0096ed;
  bottom: 0;
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  transform: translate(-50%, 100%);
  width: 4px;
}

.tl-setting-bar-curtain-date-line {
  background-color: #0096ed;
  border-radius: 1rem;
  color: #ffffff;
  padding: .15rem .4rem .05rem;
  position: absolute;
  pointer-events: auto;
  transform: translate(-50%, -60%);
  top: 0;
  width: -moz-max-content;
  width: max-content;
}

.tl-setting-bar-curtain .today-description.future .tl-setting-bar-curtain-date-line {
  cursor: pointer;
  border-radius: 1rem 0 0 1rem;
  transform: translate(-100%, -20%);
}

.tl-setting-bar-curtain .today-description.past .tl-setting-bar-curtain-date-line {
  cursor: pointer;
  border-radius: 0 1rem 1rem 0;
  transform: translate(0%, -20%);
}

.tl-setting-bar-curtain .tl-setting-bar-curtain-chart-button {
  cursor: pointer;
  font-weight: bold;
  min-width: 40px;
  text-align: center;
}

.dark-skin .data-container-setting-bar .setting-bar-intervals, .data-container-setting-bar .dark-skin .setting-bar-intervals, .dark-skin .setting-bar-intervals-popover {
  background-color: #4d4d4d;
}

.dark-skin .data-container-setting-bar .setting-bar-intervals .setting-bar-fit-label, .data-container-setting-bar .dark-skin .setting-bar-intervals .setting-bar-fit-label, .dark-skin .setting-bar-intervals-popover .setting-bar-fit-label {
  color: #f5f5f5;
}

.dark-skin .data-container-setting-bar .setting-bar-intervals tasy-listbox, .data-container-setting-bar .dark-skin .setting-bar-intervals tasy-listbox, .dark-skin .setting-bar-intervals-popover tasy-listbox,
.dark-skin .data-container-setting-bar .setting-bar-intervals .w-listbox,
.data-container-setting-bar .dark-skin .setting-bar-intervals .w-listbox,
.dark-skin .setting-bar-intervals-popover .w-listbox {
  border: none;
}

.dark-skin .data-container-setting-bar .setting-bar-intervals tasy-listbox:focus, .data-container-setting-bar .dark-skin .setting-bar-intervals tasy-listbox:focus, .dark-skin .setting-bar-intervals-popover tasy-listbox:focus,
.dark-skin .data-container-setting-bar .setting-bar-intervals .w-listbox:focus,
.data-container-setting-bar .dark-skin .setting-bar-intervals .w-listbox:focus,
.dark-skin .setting-bar-intervals-popover .w-listbox:focus {
  border: none;
}

.dark-skin .data-container-setting-bar .item-label {
  color: #f5f5f5;
}

.dark-skin .data-container-setting-bar .setting-bar {
  border-right: 1px solid #383838;
}

.dark-skin .data-container-setting-bar .setting-bar-slot .gwt-TextBox.text-box-autocomplete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABA0lEQVQoz2NgAIKZrL2ZPUd7Pvd+7T7dW9THyYAKuiS6T/f8R4JXuxWRpGeygqXv9US2CfcLdAd2XwPyrndzwxX0poOkJ4nC+JP4ei73/O+thisA2v2/OwLZyh5XoJabCO7Hnv/tgsgKVjH3/Oz518ABs+Jrz/+pPMgK/jP2fOv5C1fQc77nf58HihWmQCseILhVQO4ZuHqQBfuAIu1wBZ28PQ+Arj7SZQDi9Wv27gSFRXc5kpHdOj1PwAH0sucZPLD+9WYiKxHrmdLzFizxsXdyT1bPb7CSdJQAb2DplOmUgvosvOcPSEl3KgMu0BsKNSUTp5LuKLApNxlwg96Ynhu9hgCEyJcs7+QprQAAAABJRU5ErkJggg==);
  background-position: left 8px center;
  background-repeat: no-repeat;
}

.dark-skin .data-container-setting-bar .setting-bar-slot .gwt-TextBox.text-box-autocomplete:focus {
  border: 1px solid #41c9fe;
}

.dark-skin .data-container-setting-bar .setting-bar-slot tasy-wautocomplete .ng-invalid-required.ng-touched {
  border: 1px solid #db2a36;
}

.dark-skin .data-container-setting-bar .setting-bar-slot .gwt-TextBox.ng-invalid {
  border: 1px solid #c4c4c4;
}

.dark-skin .data-container-setting-bar .setting-bar-intervals-arrows {
  background-color: #4d4d4d;
}

.dark-skin .data-container-setting-bar .setting-bar-intervals-arrows .arrow {
  border-color: transparent #f5f5f5 #f5f5f5 transparent;
}

.dark-skin .data-container-setting-bar .setting-bar-slot {
  background-color: #4d4d4d;
  border-right: 1px solid #383838;
}

.dark-skin .data-container-setting-bar .setting-bar-interval {
  background-color: #4d4d4d;
  border-right: 1px solid #383838;
}

.dark-skin .data-container-setting-bar .setting-bar-fit {
  background-color: #4d4d4d;
}

.dark-skin .data-container-setting-bar .setting-bar-fit-label {
  color: #f5f5f5;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-content {
  background-color: #4d4d4d;
  border: 1px solid #383838;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-container {
  background-color: #383838;
}

.dark-skin .data-container-setting-bar .tl-setting-bar__item--day {
  background-color: #696969;
  border: none;
  color: #f5f5f5;
  font-family: "CentraleSansCndBold";
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date {
  background-color: #383838;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-row {
  background-color: #696969;
  color: #f5f5f5;
  border: 1px solid #595959;
  border-width: 1px 0px 1px 0px;
  padding: .4rem .625rem;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-left-blank {
  background-color: #383838;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-prev {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left_dm.svg") no-repeat center;
  border: 1px solid #595959;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-next {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right_dm.svg") no-repeat center;
  border: 1px solid #595959;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-first {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_left_dm.svg") no-repeat center;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-first:before {
  border-left: 1px solid #f5f5f5;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-last {
  background: url("/assets/framework/images/components/w-datetime-picker/arrow_right_dm.svg") no-repeat center;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-last:before {
  border-right: 1px solid #f5f5f5;
}

.dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-first, .dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-last, .dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-prev, .dark-skin .data-container-setting-bar .tl-setting-bar-date-nav-next {
  background-color: #696969;
  border: 1px solid #595959;
}

.dark-skin .setting-bar-intervals-popover:before {
  background-color: #4d4d4d;
}

@media (min-width: 1920px) and (max-width: 3839px) {
  .touch-screen flowsheet .main-area .main-top-area {
    height: 95px;
  }
  .touch-screen .data-container-setting-bar timeline-setting-bar {
    height: 95px;
  }
  .touch-screen .data-container-setting-bar .tl-setting-bar-container .tl-setting-bar-content {
    height: 70px;
  }
  .touch-screen .data-container-setting-bar .setting-bar-slot tasy-wautocomplete {
    display: none;
  }
  .touch-screen .data-container-setting-bar .setting-bar-slot tasy-wdatetimepicker {
    width: 55%;
  }
  .touch-screen .data-container-setting-bar .setting-bar-slot tasy-wdatetimepicker .datetimepicker-container, .touch-screen .data-container-setting-bar .setting-bar-slot tasy-wdatetimepicker .w-dt-result__button {
    height: 50px;
  }
  .touch-screen .data-container-setting-bar .setting-bar-intervals .setting-bar-intervals-arrows {
    width: 50px;
    -ms-flex-align: center;
        align-items: center;
  }
}

.item-label.active {
  font-size: 23px;
  margin-left: 1px;
  color: #faa152;
}

.timeline-table-item-detail-line {
  width: 350px;
  margin-top: 15px;
}

.timeline-table-item-detail-line .component-table-item-detail {
  width: 35%;
  display: -ms-inline-grid;
  display: inline-grid;
  margin-right: 15px;
}

.timeline-table-item-detail-line .title-component-table-item-detail {
  width: 35%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px;
  color: gray;
  margin-bottom: 5px;
}

.timeline-table-item-detail-line .timeline-table-item-detail-fields {
  display: -ms-flexbox;
  display: flex;
}

.timeline-table-item-detail-line .div-timeline-table-item-detail-btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.timeline-table-item-detail-line .div-timeline-table-item-detail-btn span {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.timeline-table-item-detail-line .div-timeline-table-item-detail-btn span.timeline-table-item-detail-btn-edit {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Mi4gQWN0aW9uIC8gUGVuY2lsIC8gcGVuY2lsLWdyZXk8L3RpdGxlPgogICAgPGcgaWQ9IjIuLUFjdGlvbi0vLVBlbmNpbC0vLXBlbmNpbC1ncmV5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0icGVuY2lsLWdyZXkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTEyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTQuNTczLDE2LjI3OTggTDcuNzIsMTkuNDI2OCBMMywyMC45OTk4IEw0LjU3MywxNi4yNzk4IFogTTE0Ljk1Nyw1Ljc3IEwxOC4yMyw5LjA0MiBMOC41MDEsMTguNzcxIEw1LjIyOCwxNS40OTkgTDE0Ljk1Nyw1Ljc3IFogTTE3LjcyNzYsMi45OTk4IEwyMC45OTk2LDYuMjcxOCBMMTguOTQ3Niw4LjMyMzggTDE1LjY3NTYsNS4wNTE4IEwxNy43Mjc2LDIuOTk5OCBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiM4QzhDOEMiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-position: right;
  background-repeat: no-repeat;
}

.timeline-table-item-detail-line .div-timeline-table-item-detail-btn span.timeline-table-item-detail-btn-remove {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Mi4gQWN0aW9uIC8gQmluIC8gQmluPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iNCAxOS45OTk4IDQgNC4wMDAxMjY4NCAxOS45OTk4ODEzIDQuMDAwMTI2ODQgMTkuOTk5ODgxMyAxOS45OTk4Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMi4tQWN0aW9uLS8tQmluLS8tQmluIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYmluIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0xMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMiI+PC9nPgogICAgICAgICAgICA8cGF0aCBkPSJNOC42Mjg3MjcyNyw0IEw4LjYyODcyNzI3LDUuMDkwOTA5MDkgTDUsNS4wOTA5MDkwOSBMNSw2LjkwOTA5MDkxIEwxOC4wOTA5MDkxLDYuOTA5MDkwOTEgTDE4LjA5MDkwOTEsNS4wOTA5MDkwOSBMMTQuNDg0MzYzNiw1LjA5MDkwOTA5IEwxNC40ODQzNjM2LDQgTDguNjI4NzI3MjcsNCBaIE02LjA5MDU0NTQ1LDIwIEwxNywyMCBMMTcsNy42MzYzNjM2NCBMNi4wOTA1NDU0NSw3LjYzNjM2MzY0IEw2LjA5MDU0NTQ1LDIwIFogTTE0LjA5MDkwOTEsMTguNTQ1NDU0NSBMMTQuODE4MTgxOCwxOC41NDU0NTQ1IEwxNC44MTgxODE4LDkuMDkwOTA5MDkgTDE0LjA5MDkwOTEsOS4wOTA5MDkwOSBMMTQuMDkwOTA5MSwxOC41NDU0NTQ1IFogTTExLjE4MTgxODIsMTguNTQ1NDU0NSBMMTEuOTA5MDkwOSwxOC41NDU0NTQ1IEwxMS45MDkwOTA5LDkuMDkwOTA5MDkgTDExLjE4MTgxODIsOS4wOTA5MDkwOSBMMTEuMTgxODE4MiwxOC41NDU0NTQ1IFogTTguMjcyNzI3MjcsMTguNTQ1NDU0NSBMOSwxOC41NDU0NTQ1IEw5LDkuMDkwOTA5MDkgTDguMjcyNzI3MjcsOS4wOTA5MDkwOSBMOC4yNzI3MjcyNywxOC41NDU0NTQ1IFoiIGZpbGw9IiM4QzhDOEMiIG1hc2s9InVybCgjbWFzay0yKSI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-position: right;
  background-repeat: no-repeat;
}

.timeline-table-item-detail-footer {
  margin-top: 20px;
  text-align: right;
}

.timeline-table-item-detail-footer .mr-15 {
  margin: 5px 15px 5px 0px;
}

.timeline-table-item-detail-footer .btn-add {
  float: left;
  margin: -25px 0;
}

.dark-skin .title-component-table-item-detail {
  color: white;
}

.dark-skin .div-timeline-table-item-detail-btn span.timeline-table-item-detail-btn-remove {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Mi4gQWN0aW9uIC8gQmluIC8gQmluPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXRoLTEiIHBvaW50cz0iNCAxOS45OTk4IDQgNC4wMDAxMjY4NCAxOS45OTk4ODEzIDQuMDAwMTI2ODQgMTkuOTk5ODgxMyAxOS45OTk4Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMi4tQWN0aW9uLS8tQmluLS8tQmluIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYmluIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0xMiIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgPGcgaWQ9IkNsaXAtMiI+PC9nPgogICAgICAgICAgICA8cGF0aCBkPSJNOC42Mjg3MjcyNyw0IEw4LjYyODcyNzI3LDUuMDkwOTA5MDkgTDUsNS4wOTA5MDkwOSBMNSw2LjkwOTA5MDkxIEwxOC4wOTA5MDkxLDYuOTA5MDkwOTEgTDE4LjA5MDkwOTEsNS4wOTA5MDkwOSBMMTQuNDg0MzYzNiw1LjA5MDkwOTA5IEwxNC40ODQzNjM2LDQgTDguNjI4NzI3MjcsNCBaIE02LjA5MDU0NTQ1LDIwIEwxNywyMCBMMTcsNy42MzYzNjM2NCBMNi4wOTA1NDU0NSw3LjYzNjM2MzY0IEw2LjA5MDU0NTQ1LDIwIFogTTE0LjA5MDkwOTEsMTguNTQ1NDU0NSBMMTQuODE4MTgxOCwxOC41NDU0NTQ1IEwxNC44MTgxODE4LDkuMDkwOTA5MDkgTDE0LjA5MDkwOTEsOS4wOTA5MDkwOSBMMTQuMDkwOTA5MSwxOC41NDU0NTQ1IFogTTExLjE4MTgxODIsMTguNTQ1NDU0NSBMMTEuOTA5MDkwOSwxOC41NDU0NTQ1IEwxMS45MDkwOTA5LDkuMDkwOTA5MDkgTDExLjE4MTgxODIsOS4wOTA5MDkwOSBMMTEuMTgxODE4MiwxOC41NDU0NTQ1IFogTTguMjcyNzI3MjcsMTguNTQ1NDU0NSBMOSwxOC41NDU0NTQ1IEw5LDkuMDkwOTA5MDkgTDguMjcyNzI3MjcsOS4wOTA5MDkwOSBMOC4yNzI3MjcyNywxOC41NDU0NTQ1IFoiIGZpbGw9IndoaXRlIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.dark-skin .div-timeline-table-item-detail-btn span.timeline-table-item-detail-btn-edit {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Mi4gQWN0aW9uIC8gUGVuY2lsIC8gcGVuY2lsLXdoaXRlPC90aXRsZT4KICAgIDxnIGlkPSIyLi1BY3Rpb24tLy1QZW5jaWwtLy1wZW5jaWwtd2hpdGUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwZW5jaWwtd2hpdGUiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTEyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTQuNTczLDE2LjI3OTggTDcuNzIsMTkuNDI2OCBMMywyMC45OTk4IEw0LjU3MywxNi4yNzk4IFogTTE0Ljk1Nyw1Ljc3IEwxOC4yMyw5LjA0MiBMOC41MDEsMTguNzcxIEw1LjIyOCwxNS40OTkgTDE0Ljk1Nyw1Ljc3IFogTTE3LjcyNzYsMi45OTk4IEwyMC45OTk2LDYuMjcxOCBMMTguOTQ3Niw4LjMyMzggTDE1LjY3NTYsNS4wNTE4IEwxNy43Mjc2LDIuOTk5OCBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.w-voice-panel-guideline-button {
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  cursor: pointer;
}

.w-voice-panel-guideline-button-icon {
  background-image: url(/assets/framework/images/caution-white.svg);
  width: 13px;
  background-position-y: center;
}

.w-voice-panel-guideline-button-text {
  color: #0096ED;
}

.w-voice-panel-guideline-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: end;
  -ms-flex-direction: column;
      flex-direction: column;
}

b-chart-metadata-form .b-chart-metadata-form-container .w-mdetail {
  padding-top: var(--spacing-10);
}

b-chart-metadata-tree-detail .b-chart-metadata-container .btree-detail .wtree-container {
  padding-top: 0px;
}

b-chart-metadata-tree-detail .b-chart-metadata-container .b-chart-metadata-footer {
  text-align: right;
}

b-chart-metadata-tree-detail .b-chart-metadata-container .b-chart-metadata-footer .gwt-Button.btn-green {
  margin-left: var(--spacing-16);
}

.b-datasource-metadata-footer {
  text-align: right;
}

.b-datasource-metadata-footer .gwt-Button.btn-green {
  margin-left: var(--spacing-16);
}

b-tree-detail .w-mdetail {
  max-height: 550px;
}

b-dbpanel-metadata-view .w-mdetail {
  max-height: 517px;
}

b-datasource-metadata {
  width: 100%;
}

b-datasource-metadata .b-datasource-metadata {
  margin-top: var(--spacing-20);
  height: 400px;
}

b-dynamic-table-metadata-form .b-dynamic-table-metadata-form-container .w-mdetail {
  padding-top: var(--spacing-10);
}

b-dynamic-table-metadata-tree-detail .b-dynamic-table-metadata-container .btree-detail .wtree-container {
  padding-top: 0px;
}

b-dynamic-table-metadata-tree-detail .b-dynamic-table-metadata-container .b-dynamic-table-metadata-footer {
  text-align: right;
}

b-dynamic-table-metadata-tree-detail .b-dynamic-table-metadata-container .b-dynamic-table-metadata-footer .gwt-Button.btn-green {
  margin-left: var(--spacing-16);
}

.b-file-metadata-attribute-container {
  height: 470px;
  overflow-y: auto;
}

.b-file-metadata-attribute-container .w-inconsistency {
  width: 99%;
  margin-top: 0;
  margin-left: 0;
}

.b-file-metadata-attribute-container .w-mdetail {
  padding: var(--spacing-6) var(--spacing-28) 0 0;
}

.b-file-metadata-attribute-container .group-filter.btn-link-blue {
  margin-top: 0;
}

.file-metadata-container {
  padding-top: var(--spacing-12);
  width: 100%;
  height: 500px;
}

.file-metadata-default {
  width: 100%;
}

.b-file-metadata-form {
  display: -ms-flexbox;
  display: flex;
  height: 510px;
}

.b-file-metadata-form-properties {
  width: 50%;
  padding-left: 0;
}

.b-file-metadata-form-properties .w-inconsistency {
  width: 99%;
  margin-top: 0;
  margin-left: 0;
}

.b-file-metadata-form-properties tasy-wmdetail {
  height: 470px;
}

.b-file-metadata-form-properties tasy-wmdetail .w-mdetail {
  padding: var(--spacing-6) var(--spacing-28) 0 0;
}

.b-file-metadata-form-header {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--spacing-4);
  padding: 0;
  cursor: default;
}

.b-file-metadata-form-title {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  color: #333333;
  letter-spacing: 0.1px;
  padding-bottom: var(--spacing-18);
}

.b-file-metadata-form-buttons {
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  padding-right: 22px;
}

.b-file-metadata-form-buttons .handlebar-button {
  min-height: 20px;
}

.b-file-metadata-form-attributes {
  width: 50%;
}

.b-file-metadata-form-attributes .datagrid-grid-container {
  min-height: 6rem;
}

.b-file-metadata-form-loader {
  display: -ms-flexbox;
  display: flex;
  height: 510px;
}

.b-file-metadata-form-footer {
  text-align: end;
  padding-top: var(--spacing-28);
  padding-bottom: var(--spacing-28);
}

.b-file-metadata-form-footer .gwt-Button.btn-green {
  margin-left: var(--spacing-16);
}

.b-tree-view-node {
  width: 100%;
}

.b-tree-view-node-content {
  padding-top: 20px;
}

b-code .wtabpanel-content {
  padding-top: 2vh;
}

b-code .wtabpanel-horizontal, b-code .w-bars__tabs {
  width: 88vw !important;
}

.b-inconsistency-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-right: 28px;
  width: 100%;
}

.b-inconsistency-container tasy-wbutton {
  display: none;
}

.b-inconsistency-container .b-inconsistency-close {
  background: #FFBABF;
  border: none;
  color: #BD202B;
  cursor: pointer;
  font-size: 20px;
  padding-bottom: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.b-inconsistency-container .b-inconsistency-close:hover {
  color: #FFBABF;
  background: #BD202B;
}

.loader {
  position: absolute;
  z-index: 9999;
  left: 45%;
  top: 45%;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

.dx-developer-dlg-components .wtabpanel-horizontal, .dx-developer-dlg-components .w-bars__tabs {
  width: 100%;
  z-index: 2;
  padding: 0;
}

.dx-developer-dlg-components .wtabpanel-content {
  margin-top: var(--sizing-40);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

b-script .b-script-main-container {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  width: 95vw;
  -ms-flex-align: center;
      align-items: center;
}

b-script .b-script-main-container .b-script-main-container__editor {
  width: 95vw;
  height: 64vh;
  z-index: 3 !important;
}

b-script .b-script-main-container .b-script-main-container__editor .schematicsdx-code-editor > .code-editor-instance-container {
  height: 64vh;
}

b-script .b-script-main-container .b-script-main-container__editor .schematicsdx-code-editor > .code-editor-tabs-container > .tab > .icon {
  margin-top: 8px;
}

b-script .b-script-main-container .b-script-main-container__editor-controls {
  width: 22em;
  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;
}

.b-inconsistency-container {
  position: absolute;
  z-index: 5;
  top: 46px;
}

.b-tree-view-component {
  display: -ms-flexbox;
  display: flex;
}

.b-tree-view-component--wtree {
  width: 350px;
  height: 550px;
  min-width: 350px;
  overflow: auto;
}

.b-tree-view-component--wtree .wtree-container {
  padding: 5px 0 0 0;
}

.b-tree-view-component--wtree .wtree-row {
  overflow-y: hidden;
  overflow-x: auto;
}

.b-tree-view-component--wtree .wtree-row div {
  overflow: visible;
  text-overflow: clip;
}

.b-tree-view-component--wtree .wtreeSearchBoxPanel > img {
  cursor: pointer;
}

.b-tree-view-component--container {
  width: 100%;
}

.b-tree-view-component--inconsistency-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.b-tree-view-component--inconsistency-container tasy-wbutton {
  display: none;
}

.b-tree-view-component--inconsistency-button {
  background: #ffbabf;
  border: none;
  color: #bd202b;
  cursor: pointer;
  font-size: var(--sizing-20);
  padding-bottom: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.b-tree-view-component--divider {
  width: 3px;
  background-image: linear-gradient(to bottom, #bfbfbf 50%, transparent 50%);
  background-size: 1px 5px;
  margin: 0 var(--spacing-10);
}

b-form-detail .b-form-detail-container .w-mdetail {
  padding-top: var(--spacing-10);
}

.w-chrtpnl-graphic {
  height: 100%;
  border-bottom: 1px solid #CCCCCC;
  margin-top: -1px;
}

.w-chrtpnl-graphic .vis-timeline {
  border: none;
}

.w-chrtpnl-graphic .vis-timeline .vis-point {
  stroke-width: 1px;
}

.w-chrtpnl-graphic .vis-panel + .vis-center {
  border: none;
}

.w-chrtpnl-graphic .vis-panel + .vis-left {
  border: none;
}

.w-chrtpnl-graphic .vis-vertical {
  border-top: 1px solid #8d8d8d;
  opacity: 1;
}

.w-chrtpnl-graphic .vis-even {
  background-color: #F2F2F2;
}

.w-chrtpnl-graphic.is-first {
  margin-top: -34px;
}

.w-chrtpnl-graphic.is-monitoring {
  border-bottom: 0;
  border-top: 1px solid #8D8D8D;
}

.w-chrtpnl-graphic.is-monitoring.is-first {
  border-top: 0;
}

.w-chrtpnl-graphic.is-monitoring.is-first .w-chrtpnl-column.name {
  margin-top: 30px;
}

.w-chrtpnl-graphic.is-monitoring.is-first .w-chrtpnl-column.name, .w-chrtpnl-graphic.is-monitoring.is-first .w-chrtpnl-column.description {
  padding: 0;
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-row:hover, .w-chrtpnl-graphic.is-monitoring .vis-even {
  background-color: initial;
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column {
  display: block;
  float: left;
  font-size: var(--font-size-body);
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column.drag, .w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column.data-axis {
  display: none;
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column.name {
  margin-top: 12px;
  color: #333333;
  width: 160px;
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column.name .description {
  color: #808080;
  width: 160px;
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column.description {
  display: none;
}

.w-chrtpnl-graphic.is-monitoring .w-chrtpnl-column.graphic {
  width: calc(100% - 160px);
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-left {
  left: 10px !important;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-left .vis-data-axis .vis-y-axis.vis-minor,
.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-left .vis-data-axis .vis-y-axis.vis-major {
  color: #808080;
  border-right: 10px solid;
  padding-right: 8px;
  line-height: 24px;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-horizontal .vis-grid {
  border: none;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-horizontal .vis-grid:nth-child(odd) {
  margin-top: -12px;
  height: 24px;
  background-color: #f2f2f2;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-vertical {
  z-index: 1;
  border: none;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-vertical .vis-grid {
  border-left: 1px dashed #d9d9d9;
  border-top: none;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-vertical .vis-grid:first-child, .w-chrtpnl-graphic.is-monitoring .vis-panel.vis-vertical .vis-grid.vis-h0-h4 {
  border-left: 1px solid #8D8D8D;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-vertical .vis-grid:last-child {
  border-left: 0;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center {
  z-index: 1;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center .vis-line-graph {
  overflow-x: scroll;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center .vis-line-graph text {
  font-size: var(--font-size-caption);
  transform: translate(-3px, 5px);
  pointer-events: none;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center .vis-line-graph circle.light-label ~ text {
  fill: #fff;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center .vis-line-graph circle.dark-label ~ text {
  fill: #000;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center .vis-line-graph::-webkit-scrollbar {
  display: none;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center .vis-line-graph text {
  transform: translate(-3px, 5px);
  font-size: var(--font-size-caption);
  fill: #0095ed;
  pointer-events: none;
}

.w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center rect, .w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center circle, .w-chrtpnl-graphic.is-monitoring .vis-panel.vis-center polygon {
  cursor: pointer;
}

.w-chrtpnl-graphic.is-first .w-chrtpnl-column {
  vertical-align: top;
}

.w-chrtpnl-graphic.is-first .w-chrtpnl-column.name, .w-chrtpnl-graphic.is-first .w-chrtpnl-column.description {
  padding-top: 30px;
}

.w-chrtpnl-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.w-chrtpnl-row {
  display: table-row;
}

.w-chrtpnl-row:hover:not(.is-grouped) {
  background-color: #F2F2F2;
}

.w-chrtpnl-row:hover:not(.is-grouped)::before {
  line-height: 4px;
  display: table-cell;
  padding-left: 8px;
  vertical-align: middle;
  font-size: var(--font-size-body);
  color: #cccccc;
}

.w-chrtpnl-row > ng-include {
  display: contents;
}

.legend-label {
  font-size: var(--font-size-caption);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 245px;
  white-space: nowrap;
  display: block;
}

.w-chrtpnl-column {
  display: table-cell;
  vertical-align: middle;
}

.w-chrtpnl-column.drag {
  width: 22px;
}

.w-chrtpnl-column.data-axis {
  width: 65px;
}

.w-chrtpnl-column.name {
  width: 160px;
  font-size: var(--font-size-caption);
  color: #808080;
  font-family: 'CentraleSansCndBook';
  white-space: nowrap;
}

.w-chrtpnl-column.name p {
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  max-width: 160px;
}

.w-chrtpnl-column.description {
  width: 40px;
  color: #bfbfbf;
  font-size: var(--font-size-caption);
  font-family: 'CentraleSansCndBook';
  character: 0.2px;
}

.w-chrtpnl-column.graphic {
  width: 100%;
}

tasy-wchartspanel {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  max-width: 100%;
}

.wpopupmenu__item .wpopupmenu__icon .vis-outline {
  fill-opacity: 1;
  fill: transparent;
}

.wpopupmenu__item .wpopupmenu__icon .vis-outline:not(.disabled):hover {
  fill: #f2f2f2;
}

.w-chrtpnl {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  overflow: hidden;
  background-color: #ffffff;
}

.w-chrtpnl-container {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 28px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.w-chrtpnl-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
}

.w-chrtpnl-content > ng-include {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 0;
}

.w-chrtpnl-viewport {
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.w-chrtpnl-viewport .w-accordion-pane {
  padding-bottom: 0;
  padding-right: 0;
}

.w-chrtpnl-viewport .tooltip-inner {
  max-width: 300px;
}

.w-chrtpnl-empty-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  letter-spacing: 0.2px;
  color: #808080;
  color: #666666;
  margin-bottom: 16px;
}

.w-chrtpnl-scrollpanel {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  min-height: 0;
}

.w-chrtpnl-scrollpanel .w-accordion-header .main-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 170px;
}

.w-chrtpnl-scrollpanel .w-accordion-header .main-description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 30px;
}

.w-chrtpnl-trace {
  z-index: 9;
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #B0B0B0;
}

.w-chrtpnl-timeline-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-top: 8px;
  padding-left: 4px;
}

.w-chrtpnl .is-monitoring-type {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.w-chrtpnl .is-monitoring-type .w-chrtpnl-timeline-header {
  margin-right: 12px;
  padding-left: 0;
}

.w-chrtpnl .is-monitoring-type .w-chrtpnl-timeline-header:not(.timeline-bottom) {
  border-bottom: 1px solid #8D8D8D;
}

.w-chrtpnl .is-monitoring-type .w-chrtpnl-timeline-header.timeline-bottom {
  border-top: 1px solid #8D8D8D;
  padding-top: 0;
}

.w-chrtpnl .is-monitoring-type .w-chrtpnl-timeline-header .timeline-header.has-scrollbar {
  margin-right: 0;
}

.w-chrtpnl .is-monitoring-type .w-chrtpnl-trace {
  z-index: 1;
}

.w-chrtpnl .wtitle {
  margin-bottom: 35px;
}

.w-chrtpnl .timeline-curtain {
  margin-left: 287px;
  margin-right: 12px;
  background-color: transparent;
  background-image: none;
}

.w-chrtpnl .timeline-header.has-scrollbar {
  width: 100%;
  margin-left: 287px;
  margin-right: 12px;
}

.w-chrtpnl-tooltip {
  display: table-cell;
  text-align: center;
}

.w-chrtpnl-tooltip.grouped {
  display: block;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.w-chrtpnl-tooltip.grouped .name {
  display: block;
  font-size: var(--font-size-header-5);
  text-align: left;
  color: #000000 !important;
  max-width: initial;
  padding: 0 0 20px 0;
}

.w-chrtpnl-tooltip.grouped .description {
  display: none;
}

.w-chrtpnl-tooltip.grouped .value {
  padding: 0;
}

.w-chrtpnl-tooltip.grouped .value .time, .w-chrtpnl-tooltip.grouped .value .label {
  padding-right: 20px;
}

.w-chrtpnl-tooltip.grouped .value .time, .w-chrtpnl-tooltip.grouped .value .desc {
  font-size: var(--font-size-caption);
  color: #b3b3b3 !important;
}

.w-chrtpnl-tooltip.grouped .value .label {
  font-size: var(--font-size-header-5);
  font-weight: bold;
  color: #808080 !important;
}

.w-chrtpnl-tooltip.name {
  text-overflow: ellipsis;
  overflow: hidden;
  color: #cccccc;
  font-size: 13px;
  padding-right: 4px;
  max-width: 100px;
}

.w-chrtpnl-tooltip.description {
  padding-left: 2px;
  color: #cccccc;
  font-size: 13px;
}

.w-chrtpnl-popover-container {
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 250px;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
}

.w-chrtpnl-popover-title {
  font-size: var(--font-size-header-5);
  font-weight: bold;
  padding-bottom: 16px;
}

.w-chrtpnl-popover-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  white-space: nowrap;
  -ms-flex-align: baseline;
      align-items: baseline;
  min-height: 25px;
}

.w-chrtpnl-popover-item .name {
  color: #808080;
  min-width: 150px;
  max-width: 150px;
  padding-right: 4px;
  display: -ms-flexbox;
  display: flex;
}

.w-chrtpnl-popover-item .name p {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
  float: left;
}

.w-chrtpnl-popover-item .value {
  font-weight: bold;
  font-size: 17px;
  color: #737373;
}

.w-chrtpnl-popover-item .description {
  padding-left: 4px;
  color: #cccccc;
}

.w-chrtpnl-navigator-pane .w-accordion-pane {
  padding-right: 8px;
}

.w-chrtpnl-column.name u {
  text-decoration: underline;
}

.popover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

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

.popover.right {
  margin-left: 10px;
}

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

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

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

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.popover .legend-cell-content {
  line-height: 28px !important;
  margin-right: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.popover .legend-cell-circle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-right: 8px;
  margin-left: 4px;
}

.popover .legend-image-cell {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-right: 4px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.popover .legend-cell-content-tag {
  margin-right: 4px;
}

.leanchart_hist_sparkline {
  min-width: 267px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 12px;
  height: 45px;
  width: 100%;
}

.leanchart_hist_sparkline_expand {
  min-width: 267px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 36px;
  height: 145px;
  width: 100%;
}

.leanchart_hist_sparkline_button {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin-right: 16px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 100%;
}

.leanchart_hist_sparkline_button_exp {
  -ms-flex-preferred-size: 160px;
      flex-basis: 160px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 100%;
  max-width: 160px;
  min-width: 134px;
}

.leanchart_multicolor_sparkline {
  min-width: 267px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 12px;
  height: 45px;
  width: 100%;
}

.leanchart_multicolor_sparkline_exp {
  min-width: 267px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 36px;
  height: 145px;
  width: 100%;
}

.leanchart_multicolor_sparkline_button {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin-right: 16px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 100%;
}

.leanchart_multicolor_sparkline_button_exp {
  -ms-flex-preferred-size: 160px;
      flex-basis: 160px;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  height: 100%;
  max-width: 160px;
  min-width: 134px;
}

w-strategic-map-goal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.w-strategic-map-goal-main {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.w-strategic-map-goal-main.show-less .w-strategic-map-goal-label {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 3em;
}

.w-strategic-map-goal-main.show-less .arrow-goal {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjAsNCA0LDAgOCw0ICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.w-strategic-map-goal-main.show-less .w-strategic-map-goal-indicator:not([hidden-indicators='0']) w-strategic-map-indicator:nth-child(n+4) {
  display: none;
}

.w-strategic-map-goal-main.show-less .w-strategic-map-goal-indicator:not([hidden-indicators='0']) .w-strategic-goal-hidden-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  font-size: var(--font-size-caption);
  color: #696969;
  font-family: "CentraleSansCndBook";
  padding-bottom: 8px;
}

.w-strategic-map-goal-main.show-less .w-strategic-map-goal-indicator:not([hidden-indicators='0']) .w-strategic-goal-hidden-indicator .plus-hidden-indicator {
  font-size: var(--font-size-header-5);
  color: #9e9e9e;
  font-family: "CentraleSansCndBook";
}

.w-strategic-goal-hidden-indicator {
  display: none;
}

w-strategic-map-indicator:nth-child(n+4) {
  width: 25%;
  -ms-flex: none;
      flex: none;
}

.w-strategic-map-goal-content {
  margin-bottom: 8px;
}

.w-strategic-map-goal-label {
  font-size: var(--font-size-body);
  font-family: "CentraleSansCndBook";
}

.arrow-goal {
  display: block;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDggNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjMzMzMzMzIiBwb2ludHM9IjgsMCA0LDQgMCwwICIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}

.w-strategic-map-goal-button {
  height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #979797;
}

.w-strategic-map-goal-span {
  cursor: pointer;
  font-size: var(--font-size-caption);
  color: #808080;
}

.w-strategic-map-goal-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0 0;
}

w-strategic-map-indicator {
  -ms-flex: 1;
      flex: 1;
  min-width: 25%;
  padding: 0px 8px 8px 0px;
}

.w-strategic-map-indicator-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: left;
      justify-content: left;
}

.w-strategic-map-indicator-content > tasy-wlabel {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.w-strategic-map-indicator-label {
  font-size: var(--font-size-caption);
  padding-left: 8px;
  font-family: "CentraleSansCndBook";
}

.circle-indicator {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  width: 16px;
  -ms-flex: none;
      flex: none;
}

.circle-indicator.notreached {
  background-color: #FF5454;
}

.circle-indicator.incomplete {
  background-color: #FFDB1F;
}

.circle-indicator.reached {
  background-color: #3FB763;
}

.ngdialog.w-user-guide-modal {
  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;
  padding: 96px 32px 56px 32px;
  -webkit-user-select: initial !important;
     -moz-user-select: initial !important;
      -ms-user-select: initial !important;
          user-select: initial !important;
}

.ngdialog.w-user-guide-modal .ngdialog-overlay {
  background: rgba(33, 33, 33, 0.4);
}

.ngdialog.w-user-guide-modal .ngdialog-content {
  position: relative;
  background: transparent;
  max-width: 100%;
  max-height: 100%;
}

.ngdialog.w-user-guide-modal .ngdialog-close:before {
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzgwODA4MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM4MDgwODAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+") no-repeat;
  background-size: contain;
  position: absolute;
  top: 6px;
  left: calc(100% - 6px);
  transform: translateX(-100%);
  width: 18px;
  height: 18px;
}

.user-guide-modal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.user-guide-modal .user-guide-modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 64px;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  padding: 28px 28px 8px 28px;
}

.user-guide-modal .user-guide-modal-header .user-guide-modal-title {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
      align-items: center;
  min-width: 0;
  -ms-flex-direction: column;
      flex-direction: column;
}

.user-guide-modal .user-guide-modal-header .user-guide-modal-title-text {
  -ms-flex-item-align: start;
      align-self: flex-start;
  color: #333333;
  font-size: var(--font-size-header-5);
}

.user-guide-modal .user-guide-modal-header .user-guide-modal-title-step {
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  font-family: "CentraleSansCndBook";
  color: #808080;
  -ms-flex-item-align: end;
      align-self: flex-end;
  min-height: 20px;
  padding-top: 8px;
}

.user-guide-modal .user-guide-modal-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: none;
  text-align: left;
  padding: 0px 28px 0 28px;
  line-height: 140%;
}

.user-guide-modal .user-guide-modal-content .user-guide-modal-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 324px;
  width: 512px;
}

.user-guide-modal .user-guide-modal-content .user-guide-modal-description .user-guide-modal-description-image {
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  height: 222px;
  width: 298px;
  margin-bottom: 28px;
}

.user-guide-modal .user-guide-modal-content .user-guide-modal-description .user-guide-modal-description-image .w-image-size {
  -ms-flex: 1;
      flex: 1;
  max-height: 222px;
  max-width: 298px;
}

.user-guide-modal .user-guide-modal-content .user-guide-modal-description .user-guide-modal-description-text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.user-guide-modal .user-guide-modal-content .user-guide-modal-description .user-guide-modal-description-text textarea {
  border: 0;
  color: #333333;
  font-size: var(--font-size-subtitle);
  height: 80px;
  padding: 0;
  width: 512px;
}

.user-guide-modal .user-guide-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 28px;
}

.user-guide-modal .user-guide-modal-footer .left {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.user-guide-modal .user-guide-modal-footer .user-guide-button {
  margin: 0 28px 0 14px;
  padding: 9px 0px;
}

.user-guide-modal .user-guide-modal-footer .user-guide-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.user-guide-modal-buttons .wbutton-container {
  width: 120px;
}

.user-guide-blur {
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
  filter: url(#user-guide-blur-filter);
  filter: blur(4px);
}

svg.user-guide-blur {
  display: none;
}

div .w-user-guide.tooltip-inner {
  padding: 4px;
  font-size: var(--font-size-caption);
}

figure.component-videoplayer {
  background-color: #000;
  height: 288px;
  width: 512px;
}

video.component-videoplayer {
  height: 288px;
  width: 512px;
}

.component-videoplayer video {
  width: 100%;
  display: block;
}

.component-videoplayer ::cue {
  color: #fff;
  font: condensed 36px/100px "Helvetica Neue", serif;
  background: rgba(13, 13, 13, 0.4);
  white-space: pre-wrap;
}

.component-videoplayer .controls {
  background-color: #e6e6e6;
  height: 32px;
  padding: 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.component-videoplayer .controls[data-state=hidden] {
  display: none;
}

.component-videoplayer .video-controls-item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 8px;
  display: -ms-flexbox;
  display: flex;
}

.component-videoplayer .video-controls-item:first-child {
  margin-left: 0;
}

.component-videoplayer #volbar-bkg {
  width: 50px;
}

.component-videoplayer .controls button {
  width: 16px;
  height: 16px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  cursor: pointer;
  text-indent: -99999px;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.component-videoplayer .video-duration {
  margin-left: 8px;
  font-size: var(--font-size-caption);
}

.component-videoplayer .controls button[data-state="play"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-play.svg");
}

.component-videoplayer .controls button[data-state="pause"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-pause.svg");
}

.component-videoplayer .controls button[data-state="stop"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-stop.svg");
}

.component-videoplayer .controls button[data-state="mute"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-volume.svg");
}

.component-videoplayer .controls button[data-state="unmute"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-volume-muted.svg");
}

.component-videoplayer .controls button[data-state="go-fullscreen"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-fullscreen.svg");
}

.component-videoplayer .controls button[data-state="cancel-fullscreen"] {
  background-image: url("/assets/framework/images/components/w-user-guide/icon-fullscreen-exit.svg");
}

.component-videoplayer .controls .video-progress {
  background: #D9D9D9;
  -ms-flex: 1;
      flex: 1;
  position: relative;
  cursor: pointer;
}

.component-videoplayer .controls progress {
  display: block;
  width: 100%;
  height: 8px;
  border: none;
  overflow: hidden;
  color: #D9D9D9;
  opacity: 0;
  -webkit-appearance: none;
}

.component-videoplayer .controls #progress-bar {
  background-color: #0095ED;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
}

.component-videoplayer .controls progress[data-state="fake"] {
  background: #e6e6e6;
  height: 65%;
}

.component-videoplayer .controls progress::-moz-progress-bar {
  background-color: #D9D9D9;
}

.component-videoplayer .controls progress::-webkit-progress-value {
  background-color: #0095ED;
}

.component-videoplayer .controls progress span {
  width: 0%;
  height: 100%;
  display: inline-block;
  background-color: #0095ED;
}

html:-ms-fullscreen {
  width: 100%;
}

:-webkit-full-screen {
  background-color: transparent;
}

.component-videoplayer video:-webkit-full-screen + .controls {
  background: #ccc;
}

figure[data-fullscreen=true].component-videoplayer video::-webkit-media-controls {
  display: none !important;
}

figure[data-fullscreen=true].component-videoplayer {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 100%;
}

figure[data-fullscreen=true].component-videoplayer video {
  height: auto;
}

figure[data-fullscreen=true].component-videoplayer figcaption {
  display: none;
}

figure[data-fullscreen=true].component-videoplayer .controls {
  width: 100%;
  left: 0px;
  bottom: 0px;
  position: absolute;
  z-index: 2147483647;
}

input[type=range].video-controls-volbar {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}

input[type=range].video-controls-volbar:focus {
  outline: 0;
}

input[type=range].video-controls-volbar::-webkit-slider-thumb {
  box-shadow: none;
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 0;
  background: #FFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3px;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

input[type=range].video-controls-volbar::-moz-range-thumb {
  box-shadow: none;
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 0;
  background: #FFF;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

input[type=range].video-controls-volbar::-ms-thumb {
  box-shadow: none;
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 0;
  background: #FFF;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

input[type=range].video-controls-volbar::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #979797;
  border-radius: 0;
  border: none;
}

input[type=range].video-controls-volbar::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #979797;
  border-radius: 0;
  border: none;
}

input[type=range].video-controls-volbar::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border: none;
  color: transparent;
}

input[type=range].video-controls-volbar::-ms-fill-lower {
  background: #0095ed;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

input[type=range].video-controls-volbar::-ms-fill-upper {
  background: #979797;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

input[type=range].video-controls-volbar:focus::-webkit-slider-runnable-track {
  background: #979797;
}

input[type=range].video-controls-volbar::-moz-focus-outer {
  border: none;
  outline: 0;
}

input[type=range].video-controls-volbar:focus::-ms-fill-lower {
  background: #0095ed;
}

input[type=range].video-controls-volbar:focus::-ms-fill-upper {
  background: #979797;
}

.ehr-cluster-handlebar {
  width: 100%;
  clear: both;
  overflow: auto;
  margin-bottom: 28px;
}

.ehr-cluster-handlebar > tasy-handlebar-new {
  float: right;
}

.ehr-cluster-dialog, tasy-wehr {
  overflow: auto;
}

tasy-wfilter-token {
  display: block;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.w-token-filter {
  display: -ms-flexbox;
  display: flex;
}

.w-token-filter__tokens {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.w-token-filter__tokens > li + li {
  margin-left: 8px;
}

.w-token-filter__token {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 154px;
  height: var(--sizing-20);
  padding: 0 var(--spacing-8);
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-color: #f2f2f2;
  letter-spacing: 0.2px;
  font-size: var(--font-size-caption);
  color: #666666;
  line-height: 18px;
  color: #a6a6a6;
  cursor: default;
}

@media (min-width: 3840px) {
  .w-token-filter__token {
    line-height: 36px;
    max-width: none;
  }
}

.w-token-filter__token__label, .w-token-filter__token__label.truncate, .w-token-filter__token__label.panel-title, .wsubtitle .w-token-filter__token__label.panel-subtitle, .wschematic-breadcrumbs .w-token-filter__token__label.wtab-label,
.wschematic-breadcrumbs .w-token-filter__token__label.wtab-title, .w-token-filter__token__label.datagrid-cell-content-wrapper, .w-token-filter__token__label.handlebar-button, .person-bar-field-info-text .w-token-filter__token__label#info, .w-token-filter__token__label.person-info-default, .w-token-filter__token__label.person-info-legal-name, .person-info-legal-name .w-token-filter__token__label.person-info-legal-name-span {
  max-width: 50px;
}

@media (min-width: 3840px) {
  .w-token-filter__token__label, .w-token-filter__token__label.truncate, .w-token-filter__token__label.panel-title, .wsubtitle .w-token-filter__token__label.panel-subtitle, .wschematic-breadcrumbs .w-token-filter__token__label.wtab-label,
  .wschematic-breadcrumbs .w-token-filter__token__label.wtab-title, .w-token-filter__token__label.datagrid-cell-content-wrapper, .w-token-filter__token__label.handlebar-button, .person-bar-field-info-text .w-token-filter__token__label#info, .w-token-filter__token__label.person-info-default, .w-token-filter__token__label.person-info-legal-name, .person-info-legal-name .w-token-filter__token__label.person-info-legal-name-span {
    max-width: none;
  }
}

.w-token-filter__token__value {
  max-width: 70px;
}

@media (min-width: 3840px) {
  .w-token-filter__token__value {
    max-width: none;
  }
}

.w-token-filter__token__clear {
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48dGl0bGU+Y2xvc2UtZmlsdGVyPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48Zz48cG9seWxpbmUgZmlsbD0iIzgwODA4MCIgcG9pbnRzPSIwLjgsMS44IDEyLjIsMTMuMiAxMy4xLDEyLjIgMS44LDAuOCAiLz48cG9seWxpbmUgZmlsbD0iIzgxODE4MSIgcG9pbnRzPSIxMi4yLDAuOCAwLjksMTIuMiAxLjgsMTMuMiAxMy4yLDEuOCAiLz48L2c+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  cursor: pointer;
}

.w-token-filter__token__clear.disabled {
  color: #bfbfbf;
  cursor: initial;
}

.w-token-filter__dimension {
  color: #bfbfbf;
}

.w-token-filter__clearall {
  margin-left: 8px;
}

.w-token-filter--advanced {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-token-filter--advanced .w-token-filter__tokens {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  margin-top: 12px;
}

.w-token-filter--advanced .w-token-filter__tokens > li {
  margin: 4px;
}

.w-token-filter .popover-box-container {
  padding: 16px !important;
}

.w-token-filter .popover-box-container .w-token-filter__token:not(:last-of-type) {
  margin-bottom: 8px;
}

.w-token-filter--overflow {
  max-height: 500px;
  overflow-y: scroll;
}

.w-token-filter--overflow .w-token-filter__tokens {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.w-token-filter--overflow .w-token-filter__tokens > li + li {
  margin-left: 0;
}

.w-token-filter--overflow .w-token-filter__clearall {
  margin: 0;
  margin-top: 8px;
}

.token-filter-container {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
}

.dark-skin .w-token-filter__token {
  border-color: #c4c4c4;
  color: #c4c4c4;
  background-color: #4d4d4d;
  font-family: "CentraleSansCndBook";
}

.dark-skin .w-token-filter__token a {
  color: #c4c4c4;
}

.dark-skin .w-token-filter__token:hover,
.dark-skin .w-token-filter__token:hover a {
  color: #ffffff;
  background-color: #696969;
}

.dark-skin .w-token-filter__token.selected,
.dark-skin .w-token-filter__token .selected a {
  border-color: #9dd3e3;
  color: #212121;
  background-color: #9dd3e3;
}

.dark-skin .w-token-filter__token a {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #c4c4c4 45%, #c4c4c4 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #c4c4c4 45%, #c4c4c4 55%, transparent 57%, transparent 100%);
}

.dark-skin .w-token-filter__token:hover a {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #ffffff 45%, #ffffff 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #ffffff 45%, #ffffff 55%, transparent 57%, transparent 100%);
}

.dark-skin .w-token-filter__token.selected a {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #212121 45%, #212121 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #212121 45%, #212121 55%, transparent 57%, transparent 100%);
}

.dark-skin tasy-wadvancedfilter-token .w-token-filter__token {
  background-color: #f2f2f2;
  color: #212121;
  border: 1px solid #cccccc;
}

.dark-skin tasy-wadvancedfilter-token .w-token-filter__token:hover,
.dark-skin tasy-wadvancedfilter-token .w-token-filter__token:hover a {
  background-color: #f7f7f7;
  color: #212121;
}

.dark-skin tasy-wadvancedfilter-token .w-token-filter__token a {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #4d4d4d 45%, #4d4d4d 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #4d4d4d 45%, #4d4d4d 55%, transparent 57%, transparent 100%);
}

.dark-skin tasy-wadvancedfilter-token .w-token-filter__token:hover a {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43%, #212121 45%, #212121 55%, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, transparent 0%, transparent 43%, #212121 45%, #212121 55%, transparent 57%, transparent 100%);
}

.w-patient-journey-popover {
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
  z-index: 200;
  /* BODY */
  /* ACTIONS */
  /* NAVIGATION */
}

.w-patient-journey-popover__arrow {
  background-color: #595959;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
  height: 12px;
  position: absolute;
  transform: rotateZ(45deg);
  width: 12px;
  z-index: -1;
}

.w-patient-journey-popover__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-patient-journey-popover[data-popper-placement^=bottom] .w-patient-journey-popover__arrow, .w-patient-journey-popover[data-popper-placement^=top] .w-patient-journey-popover__arrow {
  margin: 0 8px;
}

.w-patient-journey-popover[data-popper-placement^=bottom] {
  margin-top: 9px !important;
}

.w-patient-journey-popover[data-popper-placement^=bottom] .w-patient-journey-popover__arrow {
  left: calc(50% - 14px);
  top: -6px;
}

.w-patient-journey-popover[data-popper-placement^=top] {
  margin-bottom: 9px !important;
}

.w-patient-journey-popover[data-popper-placement^=top] .w-patient-journey-popover__arrow {
  left: calc(50% - 14px);
  bottom: -6px;
}

.w-patient-journey-popover__close::before {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMC43OHB4IiBoZWlnaHQ9IjI5LjE4MnB4IiB2aWV3Qm94PSIwIDAgMzAuNzggMjkuMTgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC43OCAyOS4xODIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0Q2RDZENiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI1LjY4IiB5MT0iNS4yOTQiIHgyPSIyNS42MTciIHkyPSIyNS4yOTQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNENkQ2RDYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUuNjgiIHkxPSI1LjI5NCIgeDI9IjUuNzQzIiB5Mj0iMjUuMjk0Ii8+PHJlY3QgeD0iLTM2NC41IiB5PSItNDAiIGZpbGw9Im5vbmUiIHdpZHRoPSI0NDQiIGhlaWdodD0iMjgwIi8+PC9zdmc+");
  background-size: cover;
  content: "";
  cursor: pointer;
  height: 14px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 14px;
}

.w-patient-journey-popover__body {
  background: #595959;
  border-radius: 4px;
  color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  max-height: 500px;
  max-width: 400px;
  padding: 28px;
}

.w-patient-journey-popover__title {
  color: #ffffff;
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-header-5);
  margin-bottom: 28px;
}

.w-patient-journey-popover__description {
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
  line-height: 14px;
  overflow: auto;
  padding: 1px 0;
}

.w-patient-journey-popover__actions {
  margin-top: 28px;
}

.w-patient-journey-popover__link {
  background: transparent;
  border: 0;
  color: #9dd3e3;
  cursor: pointer;
  font-family: "CentraleSansCndBook";
  font-size: var(--font-size-body);
}

.w-patient-journey-popover__link:active {
  color: #ffffff;
}

.w-patient-journey-popover__link:disabled {
  color: rgba(157, 211, 227, 0.35);
  cursor: default;
}

.w-patient-journey-popover__previous, .w-patient-journey-popover__next {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  border-color: rgba(214, 214, 214, 0.8);
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  height: 16px;
  width: 16px;
}

.w-patient-journey-popover__previous.disabled, .w-patient-journey-popover__next.disabled {
  border-color: rgba(214, 214, 214, 0.2);
  cursor: default;
}

.w-patient-journey-popover__previous {
  border-width: 1px 0 0 1px;
  margin-right: 16px;
  transform: rotate(-45deg);
}

.w-patient-journey-popover__next {
  border-width: 1px 1px 0 0;
  margin-left: 16px;
  transform: rotate(45deg);
}

.w-patient-journey-popover-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 150;
}

.tasy-advancedtexteditor-layout-colunms-config {
  min-width: 200px;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-header {
  color: #000;
  cursor: default;
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-columns,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-column-spacing,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-line-between {
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms button {
  margin-left: var(--spacing-20);
}

.tasy-advancedtexteditor-layout-colunms-config .content-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
}

.tasy-advancedtexteditor-layout-colunms-config .content-input input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  height: 30px;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .tasy-advancedtexteditor-layout-colunms-config .content-input input {
    height: var(--sizing-32);
  }
}

.tasy-layout-master-region {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region {
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region p {
  display: block;
  word-wrap: true;
}

.advancedtexteditor-paste {
  margin: 25px;
}

@media (min-width: 3840px) {
  .advancedtexteditor-paste {
    margin: var(--spacing-24);
  }
}

.advancedtexteditor-paste-message {
  font-size: var(--font-size-body);
  margin-bottom: var(--spacing-28);
}

.advancedtexteditor-paste-textarea {
  height: 120px;
}

tasy-editor-rules.horizontal.cke_top {
  min-height: 20px;
  height: 20px;
  width: 210mm !important;
  margin-left: calc(50% - 104mm) !important;
  border-width: 1px 0px !important;
  border-color: #f2f2f2;
  margin-bottom: 8px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

tasy-editor-ruler.vertical {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 20px;
  background: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
}

.ruler__left-box {
  width: 20mm;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  overflow-x: hidden;
  position: relative;
}

.ruler__right-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  width: 20mm;
  height: 100%;
  background-color: rgba(242, 242, 242, 0.5);
  overflow-x: hidden;
  position: relative;
}

.ruler__margin-left {
  width: 100%;
  height: 100%;
  background-color: rgba(180, 180, 180, 0.3);
  position: absolute;
  right: 0;
}

.ruler__margin-right {
  width: 20mm;
  height: 100%;
  background-color: rgba(230, 230, 230, 0.7);
  position: absolute;
  right: 0;
}

.ruler__scale {
  -ms-flex: 0 0 10mm;
      flex: 0 0 10mm;
  height: 100%;
  background: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
  box-sizing: border-box;
  background-color: #fff !important;
  color: #333333;
  font-size: 10px;
  margin: 0;
  padding: 5px 0 0 0;
  width: 10mm !important;
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
}

.inc {
  -ms-flex: 0 0 1in !important;
      flex: 0 0 1in !important;
  width: 1in !important;
  background-image: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-inc.svg") !important;
}

.ruller__scale--text-right {
  text-align: right;
}

.ruler__scale-label {
  color: #333333;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

.ruler__scale-text-container--right,
.ruler__scale-text-container--left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: absolute;
  left: 0;
  width: 100%;
}

.ruler__scale-text-container--left {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.ruler__scale-text-container--right {
  -ms-flex-direction: row;
      flex-direction: row;
}

.ruler__scale-text {
  -ms-flex: 0 0 10mm;
      flex: 0 0 10mm;
  width: 10mm;
  height: 100%;
  font-size: 11px;
  padding-top: 5px;
}

.ruler__scale-text--ten-start-left {
  margin-right: 3px;
}

.ruler__scale-text--unit-start-left {
  margin-right: 2px;
}

.ruler__scale-text--right {
  text-align: right;
}

.ruler__scale-text--unit-start-right {
  margin-left: 2px;
}

.ruler__scale-text--ten-start-right {
  margin-left: 3px;
}

.ruler__scale-text--inc {
  width: 1in !important;
  -ms-flex: 0 0 1in !important;
      flex: 0 0 1in !important;
}

.offset.left.cke_top {
  float: left;
  height: 20px;
  z-index: 8;
  margin-top: -20px !important;
  background: url("/assets/framework/images/components/w-advancedtexteditor/rule-scale-cm.svg") !important;
  background-color: #f2f2f2 !important;
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-position: right !important;
}

.offset.left.cke_top span {
  background: #f2f2f2;
  width: 8px;
  height: 20px;
  float: right;
  cursor: w-resize;
}

div.cursor-pa {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAAVUlEQVQoU5WQCwqAIBAFVyQKoTt1tL15zSMDP0vgwIDw3uKqwY4bHljwxIwpMJu73yuuD0CJgsi6lumWawxHqeldHSkqSmVvZWYaghr98JU56rsbzB53kovU2o0QbgAAAABJRU5ErkJggg==");
  height: 8px;
  width: 35px;
  position: absolute;
  margin-top: -10px;
  cursor: pointer;
  margin-left: 28.4mm;
  background-repeat: no-repeat;
  background-position-x: 15px;
}

.ruler-line-tab {
  position: absolute !important;
  bottom: 0px;
  top: 8px;
  left: 5.5px;
  border: solid;
  height: 800px;
  border-color: blue;
  border-width: 0 0 0 1px;
  border-style: dashed;
  z-index: 15 !important;
  width: 20px;
}

.region-cursor {
  position: absolute;
  height: 20px;
  width: 210mm;
  z-index: 99;
  left: 0;
  border: 1px solid rgba(230, 230, 230, 0.7);
}

.rule-cursor-left {
  position: absolute !important;
  width: 20px !important;
  height: 100% !important;
  left: 20mm;
  cursor: w-resize;
}

.rule-cursor-right {
  position: absolute !important;
  width: 20px !important;
  height: 100% !important;
  right: 20mm;
  cursor: w-resize;
}

.rule-cursor-p {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTJDBGvsAAAAVUlEQVQoU5WQCwqAIBAFVyQKoTt1tL15zSMDP0vgwIDw3uKqwY4bHljwxIwpMJu73yuuD0CJgsi6lumWawxHqeldHSkqSmVvZWYaghr98JU56rsbzB53kovU2o0QbgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position-x: 14px;
  position: absolute !important;
  height: 10px !important;
  width: 40px;
  left: calc(20mm - 20px);
  cursor: pointer;
}

.default_mic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.default_mic__mic-wrapper {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transform: translate(-50%, -50%);
}

.default_mic__back-mic {
  position: absolute;
  width: 72px;
  height: 72px;
  left: calc(50% - 72px / 2);
  top: calc(50% - 72px / 2);
}

.default_mic__click-mic {
  position: absolute;
  width: 72px;
  height: 72px;
  left: calc(50% - 72px / 2);
  top: calc(50% - 72px / 2);
  cursor: pointer;
}

.default_mic__back {
  position: relative;
  width: 56px;
  height: 56px;
  left: calc(50% - 56px / 2);
  top: calc(50% - 56px / 2);
  background: #F5F5F5;
  border-radius: 50px;
}

.default_mic__ellipse_outside {
  display: none;
  position: absolute;
  width: 72px;
  height: 72px;
  left: calc(50% - 72px / 2);
  top: calc(50% - 72px / 2);
  background: #1474A4;
  opacity: 0.3;
  border-radius: 50px;
  animation-name: ellipse_outside_animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.default_mic__ellipse_inside {
  display: none;
  box-sizing: border-box;
  position: absolute;
  width: 56px;
  height: 56px;
  left: calc(50% - 56px / 2);
  top: calc(50% - 56px / 2);
  background: white;
  border-radius: 50px;
}

.default_mic__mic-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
  height: 24px;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.default_mic__microphone {
  -webkit-mask: url(/assets/framework/w-voice-panel/web-speech.svg) no-repeat center/contain;
  position: absolute;
  width: 14px;
  height: 20px;
}

.default_mic__microphone__active {
  background-color: #1474A4;
  display: none;
}

.default_mic__microphone__off {
  background-color: #5a5a5a;
  display: none;
}

.default_mic__loader-container {
  display: none;
  height: 56px;
  width: 56px;
}

.default_mic__loader-icon {
  background-color: #1474A4;
  -webkit-mask: url(/assets/framework/w-voice-panel/loader.svg) no-repeat center/contain;
  width: 100%;
  height: 100%;
  left: 16.67%;
  right: 16.67%;
  top: 4.17%;
  bottom: 4.17%;
}

.default_mic__loader {
  width: 54px;
  height: 54px;
  animation: rotation 1s linear infinite;
}

.small-mic-default__disabled {
  pointer-events: none;
}

.small-mic-default .small-mic-actions.visible {
  display: -ms-flexbox;
  display: flex;
  margin: 6px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.small-mic-default .small-mic-actions.activated {
  background-color: #E8E8E8;
  min-width: 50px;
  height: 27px;
  padding: 2px;
  border-radius: 25px;
}

.small-mic-default:not(.small-mic-default__disabled) svg path:first-of-type:hover {
  fill: #1474A4;
  cursor: pointer;
}

.disabled svg path:first-of-type {
  fill: #B0B0B0;
}

.small-mic-hide {
  display: none !important;
}

#small-mic-default-processing {
  width: 45px;
  height: 45px;
  cursor: pointer;
  overflow: hidden;
}

.richedit-paste {
  margin: 25px;
}

.richedit-paste-message {
  font-size: var(--font-size-body);
  margin-bottom: 28px;
}

.richedit-paste-textarea {
  height: 120px;
}

.tasy-advancedtexteditor-layout-colunms-config {
  min-width: 200px;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-header {
  color: #000;
  cursor: default;
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-columns,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-column-spacing,
.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-line-between {
  line-height: 2.1875rem;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.tasy-advancedtexteditor-layout-colunms-config .layout-colunms-config-buttoms button {
  margin-left: var(--spacing-20);
}

.tasy-advancedtexteditor-layout-colunms-config .content-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: auto;
}

.tasy-advancedtexteditor-layout-colunms-config .content-input input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  height: 30px;
  font-size: var(--font-size-body);
}

@media (min-width: 3840px) {
  .tasy-advancedtexteditor-layout-colunms-config .content-input input {
    height: var(--sizing-32);
  }
}

.tasy-layout-master-region {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region {
  height: 100%;
  overflow: hidden;
}

.tasy-layout-region p {
  display: block;
  word-wrap: true;
}

.w-richedit-table-dialog {
  min-width: 215px;
  height: 100%;
  overflow: hidden;
  padding: 6px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__header {
  color: #000;
  cursor: default;
  font-size: var(--font-size-subtitle);
  font-weight: normal;
  line-height: 35px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  line-height: 35px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: auto;
  margin: 4px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__row input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  padding: 8px;
  height: 30px;
  font-size: var(--font-size-body);
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: auto;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_paralel .content__input input {
  max-width: 100px !important;
  border: 1px solid #ccc;
  padding: 8px;
  height: 30px;
  font-size: var(--font-size-body);
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_vertical {
  min-height: 80px;
  padding: 0px 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
  text-align: left;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_vertical .content__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: normal;
      justify-content: normal;
  min-height: 30px;
  margin: 2px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__content_vertical .content__row label {
  cursor: pointer;
}

.w-richedit-table-dialog .w-richedit-table-dialog__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
  min-height: 36px;
  margin-top: 20px;
}

.w-richedit-table-dialog .w-richedit-table-dialog__footer button {
  margin-left: 20px;
}

.w-video-stream-toggles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.w-video-stream-toggles__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  margin: var(--spacing-8);
  height: var(--sizing-32);
  width: var(--sizing-32);
}

.w-video-stream-toggles__item--active {
  border-radius: 4px;
  background-color: #000000;
}

.w-video-stream-toggles__icon {
  height: var(--sizing-24);
  width: var(--sizing-24);
  pointer-events: none;
}

.b-dbpanel-metadata-view-container .b-dbpanel-metadata-view-actions {
  margin-right: var(--spacing-28);
  text-align: right;
}

b-file-function-properties .file-function-properties-popup {
  width: 250px;
  position: absolute;
  top: 115%;
  background-color: #1E1E1E;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display: none;
  opacity: 0;
  transform-origin: top center;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item {
  margin: 5px 0;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item.hidden {
  display: none;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-label {
  -ms-flex: 0.8;
      flex: 0.8;
  color: white;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value {
  -ms-flex: 0.2;
      flex: 0.2;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler + label {
  display: inline-block;
  position: relative;
  height: 15px;
  top: 5px;
  padding-top: 8px;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler + label:hover {
  cursor: pointer;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  width: 22px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: #4A4A4A;
  transition: .25s ease-in-out;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler + label:after {
  content: "";
  content: "";
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
  top: -10px;
  left: 0px;
  border-radius: 15px;
  background: #E9E9E9;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: .25s ease-in-out;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler.selected + label:before {
  width: 22px;
  background: #00d4ff;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler.selected + label:after {
  left: 10px;
  top: -10px;
}

b-file-function-properties .file-function-properties-popup .file-function-properties-item .file-function-properties-item-content .file-function-properties-item-value input.file-function-properties-value-toggler {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

b-file-function-properties .file-function-properties-popup.active {
  display: block;
  opacity: 1;
}

.b-filter-metadata-form-actions {
  text-align: right;
}

b-image-draw-metadata-tree-detail .b-image-draw-metadata-container .btree-detail .wtree-container {
  padding-top: 0px;
}

b-image-draw-metadata-tree-detail .b-image-draw-metadata-container .custom-detail-metadata-footer {
  text-align: right;
}

b-image-draw-metadata-tree-detail .b-image-draw-metadata-container .custom-detail-metadata-footer .gwt-Button.btn-green {
  margin-left: var(--spacing-16);
}

b-tree-view-metadata-detail .b-tree-view-metadata-detail .btree-detail .wtree-container {
  padding-top: 0px;
}

b-tree-view-metadata-detail .b-tree-view-metadata-detail .custom-detail-metadata-footer {
  text-align: right;
}

b-tree-view-metadata-detail .b-tree-view-metadata-detail .custom-detail-metadata-footer .gwt-Button.btn-green {
  margin-left: var(--spacing-16);
}

w-dashboard-list-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

w-dashboard-list-card .handlebar-more-label {
  transform: rotate(90deg);
  background-color: var(--color-gray-35) !important;
}

w-dashboard-list-card .handlebar-more-label::before, w-dashboard-list-card .handlebar-more-label::after {
  background-color: var(--color-gray-35) !important;
}

.w-dashboard-list-card__group-title {
  color: var(--card-group-title-color);
  font-size: var(--font-size-caption);
  font-family: "CentraleSansCndBold";
  margin-bottom: var(--spacing-12);
}

.w-dashboard-list-card {
  border: 1px solid var(--card-border);
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
}

.w-dashboard-list-card.w-dashboard-list-card--selected {
  border: 2px solid #0096ed;
}

.w-dashboard-list-card:active {
  border: 2px solid #0096ed !important;
}

.w-dashboard-list-card:hover {
  box-shadow: 0 var(--spacing-4) var(--spacing-8) rgba(0, 0, 0, 0.3);
}

.w-dashboard-list-card--hidden {
  display: none;
}

.w-dashboard-list-card__patient_id {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  padding-left: 22px;
  padding-right: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-family: 'CentraleSansCndBook', Sans-Serif, serif;
  font-size: 12px;
  color: #808080;
  height: 12px;
}

.w-dashboard-list-card--dragging {
  box-shadow: none;
  border: none;
}

.w-dashboard-list-card--dragging:active {
  outline: 2px dashed #9e9e9e !important;
}

.w-dashboard-list-card--dragging:hover {
  box-shadow: none;
}

.w-dashboard-list-card--dragging > * {
  opacity: 0;
}

.w-dashboard-list-card--dragover {
  box-shadow: none;
  outline: 2px dashed #0096ed !important;
}

.w-dashboard-list-card--dragover > * {
  opacity: 0;
}

.w-dashboard-list-card .w-dashboard-list-card__header {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 1px 3px 0 var(--card-header-shadow);
  border-bottom: 1px solid var(--card-header-bottom-border);
  height: 55px;
  padding: var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-16);
}

.w-dashboard-list-card .w-dashboard-list-card__actions {
  display: -ms-flexbox;
  display: flex;
}

.w-dashboard-list-card .w-dashboard-list-card__actions > img {
  margin-left: 8px;
}

.w-dashboard-list-card .w-dashboard-list-card__popup {
  background-color: transparent;
  background-image: url("/assets/framework/images/three-dots-v-light.svg");
  cursor: pointer;
  margin-left: var(--spacing-8);
  height: var(--sizing-24);
  width: var(--sizing-24);
  position: relative;
  bottom: var(--spacing-2);
}

.w-dashboard-list-card .w-dashboard-list-card__popup:hover {
  background-image: url("/assets/framework/images/three-dots-v-light-hover.svg");
}

.w-dashboard-list-card_checkboxdiv {
  margin: 2px 4px 0px 0px;
}

.w-dashboard-list-card_checkboxdiv .w-dashboard-list-card_checkboxlabel {
  background-color: #c4c4c4;
}

.w-dashboard-list-card .w-dashboard-list-card__title {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-subtitle);
  letter-spacing: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex: 1;
      flex: 1;
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 4px;
}

.w-dashboard-list-card .w-dashboard-list-card__content {
  background-color: var(--card-content-background);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.w-dashboard-list-card .w-dashboard-list-card__content[draggable="true"] {
  cursor: pointer;
}

.w-dashboard-list-card--small .w-dashboard-list-card__content {
  height: 350px;
  max-height: 350px;
}

@media (min-width: 3840px) {
  .w-dashboard-list-card--small .w-dashboard-list-card__content {
    height: 800px;
    max-height: 800px;
  }
}

.w-dashboard-list-card--large .w-dashboard-list-card__content {
  height: 184px;
  max-height: 184px;
}

.w-dashboard-list-card--available .w-dashboard-list-card__header {
  background-color: var(--card-available-header-background);
  padding-left: 8px;
  padding-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list-card--available .w-dashboard-list-card__title {
  color: var(--card-available-title-color);
}

.w-dashboard-list-card--blocked .w-dashboard-list-card__header {
  background-color: var(--card-blocked-header-background);
  padding-left: 8px;
  padding-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list-card--blocked .w-dashboard-list-card__title {
  color: var(--card-blocked-title-color);
}

.w-dashboard-list-card--blocked .w-dashboard-list-card__content {
  background-color: var(--card-blocked-content-background);
}

.w-dashboard-list-card--occupied .w-dashboard-list-card__header {
  background-color: var(--card-occupied-header-background);
  padding-left: 8px;
  padding-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list-card--occupied .w-dashboard-list-card__title {
  color: var(--card-occupied-title-color);
}

.w-dashboard-list-card--selected .w-dashboard-list-card__header {
  background-color: var(--card-selected-header-background);
}

.w-dashboard-list-detail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--card-content-background);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  width: 25%;
  margin: 2px;
  z-index: 1;
}

.w-dashboard-list-detail.is-split-screen {
  margin-top: var(--spacing-28);
}

.w-dashboard-list-detail .w-dashboard-list-detail__header {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 1px 3px 0 var(--card-header-shadow);
  border-bottom: 1px solid var(--card-header-bottom-border);
  height: 76px;
  padding: 24px;
  -ms-flex-align: center;
      align-items: center;
}

.w-dashboard-list-detail .w-dashboard-list-detail__inner-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.w-dashboard-list-detail .w-dashboard-list-detail__actions {
  display: -ms-flexbox;
  display: flex;
}

.w-dashboard-list-detail .w-dashboard-list-detail__actions > img {
  margin-left: 8px;
}

.w-dashboard-list-detail .w-dashboard-list-detail__popup {
  background-color: transparent;
  background-image: url("/assets/framework/images/three-dots-v-light.svg");
  cursor: pointer;
  margin-left: var(--spacing-8);
  height: var(--sizing-24);
  width: var(--sizing-24);
  position: relative;
  bottom: var(--spacing-2);
}

.w-dashboard-list-detail .w-dashboard-list-detail__popup:hover {
  background-image: url("/assets/framework/images/three-dots-v-light-hover.svg");
}

.w-dashboard-list-detail .w-dashboard-list-detail__title {
  font-family: "CentraleSansCndBold";
  font-size: var(--font-size-subtitle);
  letter-spacing: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex: 1;
      flex: 1;
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 4px;
}

.w-dashboard-list-detail__nav {
  height: 24px;
  width: 24px;
  mask-image: url("/assets/framework/images/components/w-person-bar/arrowBack.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("/assets/framework/images/components/w-person-bar/arrowBack.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #a6a6a6;
  cursor: pointer;
}

.w-dashboard-list-detail__nav--disabled {
  opacity: .35;
  cursor: default;
}

.w-dashboard-list-detail__nav--left {
  margin-right: 8px;
}

.w-dashboard-list-detail__nav--right {
  margin-left: 8px;
  transform: rotate(180deg);
}

.w-dashboard-list-detail__close {
  height: 14px;
  width: 14px;
  mask-image: url("/assets/framework/images/topbar-close.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("/assets/framework/images/topbar-close.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #808080;
  position: absolute;
  top: 0;
  right: 0;
  margin: 6px;
  cursor: pointer;
}

.w-dashboard-list-detail--available .w-dashboard-list-detail__header {
  background-color: var(--card-available-header-background);
  padding-left: 8px;
  padding-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list-detail--available .w-dashboard-list-detail__title {
  color: var(--card-available-title-color);
}

.w-dashboard-list-detail--blocked .w-dashboard-list-detail__header {
  background-color: var(--card-blocked-header-background);
  padding-left: 8px;
  padding-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list-detail--blocked .w-dashboard-list-detail__title {
  color: var(--card-blocked-title-color);
}

.w-dashboard-list-detail--blocked .w-dashboard-list-detail__content {
  background-color: var(--card-blocked-content-background);
  height: 100%;
}

.w-dashboard-list-detail--occupied .w-dashboard-list-detail__header {
  background-color: var(--card-occupied-header-background);
  padding-left: 8px;
  padding-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-dashboard-list-detail--occupied .w-dashboard-list-detail__title {
  color: var(--card-occupied-title-color);
}

w-dashboard-list-panel {
  -ms-grid-column: span 3;
      grid-column: span 3;
  overflow: hidden;
}

.w-dashboard-list-panel {
  width: 100%;
  height: 100%;
  border-left: 1px solid #bdbdbd;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.w-dashboard-list-panel__header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 32px;
}

.w-dashboard-list-panel__header .filter-icon-title {
  visibility: hidden;
}

.w-dashboard-list-panel__close {
  height: 14px;
  width: 14px;
  mask-image: url("/assets/framework/images/topbar-close.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("/assets/framework/images/topbar-close.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #808080;
  position: absolute;
  top: 0;
  right: 0;
  margin: 6px;
  cursor: pointer;
}

.w-dashboard-list-panel__loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
}

.w-dashboard-list-panel__token {
  margin-left: 28px;
  visibility: hidden;
}

.w-dashboard-list-panel__content {
  overflow: auto;
  height: 100%;
  margin-left: 28px;
  padding-right: 28px;
}

.w-dashboard-list-panel__title--first {
  font-family: "CentraleSansCndBold";
  color: var(--card-first-title-color);
  font-size: var(--font-size-subtitle);
  margin-bottom: var(--sizing-16);
}

.w-dashboard-list-panel__title--second {
  font-family: "CentraleSansCndBold";
  color: var(--card-second-title-color);
  font-size: var(--font-size-body);
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--sizing-12);
  white-space: pre;
}

.w-dashboard-list-panel__title--second:after {
  content: "";
  border: 1px solid var(--card-second-title-border);
  width: 100%;
  height: 0;
  margin-left: var(--sizing-12);
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.w-dashboard-list-panel__container--first {
  margin-bottom: 32px;
}

.w-dashboard-list-panel__container--second {
  margin-bottom: 16px;
}

.w-dashboard-list-panel__row {
  width: 100%;
  min-height: 28px;
  border: 2px solid #d6d6d6;
  border-bottom: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-align: center;
      align-items: center;
}

.w-dashboard-list-panel__row .w-dashboard-list-panel-row__wpumc {
  width: 24px;
  height: 24px;
  background: url("/assets/framework/images/three-dots-v-light.svg") no-repeat right;
  background-size: 24px 24px;
  cursor: pointer;
  margin-left: auto;
}

.w-dashboard-list-panel__row .w-dashboard-list-panel-row__wpumc:hover {
  background: url("/assets/framework/images/three-dots-v-light-hover.svg") no-repeat right;
}

.w-dashboard-list-panel__row:last-child {
  border-bottom: 2px solid #d6d6d6;
}

.w-dashboard-list-panel__row[popupmenu=true] > div {
  width: 100%;
}

.w-dashboard-list-panel__row[draggable=true] {
  cursor: pointer;
}

.w-dashboard-list-panel__row--dragging {
  cursor: grabbing;
  outline: 2px dashed #c4c4c4 !important;
  outline-offset: -2px;
  border: none;
}

.star-icon-linear-gradient {
  width: 100%;
  height: var(--sizing-48);
  margin-bottom: var(--spacing-10);
  object-fit: contain;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.star-icon-svg {
  height: 120px;
}

.w-filter-options {
  display: inline-block;
  position: relative;
}

.w-filter-options__button {
  font-size: var(--font-size-body) !important;
}

.w-filter-options__button:after {
  content: "";
  border: 4px solid transparent;
  margin-left: 6px;
  border-top-color: #0096ed;
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
}

@media (min-width: 3840px) {
  .w-filter-options__button:after {
    border: 10px solid transparent;
    margin-left: 12px;
  }
}

.w-filter-options__button--top:after {
  border-bottom-color: #0096ED;
  border-top-color: transparent;
  margin-bottom: 4px;
  margin-right: 0.1px;
}

@media (min-width: 3840px) {
  .w-filter-options__button--top:after {
    margin-bottom: 10px;
  }
}

.w-filter-options > .wpopupmenu {
  display: block;
}

.w-filter-options .wpopupmenu--submenu > .wpopupmenu {
  left: 95%;
  right: initial;
}

.w-filter-options li.collapsed > ul {
  display: none;
}

.w-filter-options .dropdown {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.w-filter-options .padding-line {
  padding-top: 4px;
  padding-bottom: 4px;
}

.w-filter-options .no-box-shadow {
  box-shadow: none;
}

.dark .w-filter-options__button--top:after {
  border-bottom-color: #4accff;
}

.w-patient-journey-filter .w-filter-options {
  margin-top: 13px;
}

.w-patient-journey-filter .w-filter-options__button {
  color: rgba(214, 214, 214, 0.5);
}

.w-patient-journey-filter .w-filter-options__button:after {
  border-top-color: rgba(214, 214, 214, 0.5);
}

.w-patient-journey-filter .w-filter-options__button--top:after {
  border-bottom-color: rgba(214, 214, 214, 0.5);
}

.voice-panel-guideline-dialog {
  padding: 0 24px;
  margin-top: 32px;
  height: 416px;
  overflow-y: auto;
}

.voice-panel-guideline-dialog-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.voice-panel-guideline-dialog-search {
  width: 300px;
  border: solid 1px #B5B5B5;
}

.voice-panel-guideline-dialog-search-list {
  border-top: 1px solid #b3b3b3;
  height: 374px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto;
}

.voice-panel-guideline-dialog-search-list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.voice-panel-guideline-dialog-search-list-guide-container {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.voice-panel-guideline-dialog-search-list-guide-list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.voice-panel-guideline-dialog-search-list-type {
  padding: 18px 0 8px 9px;
  font-weight: bold;
}

.voice-panel-guideline-dialog-search-list-guide {
  padding: 4px 9px;
  width: 100%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -ms-flex-align: center;
      align-items: center;
}

.voice-panel-guideline-dialog-search-list-guide.selected {
  background-color: #D6ECFF;
}

.voice-panel-guideline-dialog-search-list-guide:hover {
  background-color: #D6ECFF;
}

.voice-panel-guideline-dialog-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: #F6F6F6;
  border: none;
  padding-top: 15px;
  gap: 15px;
  width: calc(100% - 300px);
}

.voice-panel-guideline-dialog-info-tab-container {
  height: 30px;
  display: -ms-flexbox;
  display: flex;
  padding-left: 14px;
}

.voice-panel-guideline-dialog-info-tab {
  color: #0096ED;
  padding: 0 15px;
  cursor: pointer;
}

.voice-panel-guideline-dialog-info-tab.selected {
  border-bottom: 1px solid #0096ED;
}

.voice-panel-guideline-dialog-info-desc {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  padding: 0 7px 10px 14px;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  height: calc(100% - 30px);
}

.voice-panel-guideline-dialog-info-title {
  font-weight: bold;
  padding: 5px 0;
}

.voice-panel-guideline-dialog-info-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 5px;
}

input[type="text"].voice-panel-guideline-dialog-search-input {
  -ms-flex: 1;
      flex: 1;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE1Ljg4NXB4IiB2aWV3Qm94PSIyNi43NCAtMC44NTEgMTYgMTUuODg1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDI2Ljc0IC0wLjg1MSAxNiAxNS44ODUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiM4QzhDOEMiIGQ9Ik00Mi42NTksMTMuMDk5bC00LjcyOS00LjczYzAuNTctMC45MiwwLjg5OS0yLjAwOSwwLjg5OS0zLjE3OWMwLTMuMzMxLTIuNzEtNi4wNC02LjA1LTYuMDRjLTMuMzM5LDAtNi4wMzksMi43MDktNi4wMzksNi4wNGMwLDMuMzQ5LDIuNyw2LjA0OSw2LjAzOSw2LjA0OWMxLjIzLDAsMi4zNi0wLjM1OSwzLjMxMi0wLjk3OWw0LjcxLDQuNjk4YzAuMTc5LDAuMTgxLDAuNjI5LDAuMDI5LDAuOTk5LTAuMzM5bDAuNTItMC41MkM0Mi42ODksMTMuNzI5LDQyLjg1LDEzLjI3OSw0Mi42NTksMTMuMDk5eiBNMzIuNzc5LDkuMjI5Yy0yLjIyOSwwLTQuMDM5LTEuODEtNC4wMzktNC4wNGMwLTIuMjMsMS44MS00LjAzLDQuMDM5LTQuMDNjMi4yMywwLDQuMDQsMS44LDQuMDQsNC4wM0MzNi44MTksNy40MTksMzUuMDEsOS4yMjksMzIuNzc5LDkuMjI5eiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  border: none !important;
  background-position: left 8px center;
  padding-left: 30px !important;
  height: 40px;
}

.tasy-wdialogbox.w-dlg-panel .voice-panel-guideline .dialog-footer {
  padding-top: 16px;
  border-top: 1px solid #d6d6d6;
  padding-bottom: 16px;
}

.dark-skin .voice-panel-guideline-dialog-search-list-guide.selected {
  color: #000000;
}

.dark-skin .voice-panel-guideline-dialog-search-list-guide:hover {
  color: #000000;
}

.dark-skin .voice-panel-guideline-dialog-info {
  background-color: #090909;
}

.voice-panel-guideline-dialog-phrases-desc {
  gap: 3px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}