/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.eot');
    src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles/primeflex-used.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
/* Generated by helper-scripts/generate-primeflex-subset.js. */
/* Regenerate after adding new PrimeFlex utility classes. */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}

.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}

.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}

.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}

.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}

.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}

.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}

.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}

.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}

.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}

.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}

.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}

.col-offset-1 {
  margin-left: 8.3333% !important;
}

.col-offset-2 {
  margin-left: 16.6667% !important;
}

.col-offset-3 {
  margin-left: 25% !important;
}

.col-offset-4 {
  margin-left: 33.3333% !important;
}

.col-offset-5 {
  margin-left: 41.6667% !important;
}

.col-offset-6 {
  margin-left: 50% !important;
}

.col-offset-7 {
  margin-left: 58.3333% !important;
}

.col-offset-8 {
  margin-left: 66.6667% !important;
}

.col-offset-9 {
  margin-left: 75% !important;
}

.col-offset-10 {
  margin-left: 83.3333% !important;
}

.col-offset-11 {
  margin-left: 91.6667% !important;
}

.col-offset-12 {
  margin-left: 100% !important;
}

@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}

.text-500 {
  color: light-dark(var(--p-surface-500), var(--p-surface-300)) !important;
}

.text-600 {
  color: light-dark(var(--p-surface-600), var(--p-surface-200)) !important;
}

.text-700 {
  color: light-dark(var(--p-surface-700), var(--p-surface-100)) !important;
}

.text-800 {
  color: light-dark(var(--p-surface-800), var(--p-surface-50)) !important;
}

.text-900 {
  color: light-dark(var(--p-surface-900), var(--p-surface-0)) !important;
}

.surface-100 {
  background-color: light-dark(var(--p-surface-100), var(--p-surface-700)) !important;
}

.border-200 {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-600)) !important;
}

.border-300 {
  border-color: light-dark(var(--p-surface-300), var(--p-surface-500)) !important;
}

.bg-transparent {
  background-color: transparent !important;
}
.text-blue-600 {
  color: var(--p-blue-600) !important;
}
.text-blue-700 {
  color: var(--p-blue-700) !important;
}
.text-yellow-600 {
  color: var(--p-yellow-600) !important;
}
.text-yellow-700 {
  color: var(--p-yellow-700) !important;
}
.text-orange-500 {
  color: var(--p-orange-500) !important;
}
.text-gray-500 {
  color: var(--p-gray-500) !important;
}
.text-gray-600 {
  color: var(--p-gray-600) !important;
}
.text-gray-700 {
  color: var(--p-gray-700) !important;
}
.text-red-500 {
  color: var(--p-red-500) !important;
}
.bg-green-200 {
  background-color: var(--p-green-200) !important;
}
.bg-yellow-200 {
  background-color: var(--p-yellow-200) !important;
}

.bg-gray-50 {
  background-color: var(--p-gray-50) !important;
}
.bg-red-200 {
  background-color: var(--p-red-200) !important;
}
.border-blue-200 {
  border-color: var(--p-blue-200) !important;
}
.border-yellow-200 {
  border-color: var(--p-yellow-200) !important;
}
.text-white-alpha-80 {
  color: rgba(255,255,255,0.8) !important;
}

.text-primary {
  color: var(--p-primary-color) !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.text-white {
  color: #ffffff !important;
}

.text-color {
  color: var(--p-text-color) !important;
}

.surface-card {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.surface-overlay {
  background-color: light-dark(var(--p-surface-0), var(--p-surface-900)) !important;
}

.surface-border {
  border-color: light-dark(var(--p-surface-200), var(--p-surface-700)) !important;
}
.field {
  margin-bottom: 1rem;
}

.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.field.grid > label {
  display: flex;
  align-items: center;
}

.field > small {
  margin-top: 0.25rem;
}

.field.grid,
.formgrid.grid {
  margin-top: 0;
}

.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}

.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}
.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}
.underline {
  text-decoration: underline !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-base {
  font-size: 1rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

.text-xl {
  font-size: 1.25rem !important;
}

.text-2xl {
  font-size: 1.5rem !important;
}

.line-height-3 {
  line-height: 1.5 !important;
}

.flex-column {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-self-end {
  align-self: flex-end !important;
}
.flex-1 {
  flex: 1 1 0% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 992px) {
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
}

.shadow-1 {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.shadow-2 {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}

.shadow-3 {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

.border-1 {
  border-width: 1px !important;
  border-style: solid;
}

.border-2 {
  border-width: 2px !important;
  border-style: solid;
}

.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}

.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-round {
  border-radius: var(--p-content-border-radius) !important;
}

.border-round-lg {
  border-radius: 0.5rem !important;
}

.border-round-xl {
  border-radius: 0.75rem !important;
}

.border-circle {
  border-radius: 50% !important;
}

.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.w-full {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.w-1 {
  width: 8.3333% !important;
}

.w-2 {
  width: 16.6667% !important;
}

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

.w-4 {
  width: 33.3333% !important;
}

.w-5 {
  width: 41.6667% !important;
}

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

.w-3rem {
  width: 3rem !important;
}

.w-4rem {
  width: 4rem !important;
}

.w-5rem {
  width: 5rem !important;
}

.w-6rem {
  width: 6rem !important;
}

.w-7rem {
  width: 7rem !important;
}

.w-8rem {
  width: 8rem !important;
}

.w-9rem {
  width: 9rem !important;
}

.w-10rem {
  width: 10rem !important;
}

.w-13rem {
  width: 13rem !important;
}

.w-14rem {
  width: 14rem !important;
}

.w-15rem {
  width: 15rem !important;
}

.w-17rem {
  width: 17rem !important;
}

.w-19rem {
  width: 19rem !important;
}

.w-20rem {
  width: 20rem !important;
}

.w-30rem {
  width: 30rem !important;
}

.h-4rem {
  height: 4rem !important;
}
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

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

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

.overflow-x-hidden {
  overflow-x: hidden !important;
}

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

.appearance-none {
  -webkit-appearance: none !important;
          appearance: none !important;
}

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

.cursor-pointer {
  cursor: pointer !important;
}

.reset {
  all: unset;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}


/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
html {
  font-size: 14px;
}

body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

html[dir=rtl] body {
  direction: rtl;
}

body.app-rtl {
  text-align: right;
}

body.app-rtl .p-component,
body.app-rtl input,
body.app-rtl textarea,
body.app-rtl .p-datepicker,
body.app-rtl .p-select {
  direction: rtl;
}

/* You can add global styles to this file, and also import other style files */
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/theme/theme-blue-v4.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* Predefined Colors */
/* Icons */
/* Error */
/* Headers */
/* Contents */
/* Forms */
/* Buttons */
/* List Items */
/* Messages */
/* Overlays */
/* Data */
/* Panel */
/* Add your variable customizations of theme here */
body .ui-widget,
body .ui-widget .ui-widget {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-decoration: none;
}
body .ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  font-size: 14px;
}
body .ui-widget-header {
  background: #f5f5f5;
  color: #292B2C;
  border: 1px solid #dddddd;
  font-weight: bold;
  font-size: 14px;
}
body .ui-state-active, body .ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-state-error, body .ui-widget.ui-state-error {
  border: 1px solid #a94442;
}
body .ui-state-disabled,
body .ui-widget:disabled {
  background-color: #eeeeee;
  cursor: default !important;
}
body .ui-state-disabled *,
body .ui-widget:disabled * {
  cursor: default !important;
}
body .ui-corner-all {
  border-radius: 4px;
}
body .ui-corner-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body .ui-corner-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .ui-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body .ui-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
body .ui-shadow {
  box-shadow: none;
}
body a {
  color: #117490;
  text-decoration: none;
}
body a:hover {
  color: #1387a7;
}
body .ajax-loader {
  font-size: 28px;
  color: #1699be;
}

body {
  /* Validations */
}
body .ui-inputtext {
  color: #495057;
  font-size: 14px;
  background: #ffffff;
  padding: 6px 0px;
  border: 1px solid #cccccc;
  transition: box-shadow 0.3s, border-color 0.3s;
  border-radius: 4px;
  -webkit-appearance: none;
  appearance: none;
}
body .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-inputtext.ng-dirty.ng-invalid {
  background-color: #ffffff;
}
body .ui-inputtext.ng-dirty.ng-invalid:hover {
  border-color: #b94a48;
}
body .ui-inputtext.ng-dirty.ng-invalid:focus {
  border-color: #b94a48;
  box-shadow: none;
}
body .ui-inputtext.ng-dirty.ng-invalid:active {
  border-color: #b94a48;
}
body .ui-inputtext.ui-state-disabled, body .ui-inputtext:disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-button {
  color: #ffffff;
  background-color: #1699be;
  border: 1px solid transparent;
  font-size: 14px;
  transition: background-color 0.3s;
}
body .ui-button:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
body .ui-button:enabled:active {
  background-color: #0062cc;
  border-color: #005cbf;
}
body .ui-button:enabled:hover {
  background-color: #0069d9;
  border-color: #0062cc;
}
body .ui-button.ui-state-disabled, body .ui-button:disabled {
  background-color: #1699be;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
body .ui-button.ui-button-text-only .ui-button-text {
  padding: 6px 12px;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 6px 12px 6px 28px;
}
body .ui-button.ui-button-text-icon-right .ui-button-text {
  padding: 6px 28px 6px 12px;
}
body .ui-button.ui-button-icon-only {
  width: 2.143em;
}
body .ui-button.ui-button-icon-only .ui-button-text {
  padding: 6px;
}
body .ui-button.secondary-btn {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
body .ui-button.secondary-btn:enabled:hover {
  background-color: #5a6268;
  border-color: #545b62;
}
body .ui-button.secondary-btn:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
body .ui-button.secondary-btn:enabled:active {
  background-color: #545b62;
  border-color: #545b62;
}
body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #6c757d;
  border-color: #6c757d;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
  background-color: #5a6268;
  border-color: #545b62;
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
body .ui-button.ui-state-default.ui-button-secondary:enabled:active, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
  background-color: #545b62;
  border-color: #545b62;
}
body .success-btn.ui-button,
body .success-btn > .ui-button,
body .ui-splitbutton.success-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-success,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default {
  background-color: #28a745;
  border-color: #28a745;
}
body .success-btn.ui-button:enabled:hover,
body .success-btn > .ui-button:enabled:hover,
body .ui-splitbutton.success-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-success:enabled:hover,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
  background-color: #218838;
  border-color: #1e7e34;
}
body .success-btn.ui-button:enabled:focus,
body .success-btn > .ui-button:enabled:focus,
body .ui-splitbutton.success-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-success:enabled:focus,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
body .success-btn.ui-button:enabled:active,
body .success-btn > .ui-button:enabled:active,
body .ui-splitbutton.success-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-success:enabled:active,
body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
  background-color: #1e7e34;
  border-color: #1c7430;
}
body .info-btn.ui-button,
body .info-btn > .ui-button,
body .ui-splitbutton.info-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-info,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default {
  background-color: #17a2b8;
  border-color: #17a2b8;
}
body .info-btn.ui-button:enabled:hover,
body .info-btn > .ui-button:enabled:hover,
body .ui-splitbutton.info-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-info:enabled:hover,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
  background-color: #138496;
  border-color: #117a8b;
}
body .info-btn.ui-button:enabled:focus,
body .info-btn > .ui-button:enabled:focus,
body .ui-splitbutton.info-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-info:enabled:focus,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
body .info-btn.ui-button:enabled:active,
body .info-btn > .ui-button:enabled:active,
body .ui-splitbutton.info-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-info:enabled:active,
body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
  background-color: #117a8b;
  border-color: #10707f;
}
body .warning-btn.ui-button,
body .warning-btn > .ui-button,
body .ui-splitbutton.warning-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-warning,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
body .warning-btn.ui-button:enabled:hover,
body .warning-btn > .ui-button:enabled:hover,
body .ui-splitbutton.warning-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-warning:enabled:hover,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
  background-color: #e0a800;
  border-color: #d39e00;
}
body .warning-btn.ui-button:enabled:focus,
body .warning-btn > .ui-button:enabled:focus,
body .ui-splitbutton.warning-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-warning:enabled:focus,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
body .warning-btn.ui-button:enabled:active,
body .warning-btn > .ui-button:enabled:active,
body .ui-splitbutton.warning-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-warning:enabled:active,
body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
  background-color: #d39e00;
  border-color: #c69500;
}
body .danger-btn.ui-button,
body .danger-btn > .ui-button,
body .ui-splitbutton.danger-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-danger,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
  background-color: #dc3545;
  border-color: #dc3545;
}
body .danger-btn.ui-button:enabled:hover,
body .danger-btn > .ui-button:enabled:hover,
body .ui-splitbutton.danger-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-danger:enabled:hover,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
  background-color: #c82333;
  border-color: #bd2130;
}
body .danger-btn.ui-button:enabled:focus,
body .danger-btn > .ui-button:enabled:focus,
body .ui-splitbutton.danger-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-danger:enabled:focus,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
body .danger-btn.ui-button:enabled:active,
body .danger-btn > .ui-button:enabled:active,
body .ui-splitbutton.danger-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-danger:enabled:active,
body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
  background-color: #bd2130;
  border-color: #b21f2d;
}
body .light-btn.ui-button,
body .light-btn > .ui-button,
body .ui-splitbutton.light-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-light,
body .ui-buttonset.ui-button-light > .ui-button.ui-state-default {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
body .light-btn.ui-button:enabled:hover,
body .light-btn > .ui-button:enabled:hover,
body .ui-splitbutton.light-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-light:enabled:hover,
body .ui-buttonset.ui-button-light > .ui-button.ui-state-default:enabled:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
body .light-btn.ui-button:enabled:focus,
body .light-btn > .ui-button:enabled:focus,
body .ui-splitbutton.light-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-light:enabled:focus,
body .ui-buttonset.ui-button-light > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
body .light-btn.ui-button:enabled:active,
body .light-btn > .ui-button:enabled:active,
body .ui-splitbutton.light-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-light:enabled:active,
body .ui-buttonset.ui-button-light > .ui-button.ui-state-default:enabled:active {
  background-color: #dae0e5;
  border-color: #d3d9df;
}
body .dark-btn.ui-button,
body .dark-btn > .ui-button,
body .ui-splitbutton.dark-btn > .ui-button,
body .ui-button.ui-state-default.ui-button-dark,
body .ui-buttonset.ui-button-dark > .ui-button.ui-state-default {
  background-color: #343a40;
  border-color: #343a40;
}
body .dark-btn.ui-button:enabled:hover,
body .dark-btn > .ui-button:enabled:hover,
body .ui-splitbutton.dark-btn > .ui-button:enabled:hover,
body .ui-button.ui-state-default.ui-button-dark:enabled:hover,
body .ui-buttonset.ui-button-dark > .ui-button.ui-state-default:enabled:hover {
  background-color: #23272b;
  border-color: #1d2124;
}
body .dark-btn.ui-button:enabled:focus,
body .dark-btn > .ui-button:enabled:focus,
body .ui-splitbutton.dark-btn > .ui-button:enabled:focus,
body .ui-button.ui-state-default.ui-button-dark:enabled:focus,
body .ui-buttonset.ui-button-dark > .ui-button.ui-state-default:enabled:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
body .dark-btn.ui-button:enabled:active,
body .dark-btn > .ui-button:enabled:active,
body .ui-splitbutton.dark-btn > .ui-button:enabled:active,
body .ui-button.ui-state-default.ui-button-dark:enabled:active,
body .ui-buttonset.ui-button-dark > .ui-button.ui-state-default:enabled:active {
  background-color: #1d2124;
  border-color: #171a1d;
}
body .ui-fluid .ui-button-icon-only {
  width: 2.143em;
}
body .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: auto;
  height: auto;
}
body .ui-chkbox .ui-chkbox-box {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
}
body .ui-chkbox .ui-chkbox-box.ui-state-hover {
  border: 1px solid #cccccc;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  color: #1699be;
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-chkbox .ui-chkbox-box.ui-state-active {
  border: 1px solid #1699be;
  background-color: #1699be;
  color: #ffffff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
  color: #ffffff;
}
body .ui-chkbox .ui-chkbox-box.ui-state-disabled {
  background-color: #eeeeee;
  border-color: #cccccc;
  color: #777777;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  display: inline-block;
  margin-top: 1px;
  margin-left: 1px;
}
body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
  font-size: 16px;
}
body .ui-chkbox-label {
  margin: 0 0 0 0.5em;
}
body .ui-chips > ul.ui-inputtext {
  padding: 0.286em 0.857em;
  display: inline-block;
}
body .ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #1699be;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token {
  padding: 0.143em 0.857em 0.143em 0;
  vertical-align: top;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  padding: 0;
  margin: 0;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
  border: 0 none;
}
body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
  border: 0 none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .ui-chips > ul.ui-inputtext .ui-chips-token {
  margin-right: 0.25em;
  font-size: 14px;
}
body .ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: auto;
  height: auto;
}
body .ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  transition: border-color 0.3s, box-shadow 0.3s;
  border-radius: 50%;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border: 1px solid #cccccc;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border: 1px solid #1699be;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #1699be;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-focus .ui-radiobutton-icon.ui-icon-bullet {
  background-color: #1699be;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  position: initial;
  width: 10px;
  height: 10px;
  margin-left: 0;
  background-color: transparent;
  display: inline-block;
  transition: background-color 0.3s;
  border-radius: 50%;
}
body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
  display: none;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-disabled {
  background-color: #eeeeee;
  border-color: #cccccc;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-disabled.ui-state-active .ui-radiobutton-icon {
  background-color: #777777;
}
body .ui-radiobutton-label {
  margin: 0 0 0 0.5em;
}
body .ui-inputswitch {
  height: 2em;
  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}
body .ui-inputswitch .ui-inputswitch-slider {
  background-color: #ffffff;
  color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  transition: background-color 0.3s;
}
body .ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #a8acb1;
  border: 1px solid transparent;
  height: 1.7em;
  width: 1.429em;
  left: 0;
  bottom: 0;
  border-radius: 0;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  transition: 0.3s;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  transform: translateX(1.28em);
}
body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  background-color: #ffffff;
}
body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  background-color: #1699be;
  border-radius: 0;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
}
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
  background-color: #ffffff;
}
body .ui-autocomplete .ui-autocomplete-dropdown {
  width: 2em;
  padding: 0.06em;
  border-left: 0 none;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
}
body .ui-autocomplete .ui-autocomplete-dropdown:enabled:focus {
  outline: 0 none;
}
body .ui-autocomplete .ui-autocomplete-dropdown.ui-button-icon-only .ui-button-text {
  padding: 0.385em;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
  padding: 0.286em 0.857em;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  padding: 0.143em 0.857em 0.143em 0;
  vertical-align: top;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  padding: 0;
  margin: 0;
}
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  margin-right: 0.25em;
  font-size: 14px;
}
body .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd.ui-autocomplete-multiple-container {
  border-right: 0 none;
}
body .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd.ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-right: 0 none;
}
body .ui-autocomplete-panel {
  border: 1px solid #cccccc;
}
body .ui-autocomplete-panel .ui-autocomplete-items {
  padding: 5px 0;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
  margin: 0;
  padding: 8px 20px;
  border-radius: 0;
}
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  padding: 8px 20px;
  background-color: #e5e5e5;
  color: #292B2C;
}
body .ui-fluid .ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  border-right: 0 none;
  width: calc(100% - 2em);
}
body .ui-fluid .ui-autocomplete-dd .ui-inputtext {
  border-right: 0 none;
  width: calc(100% - 2em);
}
body .ui-dropdown {
  transition: box-shadow 0.3s, border-color 0.3s;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  min-width: 10em;
}
body .ui-dropdown .ui-dropdown-label:focus,
body .ui-dropdown .ui-dropdown-label:hover {
  border: 0 none;
}
body .ui-dropdown input.ui-dropdown-label:focus.ui-inputtext,
body .ui-dropdown input.ui-dropdown-label:hover.ui-inputtext {
  border: 0 none;
}
body .ui-dropdown .ui-dropdown-clear-icon {
  right: 2.7em !important;
}
body .ui-dropdown .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
}
body .ui-dropdown .ui-dropdown-trigger .pi-caret-down {
  color: #292B2C;
  line-height: inherit;
  margin-top: -1em;
}
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body .ui-dropdown:not(.ui-state-disabled).ui-state-focus .ui-dropdown-trigger .pi-caret-down {
  color: #1699be;
}
body .ui-dropdown.ui-state-disabled > * {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-dropdown-panel {
  border: 1px solid #cccccc;
}
body .ui-dropdown-panel .ui-dropdown-filter-container {
  padding: 10px 15px;
}
body .ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
}
body .ui-dropdown-panel .ui-dropdown-filter-container .pi {
  top: 12px;
  right: 15px;
}
body .ui-dropdown-panel .ui-dropdown-items {
  padding: 0.357em 0;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  margin: 0;
  padding: 8px 20px;
  border-radius: 0;
  line-height: 1;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item > td {
  padding: 8px 20px;
}
body .ui-multiselect {
  background: #ffffff;
  border: 1px solid #cccccc;
  transition: border-color 0.3s, box-shadow 0.3s;
}
body .ui-multiselect .ui-multiselect-label {
  color: #292B2C;
  padding: 6px 12px;
  padding-right: 2.3em;
}
body .ui-multiselect .ui-multiselect-trigger {
  width: 2em;
  line-height: 2em;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}
body .ui-multiselect .ui-multiselect-trigger .pi {
  color: #777777;
}
body .ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  border: 1px solid #1699be;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
body .ui-multiselect:not(.ui-state-disabled).ui-state-focus .ui-multiselect-trigger .pi {
  color: #1699be;
}
body .ui-multiselect.ui-state-disabled > * {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-multiselect-panel {
  padding: 0;
  min-width: 12em;
  border: grey;
  border: 1px solid #cccccc;
}
body .ui-multiselect-panel .ui-multiselect-header {
  padding: 8px 20px;
  border: 0 none;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0 none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
  float: none;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
  padding: 0.2em;
  width: 100%;
  box-sizing: border-box;
  text-indent: 1.5em;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .pi {
  color: #777777;
  top: 0.3em;
  left: 0.2em;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
  margin-right: 8px;
  float: none;
  vertical-align: middle;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #ffffff;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #999999;
  font-size: 18px;
  margin: 0;
  margin-top: -0.1em;
  padding: 0;
  transition: color 0.3s;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  padding: 0;
  color: #bd9090;
}
body .ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:focus {
  outline: 0 none;
  color: #bd9090;
}
body .ui-multiselect-panel .ui-multiselect-items-wrapper {
  padding: 0;
}
body .ui-multiselect-panel .ui-multiselect-items {
  padding: 0.357em 0;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  padding: 8px 20px;
  border-radius: 0;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
  position: static;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #ffffff;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item > span {
  padding: 0;
  margin: 0 0 0 0.615em;
  display: inline-block;
  vertical-align: middle;
}
body .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-radius: 0;
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-listbox {
  padding: 0;
  min-width: 12em;
}
body .ui-listbox .ui-corner-all {
  border-radius: 0;
}
body .ui-listbox .ui-chkbox {
  margin-right: 0.2em;
}
body .ui-listbox .ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #ffffff;
}
body .ui-listbox .ui-listbox-header {
  padding: 10px 15px;
  margin: 0;
  background: #f5f5f5;
  border-bottom: 1px solid #cccccc;
  border-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
body .ui-listbox .ui-listbox-header .ui-chkbox {
  margin-left: 0.358em;
}
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container {
  width: calc(100% - 3em);
}
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .pi {
  color: #777777;
  top: 0.5em;
}
body .ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
  width: 100%;
  padding: 6px 12px;
  text-indent: 1em;
}
body .ui-listbox .ui-listbox-list {
  padding: 0.357em 0;
}
body .ui-listbox .ui-listbox-item {
  margin: 0;
  padding: 8px 20px;
  border-radius: 0;
}
body .ui-listbox .ui-listbox-item.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-listbox .ui-listbox-item > td {
  padding: 8px 20px;
}
body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-listbox.ui-state-disabled .ui-chkbox-box {
  background-color: #eeeeee;
  border-color: #cccccc;
  color: #777777;
}
body .ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #cccccc;
}
body .ui-editor-container .ui-editor-toolbar {
  background-color: #f5f5f5;
}
body .ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #444444;
}
body .ui-rating a {
  color: #1699be;
  text-align: center;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
body .ui-rating a:focus {
  outline: 0 none;
}
body .ui-rating a .pi {
  font-size: 20px;
  height: 20px;
  width: 20px;
}
body .ui-rating a .pi.pi-ban {
  color: #f790c8;
}
body .ui-rating a .pi.pi-ban:hover {
  color: #f9a8d4;
}
body .ui-rating.ui-state-disabled {
  background: transparent;
}
body .ui-rating.ui-state-disabled a {
  color: #eeeeee;
}
body .ui-rating.ui-state-disabled a .pi.pi-ban {
  color: #eeeeee;
}
body .ui-spinner input {
  padding-right: 1.8em;
}
body .ui-spinner .ui-spinner-button.ui-button {
  z-index: auto;
  background-color: transparent;
  color: #999999;
}
body .ui-spinner .ui-spinner-button.ui-button:not(.ui-state-disabled):hover {
  color: #bd9090;
}
body .ui-spinner .ui-spinner-button.ui-button:not(.ui-state-disabled):focus {
  color: #bd9090;
}
body .ui-spinner .ui-spinner-button.ui-button:not(.ui-state-disabled):active {
  color: #bd9090;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
  top: 1px;
  right: 1px;
}
body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
  bottom: 1px;
  right: 1px;
}
body .ui-slider {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
body .ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.25em;
}
body .ui-slider.ui-slider-vertical .ui-slider-handle {
  left: -0.25em;
}
body .ui-slider .ui-slider-handle {
  background-color: #1699be;
  transition: background-color 0.3s;
  border-radius: 50%;
}
body .ui-slider .ui-slider-range {
  background-color: #38c1e8;
}
body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: #1387a7;
  transition: box-shadow 0.3s;
  border: 1px solid #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  border: 0 none;
}
body .ui-slider.ui-state-disabled .ui-slider-handle {
  background-color: #eeeeee;
}
body .ui-slider.ui-state-disabled .ui-slider-range {
  background-color: #d8d8d8;
}
body .ui-togglebutton {
  background-color: #ffffff;
  color: #292B2C;
  border: 1px solid #cccccc;
  transition: border-color 0.3s;
}
body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-togglebutton.ui-state-active {
  background-color: #1699be;
  color: #ffffff;
  border-color: #1387a7;
}
body .ui-togglebutton.ui-state-active.ui-state-focus {
  background-color: #1387a7;
}
body .ui-togglebutton.ui-state-disabled {
  background-color: #ffffff;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
body .ui-togglebutton.ui-state-disabled.ui-state-active {
  background-color: #1699be;
}
body .ui-selectbutton .ui-button {
  background-color: #ffffff;
  color: #292B2C;
  border: 1px solid #cccccc;
  border-right-width: 0;
  border-radius: 0px;
  transition: border-color 0.3s;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #e6e6e6;
  border-color: #adadad;
}
body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover + .ui-button:not(.ui-state-disabled):not(.ui-state-active), body .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus + .ui-button:not(.ui-state-disabled):not(.ui-state-active) {
  border-left-color: #adadad;
}
body .ui-selectbutton .ui-button.ui-state-active {
  background-color: #1699be;
  color: #ffffff;
  border-color: #1387a7;
}
body .ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
  background-color: #1387a7;
}
body .ui-selectbutton .ui-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body .ui-selectbutton .ui-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 1px;
}
@media (max-width: 640px) {
  body .ui-buttonset .ui-button {
    margin-bottom: 1px;
    border-radius: 4px;
  }
}
body .ui-splitbutton.ui-buttonset {
  border-radius: 4px;
}
body .ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid transparent;
}
body .ui-splitbutton.ui-buttonset .ui-menu {
  width: 100%;
  min-width: 12.5em;
}
body .ui-datepicker {
  padding: 0;
  width: 18.571em;
}
body .ui-datepicker:not(.ui-datepicker-inline) {
  border: 1px solid #cccccc;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
  color: #bd9090;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
  outline: 0 none;
  color: #bd9090;
}
body .ui-datepicker:not(.ui-state-disabled) table td:not(.ui-state-disabled) a:not(.ui-state-active):not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
}
body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
  background-color: #f7f7f9;
}
body .ui-datepicker .ui-datepicker-header {
  padding: 10px 15px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  cursor: pointer;
  top: 1.2em;
  color: #999999;
  transition: color 0.3s;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  top: 1.2em;
  color: #999999;
  transition: color 0.3s;
}
body .ui-datepicker table {
  font-size: 14px;
}
body .ui-datepicker table td {
  padding: 2px;
}
body .ui-datepicker table td > a, body .ui-datepicker table td > span {
  min-width: 2em;
  min-height: 2em;
  text-align: center;
  color: #292B2C;
  padding: 0.35em;
  border-radius: 4px;
}
body .ui-datepicker table td > a {
  cursor: pointer;
}
body .ui-datepicker table td > a:hover {
  background-color: #f7f7f9;
}
body .ui-datepicker table td > a.ui-state-active {
  color: #ffffff;
  background-color: #1699be;
}
body .ui-datepicker table td > a.ui-state-highlight {
  color: #292B2C;
  background-color: #e5e5e5;
}
body .ui-datepicker table td.ui-datepicker-today a {
  background-color: #e5e5e5;
  color: #292B2C;
}
body .ui-datepicker table td.ui-datepicker-today a.ui-state-active {
  color: #ffffff;
  background-color: #1699be;
}
body .ui-datepicker .ui-timepicker {
  border: 0 none;
  border-top: 1px solid #dddddd;
}
body .ui-datepicker .ui-timepicker a {
  color: #999999;
}
body .ui-datepicker .ui-timepicker a:hover {
  color: #bd9090;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month {
  color: #292B2C;
}
body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
  color: #ffffff;
  background-color: #1699be;
}
body .ui-datepicker.ui-datepicker-multiple-month {
  width: auto;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
  border-right: 1px solid #e5e5e5;
  padding-top: 0;
  padding-bottom: 0;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group .ui-datepicker-calendar-container tbody {
  padding-right: 0.25em;
  padding-left: 0.25em;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
  padding-left: 0;
}
body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}
body .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}
body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error), body .ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-right: 0 none;
}
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
  width: 2em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button.ui-state-disabled {
  border-color: #cccccc;
}
body .ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button.ui-state-disabled .pi {
  color: #777777;
}
body .ui-inplace .ui-inplace-display {
  padding: 6px 12px;
  border-radius: 4px;
}
body .ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-fileupload .ui-fileupload-buttonbar {
  padding: 10px 15px;
  border-bottom: 0 none;
}
body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
  margin-right: 8px;
}
body .ui-fileupload .ui-progressbar {
  top: 0;
}
body .ui-fileupload-choose:not(.ui-state-disabled):hover,
body .ui-fileupload-choose.ui-state-focus {
  background-color: #1387a7;
}
body .ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #117490;
}
body .ui-password-panel {
  border: 1px solid #cccccc;
}
body .ui-inputgroup .ui-inputgroup-addon {
  border-color: #cccccc;
  background-color: #ffffff;
  padding: 6px 12px;
}
body .ui-inputgroup .ui-inputgroup-addon:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body .ui-inputgroup .ui-inputgroup-addon:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox, body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
  padding: 0.286em 0.857em;
}
body .ui-inputgroup .ui-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body .ui-inputgroup .ui-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .ui-calendar .ui-datepicker {
  min-width: auto;
}
body .ui-datepicker {
  width: auto;
}
body ::-webkit-input-placeholder {
  color: #777777;
}
body :-moz-placeholder {
  color: #777777;
}
body ::-moz-placeholder {
  color: #777777;
}
body :-ms-input-placeholder {
  color: #777777;
}
body .ui-inputtext.ng-dirty.ng-invalid,
body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
body p-chips.ng-dirty.ng-invalid > .ui-inputtext,
body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
body p-listbox.ng-dirty.ng-invalid .ui-inputtext,
body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
body p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
body p-selectbutton.ng-dirty.ng-invalid .ui-button,
body p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border-color: #b94a48;
}

body .ui-panel {
  padding: 0;
  border: 0 none;
}
body .ui-panel .ui-panel-titlebar {
  border: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 10px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
body .ui-panel .ui-panel-titlebar .ui-panel-title {
  line-height: 1.5em;
  margin: 0;
  font-size: 1.143em;
}
body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin: 0;
  font-size: 17px;
  color: #999999;
  border: 1px solid transparent;
  transition: color 0.3s;
}
body .ui-panel .ui-panel-content {
  border: 1px solid #DCE1E7;
  border-top: 0 none;
  line-height: 1.43;
  padding: 15px;
}
body .ui-panel .ui-panel-footer {
  padding: 10px 15px;
  border: 1px solid #dddddd;
  border-top: 0 none;
  margin: 0;
}
body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
  padding-left: 40px;
}
body .ui-fieldset {
  padding: 0 0 0.5em 0;
}
body .ui-fieldset .ui-fieldset-legend {
  color: #292B2C;
  background-color: #f5f5f5;
  margin-left: 0.714em;
  border: 1px solid #dddddd;
}
body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.286em;
  height: 14px;
  margin-top: 0;
  padding: 0;
  color: #292B2C;
}
body .ui-fieldset .ui-fieldset-legend .ui-fieldset-legend-text {
  color: #292B2C;
}
body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover, body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:focus {
  background-color: #dcdcdc;
  border-color: #c4c4c4;
}
body .ui-fieldset .ui-fieldset-content {
  padding: 15px;
}
body .ui-notificationbar {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header {
  background-color: #f5f5f5;
  padding: 0;
  color: #292B2C;
  font-size: 14px;
  border: 1px solid #dddddd;
  margin-bottom: 0;
  font-weight: bold;
  margin-top: 0.357em;
}
body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled) > a:hover {
  border-color: #c4c4c4;
  background-color: #dcdcdc;
}
body .ui-accordion .ui-accordion-header.ui-state-active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-accordion .ui-accordion-header > a {
  padding: 10px 15px;
  font-size: 16px;
  color: #292B2C;
  outline: 0 none;
}
body .ui-accordion .ui-accordion-header > a:focus {
  border-color: #c4c4c4;
  background-color: #dcdcdc;
}
body .ui-accordion .ui-accordion-header > a .ui-accordion-header-text {
  vertical-align: middle;
}
body .ui-accordion .ui-accordion-header > a .ui-accordion-toggle-icon {
  color: #292B2C;
  vertical-align: middle;
}
body .ui-accordion .ui-accordion-header > a .ui-accordion-toggle-icon.pi-caret-right {
  font-size: 16px;
}
body .ui-accordion .ui-accordion-header > a .ui-accordion-toggle-icon.pi-caret-down {
  font-size: 16px;
}
body .ui-accordion .ui-accordion-content {
  padding: 15px;
}
body .ui-tabview {
  padding: 0;
}
body .ui-tabview.ui-tabview-top, body .ui-tabview.ui-tabview-bottom, body .ui-tabview.ui-tabview-left, body .ui-tabview.ui-tabview-right {
  border: 0 none;
  background: transparent;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav, body .ui-tabview.ui-tabview-left .ui-tabview-nav, body .ui-tabview.ui-tabview-right .ui-tabview-nav {
  padding: 0;
  border: 0 none;
  background: #ffffff;
  border-radius: 0;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  position: static;
  border-radius: 0;
  margin: 0;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid transparent;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  padding: 10px 15px;
  color: #1699be;
  font-weight: normal;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
  margin-right: 0.25em;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon, body .ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
  margin-left: 0.25em;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close, body .ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
  margin-top: 0.65em;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #f5f5f5;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times, body .ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times, body .ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .pi-times {
  color: #bd9090;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active, body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  border: 1px solid #dddddd;
  background-color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li {
  margin-right: 2px;
  border-bottom: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active {
  border-bottom-color: #ffffff;
}
body .ui-tabview.ui-tabview-top .ui-tabview-panels {
  border-top: 1px solid #dddddd;
  margin-top: -1px;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav, body .ui-tabview.ui-tabs-right .ui-tabview-nav {
  width: 25%;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabs-right .ui-tabview-nav li {
  width: 100%;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav li {
  margin-bottom: 2px;
  border-right: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active {
  border-right-color: #ffffff;
}
body .ui-tabview.ui-tabview-left .ui-tabview-panels {
  position: relative;
  left: -1px;
  border-left: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
  margin-bottom: 2px;
  border-left: 1px solid #dddddd;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body .ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  border-left-color: #ffffff;
}
body .ui-tabview.ui-tabview-right .ui-tabview-panels {
  position: relative;
  right: -1px;
  border-right: 1px solid #dddddd;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
  margin-right: 2px;
  border-top-color: transparent;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active {
  border-top-color: #ffffff;
}
body .ui-tabview.ui-tabview-bottom .ui-tabview-panels {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1px;
}
body .ui-tabview .ui-tabs-panel {
  padding: 15px;
}
body .ui-toolbar {
  background-color: #f5f5f5;
  border-color: #dddddd;
  padding: 10px 15px;
}
body .ui-toolbar .ui-toolbar-seperator {
  vertical-align: middle;
  margin: 0 0.5em;
}

@media (max-width: 640px) {
  body .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border: 0 none;
  }
}
body .ui-paginator {
  background-color: #ffffff;
  border-color: #dddddd;
}
body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last {
  padding: 0.125em 0.375em;
  color: #1699be;
  min-width: 34px;
  min-height: 34px;
  border: 1px solid #dddddd;
  margin: 0;
  vertical-align: top;
  border-radius: 0;
  border-left: 0 none;
  border-right: 0 none;
}
body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover, body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #f5f5f5;
}
body .ui-paginator .ui-paginator-first.ui-state-disabled, body .ui-paginator .ui-paginator-prev.ui-state-disabled, body .ui-paginator .ui-paginator-next.ui-state-disabled, body .ui-paginator .ui-paginator-last.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #eeeeee;
}
body .ui-paginator .ui-paginator-first:before, body .ui-paginator .ui-paginator-prev:before, body .ui-paginator .ui-paginator-next:before, body .ui-paginator .ui-paginator-last:before {
  position: relative;
}
body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):focus, body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):focus, body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):focus, body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):focus {
  background-color: #f5f5f5;
  outline: 0 none;
}
body .ui-paginator .ui-paginator-first {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-right: -4px;
}
body .ui-paginator .ui-paginator-first:before {
  line-height: 2em;
}
body .ui-paginator .ui-paginator-prev {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  margin-right: -4px;
}
body .ui-paginator .ui-paginator-prev:before {
  line-height: 2em;
}
body .ui-paginator .ui-paginator-next {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  margin-left: -4px;
}
body .ui-paginator .ui-paginator-next:before {
  line-height: 2em;
}
body .ui-paginator .ui-paginator-last {
  background-color: #ffffff;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-left: -4px;
}
body .ui-paginator .ui-paginator-last:before {
  line-height: 2em;
}
body .ui-paginator .ui-paginator-pages {
  padding: 0;
  vertical-align: middle;
  display: inline-block;
  margin: 0;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page {
  width: auto;
  padding: 6px 12px;
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  border-right: 0 none;
  color: #1699be;
  min-width: 34px;
  min-height: 34px;
  border-radius: 0;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #1699be;
  color: #ffffff;
  border-color: #1699be;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active:focus {
  background-color: #1699be;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover, body .ui-paginator .ui-paginator-pages .ui-paginator-page:focus {
  background-color: #f5f5f5;
  outline: 0 none;
}
body .ui-table .ui-paginator {
  padding: 10px 15px;
}
body .ui-table .ui-table-caption,
body .ui-table .ui-table-summary {
  padding: 10px 15px;
  text-align: center;
  font-weight: bold;
}
body .ui-table .ui-table-caption {
  border-bottom: 0 none;
}
body .ui-table .ui-table-summary {
  border-top: 0 none;
}
body .ui-table .ui-table-thead > tr > th,
body .ui-table .ui-table-tbody > tr > td,
body .ui-table .ui-table-tfoot > tr > td {
  padding: 8px;
}
body .ui-table .ui-table-thead > tr > th,
body .ui-table .ui-table-tfoot > tr > td {
  color: #292B2C;
  border: 1px solid #dddddd;
}
body .ui-table p-sortIcon {
  vertical-align: baseline;
}
body .ui-table .ui-sortable-column {
  color: #292B2C;
}
body .ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #777777;
}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
  border-top-color: #1699be;
}
body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
body .ui-table .ui-sortable-column .ui-sortable-column-icon {
  vertical-align: middle;
}
body .ui-table .ui-table-tbody > tr {
  background: #ffffff;
}
body .ui-table .ui-table-tbody > tr > td {
  background: inherit;
  border: 1px solid #dddddd;
}
body .ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
  background-color: #4fc8eb;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color: #f9f9f9;
}
body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
  background-color: #4fc8eb;
  color: #ffffff;
}
body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-datatable .ui-datatable-header, body .ui-datatable .ui-datatable-footer {
  padding: 10px 15px;
}
body .ui-datatable .ui-datatable-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body .ui-datatable .ui-datatable-footer {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .ui-datatable .ui-paginator {
  padding: 10px 15px;
}
body .ui-datatable .ui-datatable-thead > tr > th {
  background: #ffffff;
  padding: 8px;
  border-color: #dddddd;
  outline: 0 none;
}
body .ui-datatable .ui-datatable-thead > tr > th.ui-selection-column {
  padding: 0.286em 0.857em;
}
body .ui-datatable .ui-datatable-thead > tr > th.ui-sortable-column:not(.ui-state-active):hover {
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-thead > tr > th.ui-state-active {
  background-color: #1699be;
  color: #ffffff;
  border-color: #1387a7;
}
body .ui-datatable .ui-datatable-thead > tr > th .ui-column-title {
  font-weight: 700;
}
body .ui-datatable .ui-datatable-thead > tr > th .ui-sortable-column-icon {
  margin: -2px 0 0 4px;
  vertical-align: middle;
}
body .ui-datatable .ui-datatable-tfoot > tr > td {
  font-weight: 700;
  background-color: #ffffff;
  border-color: #dddddd;
  padding: 8px;
}
body .ui-datatable .ui-datatable-data tr {
  background-color: #ffffff;
  border-color: #dddddd;
}
body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header {
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header .pi {
  color: #999999;
}
body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header .pi:hover {
  color: #bd9090;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header td {
  border-color: #dddddd;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-even {
  background-color: #f9f9f9;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
  border-color: #1387a7;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-odd {
  background-color: #ffffff;
}
body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
  border-color: #1387a7;
}
body .ui-datatable .ui-datatable-data tr.ui-state-highlight {
  border-color: #1387a7;
}
body .ui-datatable .ui-datatable-data tr td {
  padding: 8px;
}
body .ui-datatable .ui-datatable-data tr td.ui-selection-column {
  padding: 0.286em 0.857em;
}
body .ui-datatable .ui-datatable-data tr td .ui-row-toggler {
  color: #777777;
  transition: color 0.3s;
}
body .ui-datatable .ui-datatable-data tr td .ui-row-toggler:hover {
  color: #292B2C;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header {
  border: 1px solid #dddddd;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header a {
  color: #999999;
  transition: color 0.3s;
}
body .ui-datatable .ui-datatable-data tr.ui-widget-header a:hover {
  color: #bd9090;
}
body .ui-datatable .ui-datatable-data.ui-datatable-hoverable-rows > tr.ui-widget-content:not(.ui-state-highlight):hover {
  cursor: pointer;
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-scrollable-header,
body .ui-datatable .ui-datatable-scrollable-footer {
  background-color: #f5f5f5;
}
body .ui-datatable .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box td,
body .ui-datatable .ui-datatable-scrollable-footer .ui-datatable-scrollable-header-box td {
  color: #292B2C;
}
body .ui-dataview .ui-dataview-content {
  border-bottom: none;
}
body .ui-dataview .ui-paginator {
  padding: 10px 15px;
}
body .ui-datagrid .ui-datagrid-header {
  padding: 10px 15px;
}
body .ui-datagrid .ui-paginator {
  padding: 10px 15px;
}
body .ui-datalist .ui-datalist-header {
  padding: 10px 15px;
}
body .ui-datalist .ui-paginator {
  padding: 10px 15px;
}
body .ui-datascroller .ui-datascroller-header,
body .ui-datascroller .ui-datascroller-footer {
  padding: 10px 15px;
}
body .ui-virtualscroller .ui-virtualscroller-list li {
  border-bottom: 1px solid #dddddd;
}
body .ui-picklist .ui-picklist-buttons {
  padding: 15px;
}
body .ui-picklist .ui-picklist-buttons button {
  font-size: 16px;
}
body .ui-picklist .ui-picklist-caption {
  padding: 10px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body .ui-picklist .ui-picklist-filter-container .pi {
  color: #777777;
  margin-top: -0.5em;
  margin-left: 0.286em;
}
body .ui-picklist .ui-picklist-list {
  padding: 0.357em 0;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 8px 20px;
  margin: 0;
  border-radius: 0;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #1699be;
}
body .ui-orderlist .ui-orderlist-controls {
  margin-right: 0px;
}
body .ui-orderlist .ui-orderlist-controls button {
  font-size: 16px;
}
body .ui-orderlist .ui-orderlist-caption {
  padding: 10px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body .ui-orderlist .ui-orderlist-filter-container .pi {
  margin-top: -0.5em;
  margin-left: 0.286em;
  color: #777777;
}
body .ui-orderlist .ui-orderlist-list {
  padding: 0.357em 0;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 8px 20px;
  margin: 0;
  border-radius: 0;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background-color: #1699be;
}
body .ui-orderlist.ui-grid-responsive .ui-grid-row .ui-orderlist-controls {
  margin-right: 0;
  padding-right: 10px;
}
body .ui-carousel .ui-carousel-content .ui-carousel-prev,
body .ui-carousel .ui-carousel-content .ui-carousel-next {
  background-color: #6c757d;
  border: none;
  border-radius: 4px;
  margin: 0.2em;
  height: 2.5em;
  width: 2.5em;
  padding: 0;
  color: #ffffff;
  transition: color 0.3s;
}
body .ui-carousel .ui-carousel-content .ui-carousel-prev span,
body .ui-carousel .ui-carousel-content .ui-carousel-next span {
  color: #ffffff;
  font-size: 14px;
  vertical-align: middle;
}
body .ui-carousel .ui-carousel-content .ui-carousel-prev:not(.ui-state-disabled):hover,
body .ui-carousel .ui-carousel-content .ui-carousel-next:not(.ui-state-disabled):hover {
  background-color: #5a6268;
  border-color: #545b62;
}
body .ui-carousel .ui-carousel-content .ui-carousel-prev:not(.ui-state-disabled):focus,
body .ui-carousel .ui-carousel-content .ui-carousel-next:not(.ui-state-disabled):focus {
  outline: 0 none;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item > .ui-button {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon {
  width: 20px;
  height: 6px;
  background-color: #b2c1cd;
  margin: 0 0.2em;
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item .ui-carousel-dot-icon::before {
  content: " ";
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight {
  background-color: #ffffff;
}
body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon {
  background-color: #1699be;
}
body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-organizationchart .ui-organizationchart-line-down {
  background-color: #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-node-content {
  border-color: #c4c4c4;
}
body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  color: #1699be;
  bottom: -0.7em;
  margin-left: -0.46em;
}
body .ui-treetable .ui-paginator {
  padding: 10px 15px;
}
body .ui-treetable .ui-treetable-caption,
body .ui-treetable .ui-treetable-summary {
  padding: 10px 15px;
  text-align: center;
  font-weight: bold;
}
body .ui-treetable .ui-treetable-caption {
  border-bottom: 0 none;
}
body .ui-treetable .ui-treetable-summary {
  border-top: 0 none;
}
body .ui-treetable .ui-treetable-thead > tr > th,
body .ui-treetable .ui-treetable-tbody > tr > td,
body .ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 8px;
}
body .ui-treetable .ui-treetable-thead > tr > th,
body .ui-treetable .ui-treetable-tfoot > tr > td {
  color: #292B2C;
  border: 1px solid #dddddd;
}
body .ui-treetable .ui-treetable-thead tr .ui-inputtext {
  width: 100%;
}
body .ui-treetable .ui-treetable-scrollable-header {
  border: none;
}
body .ui-treetable .ui-treetable-loading-content .pi-spin {
  animation: 2s linear infinite fa-spin;
  color: #ffffff;
}
body .ui-treetable p-treeTableToggler {
  vertical-align: middle;
}
body .ui-treetable .ui-sortable-column {
  color: #292B2C;
}
body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #777777;
}
body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
  border-top-color: #1699be;
}
body .ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
body .ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  vertical-align: middle;
}
body .ui-treetable .ui-treetable-tbody > tr {
  background: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr > td {
  background: inherit;
  border: 1px solid #dddddd;
}
body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
  color: #777777;
}
body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler .pi.pi-chevron-down {
  vertical-align: middle;
}
body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
  vertical-align: middle;
  margin-right: 0.4em;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
  background: inherit;
  border: #e5e5e5;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
  color: #ffffff;
}
body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight.ui-contextmenu-selected {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tree {
  padding: 0.25em 0.5em;
}
body .ui-tree .ui-treenode {
  padding: 0.15em 0;
}
body .ui-tree .ui-treenode .ui-treenode-content {
  padding: 0 0 0.25em 0;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-tree-toggler {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  font-size: 14px -1;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 0 0.25em;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #1699be;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 0.25em;
}
body .ui-tree .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
  margin: 0;
  font-size: inherit;
}
body .ui-tree .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tree .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}
body .ui-tree .ui-treenode .ui-treenode-content.ui-treenode-dragover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tree.ui-tree-horizontal {
  padding: 0.85em 0;
}
body .ui-tree.ui-tree-horizontal .ui-treenode {
  background: url("/assets/layout/images/tth-connector.png") repeat-x scroll center center transparent;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  padding: 15px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #1699be;
  color: #ffffff;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}
body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
  background: url("/assets/layout/images/tth-connector.png") repeat-y scroll 0 0 transparent;
}
body .fc .fc-button {
  background-color: #1699be;
  color: #ffffff;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 2.25em;
  padding: 0 1em;
  border: 0 none;
}
body .fc .fc-button:enabled:not(:focus):not(.fc-button-active):hover {
  background-color: #1387a7;
}
body .fc .fc-button:enabled:not(.fc-button-active):focus {
  outline: 0 none;
  background-color: #1387a7;
}
body .fc .fc-button.fc-button-active {
  background-color: #117490;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
body .fc .fc-button.fc-button-active:focus {
  box-shadow: none;
}
body .fc .fc-head .fc-row {
  background-color: #f5f5f5;
  color: #292B2C;
}
body .fc td.fc-today {
  background-color: #1699be;
  color: #ffffff;
}
body .fc .fc-toolbar .ui-state-active {
  background-color: #1699be;
  color: #ffffff;
}
body .fc .fc-event {
  background-color: #1387a7;
  color: #ffffff;
}
body .fc table {
  box-sizing: border-box;
}
body .fc div.ui-widget-content {
  padding-left: 0px;
  padding-right: 0px;
}

body .ui-messages {
  font-size: 14px;
}
body .ui-messages .ui-messages-icon .ui-messages-icon {
  font-size: 2em;
}
body .ui-messages.ui-messages-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
  padding: 12px 20px;
}
body .ui-messages.ui-messages-info .ui-messages-icon {
  color: #5bb1dc;
}
body .ui-messages.ui-messages-info .ui-messages-close .pi {
  color: #31708f;
}
body .ui-messages.ui-messages-warn {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
  padding: 12px 20px;
}
body .ui-messages.ui-messages-warn .ui-messages-icon {
  color: #edd559;
}
body .ui-messages.ui-messages-warn .ui-messages-close .pi {
  color: #8a6d3b;
}
body .ui-messages.ui-messages-error {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
  padding: 12px 20px;
}
body .ui-messages.ui-messages-error .ui-messages-icon {
  color: #c77070;
}
body .ui-messages.ui-messages-error .ui-messages-close .pi {
  color: #a94442;
}
body .ui-messages.ui-messages-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  padding: 12px 20px;
}
body .ui-messages.ui-messages-success .ui-messages-icon {
  color: #a3d48e;
}
body .ui-messages.ui-messages-success .ui-messages-close .pi {
  color: #3c763d;
}
body .ui-messages .ui-messages-close {
  opacity: 0.2;
  filter: alpha(opacity=20);
  font-size: 1.5em;
}
body .ui-messages .ui-messages-close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .ui-message.ui-message-info {
  background-color: #d9edf7;
  border-color: #d9edf7;
  color: #31708f;
}
body .ui-message.ui-message-warn {
  background-color: #fcf8e3;
  border-color: #fcf8e3;
  color: #8a6d3b;
}
body .ui-message.ui-message-error {
  background-color: #f2dede;
  border-color: #f2dede;
  color: #a94442;
}
body .ui-message.ui-message-success {
  background-color: #dff0d8;
  border-color: #dff0d8;
  color: #3c763d;
}
body .ui-message .ui-message-close {
  text-decoration: none;
  color: #fff;
  right: 0.25em;
}
body .ui-growl {
  top: 85px;
}
body .ui-growl .ui-growl-item-container {
  opacity: 0.95;
  filter: alpha(opacity=95);
  border: 1px solid;
}
body .ui-growl .ui-growl-item-container .ui-growl-message {
  margin-left: 4em;
}
body .ui-growl .ui-growl-item-container .ui-growl-image {
  font-size: 2.769em;
}
body .ui-growl .ui-growl-item-container .ui-growl-icon-close {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
body .ui-growl .ui-growl-item-container .ui-growl-icon-close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
body .ui-growl .ui-growl-item-container.ui-growl-message-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
  color: #5bb1dc;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-warn {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
  color: #edd559;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-error {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
  color: #c77070;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
body .ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
  color: #a3d48e;
}
body .ui-toast .ui-toast-message.ui-toast-message-info {
  background-color: #d9edf7;
  border: 0 none;
  color: #31708f;
}
body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
  color: #31708f;
}
body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-icon {
  color: #5bb1dc;
}
body .ui-toast .ui-toast-message.ui-toast-message-success {
  background-color: #dff0d8;
  border: 0 none;
  color: #3c763d;
}
body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
  color: #3c763d;
}
body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-icon {
  color: #84c66a;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn {
  background-color: #fcf8e3;
  border: 0 none;
  color: #8a6d3b;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
  color: #8a6d3b;
}
body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-icon {
  color: #edd559;
}
body .ui-toast .ui-toast-message.ui-toast-message-error {
  background-color: #f2dede;
  border: 0 none;
  color: #a94442;
}
body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
  color: #a94442;
}
body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-icon {
  color: #c77070;
}

body .ui-overlaypanel {
  border: 1px solid #cccccc;
}
body .ui-overlaypanel .ui-overlaypanel-close {
  background-color: #1699be;
  color: #ffffff;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1.5em;
  right: -0.75em;
  top: -0.75em;
  transition: background-color 0.3s;
}
body .ui-overlaypanel .ui-overlaypanel-close:hover {
  background-color: #1387a7;
}
body .ui-overlaypanel .ui-overlaypanel-close span {
  font-size: 17px;
  display: inline-block;
  font-size: inherit;
  margin-top: -1px;
  line-height: inherit;
}
body .ui-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
body .ui-overlaypanel:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
}
body .ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}
body .ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-top-color: #cccccc;
}
body .ui-dialog {
  border: 1px solid #cccccc;
}
body .ui-dialog .ui-dialog-titlebar {
  padding: 1em;
  border-bottom: 1px solid #dddddd;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
  vertical-align: middle;
  font-size: 18px;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: #999999;
  border: 0 none;
  transition: color 0.3s;
  padding: 0;
  margin-left: 0.35em;
  font-size: 16px;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  color: #aa7070;
}
body .ui-dialog .ui-dialog-content {
  padding: 15px;
}
body .ui-dialog .ui-dialog-footer {
  padding: 10px 15px;
  text-align: right;
  border-width: 1px 0 0 0;
}
body .ui-dialog .ui-dialog-footer button {
  margin: 0 0.35em 0 0;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
  padding: 1.5em;
}
body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin: 0;
}
body .ui-tooltip.ui-state-error {
  border: 0 none;
}
body .ui-tooltip .ui-tooltip .ui-tooltip-text {
  background-color: grey;
  color: grey;
}
body .ui-tooltip .ui-tooltip.ui-state-error {
  border: 0 none;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: grey;
}
body .ui-tooltip .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: grey;
}
body .ui-lightbox .ui-lightbox-caption {
  padding: 10px 15px;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #292B2C;
  margin: 0;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  color: #999999;
  transition: color 0.3s;
}
body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  color: #bd9090;
}
body .ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
  transition: all 0.3s;
  font-size: 24px;
  margin-left: 4px;
  color: #ffffff;
  opacity: 1;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover {
  color: #1699be;
  transform: scale(1.2);
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span {
  display: none;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  transition: all 0.3s;
  font-size: 24px;
  margin-right: 4px;
  color: #ffffff;
  opacity: 1;
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  color: #1699be;
  transform: scale(1.2);
}
body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span {
  display: none;
}
body .ui-lightbox.ui-lightbox-loading .ui-lightbox-content-wrapper > .ui-lightbox-nav-left, body .ui-lightbox.ui-lightbox-loading .ui-lightbox-content-wrapper > .ui-lightbox-nav-right {
  display: none;
}

body .ui-menu-separator.ui-widget-content {
  border-width: 1px 0 0 0;
  border-color: #e5e5e5;
}
body .ui-breadcrumb {
  background-color: #f5f5f5;
  border: 0 none;
  padding: 0.75em 1em;
}
body .ui-breadcrumb ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
body .ui-breadcrumb ul li .ui-menuitem-link {
  margin: 0;
  position: relative;
  top: -1px;
  color: #1699be;
  font-weight: normal;
}
body .ui-breadcrumb ul li.ui-breadcrumb-chevron {
  font-size: 18px;
  margin: -2px 6px 0 6px;
  color: #777777;
}
body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before {
  content: "/";
}
body .ui-breadcrumb ul li:first-child {
  font-size: 16px;
}
body .ui-breadcrumb ul li:first-child.pi-home {
  color: #1699be;
  margin: 0;
  font-size: 15px;
}
body .ui-breadcrumb ul li:first-child.pi-home span {
  display: none;
}
body .ui-breadcrumb ul li:last-child .ui-menuitem-link {
  color: #777777;
}
body .ui-steps {
  position: relative;
}
body .ui-steps .ui-steps-item {
  background-color: transparent;
  text-align: center;
}
body .ui-steps .ui-steps-item .ui-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  display: inline-block;
  background-color: #1699be;
  border-radius: 50%;
  padding: 0.6em 0 0 0;
  font-size: 1em;
  color: #ffffff;
  position: relative;
  top: 1em;
  margin-bottom: 1em;
  width: 2.5em;
  height: 2.5em;
  border: 1px solid #38c1e8;
}
body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  display: block;
  margin-top: 0.45em;
  color: #777777;
}
body .ui-steps .ui-steps-item.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
body .ui-steps .ui-steps-item.ui-state-disabled .ui-steps-number {
  background-color: #eeeeee;
  border-color: #dddddd;
  color: #292B2C;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background-color: #1699be;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  font-weight: 700;
  color: #292B2C;
}
body .ui-steps .ui-steps-item:last-child .ui-menuitem-link {
  display: block;
}
body .ui-steps:before {
  content: " ";
  border: 1px solid #dddddd;
  width: 100%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}
body .ui-menu .ui-menuitem-link,
body .ui-menubar .ui-menuitem-link,
body .ui-tieredmenu .ui-menuitem-link,
body .ui-contextmenu .ui-menuitem-link,
body .ui-megamenu .ui-menuitem-link,
body .ui-slidemenu .ui-menuitem-link {
  padding: 8px 20px;
  color: #292B2C;
  border-radius: 0;
}
body .ui-menu .ui-menuitem-link:hover,
body .ui-menubar .ui-menuitem-link:hover,
body .ui-tieredmenu .ui-menuitem-link:hover,
body .ui-contextmenu .ui-menuitem-link:hover,
body .ui-megamenu .ui-menuitem-link:hover,
body .ui-slidemenu .ui-menuitem-link:hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-menu .ui-menuitem-link:focus,
body .ui-menubar .ui-menuitem-link:focus,
body .ui-tieredmenu .ui-menuitem-link:focus,
body .ui-contextmenu .ui-menuitem-link:focus,
body .ui-megamenu .ui-menuitem-link:focus,
body .ui-slidemenu .ui-menuitem-link:focus {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-menu .ui-menuitem-link .ui-menuitem-text,
body .ui-menubar .ui-menuitem-link .ui-menuitem-text,
body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text,
body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text,
body .ui-megamenu .ui-menuitem-link .ui-menuitem-text,
body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text {
  vertical-align: middle;
}
body .ui-menu .ui-menuitem-link .ui-submenu-icon,
body .ui-menubar .ui-menuitem-link .ui-submenu-icon,
body .ui-tieredmenu .ui-menuitem-link .ui-submenu-icon,
body .ui-contextmenu .ui-menuitem-link .ui-submenu-icon,
body .ui-megamenu .ui-menuitem-link .ui-submenu-icon,
body .ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
  right: 1.429em;
}
body .ui-menubar .ui-submenu-list, body .ui-contextmenu .ui-submenu-list,
body .ui-slidemenu .ui-submenu-list, body .ui-tieredmenu .ui-submenu-list {
  padding: 0;
}
body .ui-menubar .ui-submenu-list.ui-shadow, body .ui-menubar .ui-submenu-list .ui-shadow, body .ui-contextmenu .ui-submenu-list.ui-shadow, body .ui-contextmenu .ui-submenu-list .ui-shadow,
body .ui-slidemenu .ui-submenu-list.ui-shadow,
body .ui-slidemenu .ui-submenu-list .ui-shadow, body .ui-tieredmenu .ui-submenu-list.ui-shadow, body .ui-tieredmenu .ui-submenu-list .ui-shadow {
  border: 1px solid #cccccc;
}
body .ui-menubar .ui-submenu-list .ui-menuitem, body .ui-contextmenu .ui-submenu-list .ui-menuitem,
body .ui-slidemenu .ui-submenu-list .ui-menuitem, body .ui-tieredmenu .ui-submenu-list .ui-menuitem {
  margin: 0;
}
body .ui-menu {
  min-width: 12.5em;
  padding: 0.357em 0;
}
body .ui-menu .ui-menuitem {
  margin: 0;
}
body .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-menu.ui-shadow, body .ui-menu .ui-shadow {
  border: 1px solid #cccccc;
}
body .ui-menu .ui-submenu-header {
  border: 0 none;
  margin: 0;
  padding: 8px 20px;
  border-radius: 0;
  background-color: #e5e5e5;
}
body .ui-menubar {
  padding: 0.357em 0;
  background-color: #f5f5f5;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 15px;
  line-height: 15px;
  color: #777777;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link:hover {
  color: #292B2C;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem:first-child .ui-menuitem-link {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
body .ui-menubar .ui-menubar-root-list > .ui-menuitem:last-child .ui-menuitem-link {
  border-radius: 0;
}
body .ui-menubar .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-menubar .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  vertical-align: middle;
  right: 1.429em;
}
body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-contextmenu {
  padding: 0.357em 0;
}
body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-tieredmenu {
  padding: 0.357em 0;
}
body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-slidemenu {
  padding: 0.357em 0;
}
body .ui-slidemenu .ui-menuitem {
  margin: 0;
}
body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-slidemenu .ui-slidemenu-backward {
  padding: 10px 15px;
  width: 100%;
  color: #292B2C;
  background-color: #e5e5e5;
  box-sizing: border-box;
  border-radius: 0;
  border: 0 none;
}
body .ui-slidemenu .ui-slidemenu-backward span:last-child {
  vertical-align: text-bottom;
}
body .ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #cccccc;
}
body .ui-megamenu {
  padding: 0.357em 0;
  background-color: #f5f5f5;
}
body .ui-megamenu .ui-megamenu-submenu-header {
  border-radius: 0;
  padding: 0.5em;
  border: 0 none;
  background-color: #e5e5e5;
}
body .ui-megamenu .ui-submenu-list {
  padding: 0;
  border: 0 none;
}
body .ui-megamenu .ui-submenu-list .ui-menuitem {
  margin: 0;
}
body .ui-megamenu .ui-megamenu-submenu .ui-menuitem .ui-menuitem-link {
  padding: 8px 20px;
}
body .ui-megamenu .ui-menuitem {
  margin: 0;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link {
  padding: 15px;
  line-height: 15px;
  color: #777777;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link:hover {
  color: #292B2C;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
  vertical-align: middle;
}
body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  vertical-align: middle;
}
body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link .ui-submenu-icon {
  right: 1.429em;
}
body .ui-tabmenu {
  padding: 0;
  background: #f5f5f5;
  border: 1px solid #dddddd;
}
body .ui-tabmenu .ui-tabmenu-nav {
  padding: 0;
  border: 0 none;
  border-radius: 0;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  position: static;
  border-radius: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid transparent;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  padding: 15px;
  color: #777777;
  font-weight: normal;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon, body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #999999;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link {
  color: #292B2C;
}
body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #e5e5e5;
}
body .ui-panelmenu .ui-panelmenu-header {
  background-color: #ffffff;
  padding: 0;
  border: 1px solid #dddddd;
  font-size: 14px;
  color: #292B2C;
  margin-top: 0.357em;
  border-radius: 4px;
}
body .ui-panelmenu .ui-panelmenu-header a {
  padding: 10px 15px;
  color: #292B2C;
  font-weight: bold;
}
body .ui-panelmenu .ui-panelmenu-header a .ui-menuitem-text {
  line-height: 16px;
}
body .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover {
  background-color: #dcdcdc;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
  border-bottom-color: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body .ui-panelmenu .ui-panelmenu-panel {
  margin-top: 2px;
}
body .ui-panelmenu .ui-panelmenu-panel:first-child {
  margin-top: 0;
}
body .ui-panelmenu .ui-panelmenu-content {
  padding: 0.2em 0;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
  padding: 8px 20px;
  color: #292B2C;
  transition: background-color;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover {
  background-color: #f7f7f9;
  color: #1d1e1f;
}
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text {
  display: inline-block;
  vertical-align: middle;
}

body .ui-progressbar {
  border: 0 none;
  border-radius: 4px;
  background-color: #e3e3e3;
}
body .ui-progressbar .ui-progressbar-value {
  border: 0 none;
  background: #22bae5;
  margin: 0;
  border-radius: 4px;
}
body .ui-progressbar .ui-progressbar-label {
  margin-top: -1px;
}
body .ui-galleria .ui-galleria-nav-prev {
  font-size: 18px;
  margin-bottom: -5px;
  margin-left: -5px;
  color: #777777;
}
body .ui-galleria .ui-galleria-nav-prev:hover {
  color: #292B2C;
}
body .ui-galleria .ui-galleria-nav-next {
  font-size: 18px;
  margin-bottom: -5px;
  margin-right: -5px;
  color: #777777;
}
body .ui-galleria .ui-galleria-nav-next:hover {
  color: #292B2C;
}
body .ui-terminal input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
}

/* Add your customizations of the theme here */
body.blue-mode .layout-wrapper .topbar-items > li > a{color: #fff !important;}
body.dark-mode .layout-wrapper .topbar-items > li > a{color: #9D9DA6;}
body.dark-mode .layout-wrapper .topbar-items > li > a:hover{color: #fff;}
body.dark-mode .headerWrapper{background: #1e1e2d;}
body.sidebar-dark .layout-wrapper .layout-menu-container{background-color: #1e1e2d;    background-image: none;     border-right: 1px solid #1d2d40!important;}
body.sidebar-dark .menu-search input{background:inherit;border: 1px solid #393945;}
body.sidebar-dark .layout-wrapper .layout-menu li a{color: #9D9DA6;}
body.sidebar-dark .layout-wrapper .layout-menu li a:hover{ background-color: inherit; color: #fff;}
body.sidebar-dark .layout-wrapper .layout-menu li.active-menuitem > a{background-color: #2A2A3C;}
body.sidebar-dark .ripplelink:hover .svg-icon {
  filter: invert(70%) sepia(63%) saturate(2232%) hue-rotate(206deg) brightness(215%) contrast(105%);
}
body.blue-mode .layout-wrapper .topbar .topbar-right{   border-bottom: none;}
body.sidebar-dark .layout-wrapper .layout-menu.fadeInDown li a:hover{    color: #9D9DA6;}

body.theme-dark{ background:#141c26 ;}
body.theme-dark .card{ background: #141c26; border: 1px solid #1d2d40!important;}
body.theme-dark .p-tabview .p-tabview-nav{ background: none;}
body.theme-dark .p-datatable .p-datatable-header,body.theme-dark .p-datatable .p-datatable-thead > tr > th,body.theme-dark .p-tabview .p-tabview-panels,
body.theme-dark .p-card,body.theme-dark .p-fieldset,body.theme-dark .p-paginator{background: #141c26; border: 1px solid #1d2d40!important;}
body.theme-dark .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background: #141c26; border-color: #3B82F6;}
body.theme-dark .p-tabview .p-tabview-nav li .p-tabview-nav-link{background: #141c26;}
body.theme-dark .p-datatable .p-datatable-tbody > tr.p-highlight{background: #141c26;}
body.theme-dark .p-datatable .p-datatable-thead > tr > th{color: #9D9DA6;}
body.theme-dark .p-datatable .p-datatable-tbody > tr{ background: none; color:#9D9DA6 ;}
body.theme-dark .p-datatable .p-datatable-tbody > tr > td{ border-color: #1d2d40; }
body.theme-dark,body.theme-dark .p-fieldset,body.theme-dark .p-card{color: #9D9DA6 !important;}
body.theme-dark .card-header,body.theme-dark .p-tabview .p-tabview-nav,body.theme-dark .p-tabview .p-tabview-nav li .p-tabview-nav-link
{border-color: #1d2d40;}
body.theme-dark .p-inputtext,body.theme-dark .p-dropdown,body.theme-dark .ui-inputtext{color: #fff; background: none; border-color:#1d2d40;}
body.theme-dark .border-bottom{border-color: #1d2d40 !important;}
body.theme-dark .layout-wrapper.menu-layout-static .layout-footer{background: #1e1e2d; border-color: #1d2d40;}
body.theme-dark .p-dialog .p-dialog-content,body.theme-dark  .p-dialog .p-dialog-footer,body.theme-dark  .p-dialog .p-dialog-header
{background: #1e1e2d; color: #9D9DA6;}
body.theme-dark .ui-inputtext:disabled{background: #1e1e2d !important;}
body.theme-dark .p-datatable .p-datatable-footer{border-color: #1d2d40; background: none;}
body.theme-dark .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow: none;}
body.theme-dark .image-view{ background: none;}
body.theme-dark .p-tabview .p-tabview-panels{ color: inherit;}
body.theme-dark .p-dropdown-panel{background: #1e1e2d !important;color:#9D9DA6 ;}
body.theme-dark .p-dropdown-panel .p-dropdown-items .p-dropdown-item{color: inherit;}
body.theme-dark .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover{ background:#1e1e2d; color: #fff;}
body.theme-dark .p-fieldset .p-fieldset-legend{ color: #9D9DA6;border-color: #1d2d40; padding: 0.5rem; background: none;}
body.theme-dark .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background: none;}
body.theme-dark .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{ background:#2A2A3C; color: #fff;}
body.theme-dark .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#2A2A3C;}
body.theme-dark .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a{ color: inherit;}
body.theme-dark .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover{background:#2A2A3C;border-color: #1d2d40;color: #fff;}
body.theme-dark .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus{ box-shadow: none;}
body.theme-dark .expiry{ background: none; border-color: #1d2d40;}
body.theme-dark .crm-count label,body.theme-dark .crm-count h3,body.theme-dark .p-datatable .p-datatable-header{color: #9D9DA6 !important;}
body.theme-dark .p-multiselect{ background: none; border-color: #1d2d40;}
body.theme-dark .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot{background:#141c26 !important}
body.theme-dark .p-datatable .p-datatable-tfoot > tr > td{background: none; border-color: #1d2d40; color: #9D9DA6;}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles/bootstrap-utilities-used.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
/* Generated by helper-scripts/generate-bootstrap-utilities-subset.js. */
/* Regenerate after adding new Bootstrap utility classes. */
/*!
 * Bootstrap Utilities v5.0.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.align-middle{vertical-align:middle!important}.float-left{float:left!important}.float-right{float:right!important}.overflow-hidden{overflow:hidden!important}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.border{border:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-self-end{align-self:flex-end!important}.m-0{margin:0!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.font-weight-bold{font-weight:700!important}.text-uppercase{text-transform:uppercase!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#28a745!important}.text-info{color:#17a2b8!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-dark{color:#343a40!important}.text-white{color:#fff!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#28a745!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#343a40!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.font-italic{font-style:italic!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-pill{border-radius:50rem!important}.visible{visibility:visible!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.pt-md-3{padding-top:1rem!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.mr-lg-5{margin-right:3rem!important}.ml-lg-2{margin-left:.5rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4{padding-top:1.5rem!important}.pb-lg-3{padding-bottom:1rem!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width:1400px){.d-xxl-none{display:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}


/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */


.authenticating-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    background: #fff;
    opacity: 0.8;
    animation: pulsate 0.4s infinite alternate linear;
}
.dots::after {
    content: "";
    animation: dotsAnimation 1.5s infinite;
  }
@keyframes dotsAnimation {
    0% { content: "."; }
    33% { content: ".."; }
    66% { content: "..."; }
}

.clickMe {
    cursor: pointer !important;
}

.clickMe a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border-radius: 4px;
}

.clickMe a:focus-visible {
    outline: 2px solid #0b5ed7;
    outline-offset: 2px;
    background: rgba(11, 94, 215, 0.12);
}



/* --------------------- loader section start -------------------- */
.loader-wrapper {
    width: 400px;
    /* margin: 300px auto; */
    position: fixed;
    left: 40%;
    top: 43%;
    text-align: center;
}
.loader-container {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}
.loader-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    animation: logofadeAndMoveLeft 2s ease-in-out forwards;
}

.loader-container p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #444;
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    opacity: 0;
    transform: translateX(100%);
    animation: textfadeAndMoveRight 2s ease-in-out forwards;
    animation-delay: 0.5s;
    margin: 0;
    text-align: center;
}
@keyframes logofadeAndMoveLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(-30%);
    }
}

@keyframes textfadeAndMoveRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.progress-bar {
    width: 100%;
    height: 7px;
    background: #C4B4D0;
    border-radius: 11px;
    overflow: hidden;
    position: relative;
    animation: changeBackground 4s linear infinite;
}

.progress-bar .progress {
    height: 3.2px;
    border-radius: 50px;
    background: #7B2E80;
    position: absolute;
    animation:
        bounce 2s ease-in-out infinite,
        changeDotColor 4s linear infinite;
}

@keyframes bounce {
    0%, 100% {
        left: 0;
        right: 95%;
        width: 12%;
    }
    50% {
        left: 90%;
        right: 0;
        width: 12%;
    }
}

@keyframes changeBackground {
    0%, 100% {
        background: #C4B4D0; 
    }
    50% {
        background: #7B2E80;
    }
}

@keyframes changeDotColor {
    0%, 100% {
        background: #7B2E80; 
    }
    50% {
        background: #FFFFFF;
    }
}
/* --------------------- loader section end ---------------------- */




/* #installer {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  text-align: center;
  transition: opacity 300ms ease-in-out;
}

#installer.available {
  opacity: 1;
}

#installer .button {
  border: white 1px solid;
  margin:10px;
  padding: 10px;
  color: white;
  background-color: transparent;
} */

.ui-p-1,
.ui-p-2,
.ui-p-3,
.ui-p-4,
.ui-p-5,
.ui-p-6,
.ui-p-8,
.ui-p-7 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.card-header {
    padding: 10px 15px;
    border-bottom: solid 1px #f1f1f1;
}

.card-body {
    padding: 15px;
}

.hidePanel {
    display: none;
}

.sup-floting-btn {
    display: block;
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(232, 62, 140, 0.25);
    text-align: center;
    color: #771340;
    top: 226px;
    right: 0;
    overflow: hidden;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: background-color 0.2s, box-shadow 0.2s;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
        0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    z-index: 9;
}

/* .supplier-view-card
{
    position: absolute;
    top: 0;
    transform: translateX(500px);
    transition: 0.8s;

}

.clicked-supplier-view-card {
    transform: translateX(0);
    transition: 0.8s;
} */

.form-group label {
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 600;
}

.form-group p {
    margin: 0;
}

body .ui-fieldset .ui-fieldset-legend {
    color: #034592;
    background-color: #dcecff;
    margin-left: 0.714em;
    border: 1px solid #ddecfe;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-legend-text {
    color: #034592;
    font-weight: 600;
}

body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover,
body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:focus {
    background-color: #c8e2ff;
    border-color: #9fcafb;
    outline-color: #9fcafb !important;
}

body .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:focus {
    outline-color: #9fcafb !important;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    color: #034592;
}

/*scroll-bar-style*/

/* :-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
  background: transparent;


  }
  ::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 10px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.5);
  }

  ::-webkit-scrollbar-button {
    width: 32px;
    height: 32px;
  }
   */

/*scroll-bar-style-end*/

/*scroll-bar-style*/

::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-button {
    width: 32px;
    height: 32px;
}

::-webkit-scrollbar-button:decrement {
    background: transparent;
}

::-webkit-scrollbar-button:increment {
    background: transparent;
}

/*scroll-bar-style-end*/

body .ui-fluid .ui-button-icon-only {
    width: 2.143em;
    height: 2.143em;
}

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

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

.header-sticky {
    position: sticky;
    top: 60px;
    background: #fff;
    z-index: 10;
}

.card-header .primary-btn {
    width: auto;
}

.btn-round {
    border-radius: 25px !important;
}

.p-l-5 {
    padding-left: 10px !important;
}

.mydialog .ui-dialog-content {
    min-height: 300px !important;
}
/* style required depends on theme world star*/
.ui-state-highlight {
    background-color: #1699be !important;
}
.swap-logo-no-world-star {
    display: none;
}
/*end style required depends on theme world star*/

/* style required depends on theme other*/
/* .ui-state-highlight {
    background-color: #f19cc3 !important;
}
.hide-logo-no-worldstar {
    display: none !important;
}
.swap-logo-world-star,
.login-company-logo {
    display: none !important;
} */

/* style required depends on theme other*/

.small-dialog .ui-dialog-content {
    min-height: 150px !important;
}

.warn-text {
    color: rgb(207, 96, 31);
}

.status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.status-pill .pi {
    font-size: 0.78rem;
}

.status-pill--success {
    background: #e8f7ee;
    color: #1f7a43;
}

.status-pill--warning {
    background: #fff4e6;
    color: #ad6800;
}

.status-pill--muted {
    background: #f1f3f5;
    color: #495057;
}

/* body .ui-inputtext {
    background: transparent;
} */

.ui-dropdown .ui-dropdown-label {
    margin-bottom: 0;
}

.required-asterisk {
    color: red;
    font-weight: bold;
    margin-left: 3px;
    font-size: 1em;
}

.ui-inputtext:disabled {
    background-color: #eeeeee !important;
}

@media print {
    #invoice-content {
        height: 100%;
    }
    .print-min-width {
        min-width: 700px !important;
    }
    .invoice-wrapper-hr {
        margin: 0px 0px !important;
    }
    .liwa-logo-bg {
        background-color: #cccccc !important;
        /* -webkit-print-color-adjust: exact; */
    }
    .print-hide-button {
        display: none;
    }
}

.print-min-width {
    min-width: auto;
}

.invoice-price {
    text-align: center;
    margin-right: 4em;
}

.case-upper {
    text-transform: uppercase;
}

.m-r-10 {
    margin-right: 10px;
}

.field-set-validation {
    border: none;
    background-color: transparent;
    padding: 0px;
}

.field-set-validation .ui-widget:disabled {
    background-color: transparent;
}

.m-0 {
    margin: 0px;
}

:focus {
    outline: none;
}

.trainingDialogue .ui-dialog-content {
    min-height: 400px !important;
}

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

/* .parent-li a:hover { background-color: white !important;} */

.parent-anchor:hover {
    background-color: white !important;
}

.child-anchor:hover {
    background-color: #f4f4f4 !important;
}

.p-t-0 {
    padding-top: 0px;
}

body
    .ui-carousel
    .ui-carousel-dots-container
    .ui-carousel-dot-item.ui-state-highlight {
    background: transparent !important;
}

.liwa-logo-bg {
    background-color: #cccccc;
}

.input-desabled {
    background-color: #eeeeee !important;
}

.ui-dropdown .ui-dropdown-label {
    background: #fff !important;
}

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

.menu-search input {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
    font-size: 0.9rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s,
        box-shadow 0.2s;
    -webkit-appearance: none;
            appearance: none;
    border-radius: 3px;
    padding-left: 2em !important;
    padding: 3%;
}
.p-input-icon-left.menu-search .pi-search {
    top: .7rem !important;
    
}

.menu-search {
    position: relative;
    display: block;
    padding: 10px;
    padding-top: 0;
}

.menu-search .pi-search {
    position: absolute;
    left: 16px;
    top: 10px;
    color: #6c757d;
    font-size: 16px;
}

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

.company-logo {
    width: 135px;
    padding-left: 15px;
    float: right;
}

@media (max-width: 359px) {
    .company-logo {
        width: 105px !important;
    }
}

@media (max-width: 576px) {
    .layout-wrapper .topbar .topbar-left {
        width: 165px;
    }
    .layout-wrapper .topbar .topbar-right #menu-button {
        left: 150px;
    }
    .company-logo {
        width: 130px;
        padding-left: 25px;
        float: none;
        margin-right: 0px !important;
    }
}

@media (max-width: 1024px) {
    .company-logo {
        margin-right: 50px;
    }
}
/* logo loader design start */
.sk-three-strings {
    display: none !important;
}

.ngx-foreground-spinner {
    /* background-image: url("./assets/layout/client/company-loading.gif"); */
    /* background-image: url("./assets/layout/client/company-loading.gif"); */
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100px !important;
    height: 100px !important;
}

.ngx-overlay {
    background-color: #ffffff94 !important;
}
/* logo loader design end */

/* Global API loading overlay */
.global-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}

.global-loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #e0e0e0;
  border-top: 4px solid #3b82f6;
  border-radius: 50%;
  animation: global-spin 0.7s linear infinite;
}

@keyframes global-spin {
  to { transform: rotate(360deg); }
}
/* Global API loading overlay end */

.modal-min-height {
    min-height: 700px !important;
}

.tree-node .pi-chevron-down {
    display: none !important;
}

.unselect-row > .ui-state-highlight {
    pointer-events: none !important;
}

.selected-tree-node {
    background-color: #96eaf3 !important;
    color: #ffffff;
}
.autocomplete .ui-autocomplete-items li {
    color: #000;
}
.autocomplete .ui-autocomplete-items li:hover {
    color: #fff;
}
::-webkit-scrollbar {
    height: 8px !important;
}
.seperation-border {
    margin-top: 5px;
    border-bottom: solid 1px #ccc;
    padding-top: 5px;
}

.disabled-date {
    color: #ffffff !important;
    background-color: #fb2f2f !important;
}

.holiday-date {
    background-color: #fbff00 !important;
}

.demobilized-date {
    background-color: #00fff3 !important;
}

.weekend-date {
    background-color: #e5e5e5 !important;
}
.absent-data {
    color: #ffffff !important;
    background-color: #fb2f2f !important;
}

.indicate-box {
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border: 1px solid black;
    clear: both;
    border-radius: 20%;
}

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

.raw-box {
    position: absolute;
    bottom: 0;
    right: 0;
    float: right;
    height: 10px;
    width: 10px;
    clear: both;
}

.raw-timesheet {
    background-color: #0d6efd !important;
}

.official-timesheet {
    background-color: #28a745 !important;
}

.missing-timesheet {
    background-color: #6c757d !important;
}
.discrepancy-timesheet {
    background-color: #343a40 !important;
}
/* .topbar-calender {
    width: 1.8em !important;
} */
/*
.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:first-child,
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:first-child,
.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(2),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(2) {
    width: 50px !important;
}

.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(3),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(3),
.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(4),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(5),
.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(5),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(4) {
    width: 100px !important;
}

.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(6),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(6) {
    width: 125px !important;
}

.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(7),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(7),
.timesheetTable
    .ui-table-frozen-view
    .p-datatable-scrollable-table
    thead
    th:nth-child(8),
.timesheetTable
    .ui-table-frozen-view
    .ui-table-scrollable-body
    tbody
    td:nth-child(8) {
    width: 90px !important;
} */

.timesheetTable .ui-state-highlight {
    background-color: #ffa5a5 !important;
}
/*
.timesheetTable .ui-table-frozen-view .p-datatable-scrollable-table thead th,
.timesheetTable .ui-table-frozen-view .ui-table-scrollable-body tbody td {
    width: 125px !important;
} */

.timesheetTable .ui-table-unfrozen-view .p-datatable-scrollable-table thead th,
.timesheetTable .ui-table-unfrozen-view .p-datatable-scrollable-table tbody td {
    width: 55px !important;
}

.invoiceTable .p-datatable-scrollable-table thead th,
.invoiceTable .p-datatable-scrollable-table tbody td {
    width: 100px !important;
    font-size: 11px;
}

.invoiceReportTable .p-datatable-scrollable-table thead th,
.invoiceReportTable .p-datatable-scrollable-table tbody td {
    width: 100px !important;
    font-size: 11px;
}

.invoiceReportTable .ui-table-scrollable-footer tfoot td {
    width: 100px;
    font-size: 11px;
}

.custom-footer td:first-child {
    width: 700px;
    text-align: right;
}

.custom-footer td:not(:first-child) {
    width: 100px;
}

/* .invoiceTable .p-datatable-scrollable-table {
    overflow-x: scroll;
} */

.custom-frozen-footer td:first-child {
    width: 715px;
    text-align: right;
}

.custom-frozen-footer td:nth-child(2) {
    width: 80px;
}

.custom-scroll-footer td {
    width: 100%;
    height: 30px;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    width: 1.8em !important;
}
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    width: 1.8em !important;
}
.top-bar-calender {
    position: relative;
}

.custom-toggle > .ui-togglebutton.ui-state-active,
.custom-toggle > .ui-togglebutton.ui-state-active.ui-state-focus {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.custom-toggle > .ui-button-icon-left::after {
    content: "\e909";
}

.fullwidth-date .ng-pristine {
    width: 100% !important;
}

.disabled-form {
    pointer-events: none !important;
}

.table-center-text {
    text-align: center;
}

.fullwidth-fileupload .box-container,
.fullwidth-fileupload .box {
    width: 100% !important;
}

.outlineButton button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
}

.rateInputGroup input {
    border-bottom-left-radius: 0;
    height: 35px;
    border-top-left-radius: 0;
}
.table-height .ui-table-scrollable-body {
    min-height: 500px !important;
}
.supplier-table-height .ui-table-scrollable-body {
    min-height: 350px !important;
}

.total-count {
    padding: 10px;
    border-radius: 5px;
    background: #cde0fd;
    color: #1a50a2;
}

@media (max-width: 1024px) {
    .timesheet-cardbody {
        overflow-x: auto;
    }
    .timesheet-cardbody .ui-table-unfrozen-view {
        width: auto !important;
    }
}
.email-text .ui-button-text {
    padding-left: 40px !important;
}

.emp-mob-ptable .ui-table-scrollable-body {
    min-height: 250px !important;
}

.mob-date-issue {
    background: #0522efb5 !important;
    color: #ffffff !important;
}
.eq-card-outer {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0.5em;
}
.eq-card-list {
    display: flex;
    flex-wrap: wrap;
}
.over-flow-hidden {
    overflow: hidden;
}
.d-s-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.d-s-table th,
.d-s-table td {
    text-align: left;
    padding: 10px;
}
.d-s-table table thead th {
    background: #f2f2f2;
}
.d-s-table table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}
/* .d-s-table table tbody tr{
      cursor: pointer;
  } */
.back-link {
    font-size: 14px;
    color: #1235bd;
    cursor: pointer;
}
.overlow-unset-popup .ui-dialog-content {
    overflow: unset !important;
}

.erp-dash-table .ui-table .ui-table-thead > tr > th,
.erp-dash-table .ui-table .ui-table-tfoot > tr > td {
    border: 0;
}
.erp-dash-table .d-s-table table {
    border: 0;
}
.erp-dash-table .d-s-table table thead th {
    background: #e5defd;
    color: #382a69;
}
.erp-dash-table .ui-table .ui-table-tbody > tr > td {
    border: 0;
}
.erp-dash-table .ui-table-scrollable-footer {
    border: 0;
}

.svg-icon {
    filter: invert(48%) sepia(0%) saturate(1563%) hue-rotate(173deg)
        brightness(95%) contrast(87%);
}
.ripplelink:hover .svg-icon {
    filter: invert(13%) sepia(47%) saturate(2328%) hue-rotate(206deg)
        brightness(95%) contrast(105%);
}
@media print {
    @page {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #invoice-content {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

.customer-evaluation-questionnaire-dialogue .ui-dialog-content {
    min-height: 60vh !important;
}

.reportDiv .ui-multiselect-panel {
    min-width: 50vw !important;
}
.NgxEditor {
    min-height: 240px !important;
}

/* faizal */

.p-datatable .p-datatable-thead > tr > th {
    font-size: 13px;
    padding: 0.5rem;
    text-align: center;
}
.p-datatable .p-datatable-tbody > tr > td {
    font-size: 13px;
    padding: 0.5rem;
}
.p-inputtext {
    width: 100%;
    padding: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 0.5rem;
    font-size: 13px;
}
.p-button {
    padding: 0.5rem;
    font-size: 0.75rem;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    padding: 0.8rem;
}
.p-input-icon-left > i:first-of-type {
    left: 1.2rem;
    top: 1.23rem;
}

body .ui-inputtext,
.p-multiselect {
    width: 100%;
}

.p-datepicker,
.p-autocomplete {
    width: 100%;
}
.p-select{
     width: 100% !important;


}
.p-select .p-select-label.p-placeholder {
    padding: 0.35rem;
}
.p-element .p-inputtext,
.p-multiselect .p-multiselect-label {
    padding: 0.35rem;
    font-size: 13px;
}
.p-datepicker {
    height: 34px;
}
.p-multiselect-label-container {
    width: 100%;
}
.p-dialog {
    max-width: 100%;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
    font-size: 10px !important;
}

/* PrimeNG checkbox alignment baseline */
.field-checkbox,
.p-field-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

p-checkbox,
.p-checkbox {
    vertical-align: middle;
}

p-checkbox + label,
.p-checkbox + label,
.field-checkbox > label,
.p-field-checkbox > label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
    line-height: 1.2;
}

/* afrid */
.checkbox-round {
  position: relative;
}

.checkbox-round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: -13px;
}

.checkbox-round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 10px;
  transform: rotate(-45deg);
  width: 12px;
}

.checkbox-round input[type="checkbox"] {
  visibility: hidden;
}

.checkbox-round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.checkbox-round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

/* faizal */
.p-button.p-button-icon-only.p-button-rounded {
    width: 2rem;
    height: 2rem;
}
.p-button.p-button-icon-only {
    width: 2rem;
    height: 2.1rem;
}
.p-button.p-component {
    font-family: Arial, Helvetica, sans-serif;
}

.p-paginator .p-select .p-select-label {
    /* line-height: 33px; */

}

#LegalDocuments .p-tabview-scrollable {
    width: calc(100% - 280px);
}

/* Abhirag */

label {
    font-size: 14px;
}

.p-component {
    font-size: 13px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 3px;
}
.p-autocomplete
    .p-autocomplete-multiple-container
    .p-autocomplete-input-token
    input {
    font-size: 14px !important;
}
.my-panel {
    z-index: 9999 !important;
    max-width: 400px !important;
    transform-origin: center top !important;
    top: 39px !important;
    left: 1px !important;
    margin-top: calc(var(--p-anchor-gutter)) !important;
}

body.white .layout-wrapper .topbar .topbar-left {
    padding: 15px;
    height: 60px;
    width: 235px;
    float: left;
    background-color: white;
    box-shadow: none;
    background-image: none;
}
body.white .layout-wrapper .topbar .topbar-right {
    background-color: white;
    box-shadow: none;
    background-image: none;
}

body.white .layout-wrapper .topbar-items > li .topbar-icon,
body.white .layout-wrapper .topbar .topbar-right #topbar-menu-button {
    color: #117490;
}
.p-select-panel .p-select-items .p-select-item {
    font-size: 13px;
    white-space: inherit;
}

.p-datatable-scrollable-table > .p-datatable-thead {
    z-index: 3 !important;
    position: static ;
}
.p-datatable-scrollable-table > .p-datatable-tfoot {
    z-index: 3 !important;
}
p-autocomplete.p-autocomplete-clearable
    .p-autocomplete-dd
    .p-autocomplete-clear-icon {
    right: 2.75rem !important;
    font-size: 0.75rem !important;
    top: 55%;
}
.p-select-clear-icon {
    top: 56% !important;
    font-size: 0.75rem !important;
}
.ui-dialog-content.ui-widget-content:has(.ui-confirmdialog-message) {
    overflow: scroll !important;
}

.phoneCodeClass .p-select .p-select-trigger {
    width: 2rem !important;
}

.phoneCodeClass .p-select .p-select-label {
    font-size: 15px;
}
.p-datatable {
    table-layout: auto;
}
.p-datatable-table {
        border-spacing: 2px !important;
    table-layout: fixed;
    border-bottom: 1px solid #dcdcdc !important;
}
.table-lo .p-datatable-table {
    table-layout: auto !important;
}

#tableAddTimeSheet .p-datatable .p-datatable-tbody tr td {
    background: #fff;
}
body.dark-mode #tableAddTimeSheet .p-datatable .p-datatable-tbody tr td {
    background: #141c26;
}
#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:first-child,
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:first-child,
#tableAddTimeSheet .p-datatable-tfoot > tr > td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(2),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(2) {
    position: sticky;
    left: 50px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(3),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(4),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(4) {
    position: sticky;
    left: 190px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(5),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(5) {
    position: sticky;
    left: 270px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(6),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(6) {
    position: sticky;
    left: 360px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(7),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(7) {
    position: sticky;
    left: 510px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(8),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(8) {
    position: sticky;
    left: 610px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(9),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(9) {
    position: sticky;
    left: 690px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(10),
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(10) {
    position: sticky;
    left: 765px;
    z-index: 1;
}

#tableAddTimeSheet .p-datatable .p-datatable-thead > tr > th:nth-child(11) {
    position: sticky;
    left: 890px;
    z-index: 4;
}
#tableAddTimeSheet .p-datatable .p-datatable-tbody > tr > td:nth-child(11),
#tableAddTimeSheet .p-datatable-tfoot > tr > td:nth-child(2) {
    position: sticky;
    left: 890px;
    z-index: 1;
}

#manualTimeSheet tr td {
    background: #fff;
}
#detailedTimeSheet tr td {
    background: #fff;
}
body.dark-mode #manualTimeSheet tr td {
    background: #141c26;
}
#manualTimeSheet .p-datatable-tfoot > tr > td:nth-child(2) {
    position: sticky;
    left: 591px !important;
    z-index: 2 !important;
}

body.theme-dark #tableAddTimeSheet1 tr td {
    background: #141c26 !important;
}
.p-dialog .p-dialog-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.p-dialog-header{
    font-weight: 700;
    font-size: 1.25rem;

}
.p-tabview .p-tabview-panels {
    padding: 1.25rem 0px !important;
}

.p-datepicker:not(.p-datepicker-inline) {
    /* width: 300px;
    min-width: 300px !important; */
    width: 100%;
}
.p-datepicker table td {
    padding: 0px !important;
}
.p-datepicker .p-datepicker-header {
    padding: 0px;
}
.p-datepicker table td > span {
    width: 2rem;
    height: 2rem;
}
.p-datepicker table {
    font-size: 0.8rem;
}
.p-datepicker table th {
    font-weight: 500;
    padding: 0px;
}
#EmployeeStrength .p-button .p-button-label {
    font-size: 0.7rem;
}
.light-line {
    border: none;
    height: 1px;
    background-color: #ccc;
}
.p-datepicker table th {
    font-weight: 500;
    padding: 0px;
}
#subscriptionId .p-password {
    width: 100% !important;
}
.p-card .p-card-title {
    font-size: 1.2rem !important;
}

#transport .p-datatable .p-datatable-tbody tr td {
    background: #fff;
}
body.dark-mode #transport .p-datatable .p-datatable-tbody tr td {
    background: #141c26;
}
#transport .p-datatable .p-datatable-thead > tr > th:first-child,
#transport .p-datatable .p-datatable-tbody > tr > td:first-child,
#transport .p-datatable-tfoot > tr > td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(2),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(2) {
    position: sticky;
    left: 50px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(3),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(3) {
    position: sticky;
    left: 100px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(4),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(4) {
    position: sticky;
    left: 190px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(5),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(5) {
    position: sticky;
    left: 270px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(6),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(6) {
    position: sticky;
    left: 450px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(7),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(7) {
    position: sticky;
    left: 630px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(8),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(8) {
    position: sticky;
    left: 705px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(9),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(9) {
    position: sticky;
    left: 780px;
    z-index: 1;
}

#transport .p-datatable .p-datatable-thead > tr > th:nth-child(10),
#transport .p-datatable .p-datatable-tbody > tr > td:nth-child(10) {
    position: sticky;
    left: 850px;
    z-index: 1;
}

#transport .p-datatable-tfoot > tr > td:nth-child(2) {
    position: sticky;
    left: 985px;
    z-index: 1;
}
.p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 0;
}
.p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 0.5em 0.5rem;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #343a40;
    background: #f8f9fa;
}
.p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 0.5rem 0.5rem;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #343a40;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
}
#chatbot .p-menubar {
    padding: 0.2rem !important;
}

#chatbot .p-button {
    padding: 0.4rem !important;
}

.small-input-switch {
    .p-inputswitch

{
    height: 1.2rem;
    width: 2.4rem;
    &.p-inputswitch-checked

{
    .p-inputswitch-slider::before

{
    transform: translateX(1rem);
}

}

.p-inputswitch-slider::before {
    width: 0.9rem;
    height: 0.9rem;
    margin-top: -0.46rem;
}

}
}

#pDroppableArea .p-input-icon-left > .p-inputtext {
    padding-left: 2.5rem;
}
.cText p{ margin: 0px; padding: 0px;}


/* .maximizable{ height: calc(100vh - 275px); } */
.p-dialog-maximized .p-datatable-wrapper{ max-height:calc(100vh - 205px) !important}

.ui-dialog-buttonpane {
    display: flex;
    gap: 0.5em;
}

.app-card-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-left: auto;
}

.app-action-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.app-form-grid .grid.form-group {
    row-gap: 0.5rem;
}

.app-form-grid .ui-inputtext,
.app-form-grid .p-inputtext,
.app-form-grid .p-inputtextarea,
.app-form-grid .p-autocomplete,
.app-form-grid .p-datepicker,
.app-form-grid .p-select,
.app-form-grid .p-dropdown,
.app-form-grid .p-inputnumber,
.app-form-grid .p-inputnumber-input {
    width: 100%;
}

.app-form-grid p-autocomplete,
.app-form-grid p-datepicker,
.app-form-grid p-select,
.app-form-grid p-dropdown {
    display: block;
    width: 100%;
}

.app-form-grid .p-autocomplete .p-inputtext,
.app-form-grid .p-datepicker .p-inputtext {
    width: 100%;
}

.app-min-field-125 {
    width: 100%;
    min-width: 125px;
}

.app-data-table .p-datatable-thead > tr > th,
.app-data-table .p-datatable-tbody > tr > td {
    vertical-align: middle;
}

.app-data-table .p-datatable-thead .ui-inputtext,
.app-data-table .p-datatable-thead .p-inputtext,
.app-data-table .p-datatable-thead .p-datepicker,
.app-data-table .p-datatable-thead .p-select,
.app-data-table .p-datatable-thead .p-dropdown {
    width: 100%;
}

.app-data-table .p-datatable-thead p-datepicker,
.app-data-table .p-datatable-thead p-select,
.app-data-table .p-datatable-thead p-dropdown {
    display: block;
    width: 100%;
}

.app-table-caption {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.app-table-caption .app-table-search-input {
    width: min(100%, 28rem);
}

.p-textarea {
    width: 100%;
}



/*infinite scroll custom state*/
/* ===== ng-select global fixes ===== */

/* ===== Scoped ng-select fixes (dialog only) ===== */

 body.ng-select-fix-active .ng-dropdown-panel {
  z-index: 3000 !important;
  max-height: 260px !important;
  overflow-y: auto;
}

.p-hidden{
    display: none !important;
}

/* table header scroll */



/* ===== TIMESHEET STICKY HEADER (SCOPED) ===== */

.ts-sticky-grid
  .p-datatable-scrollable-table
  > .p-datatable-thead {
  position: sticky !important;
  top: 0;
  z-index: 50;
  background: #ffffff;
}

/* Filter / second header row */
.ts-sticky-grid
  .p-datatable-thead
  > tr:nth-child(2) {
  position: sticky;
  top: 45px;
  z-index: 49;
  background: #ffffff;
}

/* Frozen column headers */
.ts-sticky-grid
  .p-datatable-thead
  .p-frozen-column {
  z-index: 60 !important;
  background: #ffffff;
}