/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/scss/fonts/tabler-icons.min.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/*!
 * Tabler Icons 1.41.1 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */
@font-face {
  font-family: tabler-icons;
  font-style: normal;
  font-weight: 400;
  src: url('tabler-icons.eot');
  src:
    url('tabler-icons.eot?#iefix') format('embedded-opentype'),
    url('tabler-icons.woff2') format('woff2'),
    url('tabler-icons.woff') format('woff'),
    url('tabler-icons.ttf') format('truetype'),
    url('tabler-icons.svg#tabler-icons') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: tabler-icons;
    src: url('tabler-icons.svg#tabler-icons') format('svg');
  }
}
.ti {
  font-family: tabler-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ti-2fa:before {
  content: '\eca0';
}
.ti-3d-cube-sphere:before {
  content: '\ecd7';
}
.ti-a-b:before {
  content: '\ec36';
}
.ti-access-point:before {
  content: '\ed1b';
}
.ti-access-point-off:before {
  content: '\ed1a';
}
.ti-accessible:before {
  content: '\eba9';
}
.ti-activity:before {
  content: '\ed23';
}
.ti-ad:before {
  content: '\ea02';
}
.ti-ad-2:before {
  content: '\ef1f';
}
.ti-adjustments:before {
  content: '\ea03';
}
.ti-adjustments-alt:before {
  content: '\ec37';
}
.ti-adjustments-horizontal:before {
  content: '\ec38';
}
.ti-aerial-lift:before {
  content: '\edfe';
}
.ti-affiliate:before {
  content: '\edff';
}
.ti-alarm:before {
  content: '\ea04';
}
.ti-alert-circle:before {
  content: '\ea05';
}
.ti-alert-octagon:before {
  content: '\ecc6';
}
.ti-alert-triangle:before {
  content: '\ea06';
}
.ti-alien:before {
  content: '\ebde';
}
.ti-align-center:before {
  content: '\ea07';
}
.ti-align-justified:before {
  content: '\ea08';
}
.ti-align-left:before {
  content: '\ea09';
}
.ti-align-right:before {
  content: '\ea0a';
}
.ti-ambulance:before {
  content: '\ebf5';
}
.ti-anchor:before {
  content: '\eb76';
}
.ti-angle:before {
  content: '\ef20';
}
.ti-antenna-bars-1:before {
  content: '\ecc7';
}
.ti-antenna-bars-2:before {
  content: '\ecc8';
}
.ti-antenna-bars-3:before {
  content: '\ecc9';
}
.ti-antenna-bars-4:before {
  content: '\ecca';
}
.ti-antenna-bars-5:before {
  content: '\eccb';
}
.ti-aperture:before {
  content: '\eb58';
}
.ti-apple:before {
  content: '\ef21';
}
.ti-apps:before {
  content: '\ebb6';
}
.ti-archive:before {
  content: '\ea0b';
}
.ti-arrow-back:before {
  content: '\ea0c';
}
.ti-arrow-back-up:before {
  content: '\eb77';
}
.ti-arrow-bar-down:before {
  content: '\ea0d';
}
.ti-arrow-bar-left:before {
  content: '\ea0e';
}
.ti-arrow-bar-right:before {
  content: '\ea0f';
}
.ti-arrow-bar-to-down:before {
  content: '\ec88';
}
.ti-arrow-bar-to-left:before {
  content: '\ec89';
}
.ti-arrow-bar-to-right:before {
  content: '\ec8a';
}
.ti-arrow-bar-to-up:before {
  content: '\ec8b';
}
.ti-arrow-bar-up:before {
  content: '\ea10';
}
.ti-arrow-big-down:before {
  content: '\edda';
}
.ti-arrow-big-left:before {
  content: '\eddb';
}
.ti-arrow-big-right:before {
  content: '\eddc';
}
.ti-arrow-big-top:before {
  content: '\eddd';
}
.ti-arrow-bottom-bar:before {
  content: '\ed98';
}
.ti-arrow-bottom-circle:before {
  content: '\ed99';
}
.ti-arrow-bottom-square:before {
  content: '\ed9a';
}
.ti-arrow-bottom-tail:before {
  content: '\ed9b';
}
.ti-arrow-down:before {
  content: '\ea16';
}
.ti-arrow-down-circle:before {
  content: '\ea11';
}
.ti-arrow-down-left:before {
  content: '\ea13';
}
.ti-arrow-down-left-circle:before {
  content: '\ea12';
}
.ti-arrow-down-right:before {
  content: '\ea15';
}
.ti-arrow-down-right-circle:before {
  content: '\ea14';
}
.ti-arrow-forward:before {
  content: '\ea17';
}
.ti-arrow-forward-up:before {
  content: '\eb78';
}
.ti-arrow-left:before {
  content: '\ea19';
}
.ti-arrow-left-bar:before {
  content: '\ed9c';
}
.ti-arrow-left-circle:before {
  content: '\ea18';
}
.ti-arrow-left-square:before {
  content: '\ed9d';
}
.ti-arrow-left-tail:before {
  content: '\ed9e';
}
.ti-arrow-loop-left:before {
  content: '\ed9f';
}
.ti-arrow-loop-right:before {
  content: '\eda0';
}
.ti-arrow-narrow-down:before {
  content: '\ea1a';
}
.ti-arrow-narrow-left:before {
  content: '\ea1b';
}
.ti-arrow-narrow-right:before {
  content: '\ea1c';
}
.ti-arrow-narrow-up:before {
  content: '\ea1d';
}
.ti-arrow-ramp-left:before {
  content: '\ed3c';
}
.ti-arrow-ramp-right:before {
  content: '\ed3d';
}
.ti-arrow-right:before {
  content: '\ea1f';
}
.ti-arrow-right-bar:before {
  content: '\eda1';
}
.ti-arrow-right-circle:before {
  content: '\ea1e';
}
.ti-arrow-right-square:before {
  content: '\eda2';
}
.ti-arrow-right-tail:before {
  content: '\eda3';
}
.ti-arrow-top-bar:before {
  content: '\eda4';
}
.ti-arrow-top-circle:before {
  content: '\eda5';
}
.ti-arrow-top-square:before {
  content: '\eda6';
}
.ti-arrow-top-tail:before {
  content: '\eda7';
}
.ti-arrow-up:before {
  content: '\ea25';
}
.ti-arrow-up-circle:before {
  content: '\ea20';
}
.ti-arrow-up-left:before {
  content: '\ea22';
}
.ti-arrow-up-left-circle:before {
  content: '\ea21';
}
.ti-arrow-up-right:before {
  content: '\ea24';
}
.ti-arrow-up-right-circle:before {
  content: '\ea23';
}
.ti-arrow-wave-left-down:before {
  content: '\eda8';
}
.ti-arrow-wave-left-up:before {
  content: '\eda9';
}
.ti-arrow-wave-right-down:before {
  content: '\edaa';
}
.ti-arrow-wave-right-up:before {
  content: '\edab';
}
.ti-arrows-diagonal:before {
  content: '\ea27';
}
.ti-arrows-diagonal-2:before {
  content: '\ea26';
}
.ti-arrows-double-ne-sw:before {
  content: '\edde';
}
.ti-arrows-double-nw-se:before {
  content: '\eddf';
}
.ti-arrows-double-se-nw:before {
  content: '\ede0';
}
.ti-arrows-double-sw-ne:before {
  content: '\ede1';
}
.ti-arrows-down:before {
  content: '\edad';
}
.ti-arrows-down-up:before {
  content: '\edac';
}
.ti-arrows-horizontal:before {
  content: '\eb59';
}
.ti-arrows-join:before {
  content: '\edaf';
}
.ti-arrows-join-2:before {
  content: '\edae';
}
.ti-arrows-left:before {
  content: '\edb1';
}
.ti-arrows-left-down:before {
  content: '\ee00';
}
.ti-arrows-left-right:before {
  content: '\edb0';
}
.ti-arrows-maximize:before {
  content: '\ea28';
}
.ti-arrows-minimize:before {
  content: '\ea29';
}
.ti-arrows-right:before {
  content: '\edb3';
}
.ti-arrows-right-down:before {
  content: '\ee01';
}
.ti-arrows-right-left:before {
  content: '\edb2';
}
.ti-arrows-sort:before {
  content: '\eb5a';
}
.ti-arrows-split:before {
  content: '\edb5';
}
.ti-arrows-split-2:before {
  content: '\edb4';
}
.ti-arrows-up:before {
  content: '\edb7';
}
.ti-arrows-up-down:before {
  content: '\edb6';
}
.ti-arrows-up-left:before {
  content: '\ee02';
}
.ti-arrows-up-right:before {
  content: '\ee03';
}
.ti-arrows-vertical:before {
  content: '\eb5b';
}
.ti-artboard:before {
  content: '\ea2a';
}
.ti-aspect-ratio:before {
  content: '\ed30';
}
.ti-at:before {
  content: '\ea2b';
}
.ti-atom:before {
  content: '\eb79';
}
.ti-atom-2:before {
  content: '\ebdf';
}
.ti-award:before {
  content: '\ea2c';
}
.ti-backhoe:before {
  content: '\ed86';
}
.ti-backspace:before {
  content: '\ea2d';
}
.ti-ball-american-football:before {
  content: '\ee04';
}
.ti-ball-basketball:before {
  content: '\ec28';
}
.ti-ball-bowling:before {
  content: '\ec29';
}
.ti-ball-football:before {
  content: '\ee06';
}
.ti-ball-football-off:before {
  content: '\ee05';
}
.ti-ball-tennis:before {
  content: '\ec2a';
}
.ti-ball-volleyball:before {
  content: '\ec2b';
}
.ti-ban:before {
  content: '\ea2e';
}
.ti-bandage:before {
  content: '\eb7a';
}
.ti-barcode:before {
  content: '\ebc6';
}
.ti-basket:before {
  content: '\ebe1';
}
.ti-battery:before {
  content: '\ea34';
}
.ti-battery-1:before {
  content: '\ea2f';
}
.ti-battery-2:before {
  content: '\ea30';
}
.ti-battery-3:before {
  content: '\ea31';
}
.ti-battery-4:before {
  content: '\ea32';
}
.ti-battery-automotive:before {
  content: '\ee07';
}
.ti-battery-charging:before {
  content: '\ea33';
}
.ti-battery-off:before {
  content: '\ed1c';
}
.ti-bed:before {
  content: '\eb5c';
}
.ti-bell:before {
  content: '\ea35';
}
.ti-bell-minus:before {
  content: '\ede2';
}
.ti-bell-off:before {
  content: '\ece9';
}
.ti-bell-plus:before {
  content: '\ede3';
}
.ti-bell-ringing:before {
  content: '\ed07';
}
.ti-bell-ringing-2:before {
  content: '\ede4';
}
.ti-bell-x:before {
  content: '\ede5';
}
.ti-bike:before {
  content: '\ea36';
}
.ti-binary:before {
  content: '\ee08';
}
.ti-biohazard:before {
  content: '\ecb8';
}
.ti-blockquote:before {
  content: '\ee09';
}
.ti-bluetooth:before {
  content: '\ea37';
}
.ti-bluetooth-connected:before {
  content: '\ecea';
}
.ti-bluetooth-off:before {
  content: '\eceb';
}
.ti-bold:before {
  content: '\eb7b';
}
.ti-bolt:before {
  content: '\ea38';
}
.ti-bolt-off:before {
  content: '\ecec';
}
.ti-bone:before {
  content: '\edb8';
}
.ti-book:before {
  content: '\ea39';
}
.ti-bookmark:before {
  content: '\ea3a';
}
.ti-bookmark-off:before {
  content: '\eced';
}
.ti-bookmarks:before {
  content: '\ed08';
}
.ti-border-all:before {
  content: '\ea3b';
}
.ti-border-bottom:before {
  content: '\ea3c';
}
.ti-border-horizontal:before {
  content: '\ea3d';
}
.ti-border-inner:before {
  content: '\ea3e';
}
.ti-border-left:before {
  content: '\ea3f';
}
.ti-border-none:before {
  content: '\ea40';
}
.ti-border-outer:before {
  content: '\ea41';
}
.ti-border-radius:before {
  content: '\eb7c';
}
.ti-border-right:before {
  content: '\ea42';
}
.ti-border-style:before {
  content: '\ee0a';
}
.ti-border-style-2:before {
  content: '\ef22';
}
.ti-border-top:before {
  content: '\ea43';
}
.ti-border-vertical:before {
  content: '\ea44';
}
.ti-bottle:before {
  content: '\ef0b';
}
.ti-box:before {
  content: '\ea45';
}
.ti-box-margin:before {
  content: '\ee0b';
}
.ti-box-model:before {
  content: '\ee0c';
}
.ti-box-model-2:before {
  content: '\ef23';
}
.ti-box-multiple:before {
  content: '\ee17';
}
.ti-box-multiple-0:before {
  content: '\ee0d';
}
.ti-box-multiple-1:before {
  content: '\ee0e';
}
.ti-box-multiple-2:before {
  content: '\ee0f';
}
.ti-box-multiple-3:before {
  content: '\ee10';
}
.ti-box-multiple-4:before {
  content: '\ee11';
}
.ti-box-multiple-5:before {
  content: '\ee12';
}
.ti-box-multiple-6:before {
  content: '\ee13';
}
.ti-box-multiple-7:before {
  content: '\ee14';
}
.ti-box-multiple-8:before {
  content: '\ee15';
}
.ti-box-multiple-9:before {
  content: '\ee16';
}
.ti-box-padding:before {
  content: '\ee18';
}
.ti-braces:before {
  content: '\ebcc';
}
.ti-brackets:before {
  content: '\ebcd';
}
.ti-brand-airbnb:before {
  content: '\ed68';
}
.ti-brand-android:before {
  content: '\ec16';
}
.ti-brand-apple:before {
  content: '\ec17';
}
.ti-brand-apple-arcade:before {
  content: '\ed69';
}
.ti-brand-appstore:before {
  content: '\ed24';
}
.ti-brand-asana:before {
  content: '\edc5';
}
.ti-brand-behance:before {
  content: '\ec6e';
}
.ti-brand-bing:before {
  content: '\edc6';
}
.ti-brand-bitbucket:before {
  content: '\edc7';
}
.ti-brand-booking:before {
  content: '\edc8';
}
.ti-brand-chrome:before {
  content: '\ec18';
}
.ti-brand-codepen:before {
  content: '\ec6f';
}
.ti-brand-codesandbox:before {
  content: '\ed6a';
}
.ti-brand-css3:before {
  content: '\ed6b';
}
.ti-brand-deviantart:before {
  content: '\ecfb';
}
.ti-brand-discord:before {
  content: '\ece3';
}
.ti-brand-disqus:before {
  content: '\edc9';
}
.ti-brand-docker:before {
  content: '\edca';
}
.ti-brand-dribbble:before {
  content: '\ec19';
}
.ti-brand-edge:before {
  content: '\ecfc';
}
.ti-brand-facebook:before {
  content: '\ec1a';
}
.ti-brand-figma:before {
  content: '\ec93';
}
.ti-brand-firefox:before {
  content: '\ecfd';
}
.ti-brand-flickr:before {
  content: '\ecfe';
}
.ti-brand-foursquare:before {
  content: '\ecff';
}
.ti-brand-framer:before {
  content: '\ec1b';
}
.ti-brand-github:before {
  content: '\ec1c';
}
.ti-brand-gitlab:before {
  content: '\ec1d';
}
.ti-brand-google:before {
  content: '\ec1f';
}
.ti-brand-google-analytics:before {
  content: '\edcb';
}
.ti-brand-google-drive:before {
  content: '\ec1e';
}
.ti-brand-google-play:before {
  content: '\ed25';
}
.ti-brand-gravatar:before {
  content: '\edcc';
}
.ti-brand-hipchat:before {
  content: '\edcd';
}
.ti-brand-html5:before {
  content: '\ed6c';
}
.ti-brand-instagram:before {
  content: '\ec20';
}
.ti-brand-javascript:before {
  content: '\ef0c';
}
.ti-brand-kickstarter:before {
  content: '\edce';
}
.ti-brand-kotlin:before {
  content: '\ed6d';
}
.ti-brand-linkedin:before {
  content: '\ec8c';
}
.ti-brand-medium:before {
  content: '\ec70';
}
.ti-brand-messenger:before {
  content: '\ec71';
}
.ti-brand-netflix:before {
  content: '\edcf';
}
.ti-brand-open-source:before {
  content: '\edd0';
}
.ti-brand-opera:before {
  content: '\ec21';
}
.ti-brand-pagekit:before {
  content: '\edd1';
}
.ti-brand-patreon:before {
  content: '\edd2';
}
.ti-brand-paypal:before {
  content: '\ec22';
}
.ti-brand-pinterest:before {
  content: '\ec8d';
}
.ti-brand-pocket:before {
  content: '\ed00';
}
.ti-brand-producthunt:before {
  content: '\edd3';
}
.ti-brand-python:before {
  content: '\ed01';
}
.ti-brand-reddit:before {
  content: '\ec8e';
}
.ti-brand-safari:before {
  content: '\ec23';
}
.ti-brand-sass:before {
  content: '\edd4';
}
.ti-brand-sentry:before {
  content: '\edd5';
}
.ti-brand-shazam:before {
  content: '\edd6';
}
.ti-brand-sketch:before {
  content: '\ec24';
}
.ti-brand-skype:before {
  content: '\ed02';
}
.ti-brand-slack:before {
  content: '\ec72';
}
.ti-brand-snapchat:before {
  content: '\ec25';
}
.ti-brand-soundcloud:before {
  content: '\ed6e';
}
.ti-brand-spotify:before {
  content: '\ed03';
}
.ti-brand-steam:before {
  content: '\ed6f';
}
.ti-brand-stripe:before {
  content: '\edd7';
}
.ti-brand-tabler:before {
  content: '\ec8f';
}
.ti-brand-tailwind:before {
  content: '\eca1';
}
.ti-brand-telegram:before {
  content: '\ec26';
}
.ti-brand-tidal:before {
  content: '\ed70';
}
.ti-brand-tiktok:before {
  content: '\ec73';
}
.ti-brand-tinder:before {
  content: '\ed71';
}
.ti-brand-tumblr:before {
  content: '\ed04';
}
.ti-brand-twitch:before {
  content: '\ed05';
}
.ti-brand-twitter:before {
  content: '\ec27';
}
.ti-brand-unsplash:before {
  content: '\edd8';
}
.ti-brand-vercel:before {
  content: '\ef24';
}
.ti-brand-vimeo:before {
  content: '\ed06';
}
.ti-brand-vk:before {
  content: '\ed72';
}
.ti-brand-whatsapp:before {
  content: '\ec74';
}
.ti-brand-windows:before {
  content: '\ecd8';
}
.ti-brand-yahoo:before {
  content: '\ed73';
}
.ti-brand-ycombinator:before {
  content: '\edd9';
}
.ti-brand-youtube:before {
  content: '\ec90';
}
.ti-briefcase:before {
  content: '\ea46';
}
.ti-brightness:before {
  content: '\eb7f';
}
.ti-brightness-2:before {
  content: '\ee19';
}
.ti-brightness-down:before {
  content: '\eb7d';
}
.ti-brightness-half:before {
  content: '\ee1a';
}
.ti-brightness-up:before {
  content: '\eb7e';
}
.ti-browser:before {
  content: '\ebb7';
}
.ti-brush:before {
  content: '\ebb8';
}
.ti-bucket:before {
  content: '\ea47';
}
.ti-bug:before {
  content: '\ea48';
}
.ti-building:before {
  content: '\ea4f';
}
.ti-building-arch:before {
  content: '\ea49';
}
.ti-building-bank:before {
  content: '\ebe2';
}
.ti-building-bridge:before {
  content: '\ea4b';
}
.ti-building-bridge-2:before {
  content: '\ea4a';
}
.ti-building-carousel:before {
  content: '\ed87';
}
.ti-building-castle:before {
  content: '\ed88';
}
.ti-building-church:before {
  content: '\ea4c';
}
.ti-building-community:before {
  content: '\ebf6';
}
.ti-building-cottage:before {
  content: '\ee1b';
}
.ti-building-factory:before {
  content: '\ee1c';
}
.ti-building-fortress:before {
  content: '\ed89';
}
.ti-building-hospital:before {
  content: '\ea4d';
}
.ti-building-lighthouse:before {
  content: '\ed8a';
}
.ti-building-monument:before {
  content: '\ed26';
}
.ti-building-pavilon:before {
  content: '\ebf7';
}
.ti-building-skyscraper:before {
  content: '\ec39';
}
.ti-building-store:before {
  content: '\ea4e';
}
.ti-building-warehouse:before {
  content: '\ebe3';
}
.ti-bulb:before {
  content: '\ea51';
}
.ti-bulb-off:before {
  content: '\ea50';
}
.ti-bulldozer:before {
  content: '\ee1d';
}
.ti-bus:before {
  content: '\ebe4';
}
.ti-businessplan:before {
  content: '\ee1e';
}
.ti-calculator:before {
  content: '\eb80';
}
.ti-calendar:before {
  content: '\ea53';
}
.ti-calendar-event:before {
  content: '\ea52';
}
.ti-calendar-minus:before {
  content: '\ebb9';
}
.ti-calendar-off:before {
  content: '\ee1f';
}
.ti-calendar-plus:before {
  content: '\ebba';
}
.ti-calendar-stats:before {
  content: '\ee20';
}
.ti-calendar-time:before {
  content: '\ee21';
}
.ti-camera:before {
  content: '\ea54';
}
.ti-camera-minus:before {
  content: '\ec3a';
}
.ti-camera-off:before {
  content: '\ecee';
}
.ti-camera-plus:before {
  content: '\ec3b';
}
.ti-camera-rotate:before {
  content: '\ee22';
}
.ti-camera-selfie:before {
  content: '\ee23';
}
.ti-candy:before {
  content: '\ef0d';
}
.ti-capture:before {
  content: '\ec3c';
}
.ti-car:before {
  content: '\ebbb';
}
.ti-car-crane:before {
  content: '\ef25';
}
.ti-caravan:before {
  content: '\ec7c';
}
.ti-cardboards:before {
  content: '\ed74';
}
.ti-caret-down:before {
  content: '\eb5d';
}
.ti-caret-left:before {
  content: '\eb5e';
}
.ti-caret-right:before {
  content: '\eb5f';
}
.ti-caret-up:before {
  content: '\eb60';
}
.ti-cash:before {
  content: '\ea55';
}
.ti-cash-banknote:before {
  content: '\ee25';
}
.ti-cash-banknote-off:before {
  content: '\ee24';
}
.ti-cast:before {
  content: '\ea56';
}
.ti-ce:before {
  content: '\ed75';
}
.ti-certificate:before {
  content: '\ed76';
}
.ti-charging-pile:before {
  content: '\ee26';
}
.ti-chart-arcs:before {
  content: '\ee28';
}
.ti-chart-arcs-3:before {
  content: '\ee27';
}
.ti-chart-area:before {
  content: '\ea58';
}
.ti-chart-area-line:before {
  content: '\ea57';
}
.ti-chart-arrows:before {
  content: '\ee2a';
}
.ti-chart-arrows-vertical:before {
  content: '\ee29';
}
.ti-chart-bar:before {
  content: '\ea59';
}
.ti-chart-bubble:before {
  content: '\ec75';
}
.ti-chart-candle:before {
  content: '\ea5a';
}
.ti-chart-circles:before {
  content: '\ee2b';
}
.ti-chart-donut:before {
  content: '\ea5b';
}
.ti-chart-donut-2:before {
  content: '\ee2c';
}
.ti-chart-donut-3:before {
  content: '\ee2d';
}
.ti-chart-donut-4:before {
  content: '\ee2e';
}
.ti-chart-dots:before {
  content: '\ee2f';
}
.ti-chart-infographic:before {
  content: '\ee30';
}
.ti-chart-line:before {
  content: '\ea5c';
}
.ti-chart-pie:before {
  content: '\ea5d';
}
.ti-chart-pie-2:before {
  content: '\ee31';
}
.ti-chart-pie-3:before {
  content: '\ee32';
}
.ti-chart-pie-4:before {
  content: '\ee33';
}
.ti-chart-radar:before {
  content: '\ed77';
}
.ti-check:before {
  content: '\ea5e';
}
.ti-checkbox:before {
  content: '\eba6';
}
.ti-checks:before {
  content: '\ebaa';
}
.ti-cheese:before {
  content: '\ef26';
}
.ti-chevron-down:before {
  content: '\ea5f';
}
.ti-chevron-down-left:before {
  content: '\ed09';
}
.ti-chevron-down-right:before {
  content: '\ed0a';
}
.ti-chevron-left:before {
  content: '\ea60';
}
.ti-chevron-right:before {
  content: '\ea61';
}
.ti-chevron-up:before {
  content: '\ea62';
}
.ti-chevron-up-left:before {
  content: '\ed0b';
}
.ti-chevron-up-right:before {
  content: '\ed0c';
}
.ti-chevrons-down:before {
  content: '\ea63';
}
.ti-chevrons-down-left:before {
  content: '\ed0d';
}
.ti-chevrons-down-right:before {
  content: '\ed0e';
}
.ti-chevrons-left:before {
  content: '\ea64';
}
.ti-chevrons-right:before {
  content: '\ea65';
}
.ti-chevrons-up:before {
  content: '\ea66';
}
.ti-chevrons-up-left:before {
  content: '\ed0f';
}
.ti-chevrons-up-right:before {
  content: '\ed10';
}
.ti-christmas-tree:before {
  content: '\ed78';
}
.ti-circle:before {
  content: '\ea6b';
}
.ti-circle-0:before {
  content: '\ee34';
}
.ti-circle-1:before {
  content: '\ee35';
}
.ti-circle-2:before {
  content: '\ee36';
}
.ti-circle-3:before {
  content: '\ee37';
}
.ti-circle-4:before {
  content: '\ee38';
}
.ti-circle-5:before {
  content: '\ee39';
}
.ti-circle-6:before {
  content: '\ee3a';
}
.ti-circle-7:before {
  content: '\ee3b';
}
.ti-circle-8:before {
  content: '\ee3c';
}
.ti-circle-9:before {
  content: '\ee3d';
}
.ti-circle-check:before {
  content: '\ea67';
}
.ti-circle-dashed:before {
  content: '\ed27';
}
.ti-circle-dotted:before {
  content: '\ed28';
}
.ti-circle-half:before {
  content: '\ee3f';
}
.ti-circle-half-vertical:before {
  content: '\ee3e';
}
.ti-circle-minus:before {
  content: '\ea68';
}
.ti-circle-off:before {
  content: '\ee40';
}
.ti-circle-plus:before {
  content: '\ea69';
}
.ti-circle-square:before {
  content: '\ece4';
}
.ti-circle-x:before {
  content: '\ea6a';
}
.ti-circles:before {
  content: '\ece5';
}
.ti-clear-all:before {
  content: '\ee41';
}
.ti-clear-formatting:before {
  content: '\ebe5';
}
.ti-click:before {
  content: '\ebbc';
}
.ti-clipboard:before {
  content: '\ea6f';
}
.ti-clipboard-check:before {
  content: '\ea6c';
}
.ti-clipboard-list:before {
  content: '\ea6d';
}
.ti-clipboard-x:before {
  content: '\ea6e';
}
.ti-clock:before {
  content: '\ea70';
}
.ti-cloud:before {
  content: '\ea76';
}
.ti-cloud-download:before {
  content: '\ea71';
}
.ti-cloud-fog:before {
  content: '\ecd9';
}
.ti-cloud-off:before {
  content: '\ed3e';
}
.ti-cloud-rain:before {
  content: '\ea72';
}
.ti-cloud-snow:before {
  content: '\ea73';
}
.ti-cloud-storm:before {
  content: '\ea74';
}
.ti-cloud-upload:before {
  content: '\ea75';
}
.ti-code:before {
  content: '\ea77';
}
.ti-code-minus:before {
  content: '\ee42';
}
.ti-code-plus:before {
  content: '\ee43';
}
.ti-coffee:before {
  content: '\ef0e';
}
.ti-coin:before {
  content: '\eb82';
}
.ti-color-picker:before {
  content: '\ebe6';
}
.ti-color-swatch:before {
  content: '\eb61';
}
.ti-column-insert-left:before {
  content: '\ee44';
}
.ti-column-insert-right:before {
  content: '\ee45';
}
.ti-columns:before {
  content: '\eb83';
}
.ti-comet:before {
  content: '\ec76';
}
.ti-command:before {
  content: '\ea78';
}
.ti-compass:before {
  content: '\ea79';
}
.ti-confetti:before {
  content: '\ee46';
}
.ti-container:before {
  content: '\ee47';
}
.ti-contrast:before {
  content: '\ec4e';
}
.ti-cookie:before {
  content: '\ef0f';
}
.ti-copy:before {
  content: '\ea7a';
}
.ti-copyleft:before {
  content: '\ec3d';
}
.ti-copyright:before {
  content: '\ea7b';
}
.ti-corner-down-left:before {
  content: '\ea7c';
}
.ti-corner-down-left-double:before {
  content: '\ee48';
}
.ti-corner-down-right:before {
  content: '\ea7d';
}
.ti-corner-down-right-double:before {
  content: '\ee49';
}
.ti-corner-left-down:before {
  content: '\ea7e';
}
.ti-corner-left-down-double:before {
  content: '\ee4a';
}
.ti-corner-left-up:before {
  content: '\ea7f';
}
.ti-corner-left-up-double:before {
  content: '\ee4b';
}
.ti-corner-right-down:before {
  content: '\ea80';
}
.ti-corner-right-down-double:before {
  content: '\ee4c';
}
.ti-corner-right-up:before {
  content: '\ea81';
}
.ti-corner-right-up-double:before {
  content: '\ee4d';
}
.ti-corner-up-left:before {
  content: '\ea82';
}
.ti-corner-up-left-double:before {
  content: '\ee4e';
}
.ti-corner-up-right:before {
  content: '\ea83';
}
.ti-corner-up-right-double:before {
  content: '\ee4f';
}
.ti-crane:before {
  content: '\ef27';
}
.ti-credit-card:before {
  content: '\ea84';
}
.ti-credit-card-off:before {
  content: '\ed11';
}
.ti-crop:before {
  content: '\ea85';
}
.ti-crosshair:before {
  content: '\ec3e';
}
.ti-crown:before {
  content: '\ed12';
}
.ti-crown-off:before {
  content: '\ee50';
}
.ti-cup:before {
  content: '\ef28';
}
.ti-curly-loop:before {
  content: '\ecda';
}
.ti-currency-bahraini:before {
  content: '\ee51';
}
.ti-currency-bath:before {
  content: '\ee52';
}
.ti-currency-bitcoin:before {
  content: '\ebab';
}
.ti-currency-cent:before {
  content: '\ee53';
}
.ti-currency-dinar:before {
  content: '\ee54';
}
.ti-currency-dirham:before {
  content: '\ee55';
}
.ti-currency-dollar:before {
  content: '\eb84';
}
.ti-currency-dollar-australian:before {
  content: '\ee56';
}
.ti-currency-dollar-canadian:before {
  content: '\ee57';
}
.ti-currency-dollar-singapore:before {
  content: '\ee58';
}
.ti-currency-ethereum:before {
  content: '\ee59';
}
.ti-currency-euro:before {
  content: '\eb85';
}
.ti-currency-forint:before {
  content: '\ee5a';
}
.ti-currency-frank:before {
  content: '\ee5b';
}
.ti-currency-krone-czech:before {
  content: '\ee5c';
}
.ti-currency-krone-danish:before {
  content: '\ee5d';
}
.ti-currency-krone-swedish:before {
  content: '\ee5e';
}
.ti-currency-leu:before {
  content: '\ee5f';
}
.ti-currency-lira:before {
  content: '\ee60';
}
.ti-currency-litecoin:before {
  content: '\ee61';
}
.ti-currency-naira:before {
  content: '\ee62';
}
.ti-currency-pound:before {
  content: '\ebac';
}
.ti-currency-real:before {
  content: '\ee63';
}
.ti-currency-renminbi:before {
  content: '\ee64';
}
.ti-currency-ripple:before {
  content: '\ee65';
}
.ti-currency-riyal:before {
  content: '\ee66';
}
.ti-currency-rubel:before {
  content: '\ee67';
}
.ti-currency-rupee:before {
  content: '\ebad';
}
.ti-currency-shekel:before {
  content: '\ee68';
}
.ti-currency-taka:before {
  content: '\ee69';
}
.ti-currency-tugrik:before {
  content: '\ee6a';
}
.ti-currency-won:before {
  content: '\ee6b';
}
.ti-currency-yen:before {
  content: '\ebae';
}
.ti-currency-zloty:before {
  content: '\ee6c';
}
.ti-current-location:before {
  content: '\ecef';
}
.ti-cursor-text:before {
  content: '\ee6d';
}
.ti-cut:before {
  content: '\ea86';
}
.ti-dashboard:before {
  content: '\ea87';
}
.ti-database:before {
  content: '\ea88';
}
.ti-database-export:before {
  content: '\ee6e';
}
.ti-database-import:before {
  content: '\ee6f';
}
.ti-database-off:before {
  content: '\ee70';
}
.ti-details:before {
  content: '\ee71';
}
.ti-device-analytics:before {
  content: '\ee72';
}
.ti-device-audio-tape:before {
  content: '\ee73';
}
.ti-device-cctv:before {
  content: '\ee74';
}
.ti-device-computer-camera:before {
  content: '\ee76';
}
.ti-device-computer-camera-off:before {
  content: '\ee75';
}
.ti-device-desktop:before {
  content: '\ea89';
}
.ti-device-desktop-analytics:before {
  content: '\ee77';
}
.ti-device-desktop-off:before {
  content: '\ee78';
}
.ti-device-floppy:before {
  content: '\eb62';
}
.ti-device-gamepad:before {
  content: '\eb63';
}
.ti-device-laptop:before {
  content: '\eb64';
}
.ti-device-mobile:before {
  content: '\ea8a';
}
.ti-device-mobile-message:before {
  content: '\ee79';
}
.ti-device-mobile-rotated:before {
  content: '\ecdb';
}
.ti-device-mobile-vibration:before {
  content: '\eb86';
}
.ti-device-speaker:before {
  content: '\ea8b';
}
.ti-device-tablet:before {
  content: '\ea8c';
}
.ti-device-tv:before {
  content: '\ea8d';
}
.ti-device-watch:before {
  content: '\ebf9';
}
.ti-devices:before {
  content: '\eb87';
}
.ti-devices-2:before {
  content: '\ed29';
}
.ti-devices-pc:before {
  content: '\ee7a';
}
.ti-diamond:before {
  content: '\eb65';
}
.ti-dice:before {
  content: '\eb66';
}
.ti-dimensions:before {
  content: '\ee7b';
}
.ti-direction:before {
  content: '\ebfb';
}
.ti-direction-horizontal:before {
  content: '\ebfa';
}
.ti-directions:before {
  content: '\ea8e';
}
.ti-disabled:before {
  content: '\ea8f';
}
.ti-disabled-2:before {
  content: '\ebaf';
}
.ti-disc:before {
  content: '\ea90';
}
.ti-discount:before {
  content: '\ebbd';
}
.ti-discount-2:before {
  content: '\ee7c';
}
.ti-divide:before {
  content: '\ed5c';
}
.ti-dna:before {
  content: '\ee7d';
}
.ti-dog-bowl:before {
  content: '\ef29';
}
.ti-dots:before {
  content: '\ea95';
}
.ti-dots-circle-horizontal:before {
  content: '\ea91';
}
.ti-dots-diagonal:before {
  content: '\ea93';
}
.ti-dots-diagonal-2:before {
  content: '\ea92';
}
.ti-dots-vertical:before {
  content: '\ea94';
}
.ti-download:before {
  content: '\ea96';
}
.ti-drag-drop:before {
  content: '\eb89';
}
.ti-drag-drop-2:before {
  content: '\eb88';
}
.ti-drone:before {
  content: '\ed79';
}
.ti-drone-off:before {
  content: '\ee7e';
}
.ti-droplet:before {
  content: '\ea97';
}
.ti-droplet-filled:before {
  content: '\ee80';
}
.ti-droplet-filled-2:before {
  content: '\ee7f';
}
.ti-droplet-half:before {
  content: '\ee82';
}
.ti-droplet-half-2:before {
  content: '\ee81';
}
.ti-droplet-off:before {
  content: '\ee83';
}
.ti-ear:before {
  content: '\ebce';
}
.ti-ear-off:before {
  content: '\ee84';
}
.ti-edit:before {
  content: '\ea98';
}
.ti-edit-circle:before {
  content: '\ee85';
}
.ti-egg:before {
  content: '\eb8a';
}
.ti-emphasis:before {
  content: '\ebcf';
}
.ti-equal:before {
  content: '\ee87';
}
.ti-equal-not:before {
  content: '\ee86';
}
.ti-eraser:before {
  content: '\eb8b';
}
.ti-exchange:before {
  content: '\ebe7';
}
.ti-exposure:before {
  content: '\eb8c';
}
.ti-external-link:before {
  content: '\ea99';
}
.ti-eye:before {
  content: '\ea9a';
}
.ti-eye-check:before {
  content: '\ee88';
}
.ti-eye-off:before {
  content: '\ecf0';
}
.ti-eyeglass:before {
  content: '\ee8a';
}
.ti-eyeglass-2:before {
  content: '\ee89';
}
.ti-face-id:before {
  content: '\ea9b';
}
.ti-fall:before {
  content: '\ecb9';
}
.ti-feather:before {
  content: '\ee8b';
}
.ti-fence:before {
  content: '\ef2a';
}
.ti-file:before {
  content: '\eaa4';
}
.ti-file-alert:before {
  content: '\ede6';
}
.ti-file-analytics:before {
  content: '\ede7';
}
.ti-file-certificate:before {
  content: '\ed4d';
}
.ti-file-check:before {
  content: '\ea9c';
}
.ti-file-code:before {
  content: '\ebd0';
}
.ti-file-code-2:before {
  content: '\ede8';
}
.ti-file-diff:before {
  content: '\ecf1';
}
.ti-file-dislike:before {
  content: '\ed2a';
}
.ti-file-download:before {
  content: '\ea9d';
}
.ti-file-export:before {
  content: '\ede9';
}
.ti-file-horizontal:before {
  content: '\ebb0';
}
.ti-file-import:before {
  content: '\edea';
}
.ti-file-info:before {
  content: '\edec';
}
.ti-file-invoice:before {
  content: '\eb67';
}
.ti-file-like:before {
  content: '\ed2b';
}
.ti-file-minus:before {
  content: '\ea9e';
}
.ti-file-music:before {
  content: '\ea9f';
}
.ti-file-off:before {
  content: '\ecf2';
}
.ti-file-phone:before {
  content: '\ecdc';
}
.ti-file-plus:before {
  content: '\eaa0';
}
.ti-file-report:before {
  content: '\eded';
}
.ti-file-search:before {
  content: '\ed5d';
}
.ti-file-shredder:before {
  content: '\eaa1';
}
.ti-file-symlink:before {
  content: '\ed53';
}
.ti-file-text:before {
  content: '\eaa2';
}
.ti-file-upload:before {
  content: '\ec91';
}
.ti-file-x:before {
  content: '\eaa3';
}
.ti-file-zip:before {
  content: '\ed4e';
}
.ti-files:before {
  content: '\edef';
}
.ti-files-off:before {
  content: '\edee';
}
.ti-filter:before {
  content: '\eaa5';
}
.ti-filter-off:before {
  content: '\ed2c';
}
.ti-fingerprint:before {
  content: '\ebd1';
}
.ti-firetruck:before {
  content: '\ebe8';
}
.ti-fish:before {
  content: '\ef2b';
}
.ti-flag:before {
  content: '\eaa6';
}
.ti-flag-2:before {
  content: '\ee8c';
}
.ti-flag-3:before {
  content: '\ee8d';
}
.ti-flame:before {
  content: '\ec2c';
}
.ti-flare:before {
  content: '\ee8e';
}
.ti-flask:before {
  content: '\ebd2';
}
.ti-flip-horizontal:before {
  content: '\eaa7';
}
.ti-flip-vertical:before {
  content: '\eaa8';
}
.ti-float-center:before {
  content: '\ebb1';
}
.ti-float-left:before {
  content: '\ebb2';
}
.ti-float-none:before {
  content: '\ed13';
}
.ti-float-right:before {
  content: '\ebb3';
}
.ti-focus:before {
  content: '\eb8d';
}
.ti-focus-2:before {
  content: '\ebd3';
}
.ti-fold:before {
  content: '\ed56';
}
.ti-fold-down:before {
  content: '\ed54';
}
.ti-fold-up:before {
  content: '\ed55';
}
.ti-folder:before {
  content: '\eaad';
}
.ti-folder-minus:before {
  content: '\eaaa';
}
.ti-folder-off:before {
  content: '\ed14';
}
.ti-folder-plus:before {
  content: '\eaab';
}
.ti-folder-x:before {
  content: '\eaac';
}
.ti-folders:before {
  content: '\eaae';
}
.ti-forbid:before {
  content: '\ebd5';
}
.ti-forbid-2:before {
  content: '\ebd4';
}
.ti-forklift:before {
  content: '\ebe9';
}
.ti-forms:before {
  content: '\ee8f';
}
.ti-frame:before {
  content: '\eaaf';
}
.ti-friends:before {
  content: '\eab0';
}
.ti-gas-station:before {
  content: '\ec7d';
}
.ti-gauge:before {
  content: '\eab1';
}
.ti-geometry:before {
  content: '\ee90';
}
.ti-ghost:before {
  content: '\eb8e';
}
.ti-gift:before {
  content: '\eb68';
}
.ti-git-branch:before {
  content: '\eab2';
}
.ti-git-commit:before {
  content: '\eab3';
}
.ti-git-compare:before {
  content: '\eab4';
}
.ti-git-fork:before {
  content: '\eb8f';
}
.ti-git-merge:before {
  content: '\eab5';
}
.ti-git-pull-request:before {
  content: '\eab6';
}
.ti-glass:before {
  content: '\eab8';
}
.ti-glass-full:before {
  content: '\eab7';
}
.ti-glass-off:before {
  content: '\ee91';
}
.ti-globe:before {
  content: '\eab9';
}
.ti-golf:before {
  content: '\ed8c';
}
.ti-gps:before {
  content: '\ed7a';
}
.ti-grain:before {
  content: '\ee92';
}
.ti-grid-dots:before {
  content: '\eaba';
}
.ti-grip-horizontal:before {
  content: '\ec00';
}
.ti-grip-vertical:before {
  content: '\ec01';
}
.ti-growth:before {
  content: '\ee93';
}
.ti-h-1:before {
  content: '\ec94';
}
.ti-h-2:before {
  content: '\ec95';
}
.ti-h-3:before {
  content: '\ec96';
}
.ti-h-4:before {
  content: '\ec97';
}
.ti-h-5:before {
  content: '\ec98';
}
.ti-h-6:before {
  content: '\ec99';
}
.ti-hand-finger:before {
  content: '\ee94';
}
.ti-hand-little-finger:before {
  content: '\ee95';
}
.ti-hand-middle-finger:before {
  content: '\ec2d';
}
.ti-hand-off:before {
  content: '\ed15';
}
.ti-hand-ring-finger:before {
  content: '\ee96';
}
.ti-hand-rock:before {
  content: '\ee97';
}
.ti-hand-stop:before {
  content: '\ec2e';
}
.ti-hand-three-fingers:before {
  content: '\ee98';
}
.ti-hand-two-fingers:before {
  content: '\ee99';
}
.ti-hanger:before {
  content: '\ee9a';
}
.ti-hash:before {
  content: '\eabc';
}
.ti-heading:before {
  content: '\ee9b';
}
.ti-headphones:before {
  content: '\eabd';
}
.ti-headphones-off:before {
  content: '\ed1d';
}
.ti-headset:before {
  content: '\eb90';
}
.ti-heart:before {
  content: '\eabe';
}
.ti-heart-broken:before {
  content: '\ecba';
}
.ti-helicopter:before {
  content: '\ed8e';
}
.ti-helicopter-landing:before {
  content: '\ed8d';
}
.ti-help:before {
  content: '\eabf';
}
.ti-hexagon:before {
  content: '\ec02';
}
.ti-hexagon-off:before {
  content: '\ee9c';
}
.ti-hierarchy:before {
  content: '\ee9e';
}
.ti-hierarchy-2:before {
  content: '\ee9d';
}
.ti-history:before {
  content: '\ebea';
}
.ti-home:before {
  content: '\eac1';
}
.ti-home-2:before {
  content: '\eac0';
}
.ti-ice-cream:before {
  content: '\eac2';
}
.ti-ice-cream-2:before {
  content: '\ee9f';
}
.ti-id:before {
  content: '\eac3';
}
.ti-inbox:before {
  content: '\eac4';
}
.ti-indent-decrease:before {
  content: '\eb91';
}
.ti-indent-increase:before {
  content: '\eb92';
}
.ti-infinity:before {
  content: '\eb69';
}
.ti-info-circle:before {
  content: '\eac5';
}
.ti-info-square:before {
  content: '\eac6';
}
.ti-italic:before {
  content: '\eb93';
}
.ti-jump-rope:before {
  content: '\ed8f';
}
.ti-karate:before {
  content: '\ed32';
}
.ti-key:before {
  content: '\eac7';
}
.ti-keyboard:before {
  content: '\ebd6';
}
.ti-keyboard-hide:before {
  content: '\ec7e';
}
.ti-keyboard-off:before {
  content: '\eea0';
}
.ti-keyboard-show:before {
  content: '\ec7f';
}
.ti-language:before {
  content: '\ebbe';
}
.ti-layers-difference:before {
  content: '\eac8';
}
.ti-layers-intersect:before {
  content: '\eac9';
}
.ti-layers-linked:before {
  content: '\eea1';
}
.ti-layers-subtract:before {
  content: '\eaca';
}
.ti-layers-union:before {
  content: '\eacb';
}
.ti-layout:before {
  content: '\eadb';
}
.ti-layout-2:before {
  content: '\eacc';
}
.ti-layout-align-bottom:before {
  content: '\eacd';
}
.ti-layout-align-center:before {
  content: '\eace';
}
.ti-layout-align-left:before {
  content: '\eacf';
}
.ti-layout-align-middle:before {
  content: '\ead0';
}
.ti-layout-align-right:before {
  content: '\ead1';
}
.ti-layout-align-top:before {
  content: '\ead2';
}
.ti-layout-bottombar:before {
  content: '\ead3';
}
.ti-layout-cards:before {
  content: '\ec13';
}
.ti-layout-columns:before {
  content: '\ead4';
}
.ti-layout-distribute-horizontal:before {
  content: '\ead5';
}
.ti-layout-distribute-vertical:before {
  content: '\ead6';
}
.ti-layout-grid:before {
  content: '\edba';
}
.ti-layout-grid-add:before {
  content: '\edb9';
}
.ti-layout-kanban:before {
  content: '\ec3f';
}
.ti-layout-list:before {
  content: '\ec14';
}
.ti-layout-navbar:before {
  content: '\ead7';
}
.ti-layout-rows:before {
  content: '\ead8';
}
.ti-layout-sidebar:before {
  content: '\eada';
}
.ti-layout-sidebar-right:before {
  content: '\ead9';
}
.ti-leaf:before {
  content: '\ed4f';
}
.ti-lego:before {
  content: '\eadc';
}
.ti-lemon:before {
  content: '\ef10';
}
.ti-letter-a:before {
  content: '\ec50';
}
.ti-letter-b:before {
  content: '\ec51';
}
.ti-letter-c:before {
  content: '\ec52';
}
.ti-letter-case:before {
  content: '\eea5';
}
.ti-letter-case-lower:before {
  content: '\eea2';
}
.ti-letter-case-toggle:before {
  content: '\eea3';
}
.ti-letter-case-upper:before {
  content: '\eea4';
}
.ti-letter-d:before {
  content: '\ec53';
}
.ti-letter-e:before {
  content: '\ec54';
}
.ti-letter-f:before {
  content: '\ec55';
}
.ti-letter-g:before {
  content: '\ec56';
}
.ti-letter-h:before {
  content: '\ec57';
}
.ti-letter-i:before {
  content: '\ec58';
}
.ti-letter-j:before {
  content: '\ec59';
}
.ti-letter-k:before {
  content: '\ec5a';
}
.ti-letter-l:before {
  content: '\ec5b';
}
.ti-letter-m:before {
  content: '\ec5c';
}
.ti-letter-n:before {
  content: '\ec5d';
}
.ti-letter-o:before {
  content: '\ec5e';
}
.ti-letter-p:before {
  content: '\ec5f';
}
.ti-letter-q:before {
  content: '\ec60';
}
.ti-letter-r:before {
  content: '\ec61';
}
.ti-letter-s:before {
  content: '\ec62';
}
.ti-letter-spacing:before {
  content: '\eea6';
}
.ti-letter-t:before {
  content: '\ec63';
}
.ti-letter-u:before {
  content: '\ec64';
}
.ti-letter-v:before {
  content: '\ec65';
}
.ti-letter-w:before {
  content: '\ec66';
}
.ti-letter-x:before {
  content: '\ec67';
}
.ti-letter-y:before {
  content: '\ec68';
}
.ti-letter-z:before {
  content: '\ec69';
}
.ti-letters-case:before {
  content: '\ec6a';
}
.ti-license:before {
  content: '\ebc0';
}
.ti-lifebuoy:before {
  content: '\eadd';
}
.ti-line:before {
  content: '\ec40';
}
.ti-line-dashed:before {
  content: '\eea7';
}
.ti-line-dotted:before {
  content: '\eea8';
}
.ti-line-height:before {
  content: '\eb94';
}
.ti-link:before {
  content: '\eade';
}
.ti-list:before {
  content: '\eb6b';
}
.ti-list-check:before {
  content: '\eb6a';
}
.ti-list-numbers:before {
  content: '\ef11';
}
.ti-list-search:before {
  content: '\eea9';
}
.ti-live-photo:before {
  content: '\eadf';
}
.ti-live-view:before {
  content: '\ec6b';
}
.ti-loader:before {
  content: '\eca3';
}
.ti-loader-quarter:before {
  content: '\eca2';
}
.ti-location:before {
  content: '\eae0';
}
.ti-lock:before {
  content: '\eae2';
}
.ti-lock-access:before {
  content: '\eeaa';
}
.ti-lock-off:before {
  content: '\ed1e';
}
.ti-lock-open:before {
  content: '\eae1';
}
.ti-login:before {
  content: '\eba7';
}
.ti-logout:before {
  content: '\eba8';
}
.ti-macro:before {
  content: '\eeab';
}
.ti-magnet:before {
  content: '\eae3';
}
.ti-mail:before {
  content: '\eae5';
}
.ti-mail-forward:before {
  content: '\eeac';
}
.ti-mail-opened:before {
  content: '\eae4';
}
.ti-mailbox:before {
  content: '\eead';
}
.ti-man:before {
  content: '\eae6';
}
.ti-manual-gearbox:before {
  content: '\ed7b';
}
.ti-map:before {
  content: '\eae9';
}
.ti-map-2:before {
  content: '\eae7';
}
.ti-map-pin:before {
  content: '\eae8';
}
.ti-map-pin-off:before {
  content: '\ecf3';
}
.ti-map-pins:before {
  content: '\ed5e';
}
.ti-markdown:before {
  content: '\ec41';
}
.ti-marquee:before {
  content: '\ec77';
}
.ti-marquee-2:before {
  content: '\eeae';
}
.ti-mars:before {
  content: '\ec80';
}
.ti-mask:before {
  content: '\eeb0';
}
.ti-mask-off:before {
  content: '\eeaf';
}
.ti-massage:before {
  content: '\eeb1';
}
.ti-math:before {
  content: '\ebeb';
}
.ti-math-function:before {
  content: '\eeb2';
}
.ti-math-symbols:before {
  content: '\eeb3';
}
.ti-maximize:before {
  content: '\eaea';
}
.ti-meat:before {
  content: '\ef12';
}
.ti-medal:before {
  content: '\ec78';
}
.ti-medical-cross:before {
  content: '\ec2f';
}
.ti-menu:before {
  content: '\eaeb';
}
.ti-menu-2:before {
  content: '\ec42';
}
.ti-message:before {
  content: '\eaef';
}
.ti-message-2:before {
  content: '\eaec';
}
.ti-message-circle:before {
  content: '\eaed';
}
.ti-message-circle-2:before {
  content: '\ed3f';
}
.ti-message-circle-off:before {
  content: '\ed40';
}
.ti-message-dots:before {
  content: '\eaee';
}
.ti-message-off:before {
  content: '\ed41';
}
.ti-message-plus:before {
  content: '\ec9a';
}
.ti-message-report:before {
  content: '\ec9b';
}
.ti-messages:before {
  content: '\eb6c';
}
.ti-messages-off:before {
  content: '\ed42';
}
.ti-microphone:before {
  content: '\eaf0';
}
.ti-microphone-2:before {
  content: '\ef2c';
}
.ti-microphone-off:before {
  content: '\ed16';
}
.ti-milk:before {
  content: '\ef13';
}
.ti-minimize:before {
  content: '\eaf1';
}
.ti-minus:before {
  content: '\eaf2';
}
.ti-minus-vertical:before {
  content: '\eeb4';
}
.ti-mist:before {
  content: '\ec30';
}
.ti-mood-boy:before {
  content: '\ed2d';
}
.ti-mood-confuzed:before {
  content: '\eaf3';
}
.ti-mood-crazy-happy:before {
  content: '\ed90';
}
.ti-mood-cry:before {
  content: '\ecbb';
}
.ti-mood-empty:before {
  content: '\eeb5';
}
.ti-mood-happy:before {
  content: '\eaf4';
}
.ti-mood-kid:before {
  content: '\ec03';
}
.ti-mood-neutral:before {
  content: '\eaf5';
}
.ti-mood-sad:before {
  content: '\eaf6';
}
.ti-mood-smile:before {
  content: '\eaf7';
}
.ti-mood-suprised:before {
  content: '\ec04';
}
.ti-mood-tongue:before {
  content: '\eb95';
}
.ti-moon:before {
  content: '\eaf8';
}
.ti-moon-2:before {
  content: '\ece6';
}
.ti-moon-stars:before {
  content: '\ece7';
}
.ti-moped:before {
  content: '\ecbc';
}
.ti-motorbike:before {
  content: '\eeb6';
}
.ti-mouse:before {
  content: '\eaf9';
}
.ti-movie:before {
  content: '\eafa';
}
.ti-mug:before {
  content: '\eafb';
}
.ti-mushroom:before {
  content: '\ef14';
}
.ti-music:before {
  content: '\eafc';
}
.ti-new-section:before {
  content: '\ebc1';
}
.ti-news:before {
  content: '\eafd';
}
.ti-nfc:before {
  content: '\eeb7';
}
.ti-note:before {
  content: '\eb6d';
}
.ti-notebook:before {
  content: '\eb96';
}
.ti-notes:before {
  content: '\eb6e';
}
.ti-notification:before {
  content: '\eafe';
}
.ti-number-0:before {
  content: '\edf0';
}
.ti-number-1:before {
  content: '\edf1';
}
.ti-number-2:before {
  content: '\edf2';
}
.ti-number-3:before {
  content: '\edf3';
}
.ti-number-4:before {
  content: '\edf4';
}
.ti-number-5:before {
  content: '\edf5';
}
.ti-number-6:before {
  content: '\edf6';
}
.ti-number-7:before {
  content: '\edf7';
}
.ti-number-8:before {
  content: '\edf8';
}
.ti-number-9:before {
  content: '\edf9';
}
.ti-octagon:before {
  content: '\ecbd';
}
.ti-octagon-off:before {
  content: '\eeb8';
}
.ti-old:before {
  content: '\eeb9';
}
.ti-olympics:before {
  content: '\eeba';
}
.ti-omega:before {
  content: '\eb97';
}
.ti-outlet:before {
  content: '\ebd7';
}
.ti-overline:before {
  content: '\eebb';
}
.ti-package:before {
  content: '\eaff';
}
.ti-pacman:before {
  content: '\eebc';
}
.ti-page-break:before {
  content: '\ec81';
}
.ti-paint:before {
  content: '\eb00';
}
.ti-palette:before {
  content: '\eb01';
}
.ti-panorama-horizontal:before {
  content: '\ed33';
}
.ti-panorama-vertical:before {
  content: '\ed34';
}
.ti-paperclip:before {
  content: '\eb02';
}
.ti-parachute:before {
  content: '\ed7c';
}
.ti-parentheses:before {
  content: '\ebd8';
}
.ti-parking:before {
  content: '\eb03';
}
.ti-peace:before {
  content: '\ecbe';
}
.ti-pencil:before {
  content: '\eb04';
}
.ti-pennant:before {
  content: '\ed7d';
}
.ti-pepper:before {
  content: '\ef15';
}
.ti-percentage:before {
  content: '\ecf4';
}
.ti-perspective:before {
  content: '\eebd';
}
.ti-phone:before {
  content: '\eb09';
}
.ti-phone-call:before {
  content: '\eb05';
}
.ti-phone-calling:before {
  content: '\ec43';
}
.ti-phone-check:before {
  content: '\ec05';
}
.ti-phone-incoming:before {
  content: '\eb06';
}
.ti-phone-off:before {
  content: '\ecf5';
}
.ti-phone-outgoing:before {
  content: '\eb07';
}
.ti-phone-pause:before {
  content: '\eb08';
}
.ti-phone-plus:before {
  content: '\ec06';
}
.ti-phone-x:before {
  content: '\ec07';
}
.ti-photo:before {
  content: '\eb0a';
}
.ti-photo-off:before {
  content: '\ecf6';
}
.ti-physotherapist:before {
  content: '\eebe';
}
.ti-picture-in-picture:before {
  content: '\ed35';
}
.ti-picture-in-picture-off:before {
  content: '\ed43';
}
.ti-picture-in-picture-on:before {
  content: '\ed44';
}
.ti-pill:before {
  content: '\ec44';
}
.ti-pin:before {
  content: '\ec9c';
}
.ti-pinned:before {
  content: '\ed60';
}
.ti-pinned-off:before {
  content: '\ed5f';
}
.ti-pizza:before {
  content: '\edbb';
}
.ti-plane:before {
  content: '\eb6f';
}
.ti-plane-arrival:before {
  content: '\eb99';
}
.ti-plane-departure:before {
  content: '\eb9a';
}
.ti-planet:before {
  content: '\ec08';
}
.ti-plant:before {
  content: '\ed50';
}
.ti-plant-2:before {
  content: '\ed7e';
}
.ti-play-card:before {
  content: '\eebf';
}
.ti-player-pause:before {
  content: '\ed45';
}
.ti-player-play:before {
  content: '\ed46';
}
.ti-player-record:before {
  content: '\ed47';
}
.ti-player-skip-back:before {
  content: '\ed48';
}
.ti-player-skip-forward:before {
  content: '\ed49';
}
.ti-player-stop:before {
  content: '\ed4a';
}
.ti-player-track-next:before {
  content: '\ed4b';
}
.ti-player-track-prev:before {
  content: '\ed4c';
}
.ti-playlist:before {
  content: '\eec0';
}
.ti-plug:before {
  content: '\ebd9';
}
.ti-plus:before {
  content: '\eb0b';
}
.ti-point:before {
  content: '\eb0c';
}
.ti-pokeball:before {
  content: '\eec1';
}
.ti-polaroid:before {
  content: '\eec2';
}
.ti-pool:before {
  content: '\ed91';
}
.ti-power:before {
  content: '\eb0d';
}
.ti-pray:before {
  content: '\ecbf';
}
.ti-presentation:before {
  content: '\eb70';
}
.ti-presentation-analytics:before {
  content: '\eec3';
}
.ti-printer:before {
  content: '\eb0e';
}
.ti-prompt:before {
  content: '\eb0f';
}
.ti-propeller:before {
  content: '\eec4';
}
.ti-puzzle:before {
  content: '\eb10';
}
.ti-pyramid:before {
  content: '\eec5';
}
.ti-qrcode:before {
  content: '\eb11';
}
.ti-question-mark:before {
  content: '\ec9d';
}
.ti-radio:before {
  content: '\ef2d';
}
.ti-radioactive:before {
  content: '\ecc0';
}
.ti-radius-bottom-left:before {
  content: '\eec6';
}
.ti-radius-bottom-right:before {
  content: '\eec7';
}
.ti-radius-top-left:before {
  content: '\eec8';
}
.ti-radius-top-right:before {
  content: '\eec9';
}
.ti-rainbow:before {
  content: '\edbc';
}
.ti-receipt:before {
  content: '\edfd';
}
.ti-receipt-2:before {
  content: '\edfa';
}
.ti-receipt-off:before {
  content: '\edfb';
}
.ti-receipt-refund:before {
  content: '\edfc';
}
.ti-receipt-tax:before {
  content: '\edbd';
}
.ti-recharging:before {
  content: '\eeca';
}
.ti-record-mail:before {
  content: '\eb12';
}
.ti-rectangle:before {
  content: '\ed37';
}
.ti-rectangle-vertical:before {
  content: '\ed36';
}
.ti-recycle:before {
  content: '\eb9b';
}
.ti-refresh:before {
  content: '\eb13';
}
.ti-refresh-alert:before {
  content: '\ed57';
}
.ti-registered:before {
  content: '\eb14';
}
.ti-relation-many-to-many:before {
  content: '\ed7f';
}
.ti-relation-one-to-many:before {
  content: '\ed80';
}
.ti-relation-one-to-one:before {
  content: '\ed81';
}
.ti-repeat:before {
  content: '\eb72';
}
.ti-repeat-once:before {
  content: '\eb71';
}
.ti-replace:before {
  content: '\ebc7';
}
.ti-report:before {
  content: '\eece';
}
.ti-report-analytics:before {
  content: '\eecb';
}
.ti-report-medical:before {
  content: '\eecc';
}
.ti-report-money:before {
  content: '\eecd';
}
.ti-resize:before {
  content: '\eecf';
}
.ti-ripple:before {
  content: '\ed82';
}
.ti-road-sign:before {
  content: '\ecdd';
}
.ti-rocket:before {
  content: '\ec45';
}
.ti-rotate:before {
  content: '\eb16';
}
.ti-rotate-2:before {
  content: '\ebb4';
}
.ti-rotate-clockwise:before {
  content: '\eb15';
}
.ti-rotate-clockwise-2:before {
  content: '\ebb5';
}
.ti-rotate-rectangle:before {
  content: '\ec15';
}
.ti-route:before {
  content: '\eb17';
}
.ti-router:before {
  content: '\eb18';
}
.ti-row-insert-bottom:before {
  content: '\eed0';
}
.ti-row-insert-top:before {
  content: '\eed1';
}
.ti-rss:before {
  content: '\eb19';
}
.ti-ruler:before {
  content: '\eb1a';
}
.ti-ruler-2:before {
  content: '\eed2';
}
.ti-run:before {
  content: '\ec82';
}
.ti-sailboat:before {
  content: '\ec83';
}
.ti-salt:before {
  content: '\ef16';
}
.ti-satellite:before {
  content: '\eed3';
}
.ti-sausage:before {
  content: '\ef17';
}
.ti-scale:before {
  content: '\ebc2';
}
.ti-scan:before {
  content: '\ebc8';
}
.ti-school:before {
  content: '\ecf7';
}
.ti-scissors:before {
  content: '\eb1b';
}
.ti-scooter:before {
  content: '\ec6c';
}
.ti-scooter-electric:before {
  content: '\ecc1';
}
.ti-screen-share:before {
  content: '\ed18';
}
.ti-screen-share-off:before {
  content: '\ed17';
}
.ti-scuba-mask:before {
  content: '\eed4';
}
.ti-search:before {
  content: '\eb1c';
}
.ti-section:before {
  content: '\eed5';
}
.ti-seeding:before {
  content: '\ed51';
}
.ti-select:before {
  content: '\ec9e';
}
.ti-selector:before {
  content: '\eb1d';
}
.ti-send:before {
  content: '\eb1e';
}
.ti-separator:before {
  content: '\ebda';
}
.ti-separator-horizontal:before {
  content: '\ec79';
}
.ti-separator-vertical:before {
  content: '\ec7a';
}
.ti-server:before {
  content: '\eb1f';
}
.ti-servicemark:before {
  content: '\ec09';
}
.ti-settings:before {
  content: '\eb20';
}
.ti-settings-automation:before {
  content: '\eed6';
}
.ti-shadow:before {
  content: '\eed8';
}
.ti-shadow-off:before {
  content: '\eed7';
}
.ti-shape:before {
  content: '\eb9c';
}
.ti-shape-2:before {
  content: '\eed9';
}
.ti-shape-3:before {
  content: '\eeda';
}
.ti-share:before {
  content: '\eb21';
}
.ti-shield:before {
  content: '\eb24';
}
.ti-shield-check:before {
  content: '\eb22';
}
.ti-shield-lock:before {
  content: '\ed58';
}
.ti-shield-off:before {
  content: '\ecf8';
}
.ti-shield-x:before {
  content: '\eb23';
}
.ti-ship:before {
  content: '\ec84';
}
.ti-shirt:before {
  content: '\ec0a';
}
.ti-shopping-cart:before {
  content: '\eb25';
}
.ti-shopping-cart-discount:before {
  content: '\eedb';
}
.ti-shopping-cart-off:before {
  content: '\eedc';
}
.ti-shopping-cart-plus:before {
  content: '\eedd';
}
.ti-shopping-cart-x:before {
  content: '\eede';
}
.ti-shredder:before {
  content: '\eedf';
}
.ti-signature:before {
  content: '\eee0';
}
.ti-sitemap:before {
  content: '\eb9d';
}
.ti-skateboard:before {
  content: '\ecc2';
}
.ti-slice:before {
  content: '\ebdb';
}
.ti-slideshow:before {
  content: '\ebc9';
}
.ti-smart-home:before {
  content: '\ecde';
}
.ti-smoking:before {
  content: '\ecc4';
}
.ti-smoking-no:before {
  content: '\ecc3';
}
.ti-snowflake:before {
  content: '\ec0b';
}
.ti-soccer-field:before {
  content: '\ed92';
}
.ti-social:before {
  content: '\ebec';
}
.ti-sock:before {
  content: '\eee1';
}
.ti-sort-ascending:before {
  content: '\eb26';
}
.ti-sort-ascending-2:before {
  content: '\eee2';
}
.ti-sort-ascending-letters:before {
  content: '\ef18';
}
.ti-sort-ascending-numbers:before {
  content: '\ef19';
}
.ti-sort-descending:before {
  content: '\eb27';
}
.ti-sort-descending-2:before {
  content: '\eee3';
}
.ti-sort-descending-letters:before {
  content: '\ef1a';
}
.ti-sort-descending-numbers:before {
  content: '\ef1b';
}
.ti-soup:before {
  content: '\ef2e';
}
.ti-space:before {
  content: '\ec0c';
}
.ti-speakerphone:before {
  content: '\ed61';
}
.ti-speedboat:before {
  content: '\ed93';
}
.ti-sport-billard:before {
  content: '\eee4';
}
.ti-square:before {
  content: '\eb2c';
}
.ti-square-0:before {
  content: '\eee5';
}
.ti-square-1:before {
  content: '\eee6';
}
.ti-square-2:before {
  content: '\eee7';
}
.ti-square-3:before {
  content: '\eee8';
}
.ti-square-4:before {
  content: '\eee9';
}
.ti-square-5:before {
  content: '\eeea';
}
.ti-square-6:before {
  content: '\eeeb';
}
.ti-square-7:before {
  content: '\eeec';
}
.ti-square-8:before {
  content: '\eeed';
}
.ti-square-9:before {
  content: '\eeee';
}
.ti-square-check:before {
  content: '\eb28';
}
.ti-square-dot:before {
  content: '\ed59';
}
.ti-square-forbid:before {
  content: '\ed5b';
}
.ti-square-forbid-2:before {
  content: '\ed5a';
}
.ti-square-minus:before {
  content: '\eb29';
}
.ti-square-off:before {
  content: '\eeef';
}
.ti-square-plus:before {
  content: '\eb2a';
}
.ti-square-root:before {
  content: '\eef1';
}
.ti-square-root-2:before {
  content: '\eef0';
}
.ti-square-rotated:before {
  content: '\ecdf';
}
.ti-square-rotated-off:before {
  content: '\eef2';
}
.ti-square-toggle:before {
  content: '\eef4';
}
.ti-square-toggle-horizontal:before {
  content: '\eef3';
}
.ti-square-x:before {
  content: '\eb2b';
}
.ti-squares-diagonal:before {
  content: '\eef5';
}
.ti-squares-filled:before {
  content: '\eef6';
}
.ti-stack:before {
  content: '\eb2d';
}
.ti-stack-2:before {
  content: '\eef7';
}
.ti-stairs:before {
  content: '\eca6';
}
.ti-stairs-down:before {
  content: '\eca4';
}
.ti-stairs-up:before {
  content: '\eca5';
}
.ti-star:before {
  content: '\eb2e';
}
.ti-star-half:before {
  content: '\ed19';
}
.ti-star-off:before {
  content: '\ed62';
}
.ti-stars:before {
  content: '\ed38';
}
.ti-steering-wheel:before {
  content: '\ec7b';
}
.ti-step-into:before {
  content: '\ece0';
}
.ti-step-out:before {
  content: '\ece1';
}
.ti-stethoscope:before {
  content: '\edbe';
}
.ti-sticker:before {
  content: '\eb2f';
}
.ti-strikethrough:before {
  content: '\eb9e';
}
.ti-submarine:before {
  content: '\ed94';
}
.ti-subscript:before {
  content: '\eb9f';
}
.ti-subtask:before {
  content: '\ec9f';
}
.ti-sum:before {
  content: '\eb73';
}
.ti-sun:before {
  content: '\eb30';
}
.ti-sun-off:before {
  content: '\ed63';
}
.ti-sunrise:before {
  content: '\ef1c';
}
.ti-sunset:before {
  content: '\ec31';
}
.ti-superscript:before {
  content: '\eba0';
}
.ti-swimming:before {
  content: '\ec92';
}
.ti-switch:before {
  content: '\eb33';
}
.ti-switch-2:before {
  content: '\edbf';
}
.ti-switch-3:before {
  content: '\edc0';
}
.ti-switch-horizontal:before {
  content: '\eb31';
}
.ti-switch-vertical:before {
  content: '\eb32';
}
.ti-table:before {
  content: '\eba1';
}
.ti-table-export:before {
  content: '\eef8';
}
.ti-table-import:before {
  content: '\eef9';
}
.ti-table-off:before {
  content: '\eefa';
}
.ti-tag:before {
  content: '\eb34';
}
.ti-tallymark-1:before {
  content: '\ec46';
}
.ti-tallymark-2:before {
  content: '\ec47';
}
.ti-tallymark-3:before {
  content: '\ec48';
}
.ti-tallymark-4:before {
  content: '\ec49';
}
.ti-tallymarks:before {
  content: '\ec4a';
}
.ti-tank:before {
  content: '\ed95';
}
.ti-target:before {
  content: '\eb35';
}
.ti-temperature:before {
  content: '\eb38';
}
.ti-temperature-celsius:before {
  content: '\eb36';
}
.ti-temperature-fahrenheit:before {
  content: '\eb37';
}
.ti-temperature-minus:before {
  content: '\ebed';
}
.ti-temperature-plus:before {
  content: '\ebee';
}
.ti-template:before {
  content: '\eb39';
}
.ti-tent:before {
  content: '\eefb';
}
.ti-terminal:before {
  content: '\ebdc';
}
.ti-terminal-2:before {
  content: '\ebef';
}
.ti-test-pipe:before {
  content: '\eb3a';
}
.ti-text-direction-ltr:before {
  content: '\eefc';
}
.ti-text-direction-rtl:before {
  content: '\eefd';
}
.ti-text-wrap:before {
  content: '\ebdd';
}
.ti-text-wrap-disabled:before {
  content: '\eca7';
}
.ti-thumb-down:before {
  content: '\eb3b';
}
.ti-thumb-up:before {
  content: '\eb3c';
}
.ti-ticket:before {
  content: '\eb3d';
}
.ti-tilt-shift:before {
  content: '\eefe';
}
.ti-tir:before {
  content: '\ebf0';
}
.ti-toggle-left:before {
  content: '\eb3e';
}
.ti-toggle-right:before {
  content: '\eb3f';
}
.ti-tool:before {
  content: '\eb40';
}
.ti-tools:before {
  content: '\ebca';
}
.ti-tools-kitchen:before {
  content: '\ed64';
}
.ti-tools-kitchen-2:before {
  content: '\eeff';
}
.ti-tornado:before {
  content: '\ece2';
}
.ti-tournament:before {
  content: '\ecd0';
}
.ti-track:before {
  content: '\ef00';
}
.ti-tractor:before {
  content: '\ec0d';
}
.ti-trademark:before {
  content: '\ec0e';
}
.ti-traffic-cone:before {
  content: '\ec0f';
}
.ti-traffic-lights:before {
  content: '\ed39';
}
.ti-train:before {
  content: '\ed96';
}
.ti-transfer-in:before {
  content: '\ef2f';
}
.ti-transfer-out:before {
  content: '\ef30';
}
.ti-trash:before {
  content: '\eb41';
}
.ti-trash-off:before {
  content: '\ed65';
}
.ti-tree:before {
  content: '\ef01';
}
.ti-trees:before {
  content: '\ec10';
}
.ti-trending-down:before {
  content: '\eb42';
}
.ti-trending-down-2:before {
  content: '\edc1';
}
.ti-trending-down-3:before {
  content: '\edc2';
}
.ti-trending-up:before {
  content: '\eb43';
}
.ti-trending-up-2:before {
  content: '\edc3';
}
.ti-trending-up-3:before {
  content: '\edc4';
}
.ti-triangle:before {
  content: '\eb44';
}
.ti-triangle-off:before {
  content: '\ef02';
}
.ti-triangle-square-circle:before {
  content: '\ece8';
}
.ti-trident:before {
  content: '\ecc5';
}
.ti-trophy:before {
  content: '\eb45';
}
.ti-truck:before {
  content: '\ebc4';
}
.ti-truck-delivery:before {
  content: '\ec4b';
}
.ti-truck-off:before {
  content: '\ef03';
}
.ti-truck-return:before {
  content: '\ec4c';
}
.ti-typography:before {
  content: '\ebc5';
}
.ti-umbrella:before {
  content: '\ebf1';
}
.ti-underline:before {
  content: '\eba2';
}
.ti-unlink:before {
  content: '\eb46';
}
.ti-upload:before {
  content: '\eb47';
}
.ti-urgent:before {
  content: '\eb48';
}
.ti-user:before {
  content: '\eb4d';
}
.ti-user-check:before {
  content: '\eb49';
}
.ti-user-exclamation:before {
  content: '\ec12';
}
.ti-user-minus:before {
  content: '\eb4a';
}
.ti-user-off:before {
  content: '\ecf9';
}
.ti-user-plus:before {
  content: '\eb4b';
}
.ti-user-x:before {
  content: '\eb4c';
}
.ti-users:before {
  content: '\ebf2';
}
.ti-vaccine:before {
  content: '\ef04';
}
.ti-variable:before {
  content: '\ef05';
}
.ti-vector:before {
  content: '\eca9';
}
.ti-vector-beizer-2:before {
  content: '\ed3a';
}
.ti-vector-bezier:before {
  content: '\ef1d';
}
.ti-vector-triangle:before {
  content: '\eca8';
}
.ti-venus:before {
  content: '\ec86';
}
.ti-versions:before {
  content: '\ed52';
}
.ti-video:before {
  content: '\ed22';
}
.ti-video-minus:before {
  content: '\ed1f';
}
.ti-video-off:before {
  content: '\ed20';
}
.ti-video-plus:before {
  content: '\ed21';
}
.ti-view-360:before {
  content: '\ed84';
}
.ti-viewfinder:before {
  content: '\eb4e';
}
.ti-viewport-narrow:before {
  content: '\ebf3';
}
.ti-viewport-wide:before {
  content: '\ebf4';
}
.ti-virus:before {
  content: '\eb74';
}
.ti-virus-off:before {
  content: '\ed66';
}
.ti-virus-search:before {
  content: '\ed67';
}
.ti-vocabulary:before {
  content: '\ef1e';
}
.ti-volume:before {
  content: '\eb51';
}
.ti-volume-2:before {
  content: '\eb4f';
}
.ti-volume-3:before {
  content: '\eb50';
}
.ti-walk:before {
  content: '\ec87';
}
.ti-wallet:before {
  content: '\eb75';
}
.ti-wand:before {
  content: '\ebcb';
}
.ti-wave-saw-tool:before {
  content: '\ecd3';
}
.ti-wave-sine:before {
  content: '\ecd4';
}
.ti-wave-square:before {
  content: '\ecd5';
}
.ti-wifi:before {
  content: '\eb52';
}
.ti-wifi-0:before {
  content: '\eba3';
}
.ti-wifi-1:before {
  content: '\eba4';
}
.ti-wifi-2:before {
  content: '\eba5';
}
.ti-wifi-off:before {
  content: '\ecfa';
}
.ti-wind:before {
  content: '\ec34';
}
.ti-windmill:before {
  content: '\ed85';
}
.ti-window:before {
  content: '\ef06';
}
.ti-wiper:before {
  content: '\ecab';
}
.ti-wiper-wash:before {
  content: '\ecaa';
}
.ti-woman:before {
  content: '\eb53';
}
.ti-world:before {
  content: '\eb54';
}
.ti-world-latitude:before {
  content: '\ed2e';
}
.ti-world-longitude:before {
  content: '\ed2f';
}
.ti-wrecking-ball:before {
  content: '\ed97';
}
.ti-writing:before {
  content: '\ef08';
}
.ti-writing-sign:before {
  content: '\ef07';
}
.ti-x:before {
  content: '\eb55';
}
.ti-yin-yang:before {
  content: '\ec35';
}
.ti-zodiac-aquarius:before {
  content: '\ecac';
}
.ti-zodiac-aries:before {
  content: '\ecad';
}
.ti-zodiac-cancer:before {
  content: '\ecae';
}
.ti-zodiac-capricorn:before {
  content: '\ecaf';
}
.ti-zodiac-gemini:before {
  content: '\ecb0';
}
.ti-zodiac-leo:before {
  content: '\ecb1';
}
.ti-zodiac-libra:before {
  content: '\ecb2';
}
.ti-zodiac-pisces:before {
  content: '\ecb3';
}
.ti-zodiac-sagittarius:before {
  content: '\ecb4';
}
.ti-zodiac-scorpio:before {
  content: '\ecb5';
}
.ti-zodiac-taurus:before {
  content: '\ecb6';
}
.ti-zodiac-virgo:before {
  content: '\ecb7';
}
.ti-zoom-cancel:before {
  content: '\ec4d';
}
.ti-zoom-check:before {
  content: '\ef09';
}
.ti-zoom-in:before {
  content: '\eb56';
}
.ti-zoom-money:before {
  content: '\ef0a';
}
.ti-zoom-out:before {
  content: '\eb57';
}
.ti-zoom-question:before {
  content: '\edeb';
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/fonts/JioType/jio-type.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
/* JioType Font Family */
@font-face {
  font-family: 'JioType';
  src: url('JioType-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-Light2.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-Medium2.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JioType';
  src: url('JioType-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
h5 {
  font-size: 14px !important;
  font-weight: 500 !important;
}

h6 {
  font-size: 13px !important;
  font-weight: 400 !important;
}

html {
  --mat-badge-text-font: 'JioType', sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 500 1.5rem / 1.2 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 1.875rem / 1.27 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 500 1.5rem / 1.33 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 0.875rem / 1.5 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(0.875rem * 0.83) / 1.57 'JioType', sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(0.875rem * 0.67) / 1.57 'JioType', sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 0.75rem / 1.66 'JioType', sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 0.875rem / 1.57 'JioType', sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 0.75rem / 1.66 'JioType', sans-serif;
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 500 2.25rem / 3.1 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 500 2rem / 2.28 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 500 1.75rem / 2.57 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 500 1.5rem / 2.28 'JioType', sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: 'JioType', sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.57;
  --mat-bottom-sheet-container-text-size: 0.875rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-button-toggle-label-text-font: 'JioType', sans-serif;
  --mat-button-toggle-label-text-line-height: 1.5;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: 'JioType', sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 1.5;
  --mat-button-toggle-legacy-label-text-size: 0.875rem;
  --mat-button-toggle-legacy-label-text-tracking: normal;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: 'JioType', sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: 'JioType', sans-serif;
  --mat-expansion-header-text-size: 0.75rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: 'JioType', sans-serif;
  --mat-expansion-container-text-line-height: 1.57;
  --mat-expansion-container-text-size: 0.875rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 0.875rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.875rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
}

html {
  --mat-stepper-container-text-font: 'JioType', sans-serif;
  --mat-stepper-header-label-text-font: 'JioType', sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: 'JioType', sans-serif;
  --mat-toolbar-title-text-line-height: 1.27;
  --mat-toolbar-title-text-size: 1.875rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: 'JioType', sans-serif;
  --mat-tree-node-text-size: 0.875rem;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: 'JioType', sans-serif;
  --mat-option-label-text-line-height: 1.5;
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: 'JioType', sans-serif;
  --mat-optgroup-label-text-line-height: 1.5;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: 'JioType', sans-serif;
  --mat-card-title-text-line-height: 1.27;
  --mat-card-title-text-size: 1.875rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: 'JioType', sans-serif;
  --mat-card-subtitle-text-line-height: 1.66;
  --mat-card-subtitle-text-size: 0.75rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mat-tooltip-supporting-text-font: 'JioType', sans-serif;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: normal;
}

html {
  --mat-form-field-container-text-font: 'JioType', sans-serif;
  --mat-form-field-container-text-line-height: 1.5;
  --mat-form-field-container-text-size: 0.875rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 0.875rem;
  --mat-form-field-subscript-text-font: 'JioType', sans-serif;
  --mat-form-field-subscript-text-line-height: 1.66;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: 'JioType', sans-serif;
  --mat-form-field-filled-label-text-size: 0.875rem;
  --mat-form-field-filled-label-text-tracking: normal;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: 'JioType', sans-serif;
  --mat-form-field-outlined-label-text-size: 0.875rem;
  --mat-form-field-outlined-label-text-tracking: normal;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: 'JioType', sans-serif;
  --mat-select-trigger-text-line-height: 1.5;
  --mat-select-trigger-text-size: 0.875rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-dialog-subhead-font: 'JioType', sans-serif;
  --mat-dialog-subhead-line-height: 1.27;
  --mat-dialog-subhead-size: 1.875rem;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-supporting-text-font: 'JioType', sans-serif;
  --mat-dialog-supporting-text-line-height: 1.5;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: 'JioType', sans-serif;
  --mat-chip-label-text-line-height: 1.57;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: normal;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: 'JioType', sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.57;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: 'JioType', sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.57;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: 'JioType', sans-serif;
  --mat-radio-label-text-line-height: 1.57;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}

html {
  --mat-slider-label-label-text-font: 'JioType', sans-serif;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-line-height: 1.66;
  --mat-slider-label-label-text-tracking: normal;
  --mat-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: 'JioType', sans-serif;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1.5;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mat-list-list-item-label-text-font: 'JioType', sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5;
  --mat-list-list-item-label-text-size: 0.875rem;
  --mat-list-list-item-label-text-tracking: normal;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: 'JioType', sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.57;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: normal;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: 'JioType', sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1.66;
  --mat-list-list-item-trailing-supporting-text-size: 0.75rem;
  --mat-list-list-item-trailing-supporting-text-tracking: normal;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 500 1.5rem / 1.33 'JioType', sans-serif;
  letter-spacing: normal;
}

html {
  --mat-paginator-container-text-font: 'JioType', sans-serif;
  --mat-paginator-container-text-line-height: 1.66;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: 'JioType', sans-serif;
  --mat-tab-label-text-size: 0.875;
  --mat-tab-label-text-tracking: normal;
  --mat-tab-label-text-line-height: 0;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: 'JioType', sans-serif;
  --mat-checkbox-label-text-line-height: 1.57;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mat-button-filled-label-text-font: 'JioType', sans-serif;
  --mat-button-filled-label-text-size: 0.875;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: 'JioType', sans-serif;
  --mat-button-outlined-label-text-size: 0.875;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: 'JioType', sans-serif;
  --mat-button-protected-label-text-size: 0.875;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: 'JioType', sans-serif;
  --mat-button-text-label-text-size: 0.875;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: 'JioType', sans-serif;
  --mat-button-tonal-label-text-size: 0.875;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: 'JioType', sans-serif;
  --mat-fab-extended-label-text-size: 0.875;
  --mat-fab-extended-label-text-tracking: normal;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: 'JioType', sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.57;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: 'JioType', sans-serif;
  --mat-table-header-headline-line-height: 1.66;
  --mat-table-header-headline-size: 0.75rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: 'JioType', sans-serif;
  --mat-table-row-item-label-text-line-height: 1.57;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: 'JioType', sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.57;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3e0084;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #999999;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #dc2626;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #999999;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #999999;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3e0084;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3e0084;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #999999;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #999999;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #dc2626;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: #b0b0b0;
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #dc2626;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3e0084;
  --mat-progress-bar-track-color: rgba(62, 0, 132, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #999999;
  --mat-progress-bar-track-color: rgba(153, 153, 153, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #dc2626;
  --mat-progress-bar-track-color: rgba(220, 38, 38, 0.25);
}

html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}

html {
  --mat-tooltip-container-color: #616161;
  --mat-tooltip-supporting-text-color: #fff;
}

html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}

html {
  --mat-form-field-focus-select-arrow-color: rgba(62, 0, 132, 0.87);
  --mat-form-field-filled-caret-color: #3e0084;
  --mat-form-field-filled-focus-active-indicator-color: #3e0084;
  --mat-form-field-filled-focus-label-text-color: rgba(62, 0, 132, 0.87);
  --mat-form-field-outlined-caret-color: #3e0084;
  --mat-form-field-outlined-focus-outline-color: #3e0084;
  --mat-form-field-outlined-focus-label-text-color: rgba(62, 0, 132, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #dc2626;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
  --mat-form-field-filled-container-color: rgb(244.8, 244.8, 244.8);
  --mat-form-field-filled-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-filled-error-hover-label-text-color: #dc2626;
  --mat-form-field-filled-error-focus-label-text-color: #dc2626;
  --mat-form-field-filled-error-label-text-color: #dc2626;
  --mat-form-field-filled-error-caret-color: #dc2626;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mat-form-field-filled-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-error-hover-active-indicator-color: #dc2626;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mat-form-field-outlined-error-caret-color: #dc2626;
  --mat-form-field-outlined-error-focus-label-text-color: #dc2626;
  --mat-form-field-outlined-error-label-text-color: #dc2626;
  --mat-form-field-outlined-error-hover-label-text-color: #dc2626;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #dc2626;
  --mat-form-field-outlined-error-hover-outline-color: #dc2626;
  --mat-form-field-outlined-error-outline-color: #dc2626;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(153, 153, 153, 0.87);
  --mat-form-field-filled-caret-color: #999999;
  --mat-form-field-filled-focus-active-indicator-color: #999999;
  --mat-form-field-filled-focus-label-text-color: rgba(153, 153, 153, 0.87);
  --mat-form-field-outlined-caret-color: #999999;
  --mat-form-field-outlined-focus-outline-color: #999999;
  --mat-form-field-outlined-focus-label-text-color: rgba(153, 153, 153, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-filled-caret-color: #dc2626;
  --mat-form-field-filled-focus-active-indicator-color: #dc2626;
  --mat-form-field-filled-focus-label-text-color: rgba(220, 38, 38, 0.87);
  --mat-form-field-outlined-caret-color: #dc2626;
  --mat-form-field-outlined-focus-outline-color: #dc2626;
  --mat-form-field-outlined-focus-label-text-color: rgba(220, 38, 38, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(62, 0, 132, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(153, 153, 153, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(220, 38, 38, 0.87);
  --mat-select-invalid-arrow-color: rgba(220, 38, 38, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: #212121;
  --mat-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
  --mat-chip-with-icon-disabled-icon-color: #212121;
  --mat-chip-with-icon-icon-color: #212121;
  --mat-chip-with-icon-selected-icon-color: #212121;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mat-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3e0084;
  --mat-chip-elevated-disabled-container-color: #3e0084;
  --mat-chip-elevated-selected-container-color: #3e0084;
  --mat-chip-flat-disabled-selected-container-color: #3e0084;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: black;
  --mat-chip-elevated-container-color: #999999;
  --mat-chip-elevated-disabled-container-color: #999999;
  --mat-chip-elevated-selected-container-color: #999999;
  --mat-chip-flat-disabled-selected-container-color: #999999;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: black;
  --mat-chip-selected-disabled-trailing-icon-color: black;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: black;
  --mat-chip-selected-trailing-icon-color: black;
  --mat-chip-with-icon-disabled-icon-color: black;
  --mat-chip-with-icon-icon-color: black;
  --mat-chip-with-icon-selected-icon-color: black;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mat-chip-with-trailing-icon-trailing-icon-color: black;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #dc2626;
  --mat-chip-elevated-disabled-container-color: #dc2626;
  --mat-chip-elevated-selected-container-color: #dc2626;
  --mat-chip-flat-disabled-selected-container-color: #dc2626;
  --mat-chip-focus-state-layer-color: black;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: black;
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: black;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: black;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}

html {
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
}

html {
  --mat-slide-toggle-selected-focus-state-layer-color: #2b005c;
  --mat-slide-toggle-selected-handle-color: #2b005c;
  --mat-slide-toggle-selected-hover-state-layer-color: #2b005c;
  --mat-slide-toggle-selected-pressed-state-layer-color: #2b005c;
  --mat-slide-toggle-selected-focus-handle-color: #17003e;
  --mat-slide-toggle-selected-hover-handle-color: #17003e;
  --mat-slide-toggle-selected-pressed-handle-color: #17003e;
  --mat-slide-toggle-selected-focus-track-color: #9957de;
  --mat-slide-toggle-selected-hover-track-color: #9957de;
  --mat-slide-toggle-selected-pressed-track-color: #9957de;
  --mat-slide-toggle-selected-track-color: #9957de;
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: #424242;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #424242;
  --mat-slide-toggle-disabled-unselected-handle-color: #424242;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-track-color: #424242;
  --mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: #fff;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-handle-color: #212121;
  --mat-slide-toggle-unselected-focus-state-layer-color: #424242;
  --mat-slide-toggle-unselected-focus-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-handle-color: #616161;
  --mat-slide-toggle-unselected-hover-state-layer-color: #424242;
  --mat-slide-toggle-unselected-hover-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-handle-color: #212121;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e0e0;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #424242;
  --mat-slide-toggle-unselected-track-color: #e0e0e0;
}
html {
  --mdc-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-slide-toggle-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-focus-state-layer-color: #595959;
  --mat-slide-toggle-selected-handle-color: #595959;
  --mat-slide-toggle-selected-hover-state-layer-color: #595959;
  --mat-slide-toggle-selected-pressed-state-layer-color: #595959;
  --mat-slide-toggle-selected-focus-handle-color: #141414;
  --mat-slide-toggle-selected-hover-handle-color: #141414;
  --mat-slide-toggle-selected-pressed-handle-color: #141414;
  --mat-slide-toggle-selected-focus-track-color: #e8e8e8;
  --mat-slide-toggle-selected-hover-track-color: #e8e8e8;
  --mat-slide-toggle-selected-pressed-track-color: #e8e8e8;
  --mat-slide-toggle-selected-track-color: #e8e8e8;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-focus-state-layer-color: #d82222;
  --mat-slide-toggle-selected-handle-color: #d82222;
  --mat-slide-toggle-selected-hover-state-layer-color: #d82222;
  --mat-slide-toggle-selected-pressed-state-layer-color: #d82222;
  --mat-slide-toggle-selected-focus-handle-color: #c50d0d;
  --mat-slide-toggle-selected-hover-handle-color: #c50d0d;
  --mat-slide-toggle-selected-pressed-handle-color: #c50d0d;
  --mat-slide-toggle-selected-focus-track-color: #e76767;
  --mat-slide-toggle-selected-hover-track-color: #e76767;
  --mat-slide-toggle-selected-pressed-track-color: #e76767;
  --mat-slide-toggle-selected-track-color: #e76767;
}

html {
  --mat-slide-toggle-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-state-layer-size: 40px;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3e0084;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #3e0084;
  --mat-radio-selected-hover-icon-color: #3e0084;
  --mat-radio-selected-icon-color: #3e0084;
  --mat-radio-selected-pressed-icon-color: #3e0084;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #999999;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #999999;
  --mat-radio-selected-hover-icon-color: #999999;
  --mat-radio-selected-icon-color: #999999;
  --mat-radio-selected-pressed-icon-color: #999999;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mat-slider-active-track-color: #3e0084;
  --mat-slider-focus-handle-color: #3e0084;
  --mat-slider-focus-state-layer-color: rgba(62, 0, 132, 0.2);
  --mat-slider-handle-color: #3e0084;
  --mat-slider-hover-handle-color: #3e0084;
  --mat-slider-hover-state-layer-color: rgba(62, 0, 132, 0.05);
  --mat-slider-inactive-track-color: #3e0084;
  --mat-slider-ripple-color: #3e0084;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3e0084;
  --mat-slider-disabled-active-track-color: #000;
  --mat-slider-disabled-handle-color: #000;
  --mat-slider-disabled-inactive-track-color: #000;
  --mat-slider-label-container-color: #000;
  --mat-slider-label-label-text-color: #fff;
  --mat-slider-value-indicator-opacity: 0.6;
  --mat-slider-with-overlap-handle-outline-color: #fff;
  --mat-slider-with-tick-marks-disabled-container-color: #000;
}
html .mat-accent {
  --mat-slider-active-track-color: #999999;
  --mat-slider-focus-handle-color: #999999;
  --mat-slider-focus-state-layer-color: rgba(153, 153, 153, 0.2);
  --mat-slider-handle-color: #999999;
  --mat-slider-hover-handle-color: #999999;
  --mat-slider-hover-state-layer-color: rgba(153, 153, 153, 0.05);
  --mat-slider-inactive-track-color: #999999;
  --mat-slider-ripple-color: #999999;
  --mat-slider-with-tick-marks-active-container-color: black;
  --mat-slider-with-tick-marks-inactive-container-color: #999999;
}
html .mat-warn {
  --mat-slider-active-track-color: #dc2626;
  --mat-slider-focus-handle-color: #dc2626;
  --mat-slider-focus-state-layer-color: rgba(220, 38, 38, 0.2);
  --mat-slider-handle-color: #dc2626;
  --mat-slider-hover-handle-color: #dc2626;
  --mat-slider-hover-state-layer-color: rgba(220, 38, 38, 0.05);
  --mat-slider-inactive-track-color: #dc2626;
  --mat-slider-ripple-color: #dc2626;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #dc2626;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}

html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-disabled-label-text-color: black;
  --mat-list-list-item-disabled-leading-icon-color: black;
  --mat-list-list-item-disabled-trailing-icon-color: black;
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-hover-state-layer-color: black;
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: black;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3e0084;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #3e0084;
  --mat-radio-selected-hover-icon-color: #3e0084;
  --mat-radio-selected-icon-color: #3e0084;
  --mat-radio-selected-pressed-icon-color: #3e0084;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #999999;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #999999;
  --mat-radio-selected-hover-icon-color: #999999;
  --mat-radio-selected-icon-color: #999999;
  --mat-radio-selected-pressed-icon-color: #999999;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #dc2626;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-disabled-selected-icon-color: black;
  --mat-radio-disabled-unselected-icon-color: black;
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: black;
  --mat-radio-selected-focus-icon-color: #dc2626;
  --mat-radio-selected-hover-icon-color: #dc2626;
  --mat-radio-selected-icon-color: #dc2626;
  --mat-radio-selected-pressed-icon-color: #dc2626;
  --mat-radio-unselected-focus-icon-color: #212121;
  --mat-radio-unselected-hover-icon-color: #212121;
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3e0084;
  --mat-checkbox-selected-hover-icon-color: #3e0084;
  --mat-checkbox-selected-icon-color: #3e0084;
  --mat-checkbox-selected-pressed-icon-color: #3e0084;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3e0084;
  --mat-checkbox-selected-hover-state-layer-color: #3e0084;
  --mat-checkbox-selected-pressed-state-layer-color: #3e0084;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #999999;
  --mat-checkbox-selected-hover-icon-color: #999999;
  --mat-checkbox-selected-icon-color: #999999;
  --mat-checkbox-selected-pressed-icon-color: #999999;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #999999;
  --mat-checkbox-selected-hover-state-layer-color: #999999;
  --mat-checkbox-selected-pressed-state-layer-color: #999999;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3e0084;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #3e0084;
  --mat-tab-active-ripple-color: #3e0084;
  --mat-tab-inactive-ripple-color: #3e0084;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #3e0084;
  --mat-tab-active-hover-label-text-color: #3e0084;
  --mat-tab-active-focus-indicator-color: #3e0084;
  --mat-tab-active-hover-indicator-color: #3e0084;
  --mat-tab-active-indicator-color: #3e0084;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #999999;
  --mat-tab-active-ripple-color: #999999;
  --mat-tab-inactive-ripple-color: #999999;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #999999;
  --mat-tab-active-hover-label-text-color: #999999;
  --mat-tab-active-focus-indicator-color: #999999;
  --mat-tab-active-hover-indicator-color: #999999;
  --mat-tab-active-indicator-color: #999999;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-pagination-icon-color: black;
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-label-text-color: #dc2626;
  --mat-tab-active-ripple-color: #dc2626;
  --mat-tab-inactive-ripple-color: #dc2626;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-active-focus-label-text-color: #dc2626;
  --mat-tab-active-hover-label-text-color: #dc2626;
  --mat-tab-active-focus-indicator-color: #dc2626;
  --mat-tab-active-hover-indicator-color: #dc2626;
  --mat-tab-active-indicator-color: #dc2626;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: #fff;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: black;
  --mat-checkbox-selected-focus-icon-color: #999999;
  --mat-checkbox-selected-hover-icon-color: #999999;
  --mat-checkbox-selected-icon-color: #999999;
  --mat-checkbox-selected-pressed-icon-color: #999999;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #999999;
  --mat-checkbox-selected-hover-state-layer-color: #999999;
  --mat-checkbox-selected-pressed-state-layer-color: #999999;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3e0084;
  --mat-checkbox-selected-hover-icon-color: #3e0084;
  --mat-checkbox-selected-icon-color: #3e0084;
  --mat-checkbox-selected-pressed-icon-color: #3e0084;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3e0084;
  --mat-checkbox-selected-hover-state-layer-color: #3e0084;
  --mat-checkbox-selected-pressed-state-layer-color: #3e0084;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #dc2626;
  --mat-checkbox-selected-hover-icon-color: #dc2626;
  --mat-checkbox-selected-icon-color: #dc2626;
  --mat-checkbox-selected-pressed-icon-color: #dc2626;
  --mat-checkbox-unselected-focus-icon-color: #212121;
  --mat-checkbox-unselected-hover-icon-color: #212121;
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #dc2626;
  --mat-checkbox-selected-hover-state-layer-color: #dc2626;
  --mat-checkbox-selected-pressed-state-layer-color: #dc2626;
  --mat-checkbox-unselected-focus-state-layer-color: black;
  --mat-checkbox-unselected-hover-state-layer-color: black;
  --mat-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}

html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-filled-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-filled-disabled-state-layer-color: black;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: black;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: black;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-outlined-state-layer-color: black;
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-protected-disabled-state-layer-color: black;
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-text-disabled-state-layer-color: black;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: black;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-text-state-layer-color: black;
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mat-button-tonal-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-tonal-disabled-state-layer-color: black;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3e0084;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3e0084;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(62, 0, 132, 0.1);
  --mat-button-outlined-state-layer-color: #3e0084;
  --mat-button-protected-container-color: #3e0084;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3e0084;
  --mat-button-text-ripple-color: rgba(62, 0, 132, 0.1);
  --mat-button-text-state-layer-color: #3e0084;
  --mat-button-tonal-container-color: #3e0084;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #999999;
  --mat-button-filled-label-text-color: black;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-filled-state-layer-color: black;
  --mat-button-outlined-label-text-color: #999999;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(153, 153, 153, 0.1);
  --mat-button-outlined-state-layer-color: #999999;
  --mat-button-protected-container-color: #999999;
  --mat-button-protected-label-text-color: black;
  --mat-button-protected-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-protected-state-layer-color: black;
  --mat-button-text-label-text-color: #999999;
  --mat-button-text-ripple-color: rgba(153, 153, 153, 0.1);
  --mat-button-text-state-layer-color: #999999;
  --mat-button-tonal-container-color: #999999;
  --mat-button-tonal-label-text-color: black;
  --mat-button-tonal-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-button-tonal-state-layer-color: black;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #dc2626;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #dc2626;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-outlined-state-layer-color: #dc2626;
  --mat-button-protected-container-color: #dc2626;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #dc2626;
  --mat-button-text-ripple-color: rgba(220, 38, 38, 0.1);
  --mat-button-text-state-layer-color: #dc2626;
  --mat-button-tonal-container-color: #dc2626;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-button-tonal-state-layer-color: white;
}

html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
}

html {
  --mat-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-state-layer-color: black;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3e0084;
  --mat-icon-button-state-layer-color: #3e0084;
  --mat-icon-button-ripple-color: rgba(62, 0, 132, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #999999;
  --mat-icon-button-state-layer-color: #999999;
  --mat-icon-button-ripple-color: rgba(153, 153, 153, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #dc2626;
  --mat-icon-button-state-layer-color: #dc2626;
  --mat-icon-button-ripple-color: rgba(220, 38, 38, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: black;
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
html .mat-mdc-fab.mat-primary, html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3e0084;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #3e0084;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html .mat-mdc-fab.mat-accent, html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #999999;
  --mat-fab-foreground-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-container-color: #999999;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-state-layer-color: black;
  --mat-fab-state-layer-color: black;
}
html .mat-mdc-fab.mat-warn, html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #dc2626;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-container-color: #dc2626;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}

html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #333333;
  --mat-snack-bar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #d3b9ef;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #3e0084;
}
html .mat-accent {
  --mat-progress-spinner-active-indicator-color: #999999;
}
html .mat-warn {
  --mat-progress-spinner-active-indicator-color: #dc2626;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #3e0084;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #999999;
  --mat-badge-text-color: black;
}

.mat-badge-warn {
  --mat-badge-background-color: #dc2626;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: #bdbdbd;
  --mat-button-toggle-legacy-disabled-state-background-color: #eeeeee;
  --mat-button-toggle-legacy-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-button-toggle-legacy-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-button-toggle-legacy-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.38);
  --mat-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: black;
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3e0084;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(62, 0, 132, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(62, 0, 132, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(62, 0, 132, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3e0084;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(62, 0, 132, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #999999;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(153, 153, 153, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(153, 153, 153, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(153, 153, 153, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(153, 153, 153, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #dc2626;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(220, 38, 38, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(220, 38, 38, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(220, 38, 38, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #999999;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #dc2626;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3e0084;
}
.mat-icon.mat-accent {
  --mat-icon-color: #999999;
}
.mat-icon.mat-warn {
  --mat-icon-color: #dc2626;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3e0084;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3e0084;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3e0084;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #dc2626;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #dc2626;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #999999;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #999999;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #999999;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #dc2626;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #dc2626;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #dc2626;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3e0084;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #999999;
  --mat-toolbar-container-text-color: black;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #dc2626;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color: white;
}

.primary-theme {
  --primary-50: #ede3f7;
  --primary-100: #d3b9ef;
  --primary-200: #b688e6;
  --primary-300: #9957de;
  --primary-400: #7d31d5;
  --primary-500: #3E0084;
  --primary-600: #2B005C;
  --primary-700: #2f0069;
  --primary-800: #27005a;
  --primary-900: #17003e;
  --accent-50: #fff;
  --accent-100: #fafafa;
  --accent-200: #f5f5f5;
  --accent-300: #e8e8e8;
  --accent-400: #d0d0d0;
  --accent-500: #999999;
  --accent-600: #595959;
  --accent-700: #3d3d3d;
  --accent-800: #1f1f1f;
  --accent-900: #141414;
  --warn-50: #fbe5e5;
  --warn-100: #f5bebe;
  --warn-200: #ee9393;
  --warn-300: #e76767;
  --warn-400: #e14747;
  --warn-500: #dc2626;
  --warn-600: #d82222;
  --warn-700: #d31c1c;
  --warn-800: #ce1717;
  --warn-900: #c50d0d;
  --success-50: #e6f5f0;
  --success-100: #c0e5d9;
  --success-200: #96d4bf;
  --success-300: #6bc2a5;
  --success-400: #4cb592;
  --success-500: #2ca87f;
  --success-600: #27a077;
  --success-700: #21976c;
  --success-800: #1b8d62;
  --success-900: #107d4f;
  --error-50: #fbe5e5;
  --error-100: #f5bebe;
  --error-200: #ee9393;
  --error-300: #e76767;
  --error-400: #e14747;
  --error-500: #dc2626;
  --error-600: #d82222;
  --error-700: #d31c1c;
  --error-800: #ce1717;
  --error-900: #c50d0d;
}
.primary-theme .bg-primary-50 {
  background: #ede3f7;
}
.primary-theme .text-primary-50 {
  color: #ede3f7 !important;
}
.primary-theme .b-primary-50 {
  border-color: #ede3f7 !important;
}
.primary-theme .bg-primary-100 {
  background: #d3b9ef;
}
.primary-theme .text-primary-100 {
  color: #d3b9ef !important;
}
.primary-theme .b-primary-100 {
  border-color: #d3b9ef !important;
}
.primary-theme .bg-primary-200 {
  background: #b688e6;
}
.primary-theme .text-primary-200 {
  color: #b688e6 !important;
}
.primary-theme .b-primary-200 {
  border-color: #b688e6 !important;
}
.primary-theme .bg-primary-300 {
  background: #9957de;
}
.primary-theme .text-primary-300 {
  color: #9957de !important;
}
.primary-theme .b-primary-300 {
  border-color: #9957de !important;
}
.primary-theme .bg-primary-400 {
  background: #7d31d5;
}
.primary-theme .text-primary-400 {
  color: #7d31d5 !important;
}
.primary-theme .b-primary-400 {
  border-color: #7d31d5 !important;
}
.primary-theme .bg-primary-500 {
  background: #3E0084;
}
.primary-theme .text-primary-500 {
  color: #3E0084 !important;
}
.primary-theme .b-primary-500 {
  border-color: #3E0084 !important;
}
.primary-theme .bg-primary-600 {
  background: #2B005C;
}
.primary-theme .text-primary-600 {
  color: #2B005C !important;
}
.primary-theme .b-primary-600 {
  border-color: #2B005C !important;
}
.primary-theme .bg-primary-700 {
  background: #2f0069;
}
.primary-theme .text-primary-700 {
  color: #2f0069 !important;
}
.primary-theme .b-primary-700 {
  border-color: #2f0069 !important;
}
.primary-theme .bg-primary-800 {
  background: #27005a;
}
.primary-theme .text-primary-800 {
  color: #27005a !important;
}
.primary-theme .b-primary-800 {
  border-color: #27005a !important;
}
.primary-theme .bg-primary-900 {
  background: #17003e;
}
.primary-theme .text-primary-900 {
  color: #17003e !important;
}
.primary-theme .b-primary-900 {
  border-color: #17003e !important;
}
.primary-theme .bg-accent-50 {
  background: #fff;
}
.primary-theme .text-accent-50 {
  color: #fff !important;
}
.primary-theme .b-accent-50 {
  border-color: #fff !important;
}
.primary-theme .bg-accent-100 {
  background: #fafafa;
}
.primary-theme .text-accent-100 {
  color: #fafafa !important;
}
.primary-theme .b-accent-100 {
  border-color: #fafafa !important;
}
.primary-theme .bg-accent-200 {
  background: #f5f5f5;
}
.primary-theme .text-accent-200 {
  color: #f5f5f5 !important;
}
.primary-theme .b-accent-200 {
  border-color: #f5f5f5 !important;
}
.primary-theme .bg-accent-300 {
  background: #e8e8e8;
}
.primary-theme .text-accent-300 {
  color: #e8e8e8 !important;
}
.primary-theme .b-accent-300 {
  border-color: #e8e8e8 !important;
}
.primary-theme .bg-accent-400 {
  background: #d0d0d0;
}
.primary-theme .text-accent-400 {
  color: #d0d0d0 !important;
}
.primary-theme .b-accent-400 {
  border-color: #d0d0d0 !important;
}
.primary-theme .bg-accent-500 {
  background: #999999;
}
.primary-theme .text-accent-500 {
  color: #999999 !important;
}
.primary-theme .b-accent-500 {
  border-color: #999999 !important;
}
.primary-theme .bg-accent-600 {
  background: #595959;
}
.primary-theme .text-accent-600 {
  color: #595959 !important;
}
.primary-theme .b-accent-600 {
  border-color: #595959 !important;
}
.primary-theme .bg-accent-700 {
  background: #3d3d3d;
}
.primary-theme .text-accent-700 {
  color: #3d3d3d !important;
}
.primary-theme .b-accent-700 {
  border-color: #3d3d3d !important;
}
.primary-theme .bg-accent-800 {
  background: #1f1f1f;
}
.primary-theme .text-accent-800 {
  color: #1f1f1f !important;
}
.primary-theme .b-accent-800 {
  border-color: #1f1f1f !important;
}
.primary-theme .bg-accent-900 {
  background: #141414;
}
.primary-theme .text-accent-900 {
  color: #141414 !important;
}
.primary-theme .b-accent-900 {
  border-color: #141414 !important;
}
.primary-theme .bg-warn-50 {
  background: #fbe5e5;
}
.primary-theme .text-warn-50 {
  color: #fbe5e5 !important;
}
.primary-theme .b-warn-50 {
  border-color: #fbe5e5 !important;
}
.primary-theme .bg-warn-100 {
  background: #f5bebe;
}
.primary-theme .text-warn-100 {
  color: #f5bebe !important;
}
.primary-theme .b-warn-100 {
  border-color: #f5bebe !important;
}
.primary-theme .bg-warn-200 {
  background: #ee9393;
}
.primary-theme .text-warn-200 {
  color: #ee9393 !important;
}
.primary-theme .b-warn-200 {
  border-color: #ee9393 !important;
}
.primary-theme .bg-warn-300 {
  background: #e76767;
}
.primary-theme .text-warn-300 {
  color: #e76767 !important;
}
.primary-theme .b-warn-300 {
  border-color: #e76767 !important;
}
.primary-theme .bg-warn-400 {
  background: #e14747;
}
.primary-theme .text-warn-400 {
  color: #e14747 !important;
}
.primary-theme .b-warn-400 {
  border-color: #e14747 !important;
}
.primary-theme .bg-warn-500 {
  background: #dc2626;
}
.primary-theme .text-warn-500 {
  color: #dc2626 !important;
}
.primary-theme .b-warn-500 {
  border-color: #dc2626 !important;
}
.primary-theme .bg-warn-600 {
  background: #d82222;
}
.primary-theme .text-warn-600 {
  color: #d82222 !important;
}
.primary-theme .b-warn-600 {
  border-color: #d82222 !important;
}
.primary-theme .bg-warn-700 {
  background: #d31c1c;
}
.primary-theme .text-warn-700 {
  color: #d31c1c !important;
}
.primary-theme .b-warn-700 {
  border-color: #d31c1c !important;
}
.primary-theme .bg-warn-800 {
  background: #ce1717;
}
.primary-theme .text-warn-800 {
  color: #ce1717 !important;
}
.primary-theme .b-warn-800 {
  border-color: #ce1717 !important;
}
.primary-theme .bg-warn-900 {
  background: #c50d0d;
}
.primary-theme .text-warn-900 {
  color: #c50d0d !important;
}
.primary-theme .b-warn-900 {
  border-color: #c50d0d !important;
}
.primary-theme .bg-success-50 {
  background: #e6f5f0;
}
.primary-theme .text-success-50 {
  color: #e6f5f0 !important;
}
.primary-theme .b-success-50 {
  border-color: #e6f5f0 !important;
}
.primary-theme .bg-success-100 {
  background: #c0e5d9;
}
.primary-theme .text-success-100 {
  color: #c0e5d9 !important;
}
.primary-theme .b-success-100 {
  border-color: #c0e5d9 !important;
}
.primary-theme .bg-success-200 {
  background: #96d4bf;
}
.primary-theme .text-success-200 {
  color: #96d4bf !important;
}
.primary-theme .b-success-200 {
  border-color: #96d4bf !important;
}
.primary-theme .bg-success-300 {
  background: #6bc2a5;
}
.primary-theme .text-success-300 {
  color: #6bc2a5 !important;
}
.primary-theme .b-success-300 {
  border-color: #6bc2a5 !important;
}
.primary-theme .bg-success-400 {
  background: #4cb592;
}
.primary-theme .text-success-400 {
  color: #4cb592 !important;
}
.primary-theme .b-success-400 {
  border-color: #4cb592 !important;
}
.primary-theme .bg-success-500 {
  background: #2ca87f;
}
.primary-theme .text-success-500 {
  color: #2ca87f !important;
}
.primary-theme .b-success-500 {
  border-color: #2ca87f !important;
}
.primary-theme .bg-success-600 {
  background: #27a077;
}
.primary-theme .text-success-600 {
  color: #27a077 !important;
}
.primary-theme .b-success-600 {
  border-color: #27a077 !important;
}
.primary-theme .bg-success-700 {
  background: #21976c;
}
.primary-theme .text-success-700 {
  color: #21976c !important;
}
.primary-theme .b-success-700 {
  border-color: #21976c !important;
}
.primary-theme .bg-success-800 {
  background: #1b8d62;
}
.primary-theme .text-success-800 {
  color: #1b8d62 !important;
}
.primary-theme .b-success-800 {
  border-color: #1b8d62 !important;
}
.primary-theme .bg-success-900 {
  background: #107d4f;
}
.primary-theme .text-success-900 {
  color: #107d4f !important;
}
.primary-theme .b-success-900 {
  border-color: #107d4f !important;
}
.primary-theme .bg-error-50 {
  background: #fbe5e5;
}
.primary-theme .text-error-50 {
  color: #fbe5e5 !important;
}
.primary-theme .b-error-50 {
  border-color: #fbe5e5 !important;
}
.primary-theme .bg-error-100 {
  background: #f5bebe;
}
.primary-theme .text-error-100 {
  color: #f5bebe !important;
}
.primary-theme .b-error-100 {
  border-color: #f5bebe !important;
}
.primary-theme .bg-error-200 {
  background: #ee9393;
}
.primary-theme .text-error-200 {
  color: #ee9393 !important;
}
.primary-theme .b-error-200 {
  border-color: #ee9393 !important;
}
.primary-theme .bg-error-300 {
  background: #e76767;
}
.primary-theme .text-error-300 {
  color: #e76767 !important;
}
.primary-theme .b-error-300 {
  border-color: #e76767 !important;
}
.primary-theme .bg-error-400 {
  background: #e14747;
}
.primary-theme .text-error-400 {
  color: #e14747 !important;
}
.primary-theme .b-error-400 {
  border-color: #e14747 !important;
}
.primary-theme .bg-error-500 {
  background: #dc2626;
}
.primary-theme .text-error-500 {
  color: #dc2626 !important;
}
.primary-theme .b-error-500 {
  border-color: #dc2626 !important;
}
.primary-theme .bg-error-600 {
  background: #d82222;
}
.primary-theme .text-error-600 {
  color: #d82222 !important;
}
.primary-theme .b-error-600 {
  border-color: #d82222 !important;
}
.primary-theme .bg-error-700 {
  background: #d31c1c;
}
.primary-theme .text-error-700 {
  color: #d31c1c !important;
}
.primary-theme .b-error-700 {
  border-color: #d31c1c !important;
}
.primary-theme .bg-error-800 {
  background: #ce1717;
}
.primary-theme .text-error-800 {
  color: #ce1717 !important;
}
.primary-theme .b-error-800 {
  border-color: #ce1717 !important;
}
.primary-theme .bg-error-900 {
  background: #c50d0d;
}
.primary-theme .text-error-900 {
  color: #c50d0d !important;
}
.primary-theme .b-error-900 {
  border-color: #c50d0d !important;
}

/**  =====================
      Generic-class css start
========================== **/
/*====== Padding , Margin css starts ======*/
.p-0 {
  padding: 0px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}

.m-0 {
  margin: 0px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}

.p-5 {
  padding: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}

.m-5 {
  margin: 5px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}

.p-10 {
  padding: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}

.m-10 {
  margin: 10px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}

.p-15 {
  padding: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}

.m-15 {
  margin: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}

.p-20 {
  padding: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}

.m-20 {
  margin: 20px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}

.p-25 {
  padding: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}

.m-25 {
  margin: 25px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}

.p-30 {
  padding: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}

.m-30 {
  margin: 30px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}

.p-35 {
  padding: 35px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}

.m-35 {
  margin: 35px !important;
}
.m-t-35 {
  margin-top: 35px !important;
}
.m-b-35 {
  margin-bottom: 35px !important;
}
.m-l-35 {
  margin-left: 35px !important;
}
.m-r-35 {
  margin-right: 35px !important;
}

.p-40 {
  padding: 40px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}

.m-40 {
  margin: 40px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}

.p-45 {
  padding: 45px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}

.m-45 {
  margin: 45px !important;
}
.m-t-45 {
  margin-top: 45px !important;
}
.m-b-45 {
  margin-bottom: 45px !important;
}
.m-l-45 {
  margin-left: 45px !important;
}
.m-r-45 {
  margin-right: 45px !important;
}

.p-50 {
  padding: 50px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}

.m-50 {
  margin: 50px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}

/*====== Padding , Margin css ends ======*/
/*====== Font-size css starts ======*/
.f-6 {
  font-size: 6px !important;
}

.f-8 {
  font-size: 8px !important;
}

.f-10 {
  font-size: 10px !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-20 {
  font-size: 20px !important;
}

.f-22 {
  font-size: 22px !important;
}

.f-24 {
  font-size: 24px !important;
}

.f-26 {
  font-size: 26px !important;
}

.f-28 {
  font-size: 28px !important;
}

.f-30 {
  font-size: 30px !important;
}

.f-32 {
  font-size: 32px !important;
}

.f-34 {
  font-size: 34px !important;
}

.f-36 {
  font-size: 36px !important;
}

.f-38 {
  font-size: 38px !important;
}

.f-40 {
  font-size: 40px !important;
}

.f-42 {
  font-size: 42px !important;
}

.f-44 {
  font-size: 44px !important;
}

.f-46 {
  font-size: 46px !important;
}

.f-48 {
  font-size: 48px !important;
}

.f-50 {
  font-size: 50px !important;
}

.f-52 {
  font-size: 52px !important;
}

.f-54 {
  font-size: 54px !important;
}

.f-56 {
  font-size: 56px !important;
}

.f-58 {
  font-size: 58px !important;
}

.f-60 {
  font-size: 60px !important;
}

.f-62 {
  font-size: 62px !important;
}

.f-64 {
  font-size: 64px !important;
}

.f-66 {
  font-size: 66px !important;
}

.f-68 {
  font-size: 68px !important;
}

.f-70 {
  font-size: 70px !important;
}

.f-72 {
  font-size: 72px !important;
}

.f-74 {
  font-size: 74px !important;
}

.f-76 {
  font-size: 76px !important;
}

.f-78 {
  font-size: 78px !important;
}

.f-80 {
  font-size: 80px !important;
}

/*====== Font-size css ends ======*/
/*====== Font-weight css starts ======*/
.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600 {
  font-weight: 600 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}

.f-w-800 {
  font-weight: 800 !important;
}

.f-w-900 {
  font-weight: 900 !important;
}

/*====== Font-weight css ends ======*/
/*====== width, Height css starts ======*/
.wid-10 {
  width: 10px !important;
}

.hei-10 {
  height: 10px !important;
}

.wid-15 {
  width: 15px !important;
}

.hei-15 {
  height: 15px !important;
}

.wid-20 {
  width: 20px !important;
}

.hei-20 {
  height: 20px !important;
}

.wid-25 {
  width: 25px !important;
}

.hei-25 {
  height: 25px !important;
}

.wid-30 {
  width: 30px !important;
}

.hei-30 {
  height: 30px !important;
}

.wid-35 {
  width: 35px !important;
}

.hei-35 {
  height: 35px !important;
}

.wid-40 {
  width: 40px !important;
}

.hei-40 {
  height: 40px !important;
}

.wid-45 {
  width: 45px !important;
}

.hei-45 {
  height: 45px !important;
}

.wid-50 {
  width: 50px !important;
}

.hei-50 {
  height: 50px !important;
}

.wid-55 {
  width: 55px !important;
}

.hei-55 {
  height: 55px !important;
}

.wid-60 {
  width: 60px !important;
}

.hei-60 {
  height: 60px !important;
}

.wid-65 {
  width: 65px !important;
}

.hei-65 {
  height: 65px !important;
}

.wid-70 {
  width: 70px !important;
}

.hei-70 {
  height: 70px !important;
}

.wid-75 {
  width: 75px !important;
}

.hei-75 {
  height: 75px !important;
}

.wid-80 {
  width: 80px !important;
}

.hei-80 {
  height: 80px !important;
}

.wid-85 {
  width: 85px !important;
}

.hei-85 {
  height: 85px !important;
}

.wid-90 {
  width: 90px !important;
}

.hei-90 {
  height: 90px !important;
}

.wid-95 {
  width: 95px !important;
}

.hei-95 {
  height: 95px !important;
}

.wid-100 {
  width: 100px !important;
}

.hei-100 {
  height: 100px !important;
}

.wid-105 {
  width: 105px !important;
}

.hei-105 {
  height: 105px !important;
}

.wid-110 {
  width: 110px !important;
}

.hei-110 {
  height: 110px !important;
}

.wid-115 {
  width: 115px !important;
}

.hei-115 {
  height: 115px !important;
}

.wid-120 {
  width: 120px !important;
}

.hei-120 {
  height: 120px !important;
}

.wid-125 {
  width: 125px !important;
}

.hei-125 {
  height: 125px !important;
}

.wid-130 {
  width: 130px !important;
}

.hei-130 {
  height: 130px !important;
}

.wid-135 {
  width: 135px !important;
}

.hei-135 {
  height: 135px !important;
}

.wid-140 {
  width: 140px !important;
}

.hei-140 {
  height: 140px !important;
}

.wid-145 {
  width: 145px !important;
}

.hei-145 {
  height: 145px !important;
}

.wid-150 {
  width: 150px !important;
}

.hei-150 {
  height: 150px !important;
}

/*====== width, Height css ends ======*/
/*====== Width percentage css starts ======*/
.w-1 {
  width: 1% !important;
}

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

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

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

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

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

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

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

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

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

.w-11 {
  width: 11% !important;
}

.w-12 {
  width: 12% !important;
}

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

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

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

.w-16 {
  width: 16% !important;
}

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

.w-18 {
  width: 18% !important;
}

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

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

.w-21 {
  width: 21% !important;
}

.w-22 {
  width: 22% !important;
}

.w-23 {
  width: 23% !important;
}

.w-24 {
  width: 24% !important;
}

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

.w-26 {
  width: 26% !important;
}

.w-27 {
  width: 27% !important;
}

.w-28 {
  width: 28% !important;
}

.w-29 {
  width: 29% !important;
}

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

.w-31 {
  width: 31% !important;
}

.w-32 {
  width: 32% !important;
}

.w-33 {
  width: 33% !important;
}

.w-34 {
  width: 34% !important;
}

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

.w-36 {
  width: 36% !important;
}

.w-37 {
  width: 37% !important;
}

.w-38 {
  width: 38% !important;
}

.w-39 {
  width: 39% !important;
}

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

.w-41 {
  width: 41% !important;
}

.w-42 {
  width: 42% !important;
}

.w-43 {
  width: 43% !important;
}

.w-44 {
  width: 44% !important;
}

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

.w-46 {
  width: 46% !important;
}

.w-47 {
  width: 47% !important;
}

.w-48 {
  width: 48% !important;
}

.w-49 {
  width: 49% !important;
}

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

.w-51 {
  width: 51% !important;
}

.w-52 {
  width: 52% !important;
}

.w-53 {
  width: 53% !important;
}

.w-54 {
  width: 54% !important;
}

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

.w-56 {
  width: 56% !important;
}

.w-57 {
  width: 57% !important;
}

.w-58 {
  width: 58% !important;
}

.w-59 {
  width: 59% !important;
}

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

.w-61 {
  width: 61% !important;
}

.w-62 {
  width: 62% !important;
}

.w-63 {
  width: 63% !important;
}

.w-64 {
  width: 64% !important;
}

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

.w-66 {
  width: 66% !important;
}

.w-67 {
  width: 67% !important;
}

.w-68 {
  width: 68% !important;
}

.w-69 {
  width: 69% !important;
}

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

.w-71 {
  width: 71% !important;
}

.w-72 {
  width: 72% !important;
}

.w-73 {
  width: 73% !important;
}

.w-74 {
  width: 74% !important;
}

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

.w-76 {
  width: 76% !important;
}

.w-77 {
  width: 77% !important;
}

.w-78 {
  width: 78% !important;
}

.w-79 {
  width: 79% !important;
}

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

.w-81 {
  width: 81% !important;
}

.w-82 {
  width: 82% !important;
}

.w-83 {
  width: 83% !important;
}

.w-84 {
  width: 84% !important;
}

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

.w-86 {
  width: 86% !important;
}

.w-87 {
  width: 87% !important;
}

.w-88 {
  width: 88% !important;
}

.w-89 {
  width: 89% !important;
}

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

.w-91 {
  width: 91% !important;
}

.w-92 {
  width: 92% !important;
}

.w-93 {
  width: 93% !important;
}

.w-94 {
  width: 94% !important;
}

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

.w-96 {
  width: 96% !important;
}

.w-97 {
  width: 97% !important;
}

.w-98 {
  width: 98% !important;
}

.w-99 {
  width: 99% !important;
}

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

/*====== Width percentage css ends ======*/
/*====== border-width css starts ======*/
.b-wid-1 {
  border-width: 1px;
}

.b-wid-2 {
  border-width: 2px;
}

.b-wid-3 {
  border-width: 3px;
}

.b-wid-4 {
  border-width: 4px;
}

.b-wid-5 {
  border-width: 5px;
}

.b-wid-6 {
  border-width: 6px;
}

.b-wid-7 {
  border-width: 7px;
}

.b-wid-8 {
  border-width: 8px;
}

/*====== border-width css ends ======*/
/*====== border-radius css start =====*/
.b-rad-5 {
  border-radius: 5px !important;
}

.b-rad-10 {
  border-radius: 10px !important;
}

.b-rad-15 {
  border-radius: 15px !important;
}

.b-rad-20 {
  border-radius: 20px !important;
}

.b-rad-25 {
  border-radius: 25px !important;
}

.b-rad-30 {
  border-radius: 30px !important;
}

.b-rad-35 {
  border-radius: 35px !important;
}

.b-rad-40 {
  border-radius: 40px !important;
}

.b-rad-45 {
  border-radius: 45px !important;
}

.b-rad-50 {
  border-radius: 50px !important;
}

/*====== border-radius css ends ======*/
/*====== Font Family css starts ======*/
.font-jio {
  font-family: "JioType", sans-serif !important;
}

.font-inter {
  font-family: "Inter var", sans-serif !important;
}

/*====== Font Family css ends ======*/
/*====== Gap css starts ======*/
.gap-5 {
  gap: 5px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-25 {
  gap: 25px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-35 {
  gap: 35px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-45 {
  gap: 45px !important;
}

.gap-50 {
  gap: 50px !important;
}

/*====== Gap css ends ======*/
/*====== Flex direction css ======*/
.flex-row {
  flex-direction: row !important;
}

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

* {
  margin: 0px;
}
*:focus {
  outline: none;
}

body {
  background-color: var(--accent-100);
  font-feature-settings: "salt" !important;
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  outline: none;
}
a:not([href]) {
  color: inherit;
}

ul {
  list-style: none;
}

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}

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

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid {
  display: grid !important;
}

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

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

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

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.float-end {
  float: right;
}

.float-start {
  float: left;
}

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

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

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

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

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

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

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

.text-muted {
  color: var(--accent-600);
}

.text-white {
  color: var(--accent-50);
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.badge-on-text .mat-badge-content {
  right: auto !important;
}
.badge-on-button .mat-badge-content {
  right: 0px !important;
  top: 9px !important;
}

.user-group {
  display: inline-flex;
  align-items: center;
}
.user-group .avatar,
.user-group img {
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 2;
  transition: all 0.1s ease-in-out;
  border: 2px solid var(--accent-50);
}
.user-group .avatar + .avatar,
.user-group .avatar + img,
.user-group img + .avatar,
.user-group img + img {
  margin-left: -14px;
}
.user-group .avatar:hover,
.user-group img:hover {
  z-index: 5;
}

.list-group-flush {
  padding-left: 0px;
}
.list-group-flush li {
  padding: 16px 24px;
}

.user-avatar {
  width: 40px;
  border-radius: 50%;
}

.pc-icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.list-inline {
  padding-left: 0px;
  list-style: none;
}
.list-inline .list-inline-item {
  display: inline-block;
}

.mat-mdc-card.user-account-card {
  border: none !important;
  box-shadow: none !important;
}
.mat-mdc-card.block {
  box-shadow: none !important;
}
.mat-mdc-card .mat-mdc-card-header.card-header {
  padding: 20px;
  border-bottom: 1px solid var(--accent-300);
}

.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 600;
  width: 48px;
  height: 48px;
}
.avatar.hover:hover {
  background: var(--accent-100);
  color: var(--accent-500);
}
.avatar.avatar-s {
  width: 40px;
  height: 40px;
  font-size: 14px;
  border-radius: 12px;
}

.drawer-container {
  height: 100vh;
  display: block;
  overflow: auto;
}

.pc-sidebar {
  background: none;
  width: 280px;
  position: fixed !important;
  top: 0;
  bottom: 0;
  z-index: 1026;
  overflow: hidden;
  box-shadow: none;
}
.pc-sidebar .version {
  padding: 0.15rem 0.25rem;
  color: #6d18ce;
  background: #f3eef8;
  border-radius: 50rem;
  margin-left: 0.5rem;
  font-size: 12px;
}
.pc-sidebar .m-header {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 10px 16px 24px;
}
.pc-sidebar .m-header a {
  display: flex;
  align-items: end;
}
.pc-sidebar .navbar-wrapper {
  width: 280px;
  background: inherit;
}
.pc-sidebar .user-card {
  margin: 0 15px 15px;
  box-shadow: none !important;
  background: var(--accent-200) !important;
}
.pc-sidebar .user-card .user-avatar {
  width: 45px;
}
.pc-sidebar .user-card .user-details {
  margin-left: 16px;
  margin-right: 8px;
}
.pc-sidebar .user-card .user-details > h6 {
  margin-bottom: 0px;
  font-weight: 600 !important;
}
.pc-sidebar .user-card .user-setting {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: 600;
  border-radius: 20px;
}
.pc-sidebar .user-card .user-setting .pc-icon {
  width: 22px;
  height: 22px;
}
.pc-sidebar ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pc-sidebar .coded-badge {
  font-size: 75%;
  position: absolute;
  right: 30px;
  top: 12px;
  padding: 2px 7px;
  border-radius: 2px;
}
.pc-sidebar .coded-inner-navbar {
  flex-direction: column;
}
.pc-sidebar .coded-inner-navbar li {
  position: relative;
  padding-bottom: 2px;
}
.pc-sidebar .coded-inner-navbar li > a {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  column-gap: 8px;
  border-radius: 5px;
  position: relative;
  color: var(--accent-600);
}
.pc-sidebar .coded-inner-navbar li > a .coded-mtext {
  position: relative;
}
.pc-sidebar .coded-inner-navbar li > a > .coded-micon {
  font-size: 18px;
  align-items: center;
  vertical-align: middle;
  text-align: center;
}
.pc-sidebar .coded-inner-navbar li > a > .coded-micon .pc-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  transition: color 0.3s ease;
  color: rgba(0, 0, 0, 0.6509803922);
}
.pc-sidebar .coded-inner-navbar li > a > .coded-micon + .coded-mtext {
  position: relative;
  vertical-align: middle;
  font-weight: 700;
  text-align: center;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu > a:after {
  content: "\ea61";
  font-family: "tabler-icons";
  font-size: 15px;
  border: none;
  position: absolute;
  top: 15px;
  right: 20px;
  transition: 0.3s ease-in-out;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu app-menu-collapse li.coded-hasmenu > a:after {
  content: "\ea61";
  font-family: "tabler-icons";
  font-size: 15px;
  border: none;
  position: absolute;
  top: 11px;
  right: 20px;
  transition: 0.3s ease-in-out;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu app-menu-collapse li.coded-hasmenu .coded-submenu app-menu-collapse li.coded-hasmenu > a:after {
  content: "\ea61";
  font-family: "tabler-icons";
  font-size: 15px;
  border: none;
  position: absolute;
  top: 11px;
  right: 11px;
  transition: 0.3s ease-in-out;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger > a:after {
  transform: rotate(90deg);
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu {
  display: none;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger.active > .coded-submenu {
  display: block;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger.active > a {
  position: relative;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse li > a {
  text-align: left;
  padding: 12px 30px 12px 50px;
  font-weight: 700;
  margin: 0;
  display: block;
  color: var(--accent-600);
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item li .coded-submenu > app-menu-item li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse li .coded-submenu > app-menu-item li > a {
  padding: 10px 30px 10px 75px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item ul app-menu-collapse li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse ul app-menu-collapse li > a {
  padding: 10px 30px 10px 75px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-item ul app-menu-collapse .coded-submenu > app-menu-item li > a,
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu > app-menu-collapse ul app-menu-collapse .coded-submenu > app-menu-item li > a {
  padding: 10px 30px 10px 69px;
}
.pc-sidebar .coded-inner-navbar li.coded-menu-caption {
  font-size: 0.688rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0px 10px;
  padding: 24px 23px 8px;
  text-transform: uppercase;
  position: relative;
  color: var(--accent-700);
}
.pc-sidebar .coded-inner-navbar li.disabled > a {
  cursor: default;
  opacity: 0.5;
}
.pc-sidebar .coded-inner-navbar > app-nav-group > app-menu-item li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a {
  color: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a:before, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a:before, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a:before {
  background: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li.active > a .coded-micon .pc-icon, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:focus > a .coded-micon .pc-icon, .pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse li .coded-submenu > app-menu-item li:hover > a .coded-micon .pc-icon {
  color: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-collapse li.active > a, .pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-collapse li.coded-trigger > a,
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-item li.active > a,
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-item li.coded-trigger > a {
  color: #2B005C;
  font-weight: 700;
}
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-collapse li.active > a .coded-micon .pc-icon, .pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-collapse li.coded-trigger > a .coded-micon .pc-icon,
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-item li.active > a .coded-micon .pc-icon,
.pc-sidebar .coded-inner-navbar .coded-hasmenu .coded-submenu app-menu-item li.coded-trigger > a .coded-micon .pc-icon {
  color: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.active > a, .pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.coded-trigger > a,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.active > a,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.coded-trigger > a {
  color: var(--primary-500);
  font-weight: 700;
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.active > a:before, .pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.coded-trigger > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.active > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.coded-trigger > a:before {
  background: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.active > a .coded-micon .pc-icon, .pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item.coded-trigger > a .coded-micon .pc-icon,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.active > a .coded-micon .pc-icon,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li.coded-trigger > a .coded-micon .pc-icon {
  color: var(--primary-500);
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item:hover:not(.coded-trigger, .active) > a:before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li:hover:not(.coded-trigger, .active) > a:before {
  background: var(--accent-500);
}
.pc-sidebar .coded-inner-navbar app-menu-item > li.nav-item > a::before,
.pc-sidebar .coded-inner-navbar > app-menu-group-vertical > app-menu-collapse > li > a::before {
  content: "";
  border-radius: 8px;
  position: absolute;
  top: 2px;
  right: 2px;
  left: 2px;
  bottom: 2px;
  opacity: 0.1;
}
.pc-sidebar .coded-inner-navbar li {
  margin: 0px 10px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu {
  position: relative;
  margin: 0px 10px;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu .coded-submenu {
  opacity: 0;
  visibility: hidden;
  transform-origin: 50% 50%;
  transition: transform 0.3s, opacity 0.3s;
  transform-style: preserve-3d;
  transform: rotateX(-90deg);
  position: absolute;
  display: block;
}
.pc-sidebar .coded-inner-navbar li.coded-hasmenu.coded-trigger > .coded-submenu {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
}

.mat-mdc-tab-group.transactions .mat-mdc-tab-labels {
  padding: 0px 20px !important;
}
.mat-mdc-tab-group.transactions .mat-mdc-tab-body-wrapper ul {
  padding-left: 0px !important;
}
.mat-mdc-tab-group.transactions .mat-mdc-tab-body-wrapper ul li {
  padding: 16px 24px;
  border-top: 1px solid var(--accent-300) !important;
}

.upgrade-button {
  background: #e58a00 !important;
}
.upgrade-button a {
  color: var(--accent-50) !important;
}
.upgrade-button.mdc-button {
  border-radius: 20px;
}

.project-chart .mat-mdc-tab-header {
  padding: 20px 20px 0px 19px;
  border-bottom: 1px solid var(--accent-300);
}
.project-chart .mat-mdc-tab-body-wrapper {
  margin: 0px;
}
.project-chart .project-body .list-inline {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0px;
}
.project-chart .project-body .list-inline .list-inline-item a {
  color: inherit;
}
.project-chart .project-body .list-inline .list-inline-item .select-item {
  border-color: var(--accent-300);
  padding: 10px;
  border-radius: 8px;
}
.project-chart .project-body .list-inline .list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.project-chart .project-body .project-report {
  padding-left: 0px;
}
.project-chart .project-body .project-report .list-group-item {
  padding: 16px 20px;
}
.project-chart .project-body .project-report .list-group-item .avatar {
  border-radius: 8px;
}
.project-chart .project-body .project-report .list-group-item:not(:last-child) {
  border-bottom: 1px solid var(--accent-300);
}

.transaction-card-header {
  padding: 20px 20px 0px 20px !important;
  border-bottom: none !important;
}

/* -------------------------------------------------------------------------- */
/*  @ custom grid
    This is to achieve dynamic view port width in theme
    It will provide media classes like bootstrap which is needed at some places   
    for e.g if in small media if we want to render one column and in medium media we wanted render 2 then it
    can be used like col-sm-1 and col-md-2 in same element
/* -------------------------------------------------------------------------- */
:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
}

.row {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-0.5 * var(--gutter-x));
  margin-left: calc(-0.5 * var(--gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  margin-top: var(--gutter-y);
}

.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/@theme/styles/material-overrides.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  /* -------------------------------------------------------------------------- */
  /*  @ mat drawer
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat toolbar
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat text field
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat card
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat badge
  /* -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------- */
  /*  @ mat menu
  /* -------------------------------------------------------------------------- */
}
body.mat-typography {
  font-feature-settings: "salt" !important;
}
body .mat-drawer-container {
  background-color: var(--accent-100) !important;
  color: var(--accent-800) !important;
}
body .mat-drawer-container .mat-drawer {
  background-color: var(--accent-50) !important;
}
body .mat-drawer-container .mat-drawer.mat-drawer-side {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725) !important;
  border: none !important;
}
body .mat-drawer-container .mat-drawer .mat-drawer-inner-container {
  overflow: hidden !important;
}
body .mat-toolbar {
  background: transparent !important;
}
body .mat-toolbar.mat-toolbar-single-row {
  padding: 0px !important;
  width: -webkit-fill-available !important;
  height: 74px !important;
}
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
body .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch {
  border-color: var(--accent-300) !important;
}
body .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--accent-200) !important;
}
body .mat-mdc-card {
  border: 1px solid var(--accent-300) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body .mat-mdc-card.mdc-card .mat-mdc-card-header .mat-mdc-card-header-text {
  display: none;
}
body .mat-mdc-card.mdc-card .mat-mdc-card-header h5 {
  margin: 0px;
  font-size: 14px !important;
}
body .mat-badge-content {
  color: #ffffff !important;
}
body .mat-badge-after .mat-badge-content {
  left: auto;
}
body .mat-badge-above .mat-badge-content {
  bottom: auto;
}
body .mat-mdc-menu-panel {
  border-radius: 12px !important;
  box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.1333333333) !important;
}

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