/* apps/adv2-word-addin/src/assets/fonts/Bullhorn-Glyphicons.css */
@font-face {
  font-family: "Bullhorn-Glyphicons";
  src:
    url("./media/Bullhorn-Glyphicons.woff2") format("woff2"),
    url("./media/Bullhorn-Glyphicons.woff") format("woff"),
    url("./media/Bullhorn-Glyphicons.ttf") format("truetype");
}
i {
  line-height: 1;
}
i[class*=bhi-]:before {
  font-family: Bullhorn-Glyphicons !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: middle;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
.bhi-activity:before {
  content: "\f101";
}
.bhi-add-appointment:before {
  content: "\f102";
}
.bhi-add-file:before {
  content: "\f103";
}
.bhi-add-note:before {
  content: "\f104";
}
.bhi-add-o:before {
  content: "\f105";
}
.bhi-add-thin:before {
  content: "\f106";
}
.bhi-add:before {
  content: "\f107";
}
.bhi-addcard:before {
  content: "\f108";
}
.bhi-anchor:before {
  content: "\f109";
}
.bhi-appointment:before {
  content: "\f10a";
}
.bhi-archive:before {
  content: "\f10b";
}
.bhi-arrow-down:before {
  content: "\f10c";
}
.bhi-arrow-left-h:before {
  content: "\f10d";
}
.bhi-arrow-left:before {
  content: "\f10e";
}
.bhi-arrow-right-h:before {
  content: "\f10f";
}
.bhi-arrow-right:before {
  content: "\f110";
}
.bhi-arrow-up:before {
  content: "\f111";
}
.bhi-attach:before {
  content: "\f112";
}
.bhi-back-office:before {
  content: "\f113";
}
.bhi-beaker:before {
  content: "\f114";
}
.bhi-bell:before {
  content: "\f115";
}
.bhi-billable-charge:before {
  content: "\f116";
}
.bhi-board:before {
  content: "\f117";
}
.bhi-bolt:before {
  content: "\f118";
}
.bhi-book:before {
  content: "\f119";
}
.bhi-bookmark-o:before {
  content: "\f11a";
}
.bhi-bookmark:before {
  content: "\f11b";
}
.bhi-bot:before {
  content: "\f11c";
}
.bhi-bug:before {
  content: "\f11d";
}
.bhi-bull:before {
  content: "\f11e";
}
.bhi-calculator:before {
  content: "\f11f";
}
.bhi-calendar:before {
  content: "\f120";
}
.bhi-camera:before {
  content: "\f121";
}
.bhi-candidate-circle:before {
  content: "\f122";
}
.bhi-candidate:before {
  content: "\f123";
}
.bhi-canvas:before {
  content: "\f124";
}
.bhi-card-expand:before {
  content: "\f125";
}
.bhi-category-tags:before {
  content: "\f126";
}
.bhi-caution-o:before {
  content: "\f127";
}
.bhi-caution:before {
  content: "\f128";
}
.bhi-certification:before {
  content: "\f129";
}
.bhi-chart-bar:before {
  content: "\f12a";
}
.bhi-chart-donut:before {
  content: "\f12b";
}
.bhi-chart-funnel:before {
  content: "\f12c";
}
.bhi-chart-line:before {
  content: "\f12d";
}
.bhi-chart-pie-o:before {
  content: "\f12e";
}
.bhi-chart-pie:before {
  content: "\f12f";
}
.bhi-check-circle-filled:before {
  content: "\f130";
}
.bhi-check-circle:before {
  content: "\f131";
}
.bhi-check-o:before {
  content: "\f132";
}
.bhi-check:before {
  content: "\f133";
}
.bhi-checkbox-add:before {
  content: "\f134";
}
.bhi-checkbox-empty:before {
  content: "\f135";
}
.bhi-checkbox-filled:before {
  content: "\f136";
}
.bhi-checkbox-indeterminate:before {
  content: "\f137";
}
.bhi-circle-o:before {
  content: "\f138";
}
.bhi-circle:before {
  content: "\f139";
}
.bhi-clipboard:before {
  content: "\f13a";
}
.bhi-clock-arrow:before {
  content: "\f13b";
}
.bhi-clock:before {
  content: "\f13c";
}
.bhi-close-o:before {
  content: "\f13d";
}
.bhi-close:before {
  content: "\f13e";
}
.bhi-coffee:before {
  content: "\f13f";
}
.bhi-collapse:before {
  content: "\f140";
}
.bhi-columns:before {
  content: "\f141";
}
.bhi-comment-o:before {
  content: "\f142";
}
.bhi-comment:before {
  content: "\f143";
}
.bhi-commission:before {
  content: "\f144";
}
.bhi-company-circle:before {
  content: "\f145";
}
.bhi-company:before {
  content: "\f146";
}
.bhi-compass:before {
  content: "\f147";
}
.bhi-complex:before {
  content: "\f148";
}
.bhi-configure-o:before {
  content: "\f149";
}
.bhi-configure:before {
  content: "\f14a";
}
.bhi-convert:before {
  content: "\f14b";
}
.bhi-crane:before {
  content: "\f14c";
}
.bhi-credential:before {
  content: "\f14d";
}
.bhi-crown:before {
  content: "\f14e";
}
.bhi-custom-objects:before {
  content: "\f14f";
}
.bhi-dashboard-o:before {
  content: "\f150";
}
.bhi-dashboard:before {
  content: "\f151";
}
.bhi-day:before {
  content: "\f152";
}
.bhi-delete-o:before {
  content: "\f153";
}
.bhi-delete:before {
  content: "\f154";
}
.bhi-department:before {
  content: "\f155";
}
.bhi-desktop:before {
  content: "\f156";
}
.bhi-download:before {
  content: "\f157";
}
.bhi-dropzone:before {
  content: "\f158";
}
.bhi-duplicate:before {
  content: "\f159";
}
.bhi-earn-code:before {
  content: "\f15a";
}
.bhi-edit-circle-filled:before {
  content: "\f15b";
}
.bhi-edit-circle:before {
  content: "\f15c";
}
.bhi-edit-o:before {
  content: "\f15d";
}
.bhi-edit:before {
  content: "\f15e";
}
.bhi-education:before {
  content: "\f15f";
}
.bhi-email-autoadd:before {
  content: "\f160";
}
.bhi-email-invoice-template:before {
  content: "\f161";
}
.bhi-email:before {
  content: "\f162";
}
.bhi-engagement:before {
  content: "\f163";
}
.bhi-evening:before {
  content: "\f164";
}
.bhi-expand:before {
  content: "\f165";
}
.bhi-expense:before {
  content: "\f166";
}
.bhi-export-html:before {
  content: "\f167";
}
.bhi-export-ms:before {
  content: "\f168";
}
.bhi-external-open:before {
  content: "\f169";
}
.bhi-external:before {
  content: "\f16a";
}
.bhi-facebook-o:before {
  content: "\f16b";
}
.bhi-facebook:before {
  content: "\f16c";
}
.bhi-fasterfind:before {
  content: "\f16d";
}
.bhi-field-add:before {
  content: "\f16e";
}
.bhi-field-dropdown:before {
  content: "\f16f";
}
.bhi-field-paragraph:before {
  content: "\f170";
}
.bhi-field-signature-text:before {
  content: "\f171";
}
.bhi-field-signature:before {
  content: "\f172";
}
.bhi-field-text:before {
  content: "\f173";
}
.bhi-field-textblock:before {
  content: "\f174";
}
.bhi-file:before {
  content: "\f175";
}
.bhi-filter:before {
  content: "\f176";
}
.bhi-flag:before {
  content: "\f177";
}
.bhi-flagged-email:before {
  content: "\f178";
}
.bhi-flower:before {
  content: "\f179";
}
.bhi-footprint:before {
  content: "\f17a";
}
.bhi-funnel:before {
  content: "\f17b";
}
.bhi-globe-o:before {
  content: "\f17c";
}
.bhi-globe:before {
  content: "\f17d";
}
.bhi-google:before {
  content: "\f17e";
}
.bhi-hammer:before {
  content: "\f17f";
}
.bhi-headset:before {
  content: "\f180";
}
.bhi-hidden:before {
  content: "\f181";
}
.bhi-home:before {
  content: "\f182";
}
.bhi-hourglass-bottom:before {
  content: "\f183";
}
.bhi-hourglass-middle:before {
  content: "\f184";
}
.bhi-hourglass-top:before {
  content: "\f185";
}
.bhi-i9:before {
  content: "\f186";
}
.bhi-ice-cream:before {
  content: "\f187";
}
.bhi-idea:before {
  content: "\f188";
}
.bhi-inactive:before {
  content: "\f189";
}
.bhi-inbound-call:before {
  content: "\f18a";
}
.bhi-inbox:before {
  content: "\f18b";
}
.bhi-industry:before {
  content: "\f18c";
}
.bhi-info-o:before {
  content: "\f18d";
}
.bhi-info:before {
  content: "\f18e";
}
.bhi-interview:before {
  content: "\f18f";
}
.bhi-invoice:before {
  content: "\f190";
}
.bhi-job-circle:before {
  content: "\f191";
}
.bhi-job-code:before {
  content: "\f192";
}
.bhi-job:before {
  content: "\f193";
}
.bhi-key:before {
  content: "\f194";
}
.bhi-layout:before {
  content: "\f195";
}
.bhi-lead-circle:before {
  content: "\f196";
}
.bhi-lead:before {
  content: "\f197";
}
.bhi-link:before {
  content: "\f198";
}
.bhi-linkedin-f:before {
  content: "\f199";
}
.bhi-linkedin-o:before {
  content: "\f19a";
}
.bhi-linkedin:before {
  content: "\f19b";
}
.bhi-list-o:before {
  content: "\f19c";
}
.bhi-list:before {
  content: "\f19d";
}
.bhi-location-o:before {
  content: "\f19e";
}
.bhi-location:before {
  content: "\f19f";
}
.bhi-lock:before {
  content: "\f1a0";
}
.bhi-logout:before {
  content: "\f1a1";
}
.bhi-map:before {
  content: "\f1a2";
}
.bhi-menu-o:before {
  content: "\f1a3";
}
.bhi-menu:before {
  content: "\f1a4";
}
.bhi-missed-call:before {
  content: "\f1a5";
}
.bhi-mobile:before {
  content: "\f1a6";
}
.bhi-more:before {
  content: "\f1a7";
}
.bhi-morning:before {
  content: "\f1a8";
}
.bhi-move:before {
  content: "\f1a9";
}
.bhi-music:before {
  content: "\f1aa";
}
.bhi-news:before {
  content: "\f1ab";
}
.bhi-next:before {
  content: "\f1ac";
}
.bhi-no-data:before {
  content: "\f1ad";
}
.bhi-non-payroll:before {
  content: "\f1ae";
}
.bhi-note:before {
  content: "\f1af";
}
.bhi-notes:before {
  content: "\f1b0";
}
.bhi-nps:before {
  content: "\f1b1";
}
.bhi-occupation:before {
  content: "\f1b2";
}
.bhi-onboarding:before {
  content: "\f1b3";
}
.bhi-opportunity-circle:before {
  content: "\f1b4";
}
.bhi-opportunity:before {
  content: "\f1b5";
}
.bhi-organize:before {
  content: "\f1b6";
}
.bhi-outbound-call:before {
  content: "\f1b7";
}
.bhi-outbound-email:before {
  content: "\f1b8";
}
.bhi-overview:before {
  content: "\f1b9";
}
.bhi-packets:before {
  content: "\f1ba";
}
.bhi-payable-charge:before {
  content: "\f1bb";
}
.bhi-payable:before {
  content: "\f1bc";
}
.bhi-payroll:before {
  content: "\f1bd";
}
.bhi-person-circle:before {
  content: "\f1be";
}
.bhi-person:before {
  content: "\f1bf";
}
.bhi-phone:before {
  content: "\f1c0";
}
.bhi-pin:before {
  content: "\f1c1";
}
.bhi-plus:before {
  content: "\f1c2";
}
.bhi-preview:before {
  content: "\f1c3";
}
.bhi-previous:before {
  content: "\f1c4";
}
.bhi-print:before {
  content: "\f1c5";
}
.bhi-projects-square:before {
  content: "\f1c6";
}
.bhi-projects:before {
  content: "\f1c7";
}
.bhi-publish:before {
  content: "\f1c8";
}
.bhi-pulse:before {
  content: "\f1c9";
}
.bhi-puzzle:before {
  content: "\f1ca";
}
.bhi-question-o:before {
  content: "\f1cb";
}
.bhi-question:before {
  content: "\f1cc";
}
.bhi-radio-empty:before {
  content: "\f1cd";
}
.bhi-radio-filled:before {
  content: "\f1ce";
}
.bhi-rate-circle:before {
  content: "\f1cf";
}
.bhi-rate-filled:before {
  content: "\f1d0";
}
.bhi-rate:before {
  content: "\f1d1";
}
.bhi-receivables:before {
  content: "\f1d2";
}
.bhi-refresh-o:before {
  content: "\f1d3";
}
.bhi-refresh:before {
  content: "\f1d4";
}
.bhi-reply:before {
  content: "\f1d5";
}
.bhi-report-code:before {
  content: "\f1d6";
}
.bhi-report:before {
  content: "\f1d7";
}
.bhi-republish:before {
  content: "\f1d8";
}
.bhi-resume:before {
  content: "\f1d9";
}
.bhi-rocket:before {
  content: "\f1da";
}
.bhi-sailboat:before {
  content: "\f1db";
}
.bhi-save:before {
  content: "\f1dc";
}
.bhi-search-menu:before {
  content: "\f1dd";
}
.bhi-search-question:before {
  content: "\f1de";
}
.bhi-search:before {
  content: "\f1df";
}
.bhi-section:before {
  content: "\f1e0";
}
.bhi-send:before {
  content: "\f1e1";
}
.bhi-sendout:before {
  content: "\f1e2";
}
.bhi-share-o:before {
  content: "\f1e3";
}
.bhi-share:before {
  content: "\f1e4";
}
.bhi-shield:before {
  content: "\f1e5";
}
.bhi-shipping-box:before {
  content: "\f1e6";
}
.bhi-slideout:before {
  content: "\f1e7";
}
.bhi-sms:before {
  content: "\f1e8";
}
.bhi-sort-asc:before {
  content: "\f1e9";
}
.bhi-sort-desc:before {
  content: "\f1ea";
}
.bhi-sortable:before {
  content: "\f1eb";
}
.bhi-source:before {
  content: "\f1ec";
}
.bhi-star-circle:before {
  content: "\f1ed";
}
.bhi-star-o-circle:before {
  content: "\f1ee";
}
.bhi-star-o:before {
  content: "\f1ef";
}
.bhi-star:before {
  content: "\f1f0";
}
.bhi-stethoscope:before {
  content: "\f1f1";
}
.bhi-stop-light:before {
  content: "\f1f2";
}
.bhi-tab:before {
  content: "\f1f3";
}
.bhi-tearsheet:before {
  content: "\f1f4";
}
.bhi-tie:before {
  content: "\f1f5";
}
.bhi-times:before {
  content: "\f1f6";
}
.bhi-timetable:before {
  content: "\f1f7";
}
.bhi-tools:before {
  content: "\f1f8";
}
.bhi-tower:before {
  content: "\f1f9";
}
.bhi-trending-down:before {
  content: "\f1fa";
}
.bhi-trending-up:before {
  content: "\f1fb";
}
.bhi-truck:before {
  content: "\f1fc";
}
.bhi-twitter-f:before {
  content: "\f1fd";
}
.bhi-twitter-o:before {
  content: "\f1fe";
}
.bhi-twitter:before {
  content: "\f1ff";
}
.bhi-umbrella:before {
  content: "\f200";
}
.bhi-unit:before {
  content: "\f201";
}
.bhi-upload:before {
  content: "\f202";
}
.bhi-user-o:before {
  content: "\f203";
}
.bhi-user:before {
  content: "\f204";
}
.bhi-users:before {
  content: "\f205";
}
.bhi-vendor:before {
  content: "\f206";
}
.bhi-view-list:before {
  content: "\f207";
}
.bhi-view-module:before {
  content: "\f208";
}
.bhi-viewall:before {
  content: "\f209";
}
.bhi-workflow:before {
  content: "\f20a";
}

/* apps/adv2-word-addin/src/reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul[role=list],
ol[role=list] {
  list-style: none;
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
img,
picture {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* apps/adv2-word-addin/src/styles.scss */
section#app-section.invenias-namespace header,
.cdk-overlay-pane.invenias-namespace header {
  background-color: #623d8f;
}
section#app-section.salesforce-namespace header,
.cdk-overlay-pane.salesforce-namespace header {
  background-color: #1798C1;
}
section#app-section.bullhorn-namespace a,
.cdk-overlay-pane.bullhorn-namespace a {
  color: #00b398;
}
section#app-section.bullhorn-namespace a:hover,
.cdk-overlay-pane.bullhorn-namespace a:hover {
  color: #ce0058;
}
section#app-section.bullhorn-namespace header,
.cdk-overlay-pane.bullhorn-namespace header {
  background-color: #ce0058;
}
.addin-container.bullhorn span.breadcrumbs-path-item.breadcrumbs-selected-path-item {
  color: #ce0058;
}
.addin-container.invenias span.breadcrumbs-path-item.breadcrumbs-selected-path-item {
  color: #623d8f;
}
.addin-container.salesforce span.breadcrumbs-path-item.breadcrumbs-selected-path-item {
  color: #1798C1;
}
header.invenias-namespace {
  background-color: #623d8f;
}
header.salesforce-namespace {
  background-color: #1798C1;
}
div.invenias-namespace header {
  background-color: #623d8f;
}
div.invenias-namespace #profile-pic .profile-pic-container .preview-initials {
  color: #623d8f;
}
div.salesforce-namespace header {
  background-color: #1798C1;
}
div.salesforce-namespace #profile-pic .profile-pic-container .preview-initials {
  color: #1798C1;
}
div.bullhorn-namespace header {
  background-color: #ce0058;
}
button.bullhorn {
  background-color: #ce0058 !important;
}
button.salesforce {
  background-color: #1798C1 !important;
}
button.invenias {
  background-color: #623d8f !important;
}
.cdk-overlay-pane.invenias-namespace header {
  background-color: #623d8f;
}
.cdk-overlay-pane.salesforce-namespace header {
  background-color: #1798C1;
}
.cdk-overlay-pane.bullhorn-namespace header {
  background-color: #ce0058;
}
.invenias-namespace .mip-container .container mat-icon:not(.done) {
  color: #623d8f !important;
}
.salesforce-namespace .mip-container .container mat-icon:not(.done) {
  color: #1798C1 !important;
}
span.file-type {
  position: relative;
  display: inline-grid;
  text-transform: uppercase;
  font-style: initial;
  font-size: 10px;
  width: 38px;
  vertical-align: middle;
  color: #545e65;
}
span.file-type span {
  z-index: 1;
  color: #fff;
  text-align: left;
}
span.file-type:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 28px;
  top: 5px;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  left: 5px;
  background:
    linear-gradient(
      155deg,
      rgb(46, 26, 71) 0%,
      rgb(255, 255, 255) 0%,
      rgb(237, 237, 237) 100%);
  z-index: 0;
}
span.file-type:after {
  content: "";
  position: absolute;
  width: 27px;
  height: 15px;
  top: 13px;
  left: -3px;
  background: #909090;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  z-index: 0;
}
span.file-type.png:after {
  width: 28px;
}
span.file-type.gif:after {
  width: 26px !important;
}
span.file-type.jpeg:after {
  width: 35px !important;
}
span.file-type.pdf:after {
  background: #b30b00;
}
span.file-type.docx:after {
  width: 36px;
}
span.file-type.docx:after,
span.file-type.doc:after {
  background: #115abe;
}
span.file-type.ad span {
  margin-left: 2px;
}
span.file-type.ad:after {
  width: 21px;
  left: -1px;
  background: #00b398;
}
span.file-type.png span {
  margin-left: 0;
}
span.file-type.gif span {
  margin-left: 0;
}
span.file-type.jpeg span {
  margin-left: 0;
}
.invenias-icon {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: text-bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.invenias-icon.people,
.invenias-icon.person,
.invenias-icon.peoplelistitem {
  background-image: url("./media/people.png");
  width: 32px;
  height: 32px;
}
.invenias-icon.companies,
.invenias-icon.company,
.invenias-icon.companieslistitem {
  background-image: url("./media/companies.png");
  width: 29px;
  height: 29px;
}
.invenias-icon.assignments,
.invenias-icon.assignment,
.invenias-icon.assignmentslistitem {
  background-image: url("./media/assignments.png");
}
.invenias-icon.programmes,
.invenias-icon.programme,
.invenias-icon.programmeslistitem {
  background-image: url("./media/programmes.png");
}
.invenias-icon.white.people,
.invenias-icon.white.person,
.invenias-icon.white.peoplelistitem {
  background-image: url("./media/people-white.png");
}
.invenias-icon.white.companies,
.invenias-icon.white.company,
.invenias-icon.white.companieslistitem {
  background-image: url("./media/companies-white.png");
}
.ac-item:hover i,
.ac-item:focus i,
.ac-highlight i {
  color: #ffffff !important;
}
.ac-item:hover i.people,
.ac-item:focus i.people,
.ac-highlight i.people {
  background-image: url("./media/people-white.png");
}
.ac-item:hover i.companies,
.ac-item:focus i.companies,
.ac-highlight i.companies {
  background-image: url("./media/companies-white.png");
}
.bullhorn-icon {
  width: 26px;
  height: 26px;
  margin-right: 6px;
  display: inline-block;
  font-size: 22px;
  vertical-align: text-bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.bullhorn-icon.small-bhi {
  width: 22px;
  height: 22px;
  font-size: 18px;
}
.bullhorn-icon.bhi-candidate {
  color: #44bb77;
}
.bullhorn-icon.bhi-company {
  color: #3399dd;
}
.bullhorn-icon.bhi-contact,
.bullhorn-icon.bhi-person {
  color: #ffaa44;
}
.bullhorn-icon.bhi-job {
  color: #bb5566;
}
.bullhorn-icon.bhi-star {
  color: #0b344f;
}
.bullhorn-icon.bhi-opportunity {
  color: #662255;
}
.bullhorn-icon.bhi-job-circle {
  color: #a9adbb;
}
.brc-icon {
  width: 46px;
  height: 46px;
  display: inline-block;
  vertical-align: text-bottom;
  background-size: 100%;
  background-repeat: no-repeat;
}
.brc-account {
  background-image: url("./media/account_120.png");
}
.brc-application {
  background-image: url("./media/applications_120.png");
}
.brc-closing-report,
.brc-placement {
  background-image: url("./media/closing_report_46.png");
}
.brc-contact {
  background-image: url("./media/contact_120.png");
}
.brc-job {
  background-image: url("./media/job_46.png");
}
.brc-custom-object {
  background-image: url("./media/custom55_120.png");
}
.brc-salesforce {
  background-image: url("./media/custom55_120.png");
}
.material-symbols,
.material-symbols-outlined,
.material-symbols-filled {
  font-family: "Material Symbols Outlined";
}
.material-symbols,
.material-symbols-filled {
  font-variation-settings: "FILL" 1;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
mat-selection-list.mat-mdc-list-base {
  padding-bottom: 0;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item {
  transition: all 0.2s;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item span.truncate-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item mat-icon[tabindex]:focus,
mat-selection-list.mat-mdc-list-base *.mdc-list-item mat-icon[tabindex]:focus-within,
mat-selection-list.mat-mdc-list-base *.mdc-list-item mat-icon[tabindex]:focus-visible {
  color: #00b398;
  outline: 0;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item.mdc-list-item--with-one-line {
  height: 40px;
  padding: 0 13px;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item:focus-visible,
mat-selection-list.mat-mdc-list-base *.mdc-list-item:hover {
  background: #70d4c5 !important;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item:focus-visible .mdc-list-item__primary-text,
mat-selection-list.mat-mdc-list-base *.mdc-list-item:hover .mdc-list-item__primary-text {
  color: #fff;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item .mdc-list-item__primary-text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item .mdc-list-item__primary-text .truncate-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item.mdc-list-item--selected {
  background: #00b398 !important;
  border-radius: 0;
  color: #fff;
  box-shadow: none;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item.mdc-list-item--selected .mdc-list-item__primary-text {
  color: #fff;
}
mat-selection-list.mat-mdc-list-base *.mdc-list-item:hover:before,
mat-selection-list.mat-mdc-list-base *.mdc-list-item:focus:before {
  opacity: 0;
}
mat-selection-list.mat-mdc-list-base:not(.no-row-backgrounds) .mdc-list-item:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.03);
}
.mat-button-toggle-group {
  border: none !important;
}
.mat-button-toggle-group .mat-button-toggle {
  border: solid 1px #f0f0f0 !important;
  transition: all 0.2s ease;
  overflow: hidden;
}
.mat-button-toggle-group .mat-button-toggle:first-of-type {
  border-radius: 11px 0 0 11px;
}
.mat-button-toggle-group .mat-button-toggle:last-of-type {
  border-radius: 0 11px 11px 0;
}
.mat-button-toggle-group .mat-button-toggle:hover,
.mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background: #00b398;
  color: #fff;
}
.mat-button-toggle-group .mat-button-toggle button:focus {
  border-radius: 0;
}
.mat-button-toggle-group:not(.mat-button-toggle-disabled):hover .mat-button-toggle-focus-overlay {
  opacity: 0 !important;
}
.mat-button-toggle-group:not(.kyloe-large) .mat-button-toggle:not(:last-of-type) {
  border-right: 0 !important;
}
.mat-button-toggle-group:not(.kyloe-large) .mat-button-toggle-label-content {
  padding: 0 10px;
  font-size: 1.1em;
  line-height: 41px;
}
.mat-button-toggle-group.small-icons-only {
  overflow: visible;
  gap: 0;
}
.mat-button-toggle-group.small-icons-only .mat-button-toggle-label-content {
  padding: 7px 8px !important;
  line-height: 36px;
  display: flex;
}
.mat-button-toggle-group.small-icons-only mat-icon {
  font-size: 20px;
}
.mat-button-toggle-group.white-icon-selected .mat-button-toggle-checked i,
.mat-button-toggle-group.white-icon-selected .mat-button-toggle:hover i,
.mat-button-toggle-group.white-icon-selected .mat-button-toggle:focus i {
  color: #fff;
}
.mat-button-toggle-group.kyloe-large {
  gap: 20px;
  margin-top: 9px;
}
.mat-button-toggle-group.kyloe-large .mat-button-toggle {
  border-radius: 10px;
}
.mat-button-toggle-group.kyloe-large .mat-button-toggle .mat-button-toggle-label-content {
  padding: 18px 50px !important;
  text-transform: uppercase;
}
html .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-unselected-handle-color: #fff !important;
  --mat-slide-toggle-unselected-pressed-handle-color: #00ac90;
  --mat-slide-toggle-unselected-focus-handle-color: #ededed !important;
  --mat-slide-toggle-unselected-hover-handle-color: #ededed !important;
}
mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch {
  margin-right: 10px;
}
mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected .mdc-switch__handle:before {
  background: none;
}
mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after {
  background: #c5eee8;
  transition: 0.2s ease;
}
mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch .mdc-switch__icons {
  display: none;
}
mat-slide-toggle.sandbox-toggle.mat-mdc-slide-toggle {
  --mat-slide-toggle-unselected-handle-color: #fff !important;
  --mat-slide-toggle-unselected-hover-handle-color: #ededed !important;
  --mat-slide-toggle-unselected-focus-handle-color: #ededed !important;
  --mat-slide-toggle-unselected-pressed-handle-color: #fff !important;
}
mat-slide-toggle.sandbox-toggle.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected .mdc-switch__track::after {
  background: #dcdcdc;
}
mat-slide-toggle.sandbox-toggle.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected .mdc-switch__track::after {
  background: #c7c7c7;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background-color: #fff !important;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
  color: #333f48 !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background: #00b398;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #fff !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled).mat-mdc-option-active .mdc-list-item__primary-text {
  color: #fff !important;
}
.mat-mdc-option .mat-pseudo-checkbox-minimal {
  display: none;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-option:focus:not(.mdc-list-item--disabled),
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled),
.mat-mdc-option.mat-mdc-option-active {
  background-color: #26bea7 !important;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-option:focus:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: #fff;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mat-pseudo-checkbox,
.mat-mdc-option:focus:not(.mdc-list-item--disabled) .mat-pseudo-checkbox,
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) .mat-pseudo-checkbox,
.mat-mdc-option.mat-mdc-option-active .mat-pseudo-checkbox {
  color: #fff;
  border-color: #fff;
}
.mat-mdc-option.mdc-list-item {
  min-width: max-content;
}
.mat-mdc-option .secondary-info {
  margin-left: 10px;
  opacity: 0.5;
}
.mdc-menu-surface.mat-mdc-select-panel {
  padding: 0 !important;
  min-width: max-content;
  border-radius: 7px !important;
  margin-left: -10px !important;
  margin-top: 4px !important;
}
.mat-mdc-select {
  display: inline-block;
  width: auto;
  background: #fff !important;
}
.mat-mdc-select.full-width {
  width: 100%;
  height: 37px;
}
.mat-mdc-select.full-width .mat-mdc-select-trigger {
  width: 100%;
}
.mat-mdc-select.full-width .mat-mdc-select-trigger .mat-mdc-select-value {
  min-width: min-content;
}
.mat-mdc-select.full-width .mat-mdc-select-trigger .mat-mdc-select-value .mat-select-placeholder {
  padding-left: 0;
}
.mat-mdc-select.not-full-width {
  width: auto;
}
.mat-mdc-select.mat-mdc-select-disabled {
  opacity: 0.6;
}
.mat-mdc-select.truncate .mat-mdc-select-min-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  display: block;
}
.mat-mdc-select .mat-mdc-select-value {
  margin-right: 20px;
}
.mat-mdc-select:focus {
  border: 1px solid #bdbdbd;
  background: #fff;
}
.mat-mdc-select[required].ng-untouched {
  border: 1px solid rgba(206, 0, 88, 0.2);
}
.mat-mdc-select[required]:not(.ng-touched):not(.ng-invalid) {
  background: #fff;
}
.mat-mdc-select[required].ng-valid {
  border: 1px solid #f0f0f0;
  background: initial;
}
.mat-mdc-select[required].ng-valid:focus {
  border: 1px solid #bdbdbd;
}
.mat-mdc-select.mat-select-disabled,
.mat-mdc-select[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text span {
  flex-grow: 1;
  padding-right: 11px;
  transition: all 0.2s;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text span:not(:last-child) {
  border-right: 1px solid #f4f4f4;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i {
  font-size: 20px;
  color: #333f48;
  cursor: pointer;
  transition: all 0.2s;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i:hover,
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i:focus {
  color: #00b398;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i.remove-icon:hover,
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i.remove-icon:focus {
  color: #ce0058;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i.mark-default {
  opacity: 0.3;
}
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i.mark-default.active,
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i.mark-default:hover,
.mat-mdc-select-panel.with-action-icons-right .mdc-list-item__primary-text i.mark-default:focus {
  color: #ffb347 !important;
  opacity: 1;
}
.mat-mdc-select-panel.with-action-icons-right mat-option {
  padding-right: 10px;
}
.mat-mdc-select-panel.with-action-icons-right mat-option:hover .mdc-list-item__primary-text span:not(:last-child),
.mat-mdc-select-panel.with-action-icons-right mat-option:focus .mdc-list-item__primary-text span:not(:last-child),
.mat-mdc-select-panel.with-action-icons-right mat-option.mat-mdc-option-active .mdc-list-item__primary-text span:not(:last-child),
.mat-mdc-select-panel.with-action-icons-right mat-option.mdc-list-item--selected .mdc-list-item__primary-text span:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.mat-mdc-select-panel.with-action-icons-right mat-option:hover i.remove-icon,
.mat-mdc-select-panel.with-action-icons-right mat-option:focus i.remove-icon,
.mat-mdc-select-panel.with-action-icons-right mat-option.mat-mdc-option-active i.remove-icon,
.mat-mdc-select-panel.with-action-icons-right mat-option.mdc-list-item--selected i.remove-icon {
  color: #fff;
}
mat-tab-group.hide-tabs .mat-mdc-tab-header {
  max-height: 0;
  border-bottom: 0;
}
mat-tab-group.full-responsive-height {
  height: 100vh;
  padding-bottom: 14px;
}
mat-tab-group.full-responsive-height .mat-mdc-tab-body-wrapper {
  height: 100%;
  max-height: 100%;
}
mat-tab-group.full-responsive-height .mat-mdc-tab-body-wrapper .mat-mdc-tab-body-content {
  display: flex;
  flex-direction: column;
}
mat-tab-group.no-header-margin .mat-mdc-tab-header {
  margin: 0 8px 6px 8px;
}
mat-tab-group.mat-primary .mat-ink-bar,
mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #00b398;
}
.mat-mdc-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin: 10px 28px 0 28px;
  transition: all 0.2s ease;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
  padding: 0 24px;
  min-width: 72px;
  height: 56px;
  font-size: 18px;
  font-family:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  font-weight: 400;
  letter-spacing: initial;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label {
  flex-direction: column;
  gap: 4px;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab mat-icon {
  width: 26px;
  height: 26px;
  font-size: 26px;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:hover,
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:focus,
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab.mat-tab-label-active {
  color: #00b398 !important;
  border-radius: 0;
  box-shadow: none;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:hover .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:focus .mdc-tab__text-label,
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab.mat-tab-label-active .mdc-tab__text-label {
  color: #00b398;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:hover .mdc-tab__ripple::before,
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:focus .mdc-tab__ripple::before,
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab.mat-tab-label-active .mdc-tab__ripple::before {
  background-color: initial;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:focus .mdc-tab__ripple::before {
  background-color: #909090;
  transition: all 0.2s;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38) !important;
  opacity: 1;
}
.mat-mdc-tab-header .mat-tab-body {
  padding: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.mat-mdc-tab-header .mat-tab-body-active {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
mat-tab-group.data-fields .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
  display: none;
}
@media screen and (min-width: 500px) {
  mat-tab-group.data-fields .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
    height: 73px;
  }
  mat-tab-group.data-fields .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
    display: inline-block !important;
  }
}
mat-tab-group.field-selection .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
  display: none;
}
@media screen and (min-width: 1000px) {
  mat-tab-group.field-selection .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
    height: 73px;
  }
  mat-tab-group.field-selection .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
    display: inline-block !important;
  }
}
.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content {
  overflow: auto !important;
  margin: 0 24px;
}
.mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content .mat-mdc-dialog-content.mdc-dialog__content {
  margin: 0 0 20px;
}
.addin-container mat-tab-group app-data-fields app-breadcrumbs h2.heading-underline,
.addin-container mat-tab-group app-image-fields section > h2.heading-underline {
  margin-bottom: 0;
  padding-bottom: 0;
}
.addin-container .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
  height: 51px;
  margin-top: 5px;
  font-size: 17px;
}
@media screen and (min-width: 1000px) {
  .addin-container .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
    height: 73px;
    margin-top: 10px;
  }
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .invalid-tab i:not(.tab-icon),
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .valid-tab i:not(.tab-icon) {
  margin-left: 4px;
  margin-right: 0;
  vertical-align: sub;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .invalid-tab i:not(.tab-icon).first-load,
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .valid-tab i:not(.tab-icon).first-load {
  animation-duration: 0.6s;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .invalid-tab:not([disabled]) {
  color: #ce0058;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .invalid-tab:not([disabled]) i:not(.tab-icon) {
  animation-name: switch-to-invalid;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .invalid-tab:not([disabled]) i:not(.tab-icon).first-load {
  color: #ce0058;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .invalid-tab:not([disabled]) i.tab-icon {
  color: #ce0058;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .valid-tab i:not(.tab-icon) {
  animation-name: switch-to-valid;
}
mat-tab-header .mat-mdc-tab-label-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .valid-tab i:not(.tab-icon).first-load {
  color: #00b398;
}
@keyframes init-valid-grow {
  0% {
    color: #00b398;
    scale: 0;
  }
  100% {
    color: #00b398;
    scale: 1;
  }
}
@keyframes init-invalid-grow {
  0% {
    color: #ce0058;
    scale: 0;
  }
  100% {
    color: #ce0058;
    scale: 1;
  }
}
@keyframes switch-to-valid {
  0% {
    color: #ce0058;
    scale: 1;
  }
  50% {
    color: #00b398;
    scale: 0;
  }
  100% {
    color: #00b398;
    scale: 1;
  }
}
@keyframes switch-to-invalid {
  0% {
    color: #00b398;
    scale: 1;
  }
  50% {
    color: #ce0058;
    scale: 0;
  }
  100% {
    color: #ce0058;
    scale: 1;
  }
}
mat-paginator {
  padding-top: 15px;
}
mat-paginator .mat-mdc-text-field-wrapper {
  padding: 0;
}
mat-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 0 !important;
}
mat-paginator .mdc-notched-outline > div {
  border: 0;
}
mat-paginator .mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: inherit;
}
.cdk-drag-preview {
  opacity: 0;
  cursor: grabbing !important;
}
.cdk-drag-placeholder {
  background: #00b398 !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  cursor: grabbing !important;
}
.cdk-drag-placeholder * {
  color: #fff !important;
  background: #00b398 !important;
  cursor: grabbing !important;
}
.cdk-drag-placeholder:hover {
  cursor: grabbing !important;
}
.cdk-drag-placeholder:after {
  opacity: 0 !important;
}
.drag-icon {
  opacity: 0.8;
  cursor: grab !important;
}
.drag-icon:hover {
  opacity: 1;
}
.drag-icon.disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.cdk-drop-list-dragging tr:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list:has(.cdk-drag-placeholder) .cdk-drag {
  transition: all 0.2s;
}
.cdk-drop-list:has(.cdk-drag-placeholder) .cdk-drag:not(.cdk-drag-placeholder):not(.cdk-drag-preview) {
  opacity: 0.6;
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #00b398;
  --mat-select-invalid-arrow-color: #ce0058;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #00b398;
  --mat-select-invalid-arrow-color: #ce0058;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ce0058;
  --mat-select-invalid-arrow-color: #ce0058;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #00b398;
  --mat-slide-toggle-selected-handle-color: #00b398;
  --mat-slide-toggle-selected-hover-state-layer-color: #00b398;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00b398;
  --mat-slide-toggle-selected-focus-handle-color: #00b398;
  --mat-slide-toggle-selected-hover-handle-color: #00b398;
  --mat-slide-toggle-selected-pressed-handle-color: #00b398;
  --mat-slide-toggle-selected-focus-track-color: #4dcab7;
  --mat-slide-toggle-selected-hover-track-color: #4dcab7;
  --mat-slide-toggle-selected-pressed-track-color: #4dcab7;
  --mat-slide-toggle-selected-track-color: #4dcab7;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #00b398;
  --mat-slide-toggle-selected-handle-color: #00b398;
  --mat-slide-toggle-selected-hover-state-layer-color: #00b398;
  --mat-slide-toggle-selected-pressed-state-layer-color: #00b398;
  --mat-slide-toggle-selected-focus-handle-color: #00b398;
  --mat-slide-toggle-selected-hover-handle-color: #00b398;
  --mat-slide-toggle-selected-pressed-handle-color: #00b398;
  --mat-slide-toggle-selected-focus-track-color: #4dcab7;
  --mat-slide-toggle-selected-hover-track-color: #4dcab7;
  --mat-slide-toggle-selected-pressed-track-color: #4dcab7;
  --mat-slide-toggle-selected-track-color: #4dcab7;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ce0058;
  --mat-slide-toggle-selected-handle-color: #ce0058;
  --mat-slide-toggle-selected-hover-state-layer-color: #ce0058;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ce0058;
  --mat-slide-toggle-selected-focus-handle-color: #ce0058;
  --mat-slide-toggle-selected-hover-handle-color: #ce0058;
  --mat-slide-toggle-selected-pressed-handle-color: #ce0058;
  --mat-slide-toggle-selected-focus-track-color: #dd4d8a;
  --mat-slide-toggle-selected-hover-track-color: #dd4d8a;
  --mat-slide-toggle-selected-pressed-track-color: #dd4d8a;
  --mat-slide-toggle-selected-track-color: #dd4d8a;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #00b398;
  --mat-tab-active-ripple-color: #00b398;
  --mat-tab-inactive-ripple-color: #00b398;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #00b398;
  --mat-tab-active-hover-label-text-color: #00b398;
  --mat-tab-active-focus-indicator-color: #00b398;
  --mat-tab-active-hover-indicator-color: #00b398;
  --mat-tab-active-indicator-color: #00b398;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #00b398;
  --mat-tab-active-ripple-color: #00b398;
  --mat-tab-inactive-ripple-color: #00b398;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #00b398;
  --mat-tab-active-hover-label-text-color: #00b398;
  --mat-tab-active-focus-indicator-color: #00b398;
  --mat-tab-active-hover-indicator-color: #00b398;
  --mat-tab-active-indicator-color: #00b398;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ce0058;
  --mat-tab-active-ripple-color: #ce0058;
  --mat-tab-inactive-ripple-color: #ce0058;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ce0058;
  --mat-tab-active-hover-label-text-color: #ce0058;
  --mat-tab-active-focus-indicator-color: #ce0058;
  --mat-tab-active-hover-indicator-color: #ce0058;
  --mat-tab-active-indicator-color: #ce0058;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #00b398;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #00b398;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #ce0058;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #00b398;
  --mat-checkbox-selected-hover-icon-color: #00b398;
  --mat-checkbox-selected-icon-color: #00b398;
  --mat-checkbox-selected-pressed-icon-color: #00b398;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #00b398;
  --mat-checkbox-selected-hover-state-layer-color: #00b398;
  --mat-checkbox-selected-pressed-state-layer-color: #00b398;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #00b398;
  --mat-checkbox-selected-hover-icon-color: #00b398;
  --mat-checkbox-selected-icon-color: #00b398;
  --mat-checkbox-selected-pressed-icon-color: #00b398;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #00b398;
  --mat-checkbox-selected-hover-state-layer-color: #00b398;
  --mat-checkbox-selected-pressed-state-layer-color: #00b398;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ce0058;
  --mat-checkbox-selected-hover-icon-color: #ce0058;
  --mat-checkbox-selected-icon-color: #ce0058;
  --mat-checkbox-selected-pressed-icon-color: #ce0058;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ce0058;
  --mat-checkbox-selected-hover-state-layer-color: #ce0058;
  --mat-checkbox-selected-pressed-state-layer-color: #ce0058;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #00b398;
}
.mat-icon.mat-accent {
  --mat-icon-color: #00b398;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ce0058;
}
.mdc-button {
  font-family:
    "HelveticaNeue-Light",
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
}
mat-label {
  padding: 0 0 0.3em;
  display: inline-block;
  font-size: 16px;
}
mat-label.with-icon,
mat-label:has(i) {
  display: inline-flex;
  gap: 6px;
  padding-left: 8px;
}
mat-label.with-icon i,
mat-label:has(i) i {
  font-size: 19px;
}
mat-label.with-icon i:not([class^=bhi-]),
mat-label:has(i) i:not([class^=bhi-]) {
  color: #545e65;
}
mat-tooltip-component .mdc-tooltip,
mat-tooltip-component .mdc-tooltip-wide {
  max-width: 200px;
  border-radius: 10px;
  background: #333f48;
  overflow: hidden;
}
mat-tooltip-component .mdc-tooltip .mdc-tooltip__surface,
mat-tooltip-component .mdc-tooltip-wide .mdc-tooltip__surface {
  background: rgba(51, 63, 72, 0.6);
  font-size: 14px;
  font-family:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  text-align: left;
  line-height: inherit;
  letter-spacing: initial;
  padding: 10px 15px;
}
mat-tooltip-component .mdc-tooltip-wide {
  max-width: 300px;
}
mat-checkbox .mdc-label {
  padding-top: 7px;
}
@font-face {
  font-family: "europa-bold";
  src: url("./media/europabold-webfont.woff2") format("woff2"), url("./media/europabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family:
    HelveticaNeue-Light,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  font-size: 13px;
  color: #333f48;
}
h1 {
  font-family: "europa-bold";
  font-size: 1.6em;
  margin-bottom: 18px;
}
h1 i {
  font-size: 0.9em !important;
  margin-right: 3px;
  padding-top: 6px;
}
h2,
h3,
h4,
h5 {
  font-weight: 400;
  font-family:
    "HelveticaNeue-Light",
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  margin: 0;
  padding: 0.6em 0 0.4em;
  color: #333f48;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em;
}
h1.heading-underline,
h2.heading-underline,
h3.heading-underline,
h4.heading-underline {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 3px;
  margin-bottom: 7px;
}
table h3 {
  margin: 0;
  padding: 0;
}
p {
  font-size: 15px;
}
p:not(:last-of-type) {
  margin-bottom: 10px;
}
a,
a:not([href]) {
  text-decoration: none;
  color: #ce0058;
}
a:hover,
a:not([href]):hover {
  color: #00b398;
}
a:focus-visible {
  outline: 0;
}
h2 span.sub-info {
  float: right;
  font-size: 0.7em;
  color: #909090;
  margin-top: 7px;
  text-transform: uppercase;
  cursor: pointer;
}
h2 span.sub-info a {
  color: inherit !important;
  font-weight: inherit;
}
h2 span.sub-info:hover {
  color: #00b398 !important;
  text-decoration: none;
}
h2 span.sub-info i {
  vertical-align: bottom;
  font-size: 1.6em;
}
h2 span.sub-info span {
  font-size: 1.08em;
}
.grey {
  color: #bdbdbd !important;
}
.italic,
italics {
  font-style: italic;
}
input,
select,
textarea,
button {
  outline: none !important;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  transition: all 0.2s ease;
}
input,
select,
textarea,
mat-select {
  font-size: 17px;
  border: 1px solid #f0f0f0;
  border-radius: 11px;
  padding: 6px 10px 5px 10px;
  background: rgba(251, 251, 251, 0.1);
  transition: border 0.4s ease-in-out;
}
input:focus,
select:focus,
textarea:focus,
mat-select:focus {
  border: 1px solid #bdbdbd;
  background: #fff;
}
input.ng-invalid,
select.ng-invalid,
textarea.ng-invalid,
mat-select.ng-invalid {
  border: 1px solid #ce0058;
}
input.full-width,
select.full-width,
textarea.full-width,
mat-select.full-width {
  width: 100%;
}
.kyloe-checkbox,
.kyloe-checkbox-select-all {
  width: 20px;
  height: 20px !important;
  position: relative;
  float: left;
  margin-top: 4px;
  margin-right: 12px;
  transition: all 0.2s ease-in-out;
}
.kyloe-checkbox label,
.kyloe-checkbox-select-all label {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 2px solid #d9e1e2;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.kyloe-checkbox label:after,
.kyloe-checkbox-select-all label:after {
  content: "";
  width: 10px;
  height: 6px;
  position: absolute;
  top: 3px;
  left: 2px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}
.kyloe-checkbox label:hover::after,
.kyloe-checkbox-select-all label:hover::after {
  opacity: 0.6;
  border-left: 2px solid #d9e1e2;
  border-bottom: 2px solid #d9e1e2;
}
.kyloe-checkbox input[type=checkbox],
.kyloe-checkbox-select-all input[type=checkbox] {
  visibility: hidden;
}
.kyloe-checkbox input[type=checkbox]:checked + label,
.kyloe-checkbox-select-all input[type=checkbox]:checked + label {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 179, 152, 0.9)), color-stop(40%, #00b398), to(rgba(0, 179, 152, 0.9)));
  border: 2px solid #52cbb9;
}
.kyloe-checkbox input[type=checkbox]:checked + label:hover:after,
.kyloe-checkbox-select-all input[type=checkbox]:checked + label:hover:after {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.kyloe-checkbox input[type=checkbox]:checked + label:after,
.kyloe-checkbox-select-all input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.kyloe-checkbox input[type=checkbox]:hover + label,
.kyloe-checkbox-select-all input[type=checkbox]:hover + label {
  box-shadow: 0 0 15px 3px rgba(0, 179, 152, 0.13);
}
.kyloe-checkbox:hover label,
.kyloe-checkbox-select-all:hover label {
  transform: scale(1.05, 1.05);
}
label[for] {
  cursor: pointer;
}
input[type=radio],
input[type=checkbox] {
  width: 20px;
  margin-top: 9px;
  margin-left: 4px;
  overflow: visible;
  accent-color: #09a78f;
  cursor: pointer;
}
input[type=radio]:before,
input[type=checkbox]:before {
  content: "";
  width: 0;
  height: 0;
  background: #00b398;
  border-radius: 50%;
  opacity: 0.1;
  transition: all 0.2s ease;
  position: absolute;
  top: 8px;
  left: 8px;
}
input[type=radio]:focus:before,
input[type=checkbox]:focus:before {
  content: "";
  width: 190%;
  height: 190%;
  position: absolute;
  top: -9px;
  left: -9px;
}
input::placeholder,
textarea::placeholder {
  color: #999;
}
input.hidden-upload-button {
  display: none;
}
button.upload-btn {
  background-color: #6ad1e3;
  border: 1px solid #4bb8cc;
  color: #fff;
  text-shadow: 0px 1px 28px #005463;
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  font-size: 15px;
  opacity: 0.8;
  transition: all 0.2s ease;
  cursor: pointer;
}
button.upload-btn:hover {
  background-color: #4bb8cc !important;
  opacity: 1;
}
button[theme=small],
button[theme=medium] {
  background: #fff;
  font-size: 12px;
  color: #333f48;
  border-radius: 10px;
  border: 1px solid #ededed;
  margin: 0 9px 0 12px;
  padding: 6px 10px;
  width: fit-content;
  overflow: hidden;
  text-transform: uppercase;
  outline: none;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
button[theme=small]:hover,
button[theme=small]:focus,
button[theme=medium]:hover,
button[theme=medium]:focus {
  box-shadow: none;
  background: #00b398;
  color: #fff;
}
button[theme=small]:focus,
button[theme=medium]:focus {
  background: #70d4c5;
}
button[theme=small][disabled],
button[theme=medium][disabled] {
  opacity: 0.6;
  pointer-events: none;
}
button[theme=small] mat-icon,
button[theme=medium] mat-icon {
  font-size: 15px;
  height: auto;
  width: auto;
  padding: 0 0 1px 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}
button[theme=medium] {
  margin: 10px 0 0 0;
  padding: 10px;
  width: 100%;
  min-height: 45px;
  font-size: 15px;
}
button[theme=medium] mat-icon {
  margin-right: 5px;
}
mat-select.full-width .mat-mdc-select-trigger .mat-select-value,
mat-select.mat-select.full-width .mat-select-trigger .mat-select-value {
  min-width: 100%;
  text-align: left;
}
table:not(.mat-calendar-table):not(.simple-table) th {
  background: #333f48;
  color: #fff !important;
  font-weight: 400;
  font-size: 15px;
}
table:not(.mat-calendar-table):not(.simple-table) ul {
  position: relative;
  color: #333f48 !important;
  border: none;
  vertical-align: middle;
  padding: 1.2rem;
}
table:not(.mat-calendar-table):not(.simple-table) ul li {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
table.mat-mdc-table tbody tr td {
  padding: 1.2rem;
}
table.table-full-width {
  width: 100%;
}
table.table-striped tr h2,
table.table-striped-solid-background tr h2,
table.table-striped-solid-td-background tr h2 {
  padding: 0 0 0.4em;
}
table.table-striped tr:nth-of-type(even),
table.table-striped-solid-background tr:nth-of-type(even),
table.table-striped-solid-td-background tr:nth-of-type(even) {
  background-color: #fbfbfb;
}
table.table-striped tr:nth-of-type(even) input,
table.table-striped-solid-background tr:nth-of-type(even) input,
table.table-striped-solid-td-background tr:nth-of-type(even) input {
  background: #fff;
}
table.table-striped tr:nth-of-type(odd),
table.table-striped-solid-background tr:nth-of-type(odd),
table.table-striped-solid-td-background tr:nth-of-type(odd) {
  background-color: #fff !important;
}
table.table-striped tr:last-of-type,
table.table-striped-solid-background tr:last-of-type,
table.table-striped-solid-td-background tr:last-of-type {
  border-bottom: 1px solid #f4f4f4;
}
table.table-striped tr th td:first-of-type,
table.table-striped-solid-background tr th td:first-of-type,
table.table-striped-solid-td-background tr th td:first-of-type {
  vertical-align: middle;
}
table.table-striped tr th,
table.table-striped tr td,
table.table-striped-solid-background tr th,
table.table-striped-solid-background tr td,
table.table-striped-solid-td-background tr th,
table.table-striped-solid-td-background tr td {
  border: none;
  vertical-align: middle;
  color: #333f48;
  padding: 1.2rem;
}
table.table-striped tr td.empty-table-notification,
table.table-striped-solid-background tr td.empty-table-notification,
table.table-striped-solid-td-background tr td.empty-table-notification {
  background-color: #fbfbfb !important;
}
table.table-striped tr td.empty-table-notification h2,
table.table-striped-solid-background tr td.empty-table-notification h2,
table.table-striped-solid-td-background tr td.empty-table-notification h2 {
  text-align: center;
}
table.table-striped-solid-td-background tr,
table.table-striped-solid-td-background tr:nth-of-type(odd) {
  background-color: inherit !important;
}
table.table-striped-solid-td-background tr:last-of-type,
table.table-striped-solid-td-background tr:nth-of-type(odd):last-of-type {
  border-bottom: 0;
}
table.table-td-border-right tr td:not(:last-of-type) {
  border-right: 1px solid #f4f4f4;
}
table.table-no-border-bottom tr:last-of-type {
  border-bottom: 0 !important;
}
table.table-striped-solid-background tr h2.heading-underline {
  border-bottom: 1px solid rgba(244, 244, 244, 0.15);
}
table.table-striped-solid-background tr:not(:first-of-type) {
  border-top: 1px solid rgba(244, 244, 244, 0.15);
}
table.table-striped-solid-background tr:nth-of-type(even) {
  background-color: rgba(251, 251, 251, 0.15);
}
table.table-striped-solid-background tr:nth-of-type(odd) {
  background-color: inherit !important;
}
table.table-striped-solid-background tr th,
table.table-striped-solid-background tr td,
table.table-striped-solid-background tr h1,
table.table-striped-solid-background tr h2,
table.table-striped-solid-background tr h3,
table.table-striped-solid-background tr h4 {
  color: #fff;
}
table.table-striped-solid-background tr:last-of-type {
  border-bottom: 0;
}
table.table-striped-solid-background tr td.empty-table-notification {
  background-color: rgba(251, 251, 251, 0.3) !important;
}
table.table-striped-solid-background tr td:not(:last-of-type) {
  border-right: 1px solid rgba(244, 244, 244, 0.1);
}
table.table-striped-td-solid-background tr h2.heading-underline {
  border-bottom: 1px solid rgba(244, 244, 244, 0.15);
}
table.table-striped-td-solid-background tr:not(:first-of-type) td {
  border-top: 1px solid rgba(244, 244, 244, 0.15);
}
table.table-striped-td-solid-background tr:nth-of-type(even) td {
  background-color: rgba(251, 251, 251, 0.15);
}
table.table-striped-td-solid-background tr:nth-of-type(odd) td {
  background-color: inherit !important;
}
table.table-striped-td-solid-background tr th,
table.table-striped-td-solid-background tr td,
table.table-striped-td-solid-background tr h1,
table.table-striped-td-solid-background tr h2,
table.table-striped-td-solid-background tr h3,
table.table-striped-td-solid-background tr h4 {
  color: #fff;
}
table.table-striped-td-solid-background tr:last-of-type {
  border-bottom: 0;
}
table.row-highlight tr {
  transition: all 0.2s ease;
}
table.row-highlight tr:hover {
  background-color: rgba(217, 225, 226, 0.5) !important;
}
table.crosshair {
  overflow: hidden;
}
table.crosshair tr {
  transition: all 0.2s ease;
}
table.crosshair tr:hover {
  background-color: rgba(217, 225, 226, 0.5) !important;
}
table.crosshair td {
  position: relative;
  padding: 0 13px !important;
  z-index: 1;
  transition: all 0.2s ease;
}
table.crosshair td:hover {
  background-color: rgba(217, 225, 226, 0.2) !important;
  z-index: 0;
}
table.crosshair td:hover:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  bottom: -9999px;
  z-index: 0;
  transition: all 0.2s ease;
  background-color: rgba(217, 225, 226, 0.2) !important;
}
mat-slide-toggle label.mdc-label {
  color: #fff;
}
mat-slide-toggle.sandbox-toggle label.mdc-label {
  color: #909090;
}
.mat-button-toggle-group:not(.kyloe-large) .mat-button-toggle-label-content {
  font-size: 1em;
}
.mat-button-toggle-group.thousands-toggle .mat-button-toggle-label-content {
  padding: 0 5px !important;
}
.mat-mdc-tab-group.mat-primary .mat-ink-bar,
.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #00b398;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
  min-width: 0 !important;
}
.mat-mdc-tab-body.mat-tab-body-active {
  overflow-y: hidden !important;
}
#field-selection-tab-wrapper > mat-tab-group > mat-tab-header {
  margin: 0 18px;
}
.mat-mdc-tab-group {
  height: 100%;
}
.mat-mdc-tab-group .mat-mdc-tab-body-content {
  display: flex;
  flex-direction: column;
}
.mat-mdc-tab-group .mat-mdc-tab-body-content app-filterable-list {
  display: flex;
  height: 100%;
}
.mat-mdc-tab-group .mat-mdc-tab-body-content app-data-fields .mat-mdc-tab-group {
  min-height: 0;
  flex: 1;
}
.mat-mdc-tab-group .mat-mdc-tab-body-content app-document-sender {
  height: 100%;
}
.mat-mdc-tab-body-wrapper {
  flex-grow: 1;
}
app-data-fields,
app-docusign {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden !important;
}
.mat-mdc-tab-header {
  margin: 0;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
  flex-grow: 1;
  padding: 0 2px;
  min-width: 56px;
  font-size: 17px;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label {
  flex-direction: column;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab mat-icon {
  width: 26px;
  height: 26px;
  font-size: 26px;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab:focus:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-label-active:not(.mat-mdc-tab-disabled) {
  color: #00b398 !important;
  border-radius: 0;
  box-shadow: none;
}
.mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab.mat-mdc-tab-disabled {
  opacity: 0.6;
}
.mat-mdc-tab-header .mat-mdc-tab-body {
  padding: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.mat-mdc-tab-header .mat-mdc-tab-body-active {
  overflow: hidden !important;
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
mat-tab-group.data-fields .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
  display: none;
}
@media screen and (min-width: 500px) {
  mat-tab-group.data-fields .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
    height: 72px;
  }
  mat-tab-group.data-fields .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
    display: inline-block !important;
  }
}
mat-tab-group.field-selection .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
  display: none;
}
@media screen and (min-width: 910px) {
  mat-tab-group.field-selection .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab {
    height: 72px;
  }
  mat-tab-group.field-selection .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-labels .mat-mdc-tab .mdc-tab__text-label span {
    display: inline-block !important;
  }
}
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item {
  font-size: 16px;
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item:hover mat-icon.add-to-document,
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item:focus mat-icon.add-to-document {
  max-width: 20px;
  opacity: 1;
}
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item mat-icon.add-to-document {
  max-width: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  font-size: 20px;
  padding-top: 2px;
  transition: max-width 0.5s, opacity 0.5s;
}
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item .mdc-list-item__primary-text {
  justify-content: left !important;
}
body {
  padding: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' fill-opacity='0.03' viewBox='0 0 163.2 159.88'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ce0058;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eKyloe-Icon-RGB%3c/title%3e%3cpath class='cls-1' d='M94,94.84c4.41,5.92,11.67,9.18,19.17,9.32l8.68.15a39.36,39.36,0,0,1,20-5.32,38.41,38.41,0,0,1,20.8,6l6.83-.12c7.72-.14,15.19-3.49,19.73-9.59A22.71,22.71,0,0,0,194,80.58c0-.77.11-1.2.38-1.36-13.9-11-32-17.43-52.54-17.43-20.79,0-39,6.39-52.93,17.45.26.16.39.57.36,1.3A22.08,22.08,0,0,0,94,94.84Z' transform='translate(-60.13 -61.79)'/%3e%3cpath class='cls-1' d='M198.79,83.06c3.05,4.28,6.43,11.13,6.43,16,0,12.5-8.86,23-21.3,27.26a5,5,0,0,0-3.37,5.74,54.45,54.45,0,0,1,1,9.72,43.23,43.23,0,0,1-13.09,32.12,1.13,1.13,0,0,0-.29,1.15c2.7,10.41-10.19,19.41-26.46,19.41s-29.15-9-26.47-19.4a1.15,1.15,0,0,0-.31-1.17c-2.54-2.27-13.06-12.8-13-32.11A50.42,50.42,0,0,1,103.1,131a5,5,0,0,0-3.44-5.85c-12.36-4-21.22-14.37-21.22-26.69,0-4.65,3.26-11.27,6.2-15.43-15.36,14.25-24.51,34.73-24.51,58.71,0,46.43,34.12,79.94,81.75,79.94,47,0,81.45-33.51,81.45-79.94C223.33,117.78,214.12,97.31,198.79,83.06Z' transform='translate(-60.13 -61.79)'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: calc(100% + 40px) 60vh;
  background-size: 95%;
  background-color: #f4f4f4;
  overflow: hidden;
}
body app-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}
h2 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.15em;
}
h1.heading-underline,
h2.heading-underline,
h3.heading-underline,
h4.heading-underline {
  border-bottom: 1px solid #e0e2e2;
}
h1.heading-underline .logout-icon,
h2.heading-underline .logout-icon,
h3.heading-underline .logout-icon,
h4.heading-underline .logout-icon {
  position: absolute;
  top: 19px;
  right: 20px;
  cursor: pointer;
  color: #333f48;
  font-size: 20px;
  opacity: 0.8;
  transition: all 0.2s ease;
}
h1.heading-underline .logout-icon:hover,
h2.heading-underline .logout-icon:hover,
h3.heading-underline .logout-icon:hover,
h4.heading-underline .logout-icon:hover {
  opacity: 1;
}
input,
mat-select {
  background: #fff;
  height: 32px !important;
  font-size: 1em !important;
}
mat-select {
  padding-top: 4px;
}
app-skeleton {
  margin-top: 15px;
  display: block;
}
.entity-label:not(:last-of-type) > app-fields > ul {
  margin-bottom: 14px;
}
.message-container {
  width: 100%;
  padding: 19px;
}
.expanded i.expand-icon {
  transform: rotate(180deg);
}
.scrollable-container::-webkit-scrollbar,
app-field-config::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  border-radius: 20px;
}
.scrollable-container::-webkit-scrollbar-track,
app-field-config::-webkit-scrollbar-track {
  margin: 10px 5px 10px 0;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 20px;
}
.scrollable-container::-webkit-scrollbar-thumb,
app-field-config::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
}
.addin-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100vw;
  overflow: hidden;
}
@media (min-resolution: 121dpi) {
  .addin-container {
    overflow: auto;
  }
}
app-field-selection,
app-docusign {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}
app-field-selection aside,
app-docusign aside {
  background: none;
  transition: all 0.2s;
}
app-field-selection aside .field-config,
app-docusign aside .field-config {
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 12px -19px 7px -17px;
  padding: 2px 0 80px 0;
  color: #fff;
  background: #545e65;
  transition: opacity 0.5s ease, max-height 0.2s ease;
  box-shadow:
    inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5),
    inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
    0px 0px 29px 4px rgba(0, 0, 0, 0.3);
  opacity: 0;
  max-height: 55px;
  visibility: hidden;
  overflow-y: hidden;
}
app-field-selection aside.options-open .field-config,
app-docusign aside.options-open .field-config {
  opacity: 1;
  max-height: 81vh;
  visibility: visible;
  overflow-y: visible;
}
app-field-selection .field-config > header,
app-docusign .field-config > header {
  padding: 0 35px;
}
app-field-selection .field-config ul.striped-h li:nth-of-type(even),
app-docusign .field-config ul.striped-h li:nth-of-type(even) {
  background-color: #333f48;
}
app-field-selection .field-config ul.striped-h li:nth-of-type(even) input,
app-docusign .field-config ul.striped-h li:nth-of-type(even) input {
  background: #fff;
}
app-field-selection .field-config ul.popup-sections header,
app-docusign .field-config ul.popup-sections header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 8px;
  padding-bottom: 10px;
  align-items: center;
  transition: all 0.1s;
}
app-field-selection .field-config ul.popup-sections header h3,
app-docusign .field-config ul.popup-sections header h3 {
  color: #fff;
}
app-field-selection .field-config ul.popup-sections table,
app-docusign .field-config ul.popup-sections table {
  display: block;
  overflow: hidden;
}
app-field-selection .field-config ul.popup-sections table tr,
app-docusign .field-config ul.popup-sections table tr {
  display: grid;
  margin-bottom: 11px;
}
app-field-selection .field-config ul.popup-sections li:not(:has(*.table-full-width)),
app-docusign .field-config ul.popup-sections li:not(:has(*.table-full-width)) {
  padding-bottom: 0;
}
app-field-selection .field-config ul li,
app-docusign .field-config ul li {
  padding: 2px 24px 13px 24px;
  margin: 0 -18px;
}
app-field-selection .field-config ul li:not(:first-of-type),
app-docusign .field-config ul li:not(:first-of-type) {
  padding-top: 7px;
}
app-field-selection .field-config ul li:not(:last-of-type),
app-docusign .field-config ul li:not(:last-of-type) {
  border-bottom: 1px solid #333;
}
app-field-selection .field-config ul li .disabled *:not(mat-slide-toggle):not(mat-button-toggle-group *),
app-docusign .field-config ul li .disabled *:not(mat-slide-toggle):not(mat-button-toggle-group *) {
  opacity: 0.8;
  pointer-events: none;
}
.docusign-options-mat-select.mdc-menu-surface.mat-mdc-select-panel {
  margin-left: 11px !important;
}
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item:hover mat-icon.add-to-document,
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item:focus mat-icon.add-to-document {
  margin-left: -5px;
  margin-right: 5px;
  max-width: 14px;
  min-width: 14px;
}
mat-selection-list.mat-mdc-list-base .mat-mdc-list-item mat-icon.add-to-document {
  transition:
    min-width 0.5s,
    max-width 0.5s,
    opacity 0.5s,
    margin-left 0.5s,
    margin-right 0.5s;
}
body {
  margin: 0;
  background-color: whitesmoke;
}
ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style-type: none;
}
html {
  scroll-behavior: smooth;
}
input[disabled] {
  opacity: 0.5;
}
input[type=radio],
input[type=checkbox] {
  margin-top: 0;
}
i[tabindex] {
  cursor: pointer;
  outline: 0;
  transition: all 0.2s;
}
i[tabindex]:hover,
i[tabindex]:focus {
  color: #00b398 !important;
}
i[tabindex]:hover[class*=delete],
i[tabindex]:hover[class*=remove],
i[tabindex]:focus[class*=delete],
i[tabindex]:focus[class*=remove] {
  color: #ce0058 !important;
}
.kyloe-logo-mask {
  display: block;
  height: 46px;
  width: 46px;
  margin-top: 17px;
  background: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.2 159.88'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ce0058;}%3C/style%3E%3C/defs%3E%3Ctitle%3EKyloe-Icon-RGB%3C/title%3E%3Cpath class='cls-1' d='M94,94.84c4.41,5.92,11.67,9.18,19.17,9.32l8.68.15a39.36,39.36,0,0,1,20-5.32,38.41,38.41,0,0,1,20.8,6l6.83-.12c7.72-.14,15.19-3.49,19.73-9.59A22.71,22.71,0,0,0,194,80.58c0-.77.11-1.2.38-1.36-13.9-11-32-17.43-52.54-17.43-20.79,0-39,6.39-52.93,17.45.26.16.39.57.36,1.3A22.08,22.08,0,0,0,94,94.84Z' transform='translate(-60.13 -61.79)'/%3E%3Cpath class='cls-1' d='M198.79,83.06c3.05,4.28,6.43,11.13,6.43,16,0,12.5-8.86,23-21.3,27.26a5,5,0,0,0-3.37,5.74,54.45,54.45,0,0,1,1,9.72,43.23,43.23,0,0,1-13.09,32.12,1.13,1.13,0,0,0-.29,1.15c2.7,10.41-10.19,19.41-26.46,19.41s-29.15-9-26.47-19.4a1.15,1.15,0,0,0-.31-1.17c-2.54-2.27-13.06-12.8-13-32.11A50.42,50.42,0,0,1,103.1,131a5,5,0,0,0-3.44-5.85c-12.36-4-21.22-14.37-21.22-26.69,0-4.65,3.26-11.27,6.2-15.43-15.36,14.25-24.51,34.73-24.51,58.71,0,46.43,34.12,79.94,81.75,79.94,47,0,81.45-33.51,81.45-79.94C223.33,117.78,214.12,97.31,198.79,83.06Z' transform='translate(-60.13 -61.79)'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 163.2 159.88'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ce0058;}%3C/style%3E%3C/defs%3E%3Ctitle%3EKyloe-Icon-RGB%3C/title%3E%3Cpath class='cls-1' d='M94,94.84c4.41,5.92,11.67,9.18,19.17,9.32l8.68.15a39.36,39.36,0,0,1,20-5.32,38.41,38.41,0,0,1,20.8,6l6.83-.12c7.72-.14,15.19-3.49,19.73-9.59A22.71,22.71,0,0,0,194,80.58c0-.77.11-1.2.38-1.36-13.9-11-32-17.43-52.54-17.43-20.79,0-39,6.39-52.93,17.45.26.16.39.57.36,1.3A22.08,22.08,0,0,0,94,94.84Z' transform='translate(-60.13 -61.79)'/%3E%3Cpath class='cls-1' d='M198.79,83.06c3.05,4.28,6.43,11.13,6.43,16,0,12.5-8.86,23-21.3,27.26a5,5,0,0,0-3.37,5.74,54.45,54.45,0,0,1,1,9.72,43.23,43.23,0,0,1-13.09,32.12,1.13,1.13,0,0,0-.29,1.15c2.7,10.41-10.19,19.41-26.46,19.41s-29.15-9-26.47-19.4a1.15,1.15,0,0,0-.31-1.17c-2.54-2.27-13.06-12.8-13-32.11A50.42,50.42,0,0,1,103.1,131a5,5,0,0,0-3.44-5.85c-12.36-4-21.22-14.37-21.22-26.69,0-4.65,3.26-11.27,6.2-15.43-15.36,14.25-24.51,34.73-24.51,58.71,0,46.43,34.12,79.94,81.75,79.94,47,0,81.45-33.51,81.45-79.94C223.33,117.78,214.12,97.31,198.79,83.06Z' transform='translate(-60.13 -61.79)'/%3E%3C/svg%3E");
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.14em;
}
.message {
  padding: 14px 17px 16px 17px;
  color: #333f48;
  font-size: 17px;
  overflow: hidden;
  border-radius: 7px;
  max-height: 200px;
  transition: all 0.2s ease-out;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' fill-opacity='0.1' viewBox='0 0 163.2 159.88'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23333f48;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eKyloe-Icon-RGB%3c/title%3e%3cpath class='cls-1' d='M94,94.84c4.41,5.92,11.67,9.18,19.17,9.32l8.68.15a39.36,39.36,0,0,1,20-5.32,38.41,38.41,0,0,1,20.8,6l6.83-.12c7.72-.14,15.19-3.49,19.73-9.59A22.71,22.71,0,0,0,194,80.58c0-.77.11-1.2.38-1.36-13.9-11-32-17.43-52.54-17.43-20.79,0-39,6.39-52.93,17.45.26.16.39.57.36,1.3A22.08,22.08,0,0,0,94,94.84Z' transform='translate(-60.13 -61.79)'/%3e%3cpath class='cls-1' d='M198.79,83.06c3.05,4.28,6.43,11.13,6.43,16,0,12.5-8.86,23-21.3,27.26a5,5,0,0,0-3.37,5.74,54.45,54.45,0,0,1,1,9.72,43.23,43.23,0,0,1-13.09,32.12,1.13,1.13,0,0,0-.29,1.15c2.7,10.41-10.19,19.41-26.46,19.41s-29.15-9-26.47-19.4a1.15,1.15,0,0,0-.31-1.17c-2.54-2.27-13.06-12.8-13-32.11A50.42,50.42,0,0,1,103.1,131a5,5,0,0,0-3.44-5.85c-12.36-4-21.22-14.37-21.22-26.69,0-4.65,3.26-11.27,6.2-15.43-15.36,14.25-24.51,34.73-24.51,58.71,0,46.43,34.12,79.94,81.75,79.94,47,0,81.45-33.51,81.45-79.94C223.33,117.78,214.12,97.31,198.79,83.06Z' transform='translate(-60.13 -61.79)'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: 110% -3vh !important;
  background-size: 55% !important;
}
.message header {
  display: grid;
  grid-template-columns: auto 24px;
}
.message i {
  cursor: pointer;
}
.message.hide-height {
  max-height: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border: 0 !important;
}
.message.warning {
  background: #e05e96;
  border: 1px solid #bd1a68;
  color: #fff;
}
.message.info {
  background: #f7e3c8;
  border: 1px solid #fad29a;
}
.message.subtle-info {
  background: rgba(247, 227, 200, 0.3);
  border: 1px dashed #fad29a;
  color: #81633a;
}
.message.tip {
  background: #f4f4f4;
  border: 1px dashed #d9e1e2;
  color: #545e65;
  border-radius: 10px;
  margin: 10px 0 12px 16px;
}
.message.tip mat-icon {
  font-size: 20px;
  color: #848b90;
  vertical-align: text-bottom;
  margin-right: 5px;
}
.clear-input {
  position: relative;
}
.clear-input .clear-icon,
.clear-input .return-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 21px;
  color: #909090;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.clear-input .clear-icon:hover,
.clear-input .clear-icon:focus,
.clear-input .return-icon:hover,
.clear-input .return-icon:focus {
  color: #ce0058;
}
.clear-input .return-icon {
  top: 8px;
  right: 29px;
  width: 17px;
  height: 17px;
  opacity: 0.6;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><polyline fill="none" stroke="%23909090" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" points="96 128 48 176 96 224"></polyline><polyline fill="none" stroke="%23909090"  stroke-linecap="round" stroke-linejoin="round" stroke-width="20" points="192 32 192 176 48 176"></polyline></svg>');
}
.clear-input .return-icon:hover,
.clear-input .return-icon:focus,
.clear-input .return-icon.green {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><polyline fill="none" stroke="%2300B398" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" points="96 128 48 176 96 224"></polyline><polyline fill="none" stroke="%2300B398" stroke-linecap="round" stroke-linejoin="round" stroke-width="20" points="192 32 192 176 48 176"></polyline></svg>');
  opacity: 1;
}
.clear-input input {
  padding-right: 33px !important;
}
.chips-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
  column-gap: 7px;
  row-gap: 9px;
}
.chips-container .chip {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 29px;
  padding: 2px 5px 2px 9px;
  font-size: 15px;
  color: #333f48;
  border: 1px solid #ededed;
  border-radius: 13px;
  background-color: #fff;
  background-image:
    linear-gradient(
      350deg,
      #e5e5e5,
      #fff);
}
.chips-container .chip .remove-chip {
  font-size: 18px;
  transition: all 0.2s;
  cursor: pointer;
  padding-top: 3px;
}
.chips-container .chip .remove-chip:hover,
.chips-container .chip .remove-chip:focus {
  color: #ce0058;
  box-shadow: none;
  opacity: 1;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */