/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.min.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0');src:url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'),url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'),url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'),url('fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/grapesjs/dist/css/grapes.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.CodeMirror{font-family:monospace;height:300px;color:black;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:blue}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255, 150, 0, 0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255, 255, 0, 0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42 !important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0px}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498 !important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom{color:#c85e7c}.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-property,.cm-s-hopscotch span.cm-attribute{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{text-decoration:underline;color:white !important}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")}.sp-val{background-image:linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")}.sp-hue{background:linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00")}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00")}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff")}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff")}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff")}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000")}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:rgba(0,0,0,0);border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px rgba(0,0,0,0)}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:linear-gradient(to bottom, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:linear-gradient(to bottom, #dddddd, #bbbbbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.gjs-is__grab,.gjs-is__grab *{cursor:grab !important}.gjs-is__grabbing,.gjs-is__grabbing *{-webkit-user-select:none;-o-user-select:none;user-select:none;cursor:grabbing !important}.gjs-one-bg{background-color:var(--gjs-primary-color)}.gjs-one-color{color:var(--gjs-primary-color)}.gjs-one-color-h:hover{color:var(--gjs-primary-color)}.gjs-two-bg{background-color:var(--gjs-secondary-color)}.gjs-two-color{color:var(--gjs-secondary-color)}.gjs-two-color-h:hover{color:var(--gjs-secondary-color)}.gjs-three-bg{background-color:var(--gjs-tertiary-color)}.gjs-three-color{color:var(--gjs-tertiary-color)}.gjs-three-color-h:hover{color:var(--gjs-tertiary-color)}.gjs-four-bg{background-color:var(--gjs-quaternary-color)}.gjs-four-color{color:var(--gjs-quaternary-color)}.gjs-four-color-h:hover{color:var(--gjs-quaternary-color)}.gjs-danger-bg{background-color:var(--gjs-color-red)}.gjs-danger-color{color:var(--gjs-color-red)}.gjs-danger-color-h:hover{color:var(--gjs-color-red)}.gjs-bg-main,.gjs-sm-colorp-c,.gjs-off-prv{background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-sm-stack #gjs-sm-add,.gjs-off-prv{color:var(--gjs-font-color);fill:var(--gjs-font-color)}.gjs-color-active{color:var(--gjs-font-color-active);fill:var(--gjs-font-color-active)}.gjs-color-warn{color:var(--gjs-color-warn);fill:var(--gjs-color-warn)}.gjs-color-hl{color:var(--gjs-color-highlight);fill:var(--gjs-color-highlight)}.gjs-invis-invis,.gjs-clm-tags #gjs-clm-new,.gjs-no-app{background-color:rgba(0,0,0,0);border:none;color:inherit}.gjs-no-app{height:10px}.gjs-test::btn{color:"#fff"}.opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-checker-bg,.gjs-field-colorp-c,.checker-bg,.gjs-sm-layer-preview{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.gjs-no-user-select,.gjs-rte-toolbar,.gjs-layer-name,.gjs-grabbing,.gjs-grabbing *{-webkit-user-select:none;-o-user-select:none;user-select:none}.gjs-no-pointer-events,.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el,.gjs-resizer-c{pointer-events:none}.gjs-bdrag{pointer-events:none !important;position:absolute !important;z-index:10 !important;width:auto}.gjs-drag-helper{background-color:var(--gjs-color-blue) !important;pointer-events:none !important;position:absolute !important;z-index:10 !important;transform:scale(0.3) !important;transform-origin:top left !important;-webkit-transform-origin:top left !important;margin:15px !important;transition:none !important;outline:none !important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing !important;cursor:-webkit-grabbing !important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{position:relative;z-index:10;padding:5px;cursor:pointer}.gjs-editor-cont ::-webkit-scrollbar-track{background:var(--gjs-secondary-dark-color)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2)}.gjs-editor-cont ::-webkit-scrollbar{width:8px}:root{--gjs-main-color: #444;--gjs-primary-color: #444;--gjs-secondary-color: #ddd;--gjs-tertiary-color: #804f7b;--gjs-quaternary-color: #d278c9;--gjs-font-color: #ddd;--gjs-font-color-active: #f8f8f8;--gjs-main-dark-color: rgba(0, 0, 0, 0.2);--gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);--gjs-main-light-color: rgba(255, 255, 255, 0.1);--gjs-secondary-light-color: rgba(255, 255, 255, 0.7);--gjs-soft-light-color: rgba(255, 255, 255, 0.015);--gjs-color-blue: #3b97e3;--gjs-color-red: #dd3636;--gjs-color-yellow: #ffca6f;--gjs-color-green: #62c462;--gjs-left-width: 15%;--gjs-color-highlight: #71b7f1;--gjs-color-warn: #ffca6f;--gjs-handle-margin: -5px;--gjs-light-border: rgba(255, 255, 255, 0.05);--gjs-arrow-color: rgba(255, 255, 255, 0.7);--gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);--gjs-color-input-padding: 22px;--gjs-input-padding: 5px;--gjs-padding-elem-classmanager: 5px 6px;--gjs-upload-padding: 150px 10px;--gjs-animation-duration: 0.2s;--gjs-main-font: Helvetica, sans-serif;--gjs-font-size: 0.75rem;--gjs-placeholder-background-color: var(--gjs-color-green);--gjs-canvas-top: 40px;--gjs-flex-item-gap: 5px}.clear{clear:both}.no-select,.gjs-clm-tags #gjs-clm-close,.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-com-no-select,.gjs-com-no-select img{-webkit-user-select:none;-o-user-select:none;user-select:none}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{-webkit-user-select:none;-o-user-select:none;user-select:none;opacity:.5;filter:alpha(opacity=50)}.gjs-editor{font-family:var(--gjs-main-font);font-size:var(--gjs-font-size);position:relative;box-sizing:border-box;height:100%}.gjs-freezed,.gjs-freezed{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.gjs-traits-label{border-bottom:1px solid var(--gjs-main-dark-color);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{width:30%;min-width:30%}.gjs-field-wrp{flex-grow:1}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:5px 10px;font-weight:lighter;align-items:center;text-align:left}.gjs-trt-traits{font-size:var(--gjs-font-size)}.gjs-trt-trait .gjs-label{text-align:left;text-overflow:ellipsis;overflow:hidden}.gjs-guide-info{position:absolute}.gjs-guide-info__content{position:absolute;height:100%;display:flex;width:100%;padding:5px}.gjs-guide-info__line{position:relative;margin:auto}.gjs-guide-info__line::before,.gjs-guide-info__line::after{content:"";display:block;position:absolute;background-color:inherit}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{width:100%;height:1px}.gjs-guide-info__y .gjs-guide-info__line::before,.gjs-guide-info__y .gjs-guide-info__line::after{width:1px;height:10px;top:0;bottom:0;left:0;margin:auto}.gjs-guide-info__y .gjs-guide-info__line::after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line::before,.gjs-guide-info__x .gjs-guide-info__line::after{width:10px;height:1px;left:0;right:0;top:0;margin:auto;transform:translateX(-50%)}.gjs-guide-info__x .gjs-guide-info__line::after{top:auto;bottom:0}.gjs-badge{white-space:nowrap}.gjs-badge__icon{vertical-align:middle;display:inline-block;width:15px;height:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto}.gjs-frame-wrapper--anim{transition:width .35s ease,height .35s ease}.gjs-frame-wrapper__top{transform:translateY(-100%) translateX(-50%);display:flex;padding:5px 0;position:absolute;width:100%;left:50%;top:0}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{position:absolute;left:0;transform:translateX(-100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__bottom{position:absolute;bottom:0;transform:translateY(100%) translateX(-50%);width:100%;left:50%}.gjs-frame-wrapper__right{position:absolute;right:0;transform:translateX(100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__icon{width:24px;cursor:pointer}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-padding-v-top,.gjs-fixedpadding-v-top{width:100%;top:0;left:0}.gjs-padding-v-right,.gjs-fixedpadding-v-right{right:0}.gjs-padding-v-bottom,.gjs-fixedpadding-v-bottom{width:100%;left:0;bottom:0}.gjs-padding-v-left,.gjs-fixedpadding-v-left{left:0}.gjs-cv-canvas{box-sizing:border-box;width:calc(100% - var(--gjs-left-width));height:calc(100% - var(--gjs-canvas-top));bottom:0;overflow:hidden;z-index:1;position:absolute;left:0;top:var(--gjs-canvas-top)}.gjs-cv-canvas-bg{background-color:rgba(0,0,0,.15)}.gjs-cv-canvas.gjs-cui{width:100%;height:100%;top:0}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{position:absolute;top:0;left:0;width:100%;height:100%}.gjs-cv-canvas__spots{position:absolute;pointer-events:none;z-index:1}.gjs-cv-canvas .gjs-ghost{display:none;pointer-events:none;background-color:#5b5b5b;border:2px dashed #ccc;position:absolute;z-index:10;opacity:.55;filter:alpha(opacity=55)}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:1px solid var(--gjs-color-blue);outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid var(--gjs-color-yellow)}.gjs-cv-canvas .gjs-highlighter-sel{outline:2px solid var(--gjs-color-blue);outline-offset:-2px}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{width:100%;height:100%;position:absolute;top:0;left:0;outline:none;z-index:1}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{outline:medium none;height:100%;width:100%;border:none;margin:auto;display:block;transition:width .35s ease,height .35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-toolbar{position:absolute;background-color:var(--gjs-color-blue);white-space:nowrap;color:#fff;z-index:10;top:0;left:0}.gjs-toolbar-item{width:26px;padding:5px;cursor:pointer;display:inline-block}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.1;filter:alpha(opacity=10);position:absolute;background-color:#ff0}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.2;filter:alpha(opacity=20)}.gjs-padding-v-el,.gjs-fixedpadding-v-el{background-color:navy}.gjs-resizer-h{pointer-events:all;position:absolute;border:3px solid var(--gjs-color-blue);width:10px;height:10px;background-color:#fff;margin:var(--gjs-handle-margin)}.gjs-resizer-h-tl{top:0;left:0;cursor:nwse-resize}.gjs-resizer-h-tr{top:0;right:0;cursor:nesw-resize}.gjs-resizer-h-tc{top:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-cl{left:0;margin:auto var(--gjs-handle-margin);top:0;bottom:0;cursor:ew-resize}.gjs-resizer-h-cr{margin:auto var(--gjs-handle-margin);top:0;bottom:0;right:0;cursor:ew-resize}.gjs-resizer-h-bl{bottom:0;left:0;cursor:nesw-resize}.gjs-resizer-h-bc{bottom:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-br{bottom:0;right:0;cursor:nwse-resize}.gjs-pn-panel .gjs-resizer-h{background-color:rgba(0,0,0,.2);border:none;opacity:0;transition:opacity .25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-tc,.gjs-pn-panel .gjs-resizer-h-bc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cr,.gjs-pn-panel .gjs-resizer-h-cl{margin:auto 0;height:100%}.gjs-resizing .gjs-highlighter,.gjs-resizing .gjs-badge{display:none !important}.gjs-resizing-tl *{cursor:nwse-resize !important}.gjs-resizing-tr *{cursor:nesw-resize !important}.gjs-resizing-tc *{cursor:ns-resize !important}.gjs-resizing-cl *{cursor:ew-resize !important}.gjs-resizing-cr *{cursor:ew-resize !important}.gjs-resizing-bl *{cursor:nesw-resize !important}.gjs-resizing-bc *{cursor:ns-resize !important}.gjs-resizing-br *{cursor:nwse-resize !important}.btn-cl,.gjs-am-close,.gjs-mdl-btn-close{opacity:.3;filter:alpha(opacity=30);font-size:25px;cursor:pointer}.btn-cl:hover,.gjs-am-close:hover,.gjs-mdl-btn-close:hover{opacity:.7;filter:alpha(opacity=70)}.no-dots,.ui-resizable-handle{border:none !important;margin:0 !important;outline:none !important}.gjs-com-dashed *{outline:1px dashed #888;outline-offset:-2px;box-sizing:border-box}.gjs-com-badge,.gjs-badge{pointer-events:none;background-color:var(--gjs-color-blue);color:#fff;padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}.gjs-badge-warning{background-color:var(--gjs-color-yellow)}.gjs-placeholder,.gjs-com-placeholder,.gjs-placeholder{position:absolute;z-index:10;pointer-events:none;display:none}.gjs-placeholder,.gjs-placeholder{border-style:solid !important;outline:none;box-sizing:border-box;transition:top var(--gjs-animation-duration),left var(--gjs-animation-duration),width var(--gjs-animation-duration),height var(--gjs-animation-duration)}.gjs-placeholder.horizontal,.gjs-com-placeholder.horizontal,.gjs-placeholder.horizontal{border-color:rgba(0,0,0,0) var(--gjs-placeholder-background-color);border-width:3px 5px;margin:-3px 0 0}.gjs-placeholder.vertical,.gjs-com-placeholder.vertical,.gjs-placeholder.vertical{border-color:var(--gjs-placeholder-background-color) rgba(0,0,0,0);border-width:5px 3px;margin:0 0 0 -3px}.gjs-placeholder-int,.gjs-com-placeholder-int,.gjs-placeholder-int{background-color:var(--gjs-placeholder-background-color);box-shadow:0 0 3px rgba(0,0,0,.2);height:100%;width:100%;pointer-events:none;padding:1.5px;outline:none}.gjs-pn-panel{display:inline-block;position:absolute;box-sizing:border-box;text-align:center;padding:5px;z-index:3}.gjs-pn-panel .icon-undo,.gjs-pn-panel .icon-redo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{width:calc(100% - var(--gjs-left-width));left:0;top:0;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-options{right:var(--gjs-left-width);top:0}.gjs-pn-views{border-bottom:2px solid var(--gjs-main-dark-color);right:0;width:var(--gjs-left-width);z-index:4}.gjs-pn-views-container{height:100%;padding:42px 0 0;right:0;width:var(--gjs-left-width);overflow:auto;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{box-sizing:border-box;min-height:30px;min-width:30px;line-height:21px;background-color:rgba(0,0,0,0);border:none;font-size:18px;margin-right:5px;border-radius:2px;padding:4px;position:relative;cursor:pointer}.gjs-pn-btn.gjs-pn-active{background-color:rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25) inset}.gjs-pn-btn svg{fill:currentColor}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select:-moz-focusring,.gjs-select select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-input:focus,.gjs-button:focus,.gjs-btn-prim:focus,.gjs-select:focus,.gjs-select select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{appearance:none;color:inherit;border:none;background-color:rgba(0,0,0,0);box-sizing:border-box;width:100%;position:relative;padding:var(--gjs-input-padding);z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field input[type=number]{-moz-appearance:textfield}.gjs-field input[type=number]::-webkit-outer-spin-button,.gjs-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-select option,.gjs-field-select option,.gjs-clm-select option,.gjs-sm-select option,.gjs-fields option,.gjs-sm-unit option{background-color:var(--gjs-main-color);color:var(--gjs-font-color)}.gjs-field{background-color:var(--gjs-main-dark-color);border:none;box-shadow:none;border-radius:2px;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;z-index:0}.gjs-field .gjs-d-s-arrow{bottom:0;top:0;margin:auto;right:var(--gjs-input-padding);border-top:4px solid var(--gjs-arrow-color);position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-field-arrows{position:absolute;cursor:ns-resize;margin:auto;height:20px;width:9px;z-index:10;bottom:0;right:calc(var(--gjs-input-padding) - 2px);top:0}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{padding-right:var(--gjs-color-input-padding);box-sizing:border-box}.gjs-field-colorp{border-left:1px solid var(--gjs-main-dark-color);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:var(--gjs-color-input-padding);z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:100%;width:100%;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px;position:absolute;top:0}.gjs-field-checkbox{padding:0;width:17px;height:17px;display:block;cursor:pointer}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:rgba(255,255,255,.5);border-width:0 2px 2px 0;border-style:solid}.gjs-radio-item{flex:1 1 auto;text-align:center;border-left:1px solid var(--gjs-dark-text-shadow)}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:var(--gjs-main-dark-color)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:rgba(255,255,255,.2)}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:var(--gjs-input-padding)}.gjs-field-units{position:absolute;margin:auto;right:10px;bottom:0;top:0}.gjs-field-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-arrow-color);cursor:pointer}.gjs-input-unit{text-align:center}.gjs-field-arrow-u,.gjs-field-arrow-d{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--gjs-arrow-color);bottom:4px;cursor:pointer}.gjs-field-arrow-u{border-bottom:4px solid var(--gjs-arrow-color);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:rgba(0,0,0,0);border:none;box-shadow:none;padding:0}.gjs-field-range input{margin:0;height:100%}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-ms-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-ms-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-btn-prim{color:inherit;background-color:var(--gjs-main-light-color);border-radius:2px;padding:3px 6px;padding:var(--gjs-input-padding);cursor:pointer;border:none}.gjs-btn-prim:active{background-color:var(--gjs-main-light-color)}.gjs-btn--full{width:100%}.gjs-chk-icon{transform:rotate(45deg);box-sizing:border-box;display:block;height:14px;margin:0 5px;width:6px}.gjs-add-trasp{background:none;border:none;color:var(--gjs-font-color);cursor:pointer;font-size:1em;border-radius:2px;opacity:.75;filter:alpha(opacity=75)}.gjs-add-trasp:hover{opacity:1;filter:alpha(opacity=100)}.gjs-add-trasp:active{background-color:rgba(0,0,0,.2)}.gjs-devices-c{display:flex;align-items:center;padding:2px 3px 3px 3px}.gjs-devices-c .gjs-device-label{flex-grow:2;text-align:left;margin-right:10px}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-category-open,.gjs-block-category.gjs-open,.gjs-sm-sector.gjs-sm-open{border-bottom:1px solid rgba(0,0,0,.25)}.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title{font-weight:lighter;background-color:var(--gjs-secondary-dark-color);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer}.gjs-sm-clear{cursor:pointer;width:14px;min-width:14px;height:14px;margin-left:3px}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-sector{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector-title{display:flex;align-items:center}.gjs-sm-sector-caret{width:17px;height:17px;min-width:17px;transform:rotate(-90deg)}.gjs-sm-sector-label{margin-left:5px}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret{transform:none}.gjs-sm-properties{font-size:var(--gjs-font-size);padding:10px 5px;display:flex;flex-wrap:wrap;align-items:flex-end;box-sizing:border-box;width:100%}.gjs-sm-label{margin:5px 5px 3px 0;display:flex;align-items:center}.gjs-sm-close-btn,.gjs-sm-preview-file-close{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.7;filter:alpha(opacity=70)}.gjs-sm-close-btn:hover,.gjs-sm-preview-file-close:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-sm-field,.gjs-clm-select,.gjs-clm-field{width:100%;position:relative}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input,.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{background-color:rgba(0,0,0,0);color:rgba(255,255,255,.7);border:none;width:100%}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input{box-sizing:border-box}.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{position:relative;z-index:1;appearance:none}.gjs-sm-field select::-ms-expand,.gjs-clm-select select::-ms-expand,.gjs-clm-field select::-ms-expand{display:none}.gjs-sm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring,.gjs-clm-field select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-sm-field input:focus,.gjs-clm-select input:focus,.gjs-clm-field input:focus,.gjs-sm-field select:focus,.gjs-clm-select select:focus,.gjs-clm-field select:focus{outline:none}.gjs-sm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit,.gjs-clm-field .gjs-sm-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-secondary-light-color);cursor:pointer}.gjs-sm-field .gjs-clm-sel-arrow,.gjs-clm-select .gjs-clm-sel-arrow,.gjs-clm-field .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;cursor:ns-resize}.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{border-bottom:4px solid var(--gjs-secondary-light-color);top:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow{border-top:4px solid var(--gjs-secondary-light-color);bottom:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow{bottom:7px}.gjs-sm-field.gjs-sm-color,.gjs-sm-color.gjs-clm-field,.gjs-sm-field.gjs-sm-input,.gjs-sm-input.gjs-clm-field,.gjs-sm-field.gjs-sm-integer,.gjs-sm-integer.gjs-clm-field,.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{background-color:var(--gjs-main-dark-color);border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 0 var(--gjs-main-light-color);color:var(--gjs-secondary-light-color);border-radius:2px;box-sizing:border-box;padding:0 5px}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{border-radius:2px}.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{padding:0}.gjs-sm-field.gjs-sm-select select,.gjs-clm-select select,.gjs-sm-select.gjs-clm-field select{height:20px}.gjs-sm-field.gjs-sm-select option,.gjs-clm-select option,.gjs-sm-select.gjs-clm-field option{padding:3px 0}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{background-color:var(--gjs-secondary-dark-color);border:1px solid rgba(0,0,0,.25)}.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-select,.gjs-sm-list.gjs-clm-field{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-select input,.gjs-sm-list.gjs-clm-field input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-select label,.gjs-sm-list.gjs-clm-field label{cursor:pointer;padding:5px;display:block}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label{background-color:rgba(255,255,255,.2)}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .gjs-sm-icon{background-repeat:no-repeat;background-position:center;text-shadow:none;line-height:normal}.gjs-sm-field.gjs-sm-integer select,.gjs-sm-integer.gjs-clm-select select,.gjs-sm-integer.gjs-clm-field select{width:auto;padding:0}.gjs-sm-list .gjs-sm-el{float:left;border-left:1px solid var(--gjs-main-dark-color)}.gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-list .gjs-sm-el:hover{background:var(--gjs-main-dark-color)}.gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-property{box-sizing:border-box;float:left;width:50%;margin-bottom:5px;padding:0 5px}.gjs-sm-property--full,.gjs-sm-property.gjs-sm-composite,.gjs-sm-property.gjs-sm-file,.gjs-sm-property.gjs-sm-list,.gjs-sm-property.gjs-sm-stack,.gjs-sm-property.gjs-sm-slider,.gjs-sm-property.gjs-sm-color{width:100%}.gjs-sm-property .gjs-sm-btn{background-color:color-mix(in srgb, var(--gjs-main-dark-color), white 13%);border-radius:2px;box-shadow:1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%),1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;padding:5px;position:relative;text-align:center;height:auto;width:100%;cursor:pointer;color:var(--gjs-font-color);box-sizing:border-box;text-shadow:-1px -1px 0 var(--gjs-main-dark-color);border:none;opacity:.85;filter:alpha(opacity=85)}.gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-preview-file{background-color:var(--gjs-light-border);border-radius:2px;margin-top:5px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);padding:3px 20px}.gjs-sm-preview-file-cnt{background-size:auto 100%;background-repeat:no-repeat;background-position:center center;height:50px}.gjs-sm-preview-file-close{top:-5px;width:14px;height:14px}.gjs-sm-layers{margin-top:5px;padding:1px 3px;min-height:30px}.gjs-sm-layer{background-color:rgba(255,255,255,.055);border-radius:2px;margin:2px 0;padding:7px;position:relative}.gjs-sm-layer.gjs-sm-active{background-color:rgba(255,255,255,.12)}.gjs-sm-layer .gjs-sm-label-wrp{display:flex;align-items:center}.gjs-sm-layer #gjs-sm-move{height:14px;width:14px;min-width:14px;cursor:grab}.gjs-sm-layer #gjs-sm-label{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px}.gjs-sm-layer-preview{height:15px;width:15px;min-width:15px;margin-right:5px;border-radius:2px}.gjs-sm-layer-preview-cnt{border-radius:2px;background-color:#fff;height:100%;width:100%;background-size:cover !important}.gjs-sm-layer #gjs-sm-close-layer{display:block;cursor:pointer;height:14px;width:14px;min-width:14px;opacity:.5;filter:alpha(opacity=50)}.gjs-sm-layer #gjs-sm-close-layer:hover{opacity:.8;filter:alpha(opacity=80)}.gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;outline:none;position:absolute;right:0;top:-17px;opacity:.75;padding:0;width:18px;height:18px}.gjs-sm-stack #gjs-sm-add:hover{opacity:1;filter:alpha(opacity=100)}.gjs-sm-colorp-c{height:100%;width:20px;position:absolute;right:0;top:0;box-sizing:border-box;border-radius:2px;padding:2px}.gjs-sm-colorp-c .gjs-checker-bg,.gjs-sm-colorp-c .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-sm-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:16px;width:100%;margin-top:-16px;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px}.gjs-sm-btn-upload #gjs-sm-upload{left:0;top:0;position:absolute;width:100%;opacity:0;cursor:pointer}.gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{opacity:.7;filter:alpha(opacity=70);cursor:move;font-size:12px;float:left;margin:0 5px 0 0}.gjs-sm-layer>#gjs-sm-move:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{-webkit-user-select:none;-o-user-select:none;user-select:none;width:45%;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;font-size:11px;font-weight:lighter;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:box-shadow,color}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px;pointer-events:none}.gjs-block-svg{width:54px;fill:currentColor}.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{line-height:normal;font-size:.65rem;font-weight:normal;font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.gjs-block.gjs-bdrag{width:auto;padding:0}.gjs-selected-parent{border:1px solid var(--gjs-color-yellow)}.gjs-opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-layer{font-weight:lighter;text-align:left;position:relative;font-size:var(--gjs-font-size);display:grid}.gjs-layer-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--gjs-main-dark-color);background-color:var(--gjs-secondary-dark-color);gap:var(--gjs-flex-item-gap);cursor:pointer}.gjs-layer-item-left,.gjs-layer-item-right{display:flex;align-items:center;gap:var(--gjs-flex-item-gap)}.gjs-layer-item-left{width:100%}.gjs-layer-hidden{opacity:.55;filter:alpha(opacity=55)}.gjs-layer-vis{box-sizing:content-box;cursor:pointer;z-index:1}.gjs-layer-vis-on,.gjs-layer-vis-off{display:flex;width:13px}.gjs-layer-vis-off{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off{display:flex}.gjs-layer-caret{width:15px;cursor:pointer;box-sizing:content-box;transform:rotate(90deg);display:flex;opacity:.7;filter:alpha(opacity=70)}.gjs-layer-caret:hover{opacity:1;filter:alpha(opacity=100)}.gjs-layer.open>.gjs-layer-item .gjs-layer-caret{transform:rotate(180deg)}.gjs-layer-title{padding:0;display:flex;align-items:center;background-color:rgba(0,0,0,0) !important;border-bottom:none}.gjs-layer-title-inn{align-items:center;position:relative;display:flex;gap:var(--gjs-flex-item-gap)}.gjs-layer-title-c{width:100%}.gjs-layer__icon{display:block;width:100%;max-width:15px;max-height:15px;padding-left:5px}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{display:inline-block;box-sizing:content-box;overflow:hidden;white-space:nowrap;max-width:170px;height:auto}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{visibility:hidden}.gjs-layer-move{display:flex;width:13px;box-sizing:content-box;cursor:move}.gjs-layer.gjs-hovered .gjs-layer-item{background-color:var(--gjs-soft-light-color)}.gjs-layer.gjs-selected .gjs-layer-item{background-color:var(--gjs-main-light-color)}.gjs-layers{position:relative;height:100%}.gjs-layers #gjs-placeholder{width:100%;position:absolute}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:var(--gjs-color-green)}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:rgba(255,255,255,.15);border-radius:2px;padding:3px;margin-right:3px;border:1px solid rgba(0,0,0,.15);width:24px;height:24px;box-sizing:border-box;cursor:pointer}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{display:flex;align-items:center;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{display:flex;overflow:hidden;align-items:center;border-radius:3px;margin:0 3px 3px 0;padding:5px;cursor:default}.gjs-clm-tag-status,.gjs-clm-tag-close{width:12px;height:12px;flex-shrink:1}.gjs-clm-tag-status svg,.gjs-clm-tag-close svg{vertical-align:middle;fill:currentColor}.gjs-clm-sels-info{margin:7px 0;text-align:left}.gjs-clm-sel-id{font-size:.9em;opacity:.5;filter:alpha(opacity=50)}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:var(--gjs-font-size);padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{padding:7px 0;float:left}.gjs-clm-tags #gjs-clm-sel{font-style:italic;margin-left:5px}.gjs-clm-tags #gjs-clm-tags-field{clear:both;padding:5px;margin-bottom:5px;display:flex;flex-wrap:wrap}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;vertical-align:top;overflow:hidden}.gjs-clm-tags #gjs-clm-new{color:var(--gjs-font-color);padding:var(--gjs-padding-elem-classmanager);display:none}.gjs-clm-tags #gjs-clm-close{opacity:.85;filter:alpha(opacity=85);font-size:20px;line-height:0;cursor:pointer;color:rgba(255,255,255,.9)}.gjs-clm-tags #gjs-clm-close:hover{opacity:1;filter:alpha(opacity=100)}.gjs-clm-tags #gjs-clm-checkbox{color:rgba(255,255,255,.9);vertical-align:middle;cursor:pointer;font-size:9px}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text}.gjs-mdl-container{font-family:var(--gjs-main-font);overflow-y:auto;position:fixed;background-color:rgba(0,0,0,.5);display:flex;top:0;left:0;right:0;bottom:0;z-index:100}.gjs-mdl-dialog{text-shadow:-1px -1px 0 rgba(0,0,0,.05);animation:gjs-slide-down .215s;margin:auto;max-width:850px;width:90%;border-radius:3px;font-weight:lighter;position:relative;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down .216s}.gjs-mdl-header,.gjs-mdl-content{padding:10px 15px;clear:both}.gjs-mdl-header{position:relative;border-bottom:1px solid var(--gjs-main-dark-color);padding:15px 15px 7px}.gjs-export-dl::after{content:"";clear:both;display:block;margin-bottom:10px}.gjs-dropzone{display:none;opacity:0;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .25s;pointer-events:none}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{height:290px;overflow:auto;clear:both;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{width:70%;float:left}.gjs-am-add-asset button{width:25%;float:right}.gjs-am-preview-cont{position:relative;height:70px;width:30%;background-color:var(--gjs-main-color);border-radius:2px;float:left;overflow:hidden}.gjs-am-preview{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;z-index:1}.gjs-am-preview-bg{opacity:.5;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;z-index:0}.gjs-am-dimensions{opacity:.5;filter:alpha(opacity=50);font-size:10px}.gjs-am-meta{width:70%;float:left;font-size:12px;padding:5px 0 0 5px;box-sizing:border-box}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;position:absolute;right:5px;top:0;display:none}.gjs-am-asset{border-bottom:1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);padding:5px;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:var(--gjs-main-light-color)}.gjs-am-assets-cont{background-color:var(--gjs-secondary-dark-color);border-radius:3px;box-sizing:border-box;padding:10px;width:45%;float:right;height:325px;overflow:hidden}.gjs-am-file-uploader{width:55%;float:left}.gjs-am-file-uploader>form{background-color:var(--gjs-secondary-dark-color);border:2px dashed;border-radius:3px;position:relative;text-align:center;margin-bottom:15px}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid var(--gjs-color-green);color:color-mix(in srgb, var(--gjs-color-green), white 5%)}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{opacity:0;filter:alpha(opacity=0);padding:var(--gjs-upload-padding);width:100%;box-sizing:border-box}.gjs-am-file-uploader #gjs-am-title{position:absolute;padding:var(--gjs-upload-padding);width:100%}.gjs-cm-editor-c{float:left;box-sizing:border-box;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{padding-right:10px;border-right:1px solid var(--gjs-main-dark-color)}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:var(--gjs-main-dark-color);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{position:absolute;z-index:10}.gjs-rte-toolbar-ui{border:1px solid var(--gjs-main-dark-color);border-radius:3px}.gjs-rte-actionbar{display:flex}.gjs-rte-action{display:flex;align-items:center;justify-content:center;padding:5px;width:25px;border-right:1px solid var(--gjs-main-dark-color);text-align:center;cursor:pointer;outline:none}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover{background-color:var(--gjs-main-light-color)}.gjs-rte-active{background-color:var(--gjs-main-light-color)}.gjs-rte-disabled{color:var(--gjs-main-light-color);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:unset}.gjs-editor-cont .sp-hue,.gjs-editor-cont .sp-slider{cursor:row-resize}.gjs-editor-cont .sp-color,.gjs-editor-cont .sp-dragger{cursor:crosshair}.gjs-editor-cont .sp-alpha-inner,.gjs-editor-cont .sp-alpha-handle{cursor:col-resize}.gjs-editor-cont .sp-hue{left:90%}.gjs-editor-cont .sp-color{right:15%}.gjs-editor-cont .sp-container{border:1px solid var(--gjs-main-dark-color);box-shadow:0 0 7px var(--gjs-main-dark-color);border-radius:3px}.gjs-editor-cont .sp-picker-container{border:none}.gjs-editor-cont .colpick_dark .colpick_color{outline:1px solid var(--gjs-main-dark-color)}.gjs-editor-cont .sp-cancel,.gjs-editor-cont .sp-cancel:hover{bottom:-8px;color:#777 !important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-cont .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-cont .sp-color,.gjs-editor-cont .sp-hue{border:1px solid #333}.gjs-editor-cont .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-cont .sp-dragger{background:rgba(0,0,0,0);box-shadow:0 0 0 1px #111}.gjs-editor-cont .sp-button-container{float:none;width:100%;position:relative;text-align:right}.gjs-editor-cont .sp-container button,.gjs-editor-cont .sp-container button:hover,.gjs-editor-cont .sp-container button:active{background:var(--gjs-main-dark-color);border-color:var(--gjs-main-dark-color);color:var(--gjs-font-color);text-shadow:none;box-shadow:none;padding:3px 5px}.gjs-editor-cont .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-cont .sp-palette .sp-thumb-el,.gjs-editor-cont .sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,.9)}.gjs-editor-cont .sp-palette .sp-thumb-el:hover,.gjs-editor-cont .sp-palette .sp-thumb-el.sp-thumb-active{border-color:rgba(0,0,0,.9)}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{transform:translate(0, -3rem);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes gjs-slide-up{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -3rem);opacity:0}}.cm-s-hopscotch span.cm-error{color:#fff}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/dist/tippy.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--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:#ff4081;--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:#f44336;--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-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}html{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}.mat-primary{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}.mat-accent{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}.mat-warn{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-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-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px}html{--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-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)}html{--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-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-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px}html{--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);--mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336}html{--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336}html{--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 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:#f44336;--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-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent{--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 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{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400}html{--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400}html{--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}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(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 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(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 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(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-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{--mdc-dialog-container-shape:4px}html{--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{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius:14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1}.mat-mdc-standard-chip{--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121}.mat-mdc-standard-chip{--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-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-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}html .mat-mdc-slide-toggle{--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:#fff;--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-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);--mdc-switch-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)}html{--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-mdc-radio-button.mat-primary{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-mdc-radio-button.mat-accent{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-radio-button.mat-warn{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px}html{--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-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)}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%)}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000}html{--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-accent{--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}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-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38}html{--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-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:#3f51b5}.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{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}html{--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.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{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}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-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0}html{--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px}html{--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false}html{--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false}html{--mdc-protected-button-container-shape:4px;--mdc-protected-button-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);--mdc-protected-button-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);--mdc-protected-button-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);--mdc-protected-button-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);--mdc-protected-button-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)}html{--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px}html{--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0}html{--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px}html{--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px}html{--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38)}html{--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12}html{--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38)}html{--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12}html{--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38)}html{--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12}html{--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-mdc-button.mat-primary{--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-accent{--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button.mat-warn{--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-primary{--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-accent{--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-warn{--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-primary{--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-accent{--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-warn{--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-primary{--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-accent{--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-warn{--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px}html{--mdc-filled-button-container-height:36px}html{--mdc-protected-button-container-height:36px}html{--mdc-outlined-button-container-height:36px}html{--mat-text-button-touch-target-display:block}html{--mat-filled-button-touch-target-display:block}html{--mat-protected-button-touch-target-display:block}html{--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none}html{--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none}html{--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none}html{--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}html{--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5}html .mat-mdc-icon-button.mat-primary{--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081}html .mat-mdc-icon-button.mat-accent{--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}html .mat-mdc-icon-button.mat-warn{--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 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;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-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);--mdc-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);--mdc-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);--mdc-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)}html{--mdc-fab-small-container-shape:50%;--mdc-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);--mdc-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);--mdc-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);--mdc-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{--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-extended-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);--mdc-extended-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);--mdc-extended-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);--mdc-extended-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)}html{--mdc-fab-container-color:white}html{--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html{--mdc-fab-small-container-color:white}html{--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--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)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5}html .mat-mdc-fab.mat-primary{--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081}html .mat-mdc-fab.mat-accent{--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336}html .mat-mdc-fab.mat-warn{--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5}html .mat-mdc-mini-fab.mat-primary{--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081}html .mat-mdc-mini-fab.mat-accent{--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336}html .mat-mdc-mini-fab.mat-warn{--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block}html{--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87)}html{--mat-snack-bar-button-color:#c5cae9}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}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-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}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:#3f51b5;--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:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, 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}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-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1}html{--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd}html{--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4)}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400}html{--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}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:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 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:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 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:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 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:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.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;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}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-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}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:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--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:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}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:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}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-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}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}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, 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 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.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 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:none}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/grapesjs/dist/css/grapes.min.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
.CodeMirror{font-family:monospace;height:300px;color:black;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:blue}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255, 150, 0, 0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255, 255, 0, 0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-hopscotch.CodeMirror{background:#322931;color:#d5d3d5}.cm-s-hopscotch div.CodeMirror-selected{background:#433b42 !important}.cm-s-hopscotch .CodeMirror-gutters{background:#322931;border-right:0px}.cm-s-hopscotch .CodeMirror-linenumber{color:#797379}.cm-s-hopscotch .CodeMirror-cursor{border-left:1px solid #989498 !important}.cm-s-hopscotch span.cm-comment{color:#b33508}.cm-s-hopscotch span.cm-atom{color:#c85e7c}.cm-s-hopscotch span.cm-number{color:#c85e7c}.cm-s-hopscotch span.cm-property,.cm-s-hopscotch span.cm-attribute{color:#8fc13e}.cm-s-hopscotch span.cm-keyword{color:#dd464c}.cm-s-hopscotch span.cm-string{color:#fdcc59}.cm-s-hopscotch span.cm-variable{color:#8fc13e}.cm-s-hopscotch span.cm-variable-2{color:#1290bf}.cm-s-hopscotch span.cm-def{color:#fd8b19}.cm-s-hopscotch span.cm-error{background:#dd464c;color:#989498}.cm-s-hopscotch span.cm-bracket{color:#d5d3d5}.cm-s-hopscotch span.cm-tag{color:#dd464c}.cm-s-hopscotch span.cm-link{color:#c85e7c}.cm-s-hopscotch .CodeMirror-matchingbracket{text-decoration:underline;color:white !important}.cm-s-hopscotch .CodeMirror-activeline-background{background:#302020}.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0px;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81")}.sp-val{background-image:linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000")}.sp-hue{background:linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00")}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00")}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff")}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff")}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff")}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000")}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}@media(max-device-width: 480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:rgba(0,0,0,0);border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px rgba(0,0,0,0)}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:linear-gradient(to bottom, #eeeeee, #cccccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:linear-gradient(to bottom, #dddddd, #bbbbbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}.gjs-is__grab,.gjs-is__grab *{cursor:grab !important}.gjs-is__grabbing,.gjs-is__grabbing *{-webkit-user-select:none;-o-user-select:none;user-select:none;cursor:grabbing !important}.gjs-one-bg{background-color:var(--gjs-primary-color)}.gjs-one-color{color:var(--gjs-primary-color)}.gjs-one-color-h:hover{color:var(--gjs-primary-color)}.gjs-two-bg{background-color:var(--gjs-secondary-color)}.gjs-two-color{color:var(--gjs-secondary-color)}.gjs-two-color-h:hover{color:var(--gjs-secondary-color)}.gjs-three-bg{background-color:var(--gjs-tertiary-color)}.gjs-three-color{color:var(--gjs-tertiary-color)}.gjs-three-color-h:hover{color:var(--gjs-tertiary-color)}.gjs-four-bg{background-color:var(--gjs-quaternary-color)}.gjs-four-color{color:var(--gjs-quaternary-color)}.gjs-four-color-h:hover{color:var(--gjs-quaternary-color)}.gjs-danger-bg{background-color:var(--gjs-color-red)}.gjs-danger-color{color:var(--gjs-color-red)}.gjs-danger-color-h:hover{color:var(--gjs-color-red)}.gjs-bg-main,.gjs-sm-colorp-c,.gjs-off-prv{background-color:var(--gjs-main-color)}.gjs-color-main,.gjs-sm-stack #gjs-sm-add,.gjs-off-prv{color:var(--gjs-font-color);fill:var(--gjs-font-color)}.gjs-color-active{color:var(--gjs-font-color-active);fill:var(--gjs-font-color-active)}.gjs-color-warn{color:var(--gjs-color-warn);fill:var(--gjs-color-warn)}.gjs-color-hl{color:var(--gjs-color-highlight);fill:var(--gjs-color-highlight)}.gjs-invis-invis,.gjs-clm-tags #gjs-clm-new,.gjs-no-app{background-color:rgba(0,0,0,0);border:none;color:inherit}.gjs-no-app{height:10px}.gjs-test::btn{color:"#fff"}.opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-checker-bg,.gjs-field-colorp-c,.checker-bg,.gjs-sm-layer-preview{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==")}.gjs-no-user-select,.gjs-rte-toolbar,.gjs-layer-name,.gjs-grabbing,.gjs-grabbing *{-webkit-user-select:none;-o-user-select:none;user-select:none}.gjs-no-pointer-events,.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el,.gjs-resizer-c{pointer-events:none}.gjs-bdrag{pointer-events:none !important;position:absolute !important;z-index:10 !important;width:auto}.gjs-drag-helper{background-color:var(--gjs-color-blue) !important;pointer-events:none !important;position:absolute !important;z-index:10 !important;transform:scale(0.3) !important;transform-origin:top left !important;-webkit-transform-origin:top left !important;margin:15px !important;transition:none !important;outline:none !important}.gjs-grabbing,.gjs-grabbing *{cursor:grabbing !important;cursor:-webkit-grabbing !important}.gjs-grabbing{overflow:hidden}.gjs-off-prv{position:relative;z-index:10;padding:5px;cursor:pointer}.gjs-editor-cont ::-webkit-scrollbar-track{background:var(--gjs-secondary-dark-color)}.gjs-editor-cont ::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2)}.gjs-editor-cont ::-webkit-scrollbar{width:8px}:root{--gjs-main-color: #444;--gjs-primary-color: #444;--gjs-secondary-color: #ddd;--gjs-tertiary-color: #804f7b;--gjs-quaternary-color: #d278c9;--gjs-font-color: #ddd;--gjs-font-color-active: #f8f8f8;--gjs-main-dark-color: rgba(0, 0, 0, 0.2);--gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);--gjs-main-light-color: rgba(255, 255, 255, 0.1);--gjs-secondary-light-color: rgba(255, 255, 255, 0.7);--gjs-soft-light-color: rgba(255, 255, 255, 0.015);--gjs-color-blue: #3b97e3;--gjs-color-red: #dd3636;--gjs-color-yellow: #ffca6f;--gjs-color-green: #62c462;--gjs-left-width: 15%;--gjs-color-highlight: #71b7f1;--gjs-color-warn: #ffca6f;--gjs-handle-margin: -5px;--gjs-light-border: rgba(255, 255, 255, 0.05);--gjs-arrow-color: rgba(255, 255, 255, 0.7);--gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);--gjs-color-input-padding: 22px;--gjs-input-padding: 5px;--gjs-padding-elem-classmanager: 5px 6px;--gjs-upload-padding: 150px 10px;--gjs-animation-duration: 0.2s;--gjs-main-font: Helvetica, sans-serif;--gjs-font-size: 0.75rem;--gjs-placeholder-background-color: var(--gjs-color-green);--gjs-canvas-top: 40px;--gjs-flex-item-gap: 5px}.clear{clear:both}.no-select,.gjs-clm-tags #gjs-clm-close,.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title,.gjs-com-no-select,.gjs-com-no-select img{-webkit-user-select:none;-o-user-select:none;user-select:none}.gjs-no-touch-actions{touch-action:none}.gjs-disabled{-webkit-user-select:none;-o-user-select:none;user-select:none;opacity:.5;filter:alpha(opacity=50)}.gjs-editor{font-family:var(--gjs-main-font);font-size:var(--gjs-font-size);position:relative;box-sizing:border-box;height:100%}.gjs-freezed,.gjs-freezed{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.gjs-traits-label{border-bottom:1px solid var(--gjs-main-dark-color);font-weight:lighter;margin-bottom:5px;padding:10px;text-align:left}.gjs-label-wrp{width:30%;min-width:30%}.gjs-field-wrp{flex-grow:1}.gjs-trt-header{font-weight:lighter;padding:10px}.gjs-trt-trait{display:flex;justify-content:flex-start;padding:5px 10px;font-weight:lighter;align-items:center;text-align:left}.gjs-trt-traits{font-size:var(--gjs-font-size)}.gjs-trt-trait .gjs-label{text-align:left;text-overflow:ellipsis;overflow:hidden}.gjs-guide-info{position:absolute}.gjs-guide-info__content{position:absolute;height:100%;display:flex;width:100%;padding:5px}.gjs-guide-info__line{position:relative;margin:auto}.gjs-guide-info__line::before,.gjs-guide-info__line::after{content:"";display:block;position:absolute;background-color:inherit}.gjs-guide-info__y{padding:0 5px}.gjs-guide-info__y .gjs-guide-info__content{justify-content:center}.gjs-guide-info__y .gjs-guide-info__line{width:100%;height:1px}.gjs-guide-info__y .gjs-guide-info__line::before,.gjs-guide-info__y .gjs-guide-info__line::after{width:1px;height:10px;top:0;bottom:0;left:0;margin:auto}.gjs-guide-info__y .gjs-guide-info__line::after{left:auto;right:0}.gjs-guide-info__x{padding:5px 0}.gjs-guide-info__x .gjs-guide-info__content{align-items:center}.gjs-guide-info__x .gjs-guide-info__line{height:100%;width:1px}.gjs-guide-info__x .gjs-guide-info__line::before,.gjs-guide-info__x .gjs-guide-info__line::after{width:10px;height:1px;left:0;right:0;top:0;margin:auto;transform:translateX(-50%)}.gjs-guide-info__x .gjs-guide-info__line::after{top:auto;bottom:0}.gjs-badge{white-space:nowrap}.gjs-badge__icon{vertical-align:middle;display:inline-block;width:15px;height:15px}.gjs-badge__icon svg{fill:currentColor}.gjs-badge__name{display:inline-block;vertical-align:middle}.gjs-frame-wrapper{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto}.gjs-frame-wrapper--anim{transition:width .35s ease,height .35s ease}.gjs-frame-wrapper__top{transform:translateY(-100%) translateX(-50%);display:flex;padding:5px 0;position:absolute;width:100%;left:50%;top:0}.gjs-frame-wrapper__top-r{margin-left:auto}.gjs-frame-wrapper__left{position:absolute;left:0;transform:translateX(-100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__bottom{position:absolute;bottom:0;transform:translateY(100%) translateX(-50%);width:100%;left:50%}.gjs-frame-wrapper__right{position:absolute;right:0;transform:translateX(100%) translateY(-50%);height:100%;top:50%}.gjs-frame-wrapper__icon{width:24px;cursor:pointer}.gjs-frame-wrapper__icon>svg{fill:currentColor}.gjs-padding-v-top,.gjs-fixedpadding-v-top{width:100%;top:0;left:0}.gjs-padding-v-right,.gjs-fixedpadding-v-right{right:0}.gjs-padding-v-bottom,.gjs-fixedpadding-v-bottom{width:100%;left:0;bottom:0}.gjs-padding-v-left,.gjs-fixedpadding-v-left{left:0}.gjs-cv-canvas{box-sizing:border-box;width:calc(100% - var(--gjs-left-width));height:calc(100% - var(--gjs-canvas-top));bottom:0;overflow:hidden;z-index:1;position:absolute;left:0;top:var(--gjs-canvas-top)}.gjs-cv-canvas-bg{background-color:rgba(0,0,0,.15)}.gjs-cv-canvas.gjs-cui{width:100%;height:100%;top:0}.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames{pointer-events:none}.gjs-cv-canvas__frames{position:absolute;top:0;left:0;width:100%;height:100%}.gjs-cv-canvas__spots{position:absolute;pointer-events:none;z-index:1}.gjs-cv-canvas .gjs-ghost{display:none;pointer-events:none;background-color:#5b5b5b;border:2px dashed #ccc;position:absolute;z-index:10;opacity:.55;filter:alpha(opacity=55)}.gjs-cv-canvas .gjs-highlighter,.gjs-cv-canvas .gjs-highlighter-sel{position:absolute;outline:1px solid var(--gjs-color-blue);outline-offset:-1px;pointer-events:none;width:100%;height:100%}.gjs-cv-canvas .gjs-highlighter-warning{outline:3px solid var(--gjs-color-yellow)}.gjs-cv-canvas .gjs-highlighter-sel{outline:2px solid var(--gjs-color-blue);outline-offset:-2px}.gjs-cv-canvas #gjs-tools,.gjs-cv-canvas .gjs-tools{width:100%;height:100%;position:absolute;top:0;left:0;outline:none;z-index:1}.gjs-cv-canvas *{box-sizing:border-box}.gjs-frame{outline:medium none;height:100%;width:100%;border:none;margin:auto;display:block;transition:width .35s ease,height .35s ease;position:absolute;top:0;bottom:0;left:0;right:0}.gjs-toolbar{position:absolute;background-color:var(--gjs-color-blue);white-space:nowrap;color:#fff;z-index:10;top:0;left:0}.gjs-toolbar-item{width:26px;padding:5px;cursor:pointer;display:inline-block}.gjs-toolbar-item svg{fill:currentColor;vertical-align:middle}.gjs-resizer-c{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}.gjs-margin-v-el,.gjs-padding-v-el,.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.1;filter:alpha(opacity=10);position:absolute;background-color:#ff0}.gjs-fixedmargin-v-el,.gjs-fixedpadding-v-el{opacity:.2;filter:alpha(opacity=20)}.gjs-padding-v-el,.gjs-fixedpadding-v-el{background-color:navy}.gjs-resizer-h{pointer-events:all;position:absolute;border:3px solid var(--gjs-color-blue);width:10px;height:10px;background-color:#fff;margin:var(--gjs-handle-margin)}.gjs-resizer-h-tl{top:0;left:0;cursor:nwse-resize}.gjs-resizer-h-tr{top:0;right:0;cursor:nesw-resize}.gjs-resizer-h-tc{top:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-cl{left:0;margin:auto var(--gjs-handle-margin);top:0;bottom:0;cursor:ew-resize}.gjs-resizer-h-cr{margin:auto var(--gjs-handle-margin);top:0;bottom:0;right:0;cursor:ew-resize}.gjs-resizer-h-bl{bottom:0;left:0;cursor:nesw-resize}.gjs-resizer-h-bc{bottom:0;margin:var(--gjs-handle-margin) auto;left:0;right:0;cursor:ns-resize}.gjs-resizer-h-br{bottom:0;right:0;cursor:nwse-resize}.gjs-pn-panel .gjs-resizer-h{background-color:rgba(0,0,0,.2);border:none;opacity:0;transition:opacity .25s}.gjs-pn-panel .gjs-resizer-h:hover{opacity:1}.gjs-pn-panel .gjs-resizer-h-tc,.gjs-pn-panel .gjs-resizer-h-bc{margin:0 auto;width:100%}.gjs-pn-panel .gjs-resizer-h-cr,.gjs-pn-panel .gjs-resizer-h-cl{margin:auto 0;height:100%}.gjs-resizing .gjs-highlighter,.gjs-resizing .gjs-badge{display:none !important}.gjs-resizing-tl *{cursor:nwse-resize !important}.gjs-resizing-tr *{cursor:nesw-resize !important}.gjs-resizing-tc *{cursor:ns-resize !important}.gjs-resizing-cl *{cursor:ew-resize !important}.gjs-resizing-cr *{cursor:ew-resize !important}.gjs-resizing-bl *{cursor:nesw-resize !important}.gjs-resizing-bc *{cursor:ns-resize !important}.gjs-resizing-br *{cursor:nwse-resize !important}.btn-cl,.gjs-am-close,.gjs-mdl-btn-close{opacity:.3;filter:alpha(opacity=30);font-size:25px;cursor:pointer}.btn-cl:hover,.gjs-am-close:hover,.gjs-mdl-btn-close:hover{opacity:.7;filter:alpha(opacity=70)}.no-dots,.ui-resizable-handle{border:none !important;margin:0 !important;outline:none !important}.gjs-com-dashed *{outline:1px dashed #888;outline-offset:-2px;box-sizing:border-box}.gjs-com-badge,.gjs-badge{pointer-events:none;background-color:var(--gjs-color-blue);color:#fff;padding:2px 5px;position:absolute;z-index:1;font-size:12px;outline:none;display:none}.gjs-badge-warning{background-color:var(--gjs-color-yellow)}.gjs-placeholder,.gjs-com-placeholder,.gjs-placeholder{position:absolute;z-index:10;pointer-events:none;display:none}.gjs-placeholder,.gjs-placeholder{border-style:solid !important;outline:none;box-sizing:border-box;transition:top var(--gjs-animation-duration),left var(--gjs-animation-duration),width var(--gjs-animation-duration),height var(--gjs-animation-duration)}.gjs-placeholder.horizontal,.gjs-com-placeholder.horizontal,.gjs-placeholder.horizontal{border-color:rgba(0,0,0,0) var(--gjs-placeholder-background-color);border-width:3px 5px;margin:-3px 0 0}.gjs-placeholder.vertical,.gjs-com-placeholder.vertical,.gjs-placeholder.vertical{border-color:var(--gjs-placeholder-background-color) rgba(0,0,0,0);border-width:5px 3px;margin:0 0 0 -3px}.gjs-placeholder-int,.gjs-com-placeholder-int,.gjs-placeholder-int{background-color:var(--gjs-placeholder-background-color);box-shadow:0 0 3px rgba(0,0,0,.2);height:100%;width:100%;pointer-events:none;padding:1.5px;outline:none}.gjs-pn-panel{display:inline-block;position:absolute;box-sizing:border-box;text-align:center;padding:5px;z-index:3}.gjs-pn-panel .icon-undo,.gjs-pn-panel .icon-redo{font-size:20px;height:30px;width:25px}.gjs-pn-commands{width:calc(100% - var(--gjs-left-width));left:0;top:0;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-options{right:var(--gjs-left-width);top:0}.gjs-pn-views{border-bottom:2px solid var(--gjs-main-dark-color);right:0;width:var(--gjs-left-width);z-index:4}.gjs-pn-views-container{height:100%;padding:42px 0 0;right:0;width:var(--gjs-left-width);overflow:auto;box-shadow:0 0 5px var(--gjs-main-dark-color)}.gjs-pn-buttons{align-items:center;display:flex;justify-content:space-between}.gjs-pn-btn{box-sizing:border-box;min-height:30px;min-width:30px;line-height:21px;background-color:rgba(0,0,0,0);border:none;font-size:18px;margin-right:5px;border-radius:2px;padding:4px;position:relative;cursor:pointer}.gjs-pn-btn.gjs-pn-active{background-color:rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.25) inset}.gjs-pn-btn svg{fill:currentColor}.gjs-label{line-height:18px}.gjs-fields{display:flex}.gjs-select{padding:0;width:100%}.gjs-select select{padding-right:10px}.gjs-select:-moz-focusring,.gjs-select select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-input:focus,.gjs-button:focus,.gjs-btn-prim:focus,.gjs-select:focus,.gjs-select select:focus{outline:none}.gjs-field input,.gjs-field select,.gjs-field textarea{appearance:none;color:inherit;border:none;background-color:rgba(0,0,0,0);box-sizing:border-box;width:100%;position:relative;padding:var(--gjs-input-padding);z-index:1}.gjs-field input:focus,.gjs-field select:focus,.gjs-field textarea:focus{outline:none}.gjs-field input[type=number]{-moz-appearance:textfield}.gjs-field input[type=number]::-webkit-outer-spin-button,.gjs-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gjs-field-range{flex:9 1 auto}.gjs-field-integer input{padding-right:30px}.gjs-select option,.gjs-field-select option,.gjs-clm-select option,.gjs-sm-select option,.gjs-fields option,.gjs-sm-unit option{background-color:var(--gjs-main-color);color:var(--gjs-font-color)}.gjs-field{background-color:var(--gjs-main-dark-color);border:none;box-shadow:none;border-radius:2px;box-sizing:border-box;padding:0;position:relative}.gjs-field textarea{resize:vertical}.gjs-field .gjs-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;z-index:0}.gjs-field .gjs-d-s-arrow{bottom:0;top:0;margin:auto;right:var(--gjs-input-padding);border-top:4px solid var(--gjs-arrow-color);position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-field-arrows{position:absolute;cursor:ns-resize;margin:auto;height:20px;width:9px;z-index:10;bottom:0;right:calc(var(--gjs-input-padding) - 2px);top:0}.gjs-field-color,.gjs-field-radio{width:100%}.gjs-field-color input{padding-right:var(--gjs-color-input-padding);box-sizing:border-box}.gjs-field-colorp{border-left:1px solid var(--gjs-main-dark-color);box-sizing:border-box;height:100%;padding:2px;position:absolute;right:0;top:0;width:var(--gjs-color-input-padding);z-index:10}.gjs-field-colorp .gjs-checker-bg,.gjs-field-colorp .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-field-colorp-c{height:100%;position:relative;width:100%}.gjs-field-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:100%;width:100%;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px;position:absolute;top:0}.gjs-field-checkbox{padding:0;width:17px;height:17px;display:block;cursor:pointer}.gjs-field-checkbox input{display:none}.gjs-field-checkbox input:checked+.gjs-chk-icon{border-color:rgba(255,255,255,.5);border-width:0 2px 2px 0;border-style:solid}.gjs-radio-item{flex:1 1 auto;text-align:center;border-left:1px solid var(--gjs-dark-text-shadow)}.gjs-radio-item:first-child{border:none}.gjs-radio-item:hover{background:var(--gjs-main-dark-color)}.gjs-radio-item input{display:none}.gjs-radio-item input:checked+.gjs-radio-item-label{background-color:rgba(255,255,255,.2)}.gjs-radio-items{display:flex}.gjs-radio-item-label{cursor:pointer;display:block;padding:var(--gjs-input-padding)}.gjs-field-units{position:absolute;margin:auto;right:10px;bottom:0;top:0}.gjs-field-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-arrow-color);cursor:pointer}.gjs-input-unit{text-align:center}.gjs-field-arrow-u,.gjs-field-arrow-d{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid var(--gjs-arrow-color);bottom:4px;cursor:pointer}.gjs-field-arrow-u{border-bottom:4px solid var(--gjs-arrow-color);border-top:none;top:4px}.gjs-field-select{padding:0}.gjs-field-range{background-color:rgba(0,0,0,0);border:none;box-shadow:none;padding:0}.gjs-field-range input{margin:0;height:100%}.gjs-field-range input:focus{outline:none}.gjs-field-range input::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-ms-thumb{height:10px;width:10px;border:1px solid var(--gjs-main-dark-color);border-radius:100%;background-color:var(--gjs-font-color);cursor:pointer}.gjs-field-range input::-moz-range-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-webkit-slider-runnable-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-field-range input::-ms-track{background-color:var(--gjs-main-dark-color);border-radius:1px;margin-top:3px;height:3px}.gjs-btn-prim{color:inherit;background-color:var(--gjs-main-light-color);border-radius:2px;padding:3px 6px;padding:var(--gjs-input-padding);cursor:pointer;border:none}.gjs-btn-prim:active{background-color:var(--gjs-main-light-color)}.gjs-btn--full{width:100%}.gjs-chk-icon{transform:rotate(45deg);box-sizing:border-box;display:block;height:14px;margin:0 5px;width:6px}.gjs-add-trasp{background:none;border:none;color:var(--gjs-font-color);cursor:pointer;font-size:1em;border-radius:2px;opacity:.75;filter:alpha(opacity=75)}.gjs-add-trasp:hover{opacity:1;filter:alpha(opacity=100)}.gjs-add-trasp:active{background-color:rgba(0,0,0,.2)}.gjs-devices-c{display:flex;align-items:center;padding:2px 3px 3px 3px}.gjs-devices-c .gjs-device-label{flex-grow:2;text-align:left;margin-right:10px}.gjs-devices-c .gjs-select{flex-grow:20}.gjs-devices-c .gjs-add-trasp{flex-grow:1;margin-left:5px}.gjs-category-open,.gjs-block-category.gjs-open,.gjs-sm-sector.gjs-sm-open{border-bottom:1px solid rgba(0,0,0,.25)}.gjs-category-title,.gjs-layer-title,.gjs-block-category .gjs-title,.gjs-sm-sector-title{font-weight:lighter;background-color:var(--gjs-secondary-dark-color);letter-spacing:1px;padding:9px 10px 9px 20px;border-bottom:1px solid rgba(0,0,0,.25);text-align:left;position:relative;cursor:pointer}.gjs-sm-clear{cursor:pointer;width:14px;min-width:14px;height:14px;margin-left:3px}.gjs-sm-header{font-weight:lighter;padding:10px}.gjs-sm-sector{clear:both;font-weight:lighter;text-align:left}.gjs-sm-sector-title{display:flex;align-items:center}.gjs-sm-sector-caret{width:17px;height:17px;min-width:17px;transform:rotate(-90deg)}.gjs-sm-sector-label{margin-left:5px}.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret{transform:none}.gjs-sm-properties{font-size:var(--gjs-font-size);padding:10px 5px;display:flex;flex-wrap:wrap;align-items:flex-end;box-sizing:border-box;width:100%}.gjs-sm-label{margin:5px 5px 3px 0;display:flex;align-items:center}.gjs-sm-close-btn,.gjs-sm-preview-file-close{display:block;font-size:23px;position:absolute;cursor:pointer;right:5px;top:0;opacity:.7;filter:alpha(opacity=70)}.gjs-sm-close-btn:hover,.gjs-sm-preview-file-close:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-sm-field,.gjs-clm-select,.gjs-clm-field{width:100%;position:relative}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input,.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{background-color:rgba(0,0,0,0);color:rgba(255,255,255,.7);border:none;width:100%}.gjs-sm-field input,.gjs-clm-select input,.gjs-clm-field input{box-sizing:border-box}.gjs-sm-field select,.gjs-clm-select select,.gjs-clm-field select{position:relative;z-index:1;appearance:none}.gjs-sm-field select::-ms-expand,.gjs-clm-select select::-ms-expand,.gjs-clm-field select::-ms-expand{display:none}.gjs-sm-field select:-moz-focusring,.gjs-clm-select select:-moz-focusring,.gjs-clm-field select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 var(--gjs-secondary-light-color)}.gjs-sm-field input:focus,.gjs-clm-select input:focus,.gjs-clm-field input:focus,.gjs-sm-field select:focus,.gjs-clm-select select:focus,.gjs-clm-field select:focus{outline:none}.gjs-sm-field .gjs-sm-unit,.gjs-clm-select .gjs-sm-unit,.gjs-clm-field .gjs-sm-unit{position:absolute;right:10px;top:3px;font-size:10px;color:var(--gjs-secondary-light-color);cursor:pointer}.gjs-sm-field .gjs-clm-sel-arrow,.gjs-clm-select .gjs-clm-sel-arrow,.gjs-clm-field .gjs-clm-sel-arrow,.gjs-sm-field .gjs-sm-int-arrows,.gjs-clm-select .gjs-sm-int-arrows,.gjs-clm-field .gjs-sm-int-arrows,.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{height:100%;width:9px;position:absolute;right:0;top:0;cursor:ns-resize}.gjs-sm-field .gjs-sm-sel-arrow,.gjs-clm-select .gjs-sm-sel-arrow,.gjs-clm-field .gjs-sm-sel-arrow{cursor:pointer}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow,.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{position:absolute;height:0;width:0;border-left:3px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);cursor:pointer}.gjs-sm-field .gjs-sm-u-arrow,.gjs-clm-select .gjs-sm-u-arrow,.gjs-clm-field .gjs-sm-u-arrow{border-bottom:4px solid var(--gjs-secondary-light-color);top:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-arrow,.gjs-clm-select .gjs-sm-d-arrow,.gjs-clm-field .gjs-sm-d-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow{border-top:4px solid var(--gjs-secondary-light-color);bottom:4px}.gjs-sm-field .gjs-clm-d-s-arrow,.gjs-clm-select .gjs-clm-d-s-arrow,.gjs-clm-field .gjs-clm-d-s-arrow,.gjs-sm-field .gjs-sm-d-s-arrow,.gjs-clm-select .gjs-sm-d-s-arrow,.gjs-clm-field .gjs-sm-d-s-arrow{bottom:7px}.gjs-sm-field.gjs-sm-color,.gjs-sm-color.gjs-clm-field,.gjs-sm-field.gjs-sm-input,.gjs-sm-input.gjs-clm-field,.gjs-sm-field.gjs-sm-integer,.gjs-sm-integer.gjs-clm-field,.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-field,.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{background-color:var(--gjs-main-dark-color);border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 0 var(--gjs-main-light-color);color:var(--gjs-secondary-light-color);border-radius:2px;box-sizing:border-box;padding:0 5px}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{border-radius:2px}.gjs-sm-field.gjs-sm-select,.gjs-clm-select,.gjs-sm-select.gjs-clm-field{padding:0}.gjs-sm-field.gjs-sm-select select,.gjs-clm-select select,.gjs-sm-select.gjs-clm-field select{height:20px}.gjs-sm-field.gjs-sm-select option,.gjs-clm-select option,.gjs-sm-select.gjs-clm-field option{padding:3px 0}.gjs-sm-field.gjs-sm-composite,.gjs-sm-composite.gjs-clm-select,.gjs-sm-composite.gjs-clm-field{background-color:var(--gjs-secondary-dark-color);border:1px solid rgba(0,0,0,.25)}.gjs-sm-field.gjs-sm-list,.gjs-sm-list.gjs-clm-select,.gjs-sm-list.gjs-clm-field{width:auto;padding:0;overflow:hidden;float:left}.gjs-sm-field.gjs-sm-list input,.gjs-sm-list.gjs-clm-select input,.gjs-sm-list.gjs-clm-field input{display:none}.gjs-sm-field.gjs-sm-list label,.gjs-sm-list.gjs-clm-select label,.gjs-sm-list.gjs-clm-field label{cursor:pointer;padding:5px;display:block}.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked+label,.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked+label{background-color:rgba(255,255,255,.2)}.gjs-sm-field.gjs-sm-list .gjs-sm-icon,.gjs-sm-list.gjs-clm-select .gjs-sm-icon,.gjs-sm-list.gjs-clm-field .gjs-sm-icon{background-repeat:no-repeat;background-position:center;text-shadow:none;line-height:normal}.gjs-sm-field.gjs-sm-integer select,.gjs-sm-integer.gjs-clm-select select,.gjs-sm-integer.gjs-clm-field select{width:auto;padding:0}.gjs-sm-list .gjs-sm-el{float:left;border-left:1px solid var(--gjs-main-dark-color)}.gjs-sm-list .gjs-sm-el:first-child{border:none}.gjs-sm-list .gjs-sm-el:hover{background:var(--gjs-main-dark-color)}.gjs-sm-slider .gjs-field-integer{flex:1 1 65px}.gjs-sm-property{box-sizing:border-box;float:left;width:50%;margin-bottom:5px;padding:0 5px}.gjs-sm-property--full,.gjs-sm-property.gjs-sm-composite,.gjs-sm-property.gjs-sm-file,.gjs-sm-property.gjs-sm-list,.gjs-sm-property.gjs-sm-stack,.gjs-sm-property.gjs-sm-slider,.gjs-sm-property.gjs-sm-color{width:100%}.gjs-sm-property .gjs-sm-btn{background-color:color-mix(in srgb, var(--gjs-main-dark-color), white 13%);border-radius:2px;box-shadow:1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%),1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;padding:5px;position:relative;text-align:center;height:auto;width:100%;cursor:pointer;color:var(--gjs-font-color);box-sizing:border-box;text-shadow:-1px -1px 0 var(--gjs-main-dark-color);border:none;opacity:.85;filter:alpha(opacity=85)}.gjs-sm-property .gjs-sm-btn-c{box-sizing:border-box;float:left;width:100%}.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after{color:#000;content:"T";font-weight:900;line-height:17px;padding:0 4px}.gjs-sm-preview-file{background-color:var(--gjs-light-border);border-radius:2px;margin-top:5px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);padding:3px 20px}.gjs-sm-preview-file-cnt{background-size:auto 100%;background-repeat:no-repeat;background-position:center center;height:50px}.gjs-sm-preview-file-close{top:-5px;width:14px;height:14px}.gjs-sm-layers{margin-top:5px;padding:1px 3px;min-height:30px}.gjs-sm-layer{background-color:rgba(255,255,255,.055);border-radius:2px;margin:2px 0;padding:7px;position:relative}.gjs-sm-layer.gjs-sm-active{background-color:rgba(255,255,255,.12)}.gjs-sm-layer .gjs-sm-label-wrp{display:flex;align-items:center}.gjs-sm-layer #gjs-sm-move{height:14px;width:14px;min-width:14px;cursor:grab}.gjs-sm-layer #gjs-sm-label{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 5px}.gjs-sm-layer-preview{height:15px;width:15px;min-width:15px;margin-right:5px;border-radius:2px}.gjs-sm-layer-preview-cnt{border-radius:2px;background-color:#fff;height:100%;width:100%;background-size:cover !important}.gjs-sm-layer #gjs-sm-close-layer{display:block;cursor:pointer;height:14px;width:14px;min-width:14px;opacity:.5;filter:alpha(opacity=50)}.gjs-sm-layer #gjs-sm-close-layer:hover{opacity:.8;filter:alpha(opacity=80)}.gjs-sm-stack .gjs-sm-properties{padding:5px 0 0}.gjs-sm-stack #gjs-sm-add{background:none;border:none;cursor:pointer;outline:none;position:absolute;right:0;top:-17px;opacity:.75;padding:0;width:18px;height:18px}.gjs-sm-stack #gjs-sm-add:hover{opacity:1;filter:alpha(opacity=100)}.gjs-sm-colorp-c{height:100%;width:20px;position:absolute;right:0;top:0;box-sizing:border-box;border-radius:2px;padding:2px}.gjs-sm-colorp-c .gjs-checker-bg,.gjs-sm-colorp-c .gjs-field-colorp-c{height:100%;width:100%;border-radius:1px}.gjs-sm-color-picker{background-color:var(--gjs-font-color);cursor:pointer;height:16px;width:100%;margin-top:-16px;box-shadow:0 0 1px var(--gjs-main-dark-color);border-radius:1px}.gjs-sm-btn-upload #gjs-sm-upload{left:0;top:0;position:absolute;width:100%;opacity:0;cursor:pointer}.gjs-sm-btn-upload #gjs-sm-label{padding:2px 0}.gjs-sm-layer>#gjs-sm-move{opacity:.7;filter:alpha(opacity=70);cursor:move;font-size:12px;float:left;margin:0 5px 0 0}.gjs-sm-layer>#gjs-sm-move:hover{opacity:.9;filter:alpha(opacity=90)}.gjs-blocks-c{display:flex;flex-wrap:wrap;justify-content:flex-start}.gjs-block-categories{display:flex;flex-direction:column}.gjs-block-category{width:100%}.gjs-block-category .gjs-caret-icon{margin-right:5px}.gjs-block{-webkit-user-select:none;-o-user-select:none;user-select:none;width:45%;min-width:45px;padding:1em;box-sizing:border-box;min-height:90px;cursor:all-scroll;font-size:11px;font-weight:lighter;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.2);border-radius:3px;margin:10px 2.5% 5px;box-shadow:0 1px 0 0 rgba(0,0,0,.15);transition:all .2s ease 0s;transition-property:box-shadow,color}.gjs-block:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}.gjs-block svg{fill:currentColor}.gjs-block__media{margin-bottom:10px;pointer-events:none}.gjs-block-svg{width:54px;fill:currentColor}.gjs-block-svg-path{fill:currentColor}.gjs-block.fa{font-size:2em;line-height:2em;padding:11px}.gjs-block-label{line-height:normal;font-size:.65rem;font-weight:normal;font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.gjs-block.gjs-bdrag{width:auto;padding:0}.gjs-selected-parent{border:1px solid var(--gjs-color-yellow)}.gjs-opac50{opacity:.5;filter:alpha(opacity=50)}.gjs-layer{font-weight:lighter;text-align:left;position:relative;font-size:var(--gjs-font-size);display:grid}.gjs-layer-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--gjs-main-dark-color);background-color:var(--gjs-secondary-dark-color);gap:var(--gjs-flex-item-gap);cursor:pointer}.gjs-layer-item-left,.gjs-layer-item-right{display:flex;align-items:center;gap:var(--gjs-flex-item-gap)}.gjs-layer-item-left{width:100%}.gjs-layer-hidden{opacity:.55;filter:alpha(opacity=55)}.gjs-layer-vis{box-sizing:content-box;cursor:pointer;z-index:1}.gjs-layer-vis-on,.gjs-layer-vis-off{display:flex;width:13px}.gjs-layer-vis-off{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on{display:none}.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off{display:flex}.gjs-layer-caret{width:15px;cursor:pointer;box-sizing:content-box;transform:rotate(90deg);display:flex;opacity:.7;filter:alpha(opacity=70)}.gjs-layer-caret:hover{opacity:1;filter:alpha(opacity=100)}.gjs-layer.open>.gjs-layer-item .gjs-layer-caret{transform:rotate(180deg)}.gjs-layer-title{padding:0;display:flex;align-items:center;background-color:rgba(0,0,0,0) !important;border-bottom:none}.gjs-layer-title-inn{align-items:center;position:relative;display:flex;gap:var(--gjs-flex-item-gap)}.gjs-layer-title-c{width:100%}.gjs-layer__icon{display:block;width:100%;max-width:15px;max-height:15px;padding-left:5px}.gjs-layer__icon svg{fill:currentColor}.gjs-layer-name{display:inline-block;box-sizing:content-box;overflow:hidden;white-space:nowrap;max-width:170px;height:auto}.gjs-layer-name--no-edit{text-overflow:ellipsis}.gjs-layer>.gjs-layer-children{display:none}.gjs-layer.open>.gjs-layer-children{display:block}.gjs-layer-no-chld>.gjs-layer-title-inn>.gjs-layer-caret{visibility:hidden}.gjs-layer-move{display:flex;width:13px;box-sizing:content-box;cursor:move}.gjs-layer.gjs-hovered .gjs-layer-item{background-color:var(--gjs-soft-light-color)}.gjs-layer.gjs-selected .gjs-layer-item{background-color:var(--gjs-main-light-color)}.gjs-layers{position:relative;height:100%}.gjs-layers #gjs-placeholder{width:100%;position:absolute}.gjs-layers #gjs-placeholder #gjs-plh-int{height:100%;padding:1px}.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert{background-color:var(--gjs-color-green)}#gjs-clm-add-tag,.gjs-clm-tags-btn{background-color:rgba(255,255,255,.15);border-radius:2px;padding:3px;margin-right:3px;border:1px solid rgba(0,0,0,.15);width:24px;height:24px;box-sizing:border-box;cursor:pointer}.gjs-clm-tags-btn svg{fill:currentColor;display:block}.gjs-clm-header{display:flex;align-items:center;margin:7px 0}.gjs-clm-header-status{flex-shrink:1;margin-left:auto}.gjs-clm-tag{display:flex;overflow:hidden;align-items:center;border-radius:3px;margin:0 3px 3px 0;padding:5px;cursor:default}.gjs-clm-tag-status,.gjs-clm-tag-close{width:12px;height:12px;flex-shrink:1}.gjs-clm-tag-status svg,.gjs-clm-tag-close svg{vertical-align:middle;fill:currentColor}.gjs-clm-sels-info{margin:7px 0;text-align:left}.gjs-clm-sel-id{font-size:.9em;opacity:.5;filter:alpha(opacity=50)}.gjs-clm-label-sel{float:left;padding-right:5px}.gjs-clm-tags{font-size:var(--gjs-font-size);padding:10px 5px}.gjs-clm-tags #gjs-clm-sel{padding:7px 0;float:left}.gjs-clm-tags #gjs-clm-sel{font-style:italic;margin-left:5px}.gjs-clm-tags #gjs-clm-tags-field{clear:both;padding:5px;margin-bottom:5px;display:flex;flex-wrap:wrap}.gjs-clm-tags #gjs-clm-tags-c{display:flex;flex-wrap:wrap;vertical-align:top;overflow:hidden}.gjs-clm-tags #gjs-clm-new{color:var(--gjs-font-color);padding:var(--gjs-padding-elem-classmanager);display:none}.gjs-clm-tags #gjs-clm-close{opacity:.85;filter:alpha(opacity=85);font-size:20px;line-height:0;cursor:pointer;color:rgba(255,255,255,.9)}.gjs-clm-tags #gjs-clm-close:hover{opacity:1;filter:alpha(opacity=100)}.gjs-clm-tags #gjs-clm-checkbox{color:rgba(255,255,255,.9);vertical-align:middle;cursor:pointer;font-size:9px}.gjs-clm-tags #gjs-clm-tag-label{flex-grow:1;text-overflow:ellipsis;overflow:hidden;padding:0 3px;cursor:text}.gjs-mdl-container{font-family:var(--gjs-main-font);overflow-y:auto;position:fixed;background-color:rgba(0,0,0,.5);display:flex;top:0;left:0;right:0;bottom:0;z-index:100}.gjs-mdl-dialog{text-shadow:-1px -1px 0 rgba(0,0,0,.05);animation:gjs-slide-down .215s;margin:auto;max-width:850px;width:90%;border-radius:3px;font-weight:lighter;position:relative;z-index:2}.gjs-mdl-title{font-size:1rem}.gjs-mdl-btn-close{position:absolute;right:15px;top:5px}.gjs-mdl-active .gjs-mdl-dialog{animation:gjs-mdl-slide-down .216s}.gjs-mdl-header,.gjs-mdl-content{padding:10px 15px;clear:both}.gjs-mdl-header{position:relative;border-bottom:1px solid var(--gjs-main-dark-color);padding:15px 15px 7px}.gjs-export-dl::after{content:"";clear:both;display:block;margin-bottom:10px}.gjs-dropzone{display:none;opacity:0;position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .25s;pointer-events:none}.gjs-dropzone-active .gjs-dropzone{display:block;opacity:1}.gjs-am-assets{height:290px;overflow:auto;clear:both;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.gjs-am-assets-header{padding:5px}.gjs-am-add-asset .gjs-am-add-field{width:70%;float:left}.gjs-am-add-asset button{width:25%;float:right}.gjs-am-preview-cont{position:relative;height:70px;width:30%;background-color:var(--gjs-main-color);border-radius:2px;float:left;overflow:hidden}.gjs-am-preview{position:absolute;background-position:center center;background-size:cover;background-repeat:no-repeat;height:100%;width:100%;z-index:1}.gjs-am-preview-bg{opacity:.5;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;z-index:0}.gjs-am-dimensions{opacity:.5;filter:alpha(opacity=50);font-size:10px}.gjs-am-meta{width:70%;float:left;font-size:12px;padding:5px 0 0 5px;box-sizing:border-box}.gjs-am-meta>div{margin-bottom:5px}.gjs-am-close{cursor:pointer;position:absolute;right:5px;top:0;display:none}.gjs-am-asset{border-bottom:1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);padding:5px;cursor:pointer;position:relative;box-sizing:border-box;width:100%}.gjs-am-asset:hover .gjs-am-close{display:block}.gjs-am-highlight{background-color:var(--gjs-main-light-color)}.gjs-am-assets-cont{background-color:var(--gjs-secondary-dark-color);border-radius:3px;box-sizing:border-box;padding:10px;width:45%;float:right;height:325px;overflow:hidden}.gjs-am-file-uploader{width:55%;float:left}.gjs-am-file-uploader>form{background-color:var(--gjs-secondary-dark-color);border:2px dashed;border-radius:3px;position:relative;text-align:center;margin-bottom:15px}.gjs-am-file-uploader>form.gjs-am-hover{border:2px solid var(--gjs-color-green);color:color-mix(in srgb, var(--gjs-color-green), white 5%)}.gjs-am-file-uploader>form.gjs-am-disabled{border-color:red}.gjs-am-file-uploader>form #gjs-am-uploadFile{opacity:0;filter:alpha(opacity=0);padding:var(--gjs-upload-padding);width:100%;box-sizing:border-box}.gjs-am-file-uploader #gjs-am-title{position:absolute;padding:var(--gjs-upload-padding);width:100%}.gjs-cm-editor-c{float:left;box-sizing:border-box;width:50%}.gjs-cm-editor-c .CodeMirror{height:450px}.gjs-cm-editor{font-size:12px}.gjs-cm-editor#gjs-cm-htmlmixed{padding-right:10px;border-right:1px solid var(--gjs-main-dark-color)}.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title{color:#a97d44}.gjs-cm-editor#gjs-cm-css{padding-left:10px}.gjs-cm-editor#gjs-cm-css #gjs-cm-title{color:#ddca7e}.gjs-cm-editor #gjs-cm-title{background-color:var(--gjs-main-dark-color);font-size:12px;padding:5px 10px 3px;text-align:right}.gjs-rte-toolbar{position:absolute;z-index:10}.gjs-rte-toolbar-ui{border:1px solid var(--gjs-main-dark-color);border-radius:3px}.gjs-rte-actionbar{display:flex}.gjs-rte-action{display:flex;align-items:center;justify-content:center;padding:5px;width:25px;border-right:1px solid var(--gjs-main-dark-color);text-align:center;cursor:pointer;outline:none}.gjs-rte-action:last-child{border-right:none}.gjs-rte-action:hover{background-color:var(--gjs-main-light-color)}.gjs-rte-active{background-color:var(--gjs-main-light-color)}.gjs-rte-disabled{color:var(--gjs-main-light-color);cursor:not-allowed}.gjs-rte-disabled:hover{background-color:unset}.gjs-editor-cont .sp-hue,.gjs-editor-cont .sp-slider{cursor:row-resize}.gjs-editor-cont .sp-color,.gjs-editor-cont .sp-dragger{cursor:crosshair}.gjs-editor-cont .sp-alpha-inner,.gjs-editor-cont .sp-alpha-handle{cursor:col-resize}.gjs-editor-cont .sp-hue{left:90%}.gjs-editor-cont .sp-color{right:15%}.gjs-editor-cont .sp-container{border:1px solid var(--gjs-main-dark-color);box-shadow:0 0 7px var(--gjs-main-dark-color);border-radius:3px}.gjs-editor-cont .sp-picker-container{border:none}.gjs-editor-cont .colpick_dark .colpick_color{outline:1px solid var(--gjs-main-dark-color)}.gjs-editor-cont .sp-cancel,.gjs-editor-cont .sp-cancel:hover{bottom:-8px;color:#777 !important;font-size:25px;left:0;position:absolute;text-decoration:none}.gjs-editor-cont .sp-alpha-handle{background-color:#ccc;border:1px solid #555;width:4px}.gjs-editor-cont .sp-color,.gjs-editor-cont .sp-hue{border:1px solid #333}.gjs-editor-cont .sp-slider{background-color:#ccc;border:1px solid #555;height:3px;left:-4px;width:22px}.gjs-editor-cont .sp-dragger{background:rgba(0,0,0,0);box-shadow:0 0 0 1px #111}.gjs-editor-cont .sp-button-container{float:none;width:100%;position:relative;text-align:right}.gjs-editor-cont .sp-container button,.gjs-editor-cont .sp-container button:hover,.gjs-editor-cont .sp-container button:active{background:var(--gjs-main-dark-color);border-color:var(--gjs-main-dark-color);color:var(--gjs-font-color);text-shadow:none;box-shadow:none;padding:3px 5px}.gjs-editor-cont .sp-palette-container{border:none;float:none;margin:0;padding:5px 10px 0}.gjs-editor-cont .sp-palette .sp-thumb-el,.gjs-editor-cont .sp-palette .sp-thumb-el:hover{border:1px solid rgba(0,0,0,.9)}.gjs-editor-cont .sp-palette .sp-thumb-el:hover,.gjs-editor-cont .sp-palette .sp-thumb-el.sp-thumb-active{border-color:rgba(0,0,0,.9)}.gjs-hidden{display:none}@keyframes gjs-slide-down{0%{transform:translate(0, -3rem);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes gjs-slide-up{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -3rem);opacity:0}}.cm-s-hopscotch span.cm-error{color:#fff}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/customStyle.css ***!
  \************************************************************************************************************************************************************************************************************************/
/* Global Styles for Voice Prompt V2 - Matching image_20.png */

:root {
    --vp-blue: #007bff;
    --vp-blue-hover: #0056b3;
    --vp-green-badge: #dcfce7;
    --vp-green-text: #166534;
    --vp-gray-text: #6c757d;
    --vp-border-gray: #dee2e6;
    --vp-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Global Premium Button Styles - Shared across V2 components */
.modern-btn-premium {
    height: 48px;
    padding: 0 32px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 13px;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: none !important;
    outline: none !important;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-select: none;
            user-select: none;
}

/* Primary Solid Blue (Used for Save, Submit, Close, Cancel in V2) */
.modern-btn-blue {
    background: #2f79fe !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(47, 121, 254, 0.2);
}

.modern-btn-blue:hover {
    background: #1d63e0 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(47, 121, 254, 0.3);
}

.modern-btn-blue:active {
    transform: translateY(0);
}

/* Outline Button (Used for Cancel/Secondary actions) */
.modern-btn-outline {
    background: transparent !important;
    color: #2f79fe !important;
    border: 1px solid #2f79fe !important;
    box-shadow: none !important;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.2s ease;
}

.modern-btn-outline:hover {
    background: #2f79fe !important;
    color: #ffffff !important;
    border-color: #2f79fe !important;
}

.vp-v2-container {
    background: var(--modern-card-bg);
    color: var(--modern-text-main);
    padding: 30px;
    border-radius: 20px;
    width: 750px;
    /* Fixed width as requested */
    margin: 10px auto;
    font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    box-sizing: border-box;
    min-height: 520px;
    /* Professional minimum height when no data */
    display: flex;
    flex-direction: column;
}

/* Header Section */
/* Header Section - Standardized to match Call Log Timeline */
.vp-v2-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 30px;
    border-bottom: 1px solid var(--modern-card-border);
    background: var(--modern-card-bg);
    margin: -30px -30px 24px -30px;
    /* Offset container padding to be flush */
    border-radius: 20px 20px 0 0;
    flex-shrink: 0;
}

.vp-v2-title-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vp-v2-title-icon {
    color: #3b82f6;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vp-v2-main-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: var(--modern-text-main);
}

.vp-v2-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.vp-v2-btn-close-header {
    background: transparent;
    border: none;
    color: var(--modern-text-muted);
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.vp-v2-btn-close-header:hover {
    color: var(--modern-text-main);
}

.vp-v2-sub-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.vp-v2-btn-header-add {
    background: var(--modern-card-bg);
    color: var(--modern-text-main);
    border: 1px solid var(--modern-card-border);
    padding: 8px 16px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

/* Cards List */
.vp-v2-cards-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
    flex: 1;
    /* Allow to grow and occupy available space */
}

.vp-v2-prompt-card {
    border: 1px solid var(--modern-card-border);
    border-radius: 20px;
    padding: 10px 20px;
    background: var(--modern-card-bg);
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.vp-v2-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    font-size: 16px;
    color: #a0aec0;
    font-weight: 500;
}

.vp-v2-card-left {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    flex: 1;
}

.vp-v2-card-name {
    font-size: 15px;
    font-weight: 400;
    color: var(--modern-text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
}

.vp-v2-badge-default {
    background: var(--vp-green-badge);
    color: var(--vp-green-text);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c3e6cb;
}

.vp-v2-badge-default mat-icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.vp-v2-card-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.vp-v2-audio-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vp-v2-btn-play {
    background: var(--vp-blue);
    color: #ffffff;
    border: none;
    padding: 5px 16px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    height: 30px;
}

.vp-v2-btn-play:hover {
    background: var(--vp-blue-hover);
    transform: translateY(-1px);
}

.vp-v2-btn-play mat-icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.vp-v2-btn-pause {
    background: var(--modern-bg-dim);
    border: none;
    color: var(--modern-text-main);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.vp-v2-separator {
    width: 1px;
    height: 30px;
    background: var(--modern-card-border);
}

.vp-v2-lang-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vp-v2-lang-text {
    font-size: 15px;
    font-weight: 400;
    color: var(--modern-text-main);
}

.vp-v2-lang-icon {
    color: #3182ce;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.vp-v2-btn-more {
    color: var(--modern-text-main);
}

/* Pagination & Footer Row */
.vp-v2-footer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.vp-v2-pagination {
    display: flex;
    align-items: center;
    gap: 20px;
    color: var(--modern-text-main);
}

.vp-v2-global-actions {
    display: flex;
    gap: 20px;
}

.vp-v2-btn-global-cancel {
    background: var(--vp-blue);
    color: white;
    padding: 10px 36px;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

.vp-v2-btn-global-save {
    background: var(--vp-blue);
    color: #ffffff;
    border: none;
    padding: 10px 48px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}

.vp-v2-page-text {
    font-weight: 600;
    font-size: 15px;
}

.vp-v2-pag-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vp-v2-pag-btn {
    background: var(--modern-card-bg);
    border: 1px solid var(--modern-card-border);
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #718096;
}

.vp-v2-pag-btn.active {
    background: var(--modern-bg-dim);
    border-color: var(--modern-card-border);
}

.vp-v2-pag-btn.disabled {
    opacity: 0.5;
    cursor: default;
}

.vp-v2-dots {
    color: #a0aec0;
    padding: 0 4px;
}

/* Glassmorphic Modal */
.vp-v2-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    backdrop-filter: blur(8px);

}

.vp-v2-glass-panel {
    background: var(--base-shade-color);
    /* Use app's shade color for consistency */
    opacity: 0.95;
    backdrop-filter: blur(12px) saturate(180%);
    width: 500px;
    border-radius: 28px;
    padding: 40px;
    border: 1px solid var(--modern-card-border);
    box-shadow: var(--modern-shadow-glass);
    text-align: center;
}

.vp-v2-modal-title {



    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;

    color: var(--modern-text-main);
}

.vp-v2-drop-zone {
    border: 2px dashed #3182ce;
    border-radius: 20px;
    padding: 16px 20px;
    background: var(--modern-bg-dim);
    cursor: pointer;
    margin-bottom: 24px;
    transition: all 0.2s;
}

.vp-v2-drop-zone:hover {
    background: rgba(235, 248, 255, 0.7);
    border-color: #2b6cb0;
}

.vp-v2-drop-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 12px;
}

.vp-v2-side-waves {
    display: flex;
    align-items: center;
    gap: 4px;
}

.vp-v2-side-waves span {
    width: 3px;
    background: #3182ce;
    border-radius: 4px;
}

.vp-v2-side-waves span:nth-child(1) {
    height: 16px;
}

.vp-v2-side-waves span:nth-child(2) {
    height: 32px;
}

.vp-v2-side-waves span:nth-child(3) {
    height: 20px;
}

.vp-v2-drop-title {
    font-size: 18px;
    font-weight: 700;
    color: #3182ce;
    margin: 0 0 8px;
}

.vp-v2-drop-sub {
    font-size: 14px;
    font-weight: 600;
    color: var(--modern-text-main);
    margin: 0;
}

.vp-v2-drop-hint {
    font-size: 12px;
    color: #718096;
    margin: 4px 0 10px;
}

.vp-v2-drop-link {
    font-size: 14px;
    font-weight: 700;
    color: #3182ce;
    margin: 0;
}

.vp-v2-modal-form {
    margin-top: 24px;
}

.vp-v2-form-row {
    display: flex;
    gap: 16px;
    text-align: left;
}

.vp-v2-field-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vp-v2-modal-form .vp-v2-field-group label {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--modern-text-main);
}

.vp-v2-mat-input {
    background: var(--modern-input-bg);
    border: 1px solid var(--modern-input-border);
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 15px;
    outline: none !important;
    color: var(--modern-text-main);
    font-weight: 500;
}

.vp-v2-select-custom {
    background: var(--modern-input-bg);
    border: 1px solid var(--modern-input-border);
    border-radius: 12px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    /* Adjusted gap since globe is gone */
    height: 48px;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.vp-v2-select-custom:focus-within,
.vp-v2-select-custom:focus,
.vp-v2-select-custom:active {
    border-color: #cbd5e0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.vp-v2-select-input,
.vp-v2-select-input:focus,
.vp-v2-select-input:active,
.vp-v2-select-input:focus-visible {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100%;
    height: 100% !important;
    /* Ensure input takes full height for centering */
    font-size: 15px;
    color: var(--modern-text-main);
    background: transparent !important;
    padding: 0;
    line-height: normal;
    font-weight: 500;
    /* Increased weight for "blow out" effect */
    letter-spacing: 0.2px;
}

/* Clear icon alignment */
.vp-v2-clear-search {
    color: #a0aec0;
    font-size: 18px;
    width: 24px;
    /* Increased clickable area */
    height: 48px;
    /* Match height of parent for vertical centering */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-top: 5px;
    /* Push towards the end */
}

.vp-v2-clear-search:hover {
    color: #e53e3e;
}

/* Dropdown arrow alignment */
.vp-v2-dropdown-arrow {
    color: #a0aec0;
    font-size: 24px;
    width: 24px;
    height: 48px;
    /* Match height of parent for vertical centering */
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Toggle Styles */
.vp-v2-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 48px;
    /* Standardize height to match language field */
}

.vp-v2-toggle-wrapper span {
    font-size: 15px !important;
    color: var(--modern-text-main);
    font-weight: 500;
    margin-bottom: 2px;
    /* Small bias for optical centering */
}

.mg-t-16 {
    margin-top: 16px;
}

.checkbox-align {
    min-width: 180px;
}

/* Standardized Menu Items */
.menu-item-svg {
    width: 18px;
    height: 18px;
    margin-right: 12px;
}

.menu-item-text {
    font-size: 13px;
    font-weight: 400;
}

/****** START Material Switch BLUE *******/

.material-switch {
    display: flex !important;
    align-items: center !important;
    height: 22px;
    /* Standardize height of the switch component itself */
    margin: 0 !important;
}

.material-switch>input[type="checkbox"] {
    display: none !important;
}

.material-switch>label {
    cursor: pointer;
    height: 16px;
    position: relative;
    width: 40px;
    display: block;
    margin: 0 !important;
}

.material-switch>label::before {
    background: #8a93a2;
    border-radius: 8px;
    content: '';
    height: 16px;
    top: 0;
    position: absolute;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch>label::after {
    background: #ffffff;
    border-radius: 16px;
    content: '';
    height: 22px;
    left: -4px;
    top: -3px;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 22px;
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 40%);
}

.material-switch>input[type="checkbox"]:checked+label::before {
    background: #c9dfff;
}

.material-switch>input[type="checkbox"]:checked+label::after {
    background: #2F79FE;
    left: 20px;
    top: -3px;
    box-shadow: 0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 40%);
}

/****** END Material Switch BLUE *******/

.vp-v2-select-custom:hover .vp-v2-dropdown-arrow {
    color: #3182ce;
}

.vp-v2-modal-actions {
    display: flex;
    gap: 16px;
    margin-top: 32px;
}

.vp-v2-btn-submit {
    flex: 1;
    background: var(--vp-blue);
    color: #ffffff;
    border: none;
    padding: 14px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}

.vp-v2-btn-cancel {
    flex: 1;
    background: var(--vp-blue);
    color: white;
    padding: 14px;
    border: none;
    border-radius: 14px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

/* Segmented Control - Modern Pill Style Filter */
.segmented-control {
    display: flex;
    background: var(--modern-bg-dim);
    padding: 2px;
    border-radius: 12px;
    border: 1px solid var(--modern-card-border);
    width: fit-content;
}

.segmented-control button {
    flex: 1;
    border: none;
    background: transparent;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--modern-text-muted);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.segmented-control button:hover:not(.active) {
    background: rgba(0, 0, 0, 0.03);
    color: var(--modern-text-main);
}

.segmented-control button.active {
    background: var(--modern-card-bg);
    color: #2f79fe;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.vp-v2-loader {
    position: absolute;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--base-loader-background);
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 62.5%;
  /* 10px base */
  line-height: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: var(--base-background-color);
  color: var(--base-text-color);
  letter-spacing: 0.5px;

  /* GLOBAL DESIGN TOKENS - Single Source of Truth */
  --modern-radius: 6px;
  --modern-height: 34px;
  --modern-font-size: 13px;
  --modern-padding-x: 12px;
  --modern-border: 1px solid var(--modal-input-border, #ccc);
  --modern-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --modern-focus-shadow: 0 0 0 3px rgba(47, 121, 254, 0.2);
}

/* Base resets for all standard form elements */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  font-family: inherit !important;
  font-size: var(--modern-font-size) !important;
}

/* Standardized Button Baseline */
.rbcButtons,
.btnFilledBlue,
.btnNotFilledBlue,
.btnFillBlueConnected,
.btnFilledOrange,
.btnFilledGreen {
  height: var(--modern-height) !important;
  border-radius: var(--modern-radius) !important;
  font-size: var(--modern-font-size) !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
}

.tab {
  overflow: hidden;
  background-color: var(--left-panel-conversation-hover);
  height: 50px;
  width: 100%;
  padding: 0 10px;
}

.grid_progress_Bar_red {
  background-color: var(--svg-status-emailnotsent);
}

.grid_progress_Bar_blue {
  background-color: var(--base-primary-progress-bar-color);
}

.grid_progress_Bar_green {
  background-color: #70c700;
}

.grid-labels-red {
  color: var(--svg-status-emailnotsent);
  font-size: 13px;
}

.grid-labels-orange {
  color: orange;
  font-size: 13px;
}

.grid-labels-green {
  color: #70c700;
  font-size: 13px;
}

.grid-labels-blue {
  color: var(--base-primary-progress-bar-color);
}

/* Style the buttons inside the tab */

.tab button {
  background-color: var(--conversation-tab);
  color: var(--tab-button);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: var(--size-base);
  font-weight: 400;
  height: 100%;
  margin-right: 20px;
}

/* Change background color of buttons on hover */

.tab button:hover {
  color: var(--base-text-color);
}

/* Create an active/current tablink class */

.tab button.active {
  color: #367ae2;
  position: relative;
}

.right-action-bar {
  position: relative;

}

.tab button.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid var(--button-active-primary-color);
  display: block;
}

/* Disable Buttons */

.disableTabButton {
  color: var(--base-text-color);
  cursor: not-allowed !important;
}

.disableTabButton:hover {
  color: var(--base-text-color);
}

.blink-text {
  color: #b9c0c2;
  animation: blinkingText 1.5s infinite;
}

@keyframes blinkingText {
  0% {
    color: var(--button-active-primary-color);
  }

  25% {
    color: #b9c0c2;
  }

  50% {
    color: var(--button-active-primary-color);
  }

  75% {
    color: #b9c0c2;
  }

  100% {
    color: var(--button-active-primary-color);
  }
}

.pad-t-0 {
  padding-top: 0px !important;
}

.disableFeature {
  color: var(--base-text-color);
  cursor: not-allowed !important;
  opacity: 0.8;
}

/* Style the tab content */

.tabcontent {
  display: none;
  border: none;
  height: calc(100% - 37px);
}

/* Style the tab content options */

.tabcontent .taboptions {
  padding: 10px;
  height: 55px;
  border-bottom: 1px solid var(--base-dropdown-li-hover);
}

/* Style the tab content */

.tabcontent-container {
  height: calc(100% - 90px);
  width: 100%;
  z-index: 99;
  /* border-radius: 0px 3px 3px 3px; */
}

.fixbar {
  width: 100%;
  height: 60px;
  background-color: var(--base-shade-color);
  position: absolute;
}

.contentContainer {
  background: var(--base-shade-color);
  border: 1px solid rgb(209, 209, 209);
}

.headingContainer {
  border-bottom: 1px solid #d1d1d1;
  padding: 13px 20px;
  height: 50px;
  border-left: 1px solid #d1d1d1;
}

.page-heading {
  color: var(--button-active-primary-color);
  font-size: var(--size-base-plus);
  font-weight: 400;
  text-transform: uppercase;
}

.page-icon {
  margin: 2px 5px 0px 5px;
}

.numbercol {
  float: right;
}

/* Material-like tooltip theme for Tippy */
.tippy-box[data-theme~='material'],
.tippy-box[data-theme~='sidebarTooltip'],
.tippy-box[data-theme~='table-buttontooltip'],
.tippy-box[data-theme~='table-checkintip'] {
  background-color: black;
  /* dark grey */
  color: #fff;
  font-size: 1.15rem;
  /* similar to matTooltip */
  border-radius: 4px;
  padding: 6px 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
  white-space: normal;
  /* allow wrapping */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.tippy-box[data-theme~='material'][data-animation='fade'][data-state='hidden'],
.tippy-box[data-theme~='sidebarTooltip'][data-animation='fade'][data-state='hidden'],
.tippy-box[data-theme~='table-buttontooltip'][data-animation='fade'][data-state='hidden'],
.tippy-box[data-theme~='table-checkintip'][data-animation='fade'][data-state='hidden'] {
  opacity: 0;
}

.tippy-box[data-theme~='material'][data-animation='fade'][data-state='visible'],
.tippy-box[data-theme~='sidebarTooltip'][data-animation='fade'][data-state='visible'],
.tippy-box[data-theme~='table-buttontooltip'][data-animation='fade'][data-state='visible'],
.tippy-box[data-theme~='table-checkintip'][data-animation='fade'][data-state='visible'] {
  opacity: 1;
}

.tippy-box[data-theme~='sidebarTooltip'] {
  margin-top: 30px;
  /* pushes tooltip slightly downward */
  margin-left: 10px;
}

.tippy-box[data-theme~='table-buttontooltip'] {
  margin-top: 15px;
  /* pushes tooltip slightly downward */
}

.tippy-box[data-theme~='table-checkintip'] {
  margin-bottom: 10px;
  font-size: 1.15rem !important;
  padding: 6px 8px !important;
}

.profilePicture {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0px 0px;
  overflow: hidden;
}

.btnTypeEmail {
  text-transform: none !important;
  cursor: pointer !important;
  border: 1px solid var(--button-active-primary-color) !important;
  color: var(--button-active-primary-color) !important;
}

.btnTypeEmail:hover {
  cursor: pointer !important;
  background-color: var(--button-active-primary-color) !important;
  border: 1px solid var(--button-active-primary-color) !important;
  color: var(--base-shade-color) !important;
}

/* dropDown lists */

.ddl-sm-x {
  border: 1px solid var(--base-dropdown-li-hover);
  height: 30px;
  border-radius: 3px;
  font-size: 13px;
  color: var(--base-text-color);
  padding: 5px 0px;
  cursor: pointer;
  max-width: 110px;
}

.ddl-sm {
  min-width: 80px;
  border: 1px solid var(--base-dropdown-li-hover);
  height: 34px;
  border-radius: 3px;
  font-size: var(--size-base);
  color: var(--base-text-color);
  padding: 5px 3px;
  cursor: pointer;
}

.ddl-md {
  min-width: 160px;
  border: 1px solid var(--base-dropdown-li-hover);
  height: 34px;
  border-radius: 3px;
  font-size: var(--size-base);
  color: var(--base-text-color);
  padding: 5px 3px;
  cursor: pointer;
}

.ddl-lg {
  min-width: 395px;
  border: 1px solid var(--base-dropdown-li-hover);
  height: 34px;
  border-radius: 3px;
  font-size: var(--size-base);
  color: var(--base-text-color);
  padding: 5px 3px;
  cursor: pointer;
}

.btn-border-r {
  border-right: 1px solid;
  border-color: var(--modal-footer-button-border);
}

.btn-border-l {
  border-left: 1px solid;
  border-color: var(--modal-footer-button-border);
}

.button-sm {
  background-color: var(--button-active-primary-color);
  border: 1px solid var(--button-active-primary-color);
  color: var(--base-shade-color);
  min-width: 70px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  padding: 1px 10px;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  transition: all 0.3s ease;
}

.button-sm-dis {
  background-color: var(--disabled-background);
  border: 1px solid var(--disabled-button-border);
  color: var(--disabled-button-text);
  min-width: 70px;
  height: 30px;
  border-radius: 3px;
  cursor: not-allowed;
  padding: 1px 15px;
  font-size: var(--size-base);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}

.button-lg {
  background-color: var(--base-shade-color);
  border: 1px solid var(--button-active-primary-color);
  color: var(--button-active-primary-color);
  margin: 0px;
  width: 100%;
  height: 34px;
  border-radius: 3px;
  cursor: pointer;
  padding: 1px 15px;
  font-size: var(--size-base);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
}

.button-lg:hover {
  background-color: var(--button-active-primary-color);
  color: var(--base-shade-color);
}

.button-sm:hover {
  background-color: #165dde;
}

.deleteCallsLog {
  display: inline-block;
  /* float: right; */
  margin: 0px 10px;
}

.txt-lg {
  width: 200px;
  height: 35px;
  border: 1px solid var(--button-active-primary-color);
  border-radius: 3px;
  margin-left: 10px;
  padding-left: 5px;
}

.txt-lg:active {
  box-shadow: var(--button-active-primary-color);
}

.no-background,
.no-list-background,
.no-contact-list-background {
  background-color: var(--base-shade-color);
  height: 100%;
  position: relative;
}

.borderBackground {
  background-color: var(--base-dropdown-li-hover);
  padding: 20px;
  height: calc(100% - 50px);
  overflow-y: hidden;
}

mat-form-field.field-g-input,
.field-g-input-outer {
  padding: 0 !important;
}

.noSearchList {
  text-align: center;
  padding: 15px 0px !important;
  font-size: var(--size-tiny-big);
  font-weight: normal;
  color: var(--base-text-color) !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  appearance: textfield;
}

.base-text-st {
  color: var(--base-text-color);
  font-size: var(--size-tiny-big);
}

.no-margin {
  margin: 0px;
}

.no-padding {
  padding: 0px !important;
}

.pd-10 {
  padding: 10px;
}

.pd-20 {
  padding: 20px !important;
}

.pd-bt-10 {
  padding-bottom: 10px;
}

.pd-bt-20 {
  padding-bottom: 20px !important;
}

.pd-t-30 {
  padding-top: 30px;
}

.pd-r-300 {
  padding-right: 300px;
}

.display-iBlock {
  display: inline-block;
}

.display-block {
  display: block;
}

.no-display {
  display: none;
}

.v-align-top {
  vertical-align: top;
}

.v-align-bottom {
  vertical-align: bottom;
}

.v-align-middle {
  vertical-align: middle;
}

.overflow {
  overflow: auto;
}

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

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

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

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

.position-relative {
  position: relative;
}

.visibility-all {
  visibility: visible !important;
}

.default-color {
  color: var(--button-active-primary-color);
}

.no-decoration {
  text-decoration: none;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

.mg-r-5 {
  margin-right: 5px;
}

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

.mg-r-20 {
  margin-right: 20px;
}

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

.mg-l-5 {
  margin-left: 5px;
}

.mg-l-10 {
  margin-left: 10px;
}

.mg-l-15 {
  margin-left: 15px;
}

.mg-t-1 {
  margin-top: 1px;
}

.mg-t-5 {
  margin-top: 5px;
}

.mg-t-15 {
  margin-top: 15px !important;
}

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

.mg-t-30 {
  margin-top: 30px !important;
}

.mg-b-10 {
  margin-bottom: 10px !important;
}

.mg-b-20 {
  margin-bottom: 20px !important;
}

.col-gap-5 {
  column-gap: 5px;
}

.no-opacity {
  opacity: 0;
}

.pos-relative {
  position: relative;
}

.pd-tp-7 {
  padding-top: 7px;
}

.font-1rem {
  font-size: 1rem;
}

.f-bold {
  font-weight: 400;
}

.whiteBackground {
  background: var(--base-shade-color);
}

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

.borderRadius_50 {
  border-radius: 50%;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

.defaultTransition {
  transition: 0.5s;
}

button {
  outline: none !important;
}

/* List Elems */

.options {
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
}

.dropdownHeightWidth {
  height: 24px;
  width: 15px;
}

.options .dropdown-menu li.separator {
  height: 1px;
  padding: 0;
  background-color: #e8e8e8;
  cursor: default;
}

.options .dropdown-menu li.separator {
  background-color: #e8e8e8;
  cursor: default;
}

.options .dropdown-menu li.heading-blocks {
  font-weight: 400;
  color: var(--button-active-primary-color);
  background: var(--base-shade-color);
  cursor: default;
}

.options .dropdown-menu li.heading-blocks {
  color: var(--button-active-primary-color);
  background: var(--base-shade-color);
  cursor: default;
}

.options .dropdown-menu li:hover {
  background-color: var(--base-dropdown-li-hover);
  /* color: var(--base-shade-color); */
}

/******** Heights *****/

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

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

.w-50 {
  width: 50%;
}

/*** conversation context menu ***/

#closeConvDetailButton {
  display: none;
}

.dropdown-menu li .menu-text {
  vertical-align: top;
  padding-top: 2px;
  display: inline-block;
  margin-left: 4px;
  color: var(--base-text-color);
}

.options .dropdown-menu {
  text-align: left;
  padding: 0;
  min-width: max-content;
  cursor: default;
  /* margin: 3px 0px 0px 0px; */
  border: 1px solid rgba(51, 51, 51, 0.3);
  box-shadow: 5px 5px 10px rgba(51, 51, 51, 0.6) !important;
  font-size: var(--size-tiny-plus);
  transform: translate(calc(-100% + 12px), 20px) !important;
}

.options .dropdown-menu li {
  font-size: var(--size-tiny-plus);
  padding: 4px 10px;
  line-height: 12px;
  margin: 4px 0px;
  cursor: pointer;
}

.options .dropdown-menu li.separator {
  height: 1px;
  padding: 0;
  background-color: #e8e8e8;
  cursor: default;
}

/*** conversation context menu ***/
/* contact im status colors */

.away {
  background: #fcd116;
}

.online {
  background: #7fba00;
}

.online-mobile {
  background: var(--button-active-primary-color);
}

.busy,
.dnd {
  background: #e81123;
}

.xa,
.offline {
  background: #8e8e93;
  border: 1px solid #8e8e93;
  box-sizing: border-box;
}

.wait {
  display: none !important;
}

.noPointerEvent {
  pointer-events: none !important;
}

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

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

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.createBubbleTitle {
  background-color: var(--button-active-primary-color);
  color: var(--base-shade-color);
  padding: 10px;
  border-radius: 3px;
}

.createBubbleInput {
  border: none !important;
  border-bottom: 1px solid #c8c9cc !important;
  margin-bottom: 10px;
}

.addOtherPhoneIcon {
  font-size: var(--size-base-plus);
  color: var(--base-shade-color);
}

.addOtherPhoneTitle {
  margin-top: 15px;
  color: var(--button-active-primary-color);
}

.activeConvo .notSelectable {
  color: var(--base-shade-color) !important;
}

.popup-row {
  height: 29px;
}

.popup-opt-img {
  height: 20px;
  width: 20px;
  margin: 3px 10px 3px 0px;
  display: inline-block;
}

.popup-opt-title {
  margin-top: 2px;
  display: inline-block;
  vertical-align: top;
}

.popup-opt-btn {
  background-color: var(--base-shade-color);
  border: 1px solid var(--button-active-primary-color);
  color: var(--button-active-primary-color);
  margin: 3px 0px;
  padding-bottom: 20px;
  width: 70px;
  height: 20px;
  border-radius: 3px;
  float: right;
}

.popup-opt-btn:hover {
  cursor: pointer;
  background-color: var(--button-active-primary-color);
  border: 1px solid var(--button-active-primary-color);
  color: var(--base-shade-color);
}

.modal-content {
  border-radius: 3px;
  min-height: 250px;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.32);
  opacity: 1 !important;
}

.modal-header {
  border-radius: 4px 4px 0 0;
  background: var(--button-active-primary-color);
}

.modal-header .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: var(--size-base-standard);
  font-weight: bold;
  color: var(--base-shade-color);
}

.modal-header .modal-title .modal-subHeading {
  margin-bottom: 0;
  margin-top: 3px;
  font-size: var(--size-tiny-plus);
  font-weight: normal;
  color: var(--base-shade-color);
}

.modal-footer {
  background-color: var(--modal-footer);
  border-top-color: var(--modal-footer) !important;
}

.modal-footer .button-sm:hover {
  background-color: #165dde;
  color: var(--base-shade-color);
}

.modal-footer .button-sm-dis:focus {
  outline: none;
}

.modalInputField {
  border: none !important;
  border-bottom: 1px solid #c8c9cc !important;
  border-radius: 0;
  font-size: var(--size-tiny-plus);
  color: var(--base-text-color);
  width: 100%;
  font-size: var(--size-tiny-plus);
  margin-bottom: 5px;
}

.modalInputField:focus {
  outline: none;
  border-bottom: 1px solid var(--button-active-primary-color) !important;
}

.modalHeader {
  background-color: var(--button-active-primary-color);
  color: var(--base-shade-color);
  padding: 15px 12px;
  font-size: var(--size-base-standard);
  font-weight: 400;
}

.modalHeader .modalHeaderContent {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  width: fit-content;
}

.modalHeader .modalHeaderContent img {
  vertical-align: text-bottom;
}

.ModalsubHeading {
  margin: 5px 0px 0px 0px;
  color: var(--base-text-color);
  font-size: var(--size-tiny-big);
}

.closeModalIcon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--base-shade-color);
  opacity: 1;
  padding: 3px 3px 0px 0px !important;
}

.closeModalIcon:hover {
  text-decoration: none;
  opacity: 1;
  color: var(--base-shade-color);
  cursor: pointer;
}

.noDataAvailabaleImg {
  margin: 30px 5px 0px 5px;
}

.noDataAvailabaleMsg {
  color: var(--base-text-color);
  font-size: var(--size-tiny-big);
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.noStudyGrioupAvailabaleMsg {
  color: #989797;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 12px;
}

.source-image {
  height: 150px !important;
  width: 150px !important;
  margin: 0 !important;
}

.image-cropper div .overlay {
  height: 150px !important;
  width: 150px !important;
  margin: 0 !important;
}

.toggledHeightforMainContainer {
  height: calc(100% - 100px) !important;
}

.toggle-telephony-overlay-toggled {
  top: calc(100% - 16px) !important;
}

.toggledHeightforMainContainer_2 {
  height: calc(100% - 150px) !important;
}

.toggle-telephony-overlay_2ndCall {
  position: absolute;
  top: calc(100% - 115px) !important;
  left: 45%;
  transform: translateX(-25%);
  cursor: pointer;
  transition: all 0.5s ease;
}

.toggle-telephony-overlay-toggled_2 {
  top: calc(100% - 16px) !important;
}

.message p span a,
.message p a {
  color: inherit;
  text-decoration: underline;
  font-size: inherit;
}

/* width */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  opacity: 0;
}

:root {
  scrollbar-color: var(--base-scroll-bar-color) !important;
  scrollbar-width: thin !important;
  appearance: none !important;
}

/* Track */

::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0);
}

/* Handle */

::-webkit-scrollbar-thumb {
  background-color: var(--base-scroll-bar-color);
  border-radius: 1px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: var(--base-scroll-bar-color);
}

div:hover> ::-webkit-scrollbar {
  opacity: 1;
}

@media (max-width: 767px) {
  .permissions-footer {
    /* position: fixed; */
    width: 100%;
    /* bottom: -105px;
            right: 0; */
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--modal-footer);
    padding: 0 41px 0 35px;
    /* border-bottom-right-radius: 5px; */
  }

  .tabcontent-container {
    height: calc(100% - 90px);
  }

  .pd-r-300 {
    padding-right: 0px;
  }

  .headingContainer {
    height: 43px;
    padding: 10px 20px;
  }

  .borderBackground {
    height: calc(100% - 48px);
  }

  .fixbar {
    height: 50px;
  }

  .profilePicture {
    width: 30px;
    height: 30px;
  }

  /* .tab {
        height: 30px;
    } */
  .tab button {
    padding: 5px 15px;
    font-size: var(--size-tiny-big);
  }

  .tabcontent .taboptions {
    height: 51px;
  }

  .options .dropdown-menu,
  .options .dropdown-menu li,
  .modal-header .modal-title .modal-subHeading,
  .modalInputField,
  .ddl-sm,
  .ddl-sm-x,
  .ddl-md,
  .ddl-lg,
  .modalInputField {
    font-size: 12px;
    text-align: left;
  }

  .ddl-sm,
  .ddl-md,
  .ddl-lg {
    height: 30px;
  }

  .button-sm,
  .button-sm-dis,
  .button-lg {
    height: 26px;
    padding: 1px 10px;
    font-size: var(--size-tiny-big);
  }
}

/* ------- */
/* ---***  Angular Material  ***--- */
/* mat-slider {
    width: 100px;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.8;
} */

/* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
.mat-mdc-slider-horizontal {
  height: 30px !important;
  min-width: 140px !important;
  border-radius: 3px !important;
  background-color: var(--graph-background) !important;
  border: var(--graph-background) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
.mat-mdc-slider-horizontal .mat-slider-wrapper {
  background: var(--button-active-primary-color);
  height: 2px !important;
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
  border-radius: 4px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of slider that may no longer apply for the MDC version. */
.mat-mdc-slider-thumb {
  background: var(--button-active-primary-color);
  right: -7px !important;
  bottom: -7px !important;
  width: 14px !important;
  height: 14px !important;
}

.example-container {
  width: 400px;
  height: 200px;
  margin: 10px;
  border: 1px solid #555;
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version. */
mat-mdc-progress-bar {
  background: var(--base-mat-progress-bar);
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version. */
.mat-mdc-progress-bar .mat-mdc-progress-bar-background {
  display: none;
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version. */
.mat-mdc-progress-bar .mat-mdc-progress-bar-fill {
  animation: none;
  transform-origin: top left;
  transition: transform 250ms ease;
  background: var(--button-active-primary-color);
}

/* .participantPercentage .mat-progress-bar .mat-progress-bar-fill {
    background: #5e5e5e !important;
} */

mat-progress-spinner,
mat-spinner {
  height: 50px !important;
  width: 50px !important;
}

mat-progress-spinner svg,
mat-spinner svg {
  height: 50px !important;
  width: 50px !important;
}

mat-progress-spinner circle,
mat-spinner circle {
  stroke: #165dde;
}

mat-spinner._20x20 {
  height: 20px !important;
  width: 20px !important;
}

mat-spinner._20x20 svg {
  height: 20px !important;
  width: 20px !important;
}

mat-spinner._20x20 circle {
  stroke: var(--base-shade-color) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-mdc-tab-label {
  text-align: unset !important;
  display: unset !important;
  align-items: unset !important;
  justify-content: unset !important;
  max-width: 110px !important;
}

.mat-ink-bar {
  background-color: rgb(63, 81, 181) !important;
  width: 110px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-mdc-tab-label .mat-mdc-tab-label-content {
  text-align: center !important;
  font-size: 12px !important;
  padding: 10px !important;
}

.mat-grid-tile {
  /* border: 2px solid var(--base-shade-color);
        border-radius: 15px; */
  box-shadow: var(--modern-shadow, 0px 2px 4px 0px rgba(0, 0, 0, 0.25));
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* ---***  Angular Material  ***--- */

@keyframes animateright {
  from {
    right: -7px;
    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

.videoHeightinFS {
  height: 96.5% !important;
}

/* Datatable for lms settings */

#roomRules,
#tblGridView,
#tblGVTeacher,
#tblGVStudent,
#tblGVGuest,
#tblGVOrgUser {
  font-size: 1.3rem;
  margin: 2px 0;
  color: var(--base-text-color);
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.dataTables_wrapper {
  width: 100% !important;
  /* background-color: var(--datatable-inner); */
  /* border: 1px solid var(--datatable-inner); */
  /* padding: 10px; */
  /* box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1); */
  /*box-shadow: var(--modern-shadow-base);
    border-radius: 7px; */
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: var(--base-text-color);
  font-size: 12px;
  align-items: unset;
}

.dataTables_wrapper .dataTables_length label select {
  border: 1px solid var(--datatable-inner-border);
  border-radius: 4px;
  margin: 0px 5px;
}

.dataTables_wrapper .dataTables_filter label input {
  border: 1px solid var(--datatable-input-border);
  background-color: var(--datatable-tr);
  border-radius: 4px;
  margin: 0px 0px 0px 5px;
}

.dataTables_wrapper .dataTables_filter label input:focus {
  outline: none !important;
}

::ng-deep .mat-mdc-select-placeholder {
  color: var(--modern-text-muted, #64748B) !important;
  opacity: 1;
}

::ng-deep .mat-mdc-form-field input::placeholder {
  color: var(--modern-text-muted, #64748B) !important;
  opacity: 1;
}

::ng-deep .mat-mdc-select-arrow {
  color: var(--modern-text-muted, #64748B) !important;
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  border: none;
}

.tbody tr {
  border: 1px solid var(--datatable-inner-border) !important;
}

.table>tbody>tr>td {
  vertical-align: bottom;
}

table>tbody>tr>td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 100px;  Adjust as per your requirement  */
}

.pagination {
  float: right;
}

.paginate_button a {
  outline: none;
}

#roomRules_wrapper .row:nth-child(1),
#roomRules_wrapper .row:nth-child(3) {
  display: none;
}

#roomRules_wrapper .row:nth-child(2) {
  overflow: auto;
}

.dataTables_wrapper .row:nth-child(1) div:nth-child(1) .dataTables_length label,
.dataTables_wrapper .row:nth-child(1) div:nth-child(1) .dataTables_length label select {
  float: left;
  font-size: 13px;
  background-color: var(--datatable-tr);
  /* border: var(--datatable-tr); */
  color: var(--base-text-color);
}

.dataTables_wrapper .row:nth-child(1) div:nth-child(2) .dataTables_filter label,
.dataTables_wrapper .row:nth-child(1) div:nth-child(2) .dataTables_filter label input {
  float: right;
  font-size: 13px;
}

/* .dataTables_wrapper .row:nth-child(2) { Fahad
    max-height: 360px;
    overflow: auto;
}*/

.dataTables_wrapper .row:nth-child(3) {
  margin-top: 7px;
}

.dataTables_wrapper .row:nth-child(3) div:nth-child(1) div:nth-child(1) {
  float: left;
}

.dataTables_wrapper .row:nth-child(3) div:nth-child(2) div:nth-child(1) {
  float: right;
}

.dataTables_wrapper .row {
  padding: 0px;
  margin: 0px;
  padding-right: 1px;
}

#tblGridRoasters_wrapper .row:nth-child(2) {
  margin-bottom: -14px !important;
  padding-bottom: 0px !important;
  overflow-x: scroll;
}

#tblGridFiles_wrapper .row:nth-child(2) {
  margin-bottom: -14px !important;
  padding-bottom: 0px !important;
  overflow-x: scroll;
}

#tblGridLinks_wrapper .row:nth-child(2) {
  margin-bottom: -14px !important;
  padding-bottom: 0px !important;
  overflow-x: scroll;
}

.dataTables_wrapper .row:nth-child(2) {
  overflow-x: scroll;
}

.page-item.disabled .page-link {
  background-color: var(--datatable-tr) !important;
  border: var(--datatable-tr) !important;
  color: var(--base-text-color) !important;
}

.presenseBar mat-slider {
  background-color: var(--graph-background) !important;
  border: var(--graph-background) !important;
}

.dataTables_wrapper .row .col-lg-1,
.dataTables_wrapper .row .col-lg-10,
.dataTables_wrapper .row .col-lg-11,
.dataTables_wrapper .row .col-lg-12,
.dataTables_wrapper .row .col-lg-2,
.dataTables_wrapper .row .col-lg-3,
.dataTables_wrapper .row .col-lg-4,
.dataTables_wrapper .row .col-lg-5,
.dataTables_wrapper .row .col-lg-6,
.dataTables_wrapper .row .col-lg-7,
.dataTables_wrapper .row .col-lg-8,
.dataTables_wrapper .row .col-lg-9,
.dataTables_wrapper .row .col-md-1,
.dataTables_wrapper .row .col-md-10,
.dataTables_wrapper .row .col-md-11,
.dataTables_wrapper .row .col-md-12,
.dataTables_wrapper .row .col-md-2,
.dataTables_wrapper .row .col-md-3,
.dataTables_wrapper .row .col-md-4,
.dataTables_wrapper .row .col-md-5,
.dataTables_wrapper .row .col-md-6,
.dataTables_wrapper .row .col-md-7,
.dataTables_wrapper .row .col-md-8,
.dataTables_wrapper .row .col-md-9,
.dataTables_wrapper .row .col-sm-1,
.dataTables_wrapper .row .col-sm-10,
.dataTables_wrapper .row .col-sm-11,
.dataTables_wrapper .row .col-sm-12,
.dataTables_wrapper .row .col-sm-2,
.dataTables_wrapper .row .col-sm-3,
.dataTables_wrapper .row .col-sm-4,
.dataTables_wrapper .row .col-sm-5,
.dataTables_wrapper .row .col-sm-6,
.dataTables_wrapper .row .col-sm-7,
.dataTables_wrapper .row .col-sm-8,
.dataTables_wrapper .row .col-sm-9,
.dataTables_wrapper .row .col-xs-1,
.dataTables_wrapper .row .col-xs-10,
.dataTables_wrapper .row .col-xs-11,
.dataTables_wrapper .row .col-xs-12,
.dataTables_wrapper .row .col-xs-2,
.dataTables_wrapper .row .col-xs-3,
.dataTables_wrapper .row .col-xs-4,
.dataTables_wrapper .row .col-xs-5,
.dataTables_wrapper .row .col-xs-6,
.dataTables_wrapper .row .col-xs-7,
.dataTables_wrapper .row .col-xs-8,
.dataTables_wrapper .row .col-xs-9 {
  padding-right: 0px;
  padding-left: 0px;
}

/* WhiteBoard Tab */

.maindiv {
  height: 100%;
  width: 100%;
}

.innerdiv {
  display: block;
  height: 100%;
  width: 100%;
}

/* WhiteBoard Tab */

.as-split-gutter {
  flex-basis: 10px !important;
  order: 1;
  background: transparent !important;
  border-top: 1px solid var(--left-panel-draggable) !important;
}

.as-vertical>.as-split-gutter .as-split-gutter-icon {
  /* background-image: url(../img/linedot.svg) !important; */
  height: 2px !important;
  width: 17px !important;
}

/*Dashboard classes by MOT*/
/* .rowDashboard{

    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 40px;
    padding-bottom: 102px;
} */

.rowChildDashboard {
  display: flex;
  flex-wrap: wrap;
}

.paddingt15 {
  padding-top: 15px;
}

.paddingt30 {
  padding-top: 16px;
}

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

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

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

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

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

.dbigTileSettings {
  border: 1px solid #cbcdce;
  /* border-radius: 5px; */
  height: 350px;
  padding: 10px;
  text-align: center;
}

.dMidBigTileSettings {
  border: 1px solid #cbcdce;
  /* border-radius: 5px; */
  height: 350px;
  padding: 10px;
  text-align: center;
}

.dmediumTileSettings {
  border: 1px solid #cbcdce;
  border-radius: 5px;
  height: 294px;
  padding: 10px;
}

.dTileBackgroundColor {
  background-color: var(--base-shade-color);
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  border: 0px;
}

.tile-active {
  background-color: #edf5ec;
}

.tile-header-outer {
  color: var(--base-stats-text-color);
  font-size: 14px;
  text-align: center;
  /* Fahad */
  padding-top: 24px;
  /* Fahad */
}

.dBigTileHeader {
  color: var(--base-text-color);
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  -webkit-user-select: none;
          user-select: none;
}

.tile-header {
  font-size: 16px;
  font-weight: 400;
  color: var(--base-stats-text-color);
}

.tile-footer {
  font-size: 10px;
  color: var(--base-stats-text-color);
  font-weight: bold;
}

.tile-container {
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 35px;
  /*////*/
}

.tile-svg {
  padding-top: 15px;
}

.tile-value {
  font-size: 40px;
  font-weight: 400;
  color: #393939;
  padding-left: 5px;
  -webkit-user-select: none;
          user-select: none;
}

.tile-white {
  background-color: var(--base-shade-color) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1) !important;
}

.paddingLvalue {
  padding-top: 5%;
}

.height140 {
  height: 140px !important;
}

.height166 {
  height: 166px !important;
}

.paddingLvaluewData {
  height: 40px;
  padding-top: 5%;
}

.footerSettings {
  padding: 0px 8%;
}

#main-container {
  height: 100%;
  /* overflow-y: scroll; */
}

.sub-header-svg {
  display: block;
  height: 22px;
  width: 22px;
  margin-left: 61px;
  fill: var(--button-active-primary-color);
}

.pageTitletext {
  font-size: 15px;
  margin: 0;
  padding-top: 10px;
  padding-left: 15px;
  color: #5b7c97;
}

.sub-header-title {
  font-size: 15px;
  padding-left: 10px;
  padding-top: 0px;
  color: #8a93a2;
}

.sub-header {
  height: 70px;
  width: 100%;
  /* position: fixed; */
  /* z-index: 1001; */
}

.header {
  height: 95px;
  width: calc(100% - 30px);
  background-color: var(--base-shade-color);
  display: flex;
  align-items: center;
  margin: 0px 0px 0px 30px;
  border-bottom-left-radius: 20px;

  box-shadow: var(--base-table-outer-box-shadow) !important;
}

.header svg {
  height: 60px;
  width: 260px;
  margin-left: 7px;
}

.header img {
  height: 60px;
  width: 260px;
  margin-left: 0px;
}

.header>.title {
  font-size: 18px;
  margin-left: 22px;
  color: #8a93a2;
  -webkit-user-select: none;
          user-select: none;
}

.header>.organization {
  font-size: 15px;
  padding-left: 30px;
  color: #8a93a2;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: column;
}

.header>.organization>.name {
  color: var(--modern-text-main);
  font-size: 22px;
  font-weight: 400;
  -webkit-user-select: none;
          user-select: none;


}

.header>.organization>.caption {
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  -webkit-user-select: none;
          user-select: none;


}

.productHeaderName {
  font-size: 18px;
  margin-top: 14px;
  margin-left: 34px;
  float: left;
  color: #a0a8b3;
}

.productHeaderVersion {
  float: left;
  margin-top: 19px;
  font-size: 10px;
  padding-left: 5px;
  color: #a0a8b3;
}

.productHeaderImage {
  height: 33px;
  width: 34px;
  margin-top: 10px;
  margin-left: 7px;
  float: left;
}

.component-container {
  width: calc(100% - 30px);
  height: calc(100vh - 205px);
  /* background-color: green; */
  margin-left: 30px;
  border-top-left-radius: 20px;
  /* overflow-y: scroll; */

}

.checker {
  width: 100%;
  height: 100%;
  background-color: purple;
}



.footer-container {
  height: 40px;
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: var(--base-shade-color);
  z-index: 1000;
  border-top: 0px solid;
  border-top-color: var(--separator-2);
  font-size: 13px;
  text-align: right;
  padding-right: 69px;
  color: var(--base-text-color);
  display: flex;
  align-items: center;
}

.footer-container>.version {
  font-size: 13px;
  padding-left: 20px;
  color: var(--base-text-color);
}

.footer-container>.copyright {
  margin-left: auto;
  right: 24px;
  position: fixed;
}

.pageFooterTextright {
  float: right;
  margin-right: 60px;
  margin-top: 12px;
  font-size: 12px;
}

.svgDiv {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}

.tilesRed {
  background-color: rgb(252, 178, 178);
}

/*End Dashboard classes by MOT*/

.custom-select {
  background-image: url('dd_arrow_down.4509404c00b26774.svg');
  background-size: 9px 13px;
}

.selector-props {
  width: 100%;


  height: calc(100%);


}

.width-in-percent-100 {
  width: 100% !important;
}

.report-link {
  font-weight: bold;
}

.report-link:hover {
  color: var(--button-active-primary-color);
  cursor: pointer;
}

/* #tblGridView thead { */
/* border: 1px solid var(--dashboardiconscolor); */
/* } */

.dataTables_filter {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.dataTables_filter label,
.dataTables_filter label input {
  float: right;
  font-size: 13px;
  margin-left: auto;
}

.dataTables_length,
.dataTables_paginate {
  width: 50%;
}

.dataTables_length label,
.dataTables_length label select {
  /* float: left; */
  font-size: 13px;
  background-color: var(--datatable-tr);
  /* border: var(--datatable-tr); */
  color: var(--base-text-color);
  margin-left: 0px !important;
}

.report-name-attr {
  background-color: var(--base-background-color);
  font-size: 13px;
  padding: 5px;
}

.width-in-percent-70 {
  width: 70%;
}

.sub-header-container {
  display: flex;
  height: 100%;
  align-items: center;
}

.sub-header-title label {
  margin-bottom: 0px !important;
}

.sub-header-title ol {
  margin: 0px;
}

.breadCrump {
  font-size: 13px;
  font-weight: 400;
  color: #8a93a2;
  padding-bottom: 5px;
}

.breadCrump label {
  font-weight: 400;
  color: #8a93a2;
}

.breadcrumb-item.active {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--base-color) !important;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
}

.breadcrumb-item a {
  color: #8a93a2;
  cursor: pointer;
  text-decoration: none;
}

.breadcrumb-item a:hover {
  color: var(--base-color);
}


.breadCrumpActive {
  color: var(--button-active-primary-color) !important;
  cursor: pointer;
  font-weight: 400;
}

.visibilityHidden {
  display: none;
}

/* Fahad */

.route-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
}

.route-container .search {
  margin-left: auto;
}

.route-container .title {
  background-color: var(--base-background-color);
  display: flex;
  height: 25px;
  border-radius: 4px;
  align-items: center;
}

.route-container .title .first {
  margin-left: 10px;
}

.route-container .title .child {
  margin-left: 10px;
  margin-right: 10px;
  color: var(--base-text-color);
  font-size: 12px;
}

.route-container .title .last {
  margin-right: 10px;
}

.route-container .title .divider {
  border-right: 1px solid #a0a8b3;
  height: 13px;
  margin-left: 5px;
  margin-right: 5px;
}

.route-container .title span {
  font-weight: 400;
}

.breadcrumb a:hover {
  color: var(--button-active-primary-color) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer;
}

.breadcrumb a {
  color: var(--button-active-primary-color) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.breadcrumb-item.active {
  color: var(--button-active-primary-color) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 15px !important;
}

.breadcrumb {
  background-color: transparent !important;
  /* padding-bottom: 0px !important; padding-left: 0px !important; */
  padding: 0px;
  margin: 0px;
}

nav {
  font-size: 13px;
  font-weight: 400;
  color: #8a93a2;
}

.no-class-available {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 13px;
  justify-content: center;
  color: var(--base-stats-text-color);
  font-weight: 400;
  padding-bottom: 40px;
}

.component-height {
  height: calc(100% - 90px) !important;
  padding-right: 16px !important;
}

.text-align-right {
  text-align: right;
}

.dashboard-host {
  width: 100% !important;
  height: 100%;
  overflow: scroll;
}

.padding-right-10 {
  padding-right: 10px !important;
}

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

.attendence-route {
  margin-bottom: 0px !important;
  font-size: 13px;
  color: var(--base-text-color);
}

.attendence-route .title {
  height: 30px !important;
}

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

.loading-progress-bar {
  position: absolute;
  left: 0;
  margin-top: -20px;
  z-index: 100;
}

.chart-legend ul {
  padding-left: 0px !important;
  /* overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;  */
}

.chart-legend ul li {
  /* display: inline; */
  font-size: 10px;
  padding-right: 5px !important;
  cursor: pointer;
  /* display: flex;
    align-items: center; */
}

.polar-legend ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
}

.chart-legend ul li :first-child {
  /* border-radius: 50%;   */
  display: inline-block;
  height: 12px;
  width: 11px;
  margin-right: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
}

.chart-legend ul li :last-child {
  color: #393939;
  font-size: 14px;
  font-weight: 400;
  -webkit-user-select: none;
          user-select: none;
}

#participation-legends {
  order: 2;
  height: 237px !important;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto;
  white-space: nowrap;
  width: 35%;
  margin-left: auto !important;
  -webkit-user-select: none;
          user-select: none;
}

#pieChartContainer {
  order: 1;
  /* padding-top: 11px !important; */
  width: 100%;
  height: 237px;
}

#pieChartCanvas {
  height: 237px !important;
  width: 100% !important;
}

.pie-chart-content {
  display: flex;
  width: 100%;
}

/***** Chart Legends Line Chart ******/

.chart-legend-line ul {
  display: flex;
  list-style-type: none;
  padding: 0px !important;
  margin: 0px !important;
}

.chart-legend-line ul li {
  /* display: inline;  */
  font-size: 10px;
  padding-right: 5px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.chart-legend-line ul li :first-child {
  /* border-radius: 50%;   */
  display: inline-block;
  height: 12px;
  width: 11px;
  margin-right: 3px;
  margin-left: 10px;
}

.chart-legend-line ul li :last-child {
  color: #393939;
  font-size: 14px;
  font-weight: 400;
}

#week-participation-legends {
  width: 100%;
  height: auto;
  overflow: auto;
  outline: none;
  overflow-y: hidden;
  padding-bottom: 13px;
  -ms-overflow-style: scroll;
  /*** IE 10+ ***/
  scrollbar-width: none;
  /*** Firefox ***/
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}

#week-participation-legends::-webkit-scrollbar {
  display: none;
  /*** Safari and Chrome ***/
}

.svg-arrow-prev {
  transform: rotate(90deg);
  height: 14px;
  width: 14px;
  fill: var(--base-color);
  /* margin-bottom: 13px !important;
    margin-right: 16px !important;
    margin-left: 12px !important; */
  margin-left: 4px;
}

.svg-arrow-next {
  transform: rotate(270deg);
  height: 14px;
  width: 14px;
  fill: var(--base-color);
  /* margin-bottom: 13px !important;
    margin-left: 16px !important; */
  margin-left: 4px;
}

.sections-svg {
  width: 20px !important;
  margin-left: 20px !important;
}

.attendance-container {
  border-radius: 0px;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  background-color: var(--base-shade-color);
}

.padding-10px {
  padding: 7px 10px 10px 10px;
}

.progress-bar-margin {
  margin-top: 40px !important;
}

.polar-area-chart {
  width: 100%;
  height: 305px;
  /* margin-top: 22px; */
}

.polar-area-chart .canvas {
  height: 305px;
}

.visibility-hidden {
  visibility: hidden;
}

.svg-arrow-next-parent {
  margin-bottom: 12px !important;
  margin-left: 10px !important;
  height: 28px;
  width: 28px;
  margin-right: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.svg-arrow-next-parent:hover {
  border-radius: 4px;
  background-color: var(--mat-item-hover-color);
  cursor: pointer;
}

.svg-arrow-prev-parent {
  margin-bottom: 12px !important;
  /* margin-right: 16px !important; */
  margin-left: 12px !important;
  height: 28px;
  width: 28px;
  margin-right: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.svg-arrow-prev-parent:hover {
  border-radius: 4px;
  background-color: var(--mat-item-hover-color);
  cursor: pointer;
}

.svg-arrow-disabled {
  fill: var(--base-stats-text-color) !important;
}

.svg-arrow-enabled {
  fill: var(--base-color);
}

.svg-arrows-parent-disabled:hover {
  background-color: var(--base-shade-color) !important;
}

.graph-titles {
  padding-left: 5px;
}

.organization-svg {
  width: 22px !important;
}

.jconfirm.jconfirm-light .jconfirm-bg,
.jconfirm.jconfirm-white .jconfirm-bg {
  background: rgb(235, 237, 239, 0.5) !important;
  opacity: 0.9 !important;
}

/***** Notify Js ******/

.notifyjs-corner {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.notifyjs-wrapper {
  min-width: 300px;
  font-size: 13px;
  text-align: center;
}

.notifyjs-bootstrap-base {
  padding: 8px 20px 8px 40px !important;
  background-position: 10px 8px !important;
  height: 36px !important;
  background-size: 20px !important;
  color: var(--base-shade-color) !important;
  font-weight: 400 !important;
  border: none !important;
  border-radius: 4px !important;
}

/***** Table Stripped ******/

.table-striped thead tr {
  vertical-align: middle;
}

.table-striped thead tr> :first-child {
  padding-left: 20px !important;
}

#tblGridRoasters thead tr> :first-child {
  padding-left: 0px !important;
}

#tblGridFiles thead tr> :first-child {
  padding-left: 0px !important;
}

#tblGridLinks thead tr> :first-child {
  padding-left: 0px !important;
}

.table-striped tbody tr> :first-child {
  padding-left: 20px !important;
  height: 3.428571rem;
  vertical-align: middle;
  height: 50px;
}

#tblGridRoasters tbody tr> :first-child {
  padding-left: 0px !important;
  height: 3.428571rem;
  vertical-align: middle;
  height: 50px;
}

#tblGridFiles tbody tr> :first-child {
  padding-left: 0px !important;
  height: 3.428571rem;
  vertical-align: middle;
  height: 50px;
}

#tblGridLinks tbody tr> :first-child {
  padding-left: 0px !important;
  height: 3.428571rem;
  vertical-align: middle;
  height: 50px;
}

.table-striped tbody tr .iconBar {
  padding-left: 0px !important;
  height: 50px;
}

.table-striped thead tr> :last-child {
  padding-right: 20px !important;
}

.table-striped tbody tr> :last-child {
  /* padding-right: 115px !important; */
  padding-bottom: 6px !important;
}

.table-striped tbody th,
.table-striped tbody td,
.table-striped thead th {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 110px;
}

#tblGridRoasters tbody th,
#tblGridRoasters tbody td,
#tblGridRoasters thead th {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: auto;
}

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

.table-striped>tbody>tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(even) {
  background-color: var(--datatable-tr);
  border: 1px solid var(--datatable-inner-border);
}

.table-striped thead tr td,
.table-striped thead tr th,
.table-striped tbody tr td,
.table-striped tbody tr th {
  padding: 5px 10px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  border-left: none !important;
  border-right: none !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
  border-left: none !important;
  border-right: none !important;
}

.table-striped thead tr th {
  /* background-color:var(--base-primary-progress-bar-color); */
  /* color: black; */
  color: var(--base-text-color);
  font-weight: 400;
}

.table-striped th.sorting_asc {
  background-image: url('arrow_up_gray.299a8678ba01e2e5.svg');
  background-size: 8px 12px;
  /* background-position: left; */
}

.table-striped th.sorting_desc {
  background-image: url('arrow_down_gray.6d4f8eecdbfdecd3.svg');
  background-size: 8px 12px;
  /* background-position: left; */
}

.table-striped th.whiteColor {
  background-image: none !important;
}

.table-striped th {
  outline: none;
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto;
}

.table-striped th.sorting {
  background-image: url('arrow_up_down_gray.217502de1d797de1.svg');
  background-size: 8px 12px;
  /* background-position: left; */
}

/**** Calendar *******/

.calendar {
  fill: var(--base-text-color);
  height: 16px;
  width: 16px;
}

.calendar-prev {
  transform: rotate(90deg);
  fill: var(--base-text-color);
  height: 10px;
  width: 10px;
}

.calendar-next {
  transform: rotate(270deg);
  height: 10px;
  width: 10px;
  fill: #5e5e5e;
}

.date-content {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.date-content .start-date-label {
  font-size: 12px;
  color: var(--base-text-color);
  margin-right: 10px;
}

.date-content .start-date-content {
  margin-right: 30px;
  margin-bottom: 6px;
  width: 170px !important;
  font-size: 12px !important;
}

.date-content .end-date-label {
  font-size: 12px;
  color: var(--base-text-color);
  margin-right: 10px;
}

.date-content .end-date-content {
  margin-right: 10px;
  margin-bottom: 6px;
  width: 170px !important;
  font-size: 12px !important;
}

.attendance-tools {
  margin-left: 0px;
  margin-right: 0px;
  max-height: 40px;
  overflow-x: scroll;
  overflow-y: hidden;
}

/******* Form *********/

.form-block {
  /*    padding: 10px 0px 15px 0px;   */
  padding: 10px 0px 0px 0px;
}

.form-block .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.form-block .title {
  color: var(--button-active-primary-color);
  font-size: 13px;
  font-weight: 400;
  padding-left: 20px;
}

.form-block .title-underline {
  background-color: var(--button-active-primary-color);
  height: 2px;
  margin-left: 9px;
  width: 180px;
}

.form-block .form-container {
  background-color: var(--base-shade-color);
  padding: 25px 0px 15px 0px;
  font-size: 13px;
  border-radius: 20px 0px 0px 20px;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  font-weight: 400;
}

.form-block .form-container .row-block {
  padding-bottom: 15px !important;
}

.form-block .form-container .row-block .item {
  margin-bottom: 10px !important;
  display: flex;
  align-items: center;
}

.form-block .form-container .row-block .item .last {
  margin-left: auto;
}

.form-block .form-control {
  font-size: 12px !important;
  width: 240px !important;
  background-color: var(--searched-list-bakground) !important;
  color: var(--base-text-color) !important;
}

.form-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 0px;
  font-size: 13px;
  margin-top: 20px;
  gap: 10px;
  /* padding-right: 3rem; */
}

.test-email-label {
  font-size: 13px !important;
  columns: var(--base-text-color);
  margin-right: 10px;
}

.test-email-input {
  font-size: 12px !important;
  width: 323px !important;
  color: var(--base-text-color);
  background-color: var(--base-shade-color);
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  height: 27px;
}

.form-buttons .button-sm {
  background-color: var(--button-active-primary-color);
  border: 1px solid var(--button-active-primary-color);
  color: var(--base-shade-color);
  min-width: 70px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  padding: 1px 10px;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  transition: all 0.3s ease;
  margin-left: 5px;
}

.add-action-buttons {
  margin-top: 20px;
}

/* Fahad */

.add-new-link {
  display: flex;
  justify-content: flex-end;
  font-size: 13px;
  color: var(--button-active-primary-color);
  font-weight: 400;
  padding-bottom: 5px;
  /* padding-right: 12px; */
}

.add-new-link>label {
  cursor: pointer;
}

.link {
  font-size: 13px;
  color: var(--button-active-primary-color);
  font-weight: 400;
  cursor: pointer;
}

.grid-ations-svg {
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
  margin: 5px;
}

.grid-ations-svg:focus {
  outline: none;
}

.grid-ations-svg-head {
  fill: var(--base-shade-color);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
  margin-top: 2px;
}

.grid-ations-margins {
  margin-left: 20px;
}

.title-bar {
  background-color: var(--base-text-color) !important;
  height: 2px;
  margin-left: 9px;
}

/* Fahad */
/******** START MultiBox **********/

.multibox-container {
  margin-bottom: 10px;
  margin-top: 10px;
}

.multibox-container .center {
  display: flex;
  align-items: center;
}

.multi-box-block {
  display: flex;
}

.multi-box {
  list-style: none;
  width: 400px;
  border: 1px solid;
  border-color: var(--separator-2);
  height: 240px;
  display: inline-block;
  padding: 0px;
  overflow: auto;
  border-radius: 4px;
  margin-bottom: 0px !important;
}

.multi-box>li {
  background: var(--base-shade-color);
  color: var(--base-text-color);
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  margin: 1px;
  margin-left: 10px;
  margin-right: 10px;
  /* border-radius: 2px; */
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 5px;
}

.multi-box>li:first-of-type {
  margin-top: 10px;
}

.multi-box>li:hover {
  background: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}

.multi-box .selected-item {
  background: var(--button-active-primary-color) !important;
  color: var(--base-shade-color) !important;
}

.multi-box-block .btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 26px;
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 20px;
  margin-right: 20px;
}

.multi-box-block .btns .btn {
  border-radius: 0.25rem;
  margin: 5px 0;
  background-color: var(--base-shade-color) !important;
  border: 1px solid;
  border-color: var(--separator-2);
  width: 110px;
  cursor: pointer;
  text-align: center;
}

.multi-box-block .btns .btn:hover {
  background-color: var(--base-dropdown-li-hover);
  cursor: pointer;
}

.multi-box-block .btns .btn .svg {
  width: 10px;
  height: 10px;
  fill: #8a93a2;
}

.multi-box-block .btns .btn .right {
  transform: rotate(270deg);
}

.multi-box-block .btns .btn .left {
  transform: rotate(90deg);
}

.multi-box-block .search {
  margin-bottom: 10px;
}

.multi-box-block .form-control {
  width: 400px !important;
  /*  Fahad */
  background-color: var(--base-dropdown-li-hover);
}

.multi-box-block .field-g-input {
  width: 400px !important;
}

.form-control:focus {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.form-control-combo:focus {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.multi-box-custom-height {
  height: 600px !important;
}

/******** END MultiBox **********/

.form-block-table {
  padding: 5px 0px 10px 0px;
}

.ddl-languages {
  width: 160px;
}

.grid-controls-lms-custom {
  padding-right: 84px !important;
}

.grid-controls-lms-non-custom {
  padding-right: 136px !important;
}

.img-dropdown {
  font-size: 13px;
}

.radio-container {
  border: 1px solid Gray;
  font-size: 12px !important;
  width: 240px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  padding: 5px;
  color: #495057;
}

/*************** START LANGUAGE DROPDOWN ****************/

.lan-block {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 5px;
  cursor: pointer;
}

.lan-block .title {
  font-size: 12px;
  color: var(--base-text-color);
  font-weight: 400;
  display: flex;
  align-items: center;
  vertical-align: middle;
  border-radius: 3px;
  background-color: var(--base-shade-color);
  padding: 5px;
  border-width: 0px;
  min-width: 80px;
  max-width: 125px;
}

.lan-block .title svg {
  width: 20px;
  height: 20px;
  fill: var(--base-svg-color);
  margin-bottom: 2px;
  margin-left: 0px !important;
}

.lan-block .title .arrow {
  width: var(--arrow-svg-ddl-size);
  height: var(--arrow-svg-ddl-size);
  background: url('arrow.eaa14a9720daa965.svg') no-repeat;
  margin-left: auto;
  margin-right: 4px;
}

.lan-block .title .lbl {
  font-size: 12px;
  color: var(--base-text-color);
  font-weight: 400;
  display: flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 10px;
}

.lan-block .menu {
  z-index: 8000;
  min-width: 69px;
  width: 69px;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.lan-block .menu .item {
  padding: 2px;
  padding-left: 4px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;
  color: var(--base-text-color);
}

.lan-block .menu .item:hover {
  background-color: var(--lan-ddl-li-hover);
  color: var(--lan-ddl-hover-text-color);
  border-radius: 2px;
}

.lan-block .menu .item.active {
  background-color: var(--base-color);
  color: var(--lan-ddl-active-text-color);
  border-radius: 2px;
}

/*************** END LANGUAGE DROPDOWN ****************/

.form-container .tb-search {
  background-color: var(--base-dropdown-li-hover);
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

/****** START Time Picker *********/

.tp {
  position: relative;
  display: inline-block;
  border: 1px solid lightgray;
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif !important;
  color: #000;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 0.25rem;
  background-color: #e9ecef;
  opacity: 1;
  width: 90px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.tp input {
  font: inherit;
  border: 0;
  margin: 0;
  outline: none;
  text-align: center;
  background-color: var(--base-shade-color);
  color: #495057;
  font-size: 14px;
  background-color: #e9ecef;
  opacity: 1;
}

.tp_spinners {
  position: relative;
  /* display: inline-block; */
  display: none;
  vertical-align: middle;
  margin-top: -2px;
  padding-right: 3px;
}

.tp_spinners span {
  cursor: pointer;
  display: block;
}

.tp_spinners .tp_spinup {
  /* border-bottom-color: black; border-top: 0; margin-bottom: 4px;  */
  width: 8px;
  height: 8px;
  background: url('arrow.eaa14a9720daa965.svg') no-repeat;
  transform: rotate(180deg);
}

.tp_spinners .tp_spindown {
  /* border-top-color: black; border-bottom: 0;  */
  width: 8px;
  height: 8px;
  background: url('arrow.eaa14a9720daa965.svg') no-repeat;
}

.tp_hr {
  width: 20px !important;
  padding-left: 3px;
}

.tp_min {
  width: 20px !important;
}

.tp .text-only {
  font-size: 14px;
  color: #495057;
  margin-bottom: 0px !important;
}

/****** END Time Picker *********/

.active-led-svg {
  fill: var(--svg-status-completed);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.created-led-svg {
  fill: var(--svg-status-created);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.inactive-led-svg {
  fill: var(--svg-status-failed);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.inprocess-led-svg {
  fill: var(--svg-status-inprocess);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.failed-led-svg {
  fill: var(--svg-status-failed);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.emailsent-led-svg {
  fill: var(--svg-status-emailsent);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.emailnotsent-led-svg {
  fill: var(--svg-status-emailnotsent);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.pending-led-svg {
  fill: var(--svg-status-pending);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.activedis-led-svg {
  fill: var(--svg-status-job-failed);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.failed-job-led-svg {
  fill: var(--svg-status-job-failed);
  width: 12px;
  height: 12px;
  vertical-align: sub;
  cursor: pointer;
}

.inprocess-job-led-svg {
  fill: var(--svg-status-job-inprocess);
  width: 12px;
  height: 12px;
  vertical-align: sub;
  cursor: pointer;
}

.pending-job-led-svg {
  fill: var(--svg-status-job-pending);
  width: 12px;
  height: 12px;
  vertical-align: sub;
  cursor: pointer;
}

.completed-job-led-svg {
  fill: var(--svg-status-job-completed);
  width: 12px;
  height: 12px;
  vertical-align: sub;
  cursor: pointer;
}

.list-box-svg {
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
  margin-right: 10px;
}

.list-box-svg-sel {
  fill: var(--base-shade-color);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
  margin-right: 10px;
}

.led-padding-left {
  padding-left: 10px;
}

.led-padding-right {
  padding-right: 5px;
}

.license-info:after {
  content: "";
  background-color: var(--base-background-color);
  position: absolute;
  width: 1px;
  height: 125px;
  top: 20px;
  left: 50%;
}

.license-tile-content {
  text-align: right;
  margin-left: auto !important;
}

.license-tile-val {
  font-size: 40px;
  font-weight: 400;
  color: var(--base-text-color);
  /* padding-left: 5px; */
}

.license-tile-svg-outer {
  background-color: var(--base-color);
  border-radius: 15px;
  padding: 8px;
  width: 20px;
}

.license-tile-svg {
  height: 16px;
  width: 16px;
  fill: var(--base-shade-color);
}

.license-tile-val-consumed {
  font-size: 40px;
  font-weight: 400;
  color: var(--button-active-primary-color);
  padding-left: 5px;
}

.license-tile-counter .title {
  font-size: 13px;
}

.clickToCallContainer {
  display: flex;
  align-items: center;
}

.clickToCallContainer svg {
  margin-right: 5px;
  height: 14px;
  width: 14px;
  fill: var(--button-active-primary-color);
}

.multi-box-width {
  width: 400px !important;
}

.paging {
  /* margin-top: -23px; */
  display: flex;
  -webkit-user-select: none;
          user-select: none;
}

.paging .page-size {
  width: 60px;
  -webkit-user-select: none;
          user-select: none;
  font-size: 13px;
  background-color: var(--base-shade-color);
  color: var(--base-text-color);
  border: 1px solid var(--datatable-inner-border);
}

.paging .btns {
  display: flex;
  margin-left: auto;
  -webkit-user-select: none !important;
          user-select: none !important;
  outline: none !important;
}

.paging .btn {
  width: 30px;
  height: 30px;
  fill: #8a93a2;
  -webkit-user-select: none !important;
          user-select: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.paging .btn-en {
  cursor: pointer;
  fill: var(--base-svg-color);
}

.paging .btn:hover {
  -webkit-user-select: none !important;
          user-select: none !important;
  outline: none !important;
}

.paging .btn-sm {
  width: 18px;
  height: 18px;
  margin-top: 6px;
  fill: #8a93a2;
  -webkit-user-select: none !important;
          user-select: none !important;
  outline: none !important;
}

.paging .btn-sm-en {
  cursor: pointer;
  fill: var(--base-svg-color);
}

.paging .btn-sm:hover {
  -webkit-user-select: none !important;
          user-select: none !important;
  outline: none !important;
}

.table-container {
  background-color: var(--base-shade-color);
  padding: 10px;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  border-radius: 0px;
}

.overlay-loading {
  height: calc(100% - 100px);
  width: calc(100% - 50px);
  position: absolute;
  z-index: 1000;
  left: 50px;
  top: 115px;
  opacity: 0.5;
  background: var(--base-loader-background);
}

.play-svg {
  fill: var(--base-svg-color);
  width: 14px;
  height: 14px;
  vertical-align: sub;
  cursor: pointer;
}

.attendance-svg {
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
  margin: 5px;
}

.attendance-svg:focus {
  -webkit-user-select: none;
          user-select: none;
  outline: transparent;
}

.svg-dis-16 {
  fill: var(--img-disable);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: no-drop;
  margin: 5px;
}

.avatar-svg-grid {
  fill: var(--base-svg-color);
  width: 30px;
  height: 30px;
  vertical-align: middle;
  cursor: pointer;
}

.avatar-spin {
  animation-name: ckw;
  animation-duration: 3.5s;
  /* Things added */
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  display: inline-block;
  /* <--- */
}

@keyframes ckw {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.avatar-svg-grid-ds {
  fill: var(--img-disable);
  width: 30px;
  height: 30px;
  vertical-align: middle;
  cursor: no-drop;
}

.guest_type-svg-grid {
  fill: var(--info-labels);
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}

.guest_type-svg-grid-ds {
  fill: var(--img-disable);
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: no-drop;
}

.svg-grid-40 {
  fill: var(--base-svg-color);
  width: 40px;
  height: 40px;
  vertical-align: middle;
  cursor: pointer;
}

.svg-grid-24 {
  fill: var(--base-svg-color);
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.svg-grid-16 {
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  vertical-align: middle;
  cursor: pointer;
}

.edit-field-icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.svg-grid-24-ds {
  fill: var(--img-disable);
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: no-drop;
  pointer-events: none;
}

.avatar-img {
  height: 30px;
  width: 30px;
  border: 1px solid #dedede;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
  cursor: pointer;
}

.avatar-img:hover {
  transform: scale(1.1);
  border-radius: 15%;
}

.avatar-img-cube {
  height: 50px;
  width: 50px;
  border: 1px solid #dedede;
  padding: 0px;
  margin: 0px;
  border-radius: 3px;
}

.actions-container {
  float: right;
  margin-right: 131px;
  width: 31px !important;
  outline: none;
}

.actions-container .item {
  margin-right: 10px;
  outline: none;
}

.rainbow-ststus-fail {
  color: var(--svg-status-emailnotsent);
}

.rainbow-ststus-success {
  color: var(--base-text-color);
}

.rainbow-ststus-inprogress {
  color: var(--base-primary-progress-bar-color);
}

.dataTables_wrapper .row {
  margin-bottom: -45px;
  padding-bottom: 31px;
  padding-top: 15px;
  margin-top: -14px;
}

.disable-txt {
  color: var(--txt-disable) !important;
}

.actionBtn {
  text-align: right;
  padding-right: 165px !important;
  overflow: inherit !important;
}

.radio-vertical-align {
  position: relative;
  top: 2px;
}

.padding-left-5px {
  padding-left: 5px;
}

.playerContainer {
  display: flex;
  align-items: center;
  align-self: center;
}

.playerSizing {
  background-color: #f1f3f4;
  background-image: url('rbc-new-logo.d36e96a4933f476e.png');
  background-repeat: no-repeat;
  display: flex;
  background-position: center;
  align-items: flex-end;
  margin: 0px;
  padding: 0px !important;
  box-shadow: inset -1px 3px 3px 0px rgb(0 0 0 / 10%),
    0 2px 2px rgb(0 0 0 / 10%);
}

.playerradiusall {
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.playerradiustop {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.playerSize {
  height: 250px;
  width: 100%;
  align-items: center;
}

.playerVideoSize {
  align-items: center;
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  width: 100%;
  height: 250px;
}

.playerVideoSizeMultiple {
  align-items: center;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  width: 100%;
  height: 250px;
}

.playerCdrDetailBox {
  width: 0%;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #f1f3f4 !important;
}

video::-webkit-media-controls-panel {
  background-color: transparent;
}

.permissions-footer {
  /* position: fixed; */
  width: 100%;
  /*calc(100% - 320px); */
  /* bottom: -105px;
        right: 0; */
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--modal-footer);
  padding: 0 41px 0 35px;
  /* border-bottom-right-radius: 5px; */
}

.browse-button {
  position: relative;
  display: flex;
  text-align: center;
  justify-items: center;
  margin-right: 0px;
}

.browse-button label {
  padding-top: 4px;
}

.buttons {
  min-width: 242px;
}

.download-file {
  margin-top: 5px;
  margin-left: 10px;
}

.dataTables_length label .form-control {
  width: 60px !important;
  height: 30px !important;
  -webkit-user-select: none !important;
          user-select: none !important;
  font-size: 13px !important;
  background-color: var(--base-shade-color) !important;
  color: var(--base-text-color) !important;
  border: 1px solid var(--datatable-inner-border) !important;
}

.dataTables_filter label .form-control {
  width: 173px !important;
  height: 26px !important;
}

#importPager .paging {
  margin-top: 15px !important;
}

#importPager .paging .form-control {
  width: 60px !important;
}

#importPager .paging .form-block {
  width: 60px !important;
}

.import-preview-label {
  color: var(--button-active-primary-color) !important;
  font-weight: bold !important;
  font-size: 13px;
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif;
}

.import-enrollment-bottom {
  padding-top: 25px;
  padding-left: 20px;
}

.sortingicon {
  content: url('arrow_up_down_gray.217502de1d797de1.svg');
  width: 8px;
  height: 12px;
  margin-left: 7px;
  -webkit-user-select: none;
          user-select: none;
}

.sortingiconup {
  content: url('arrow_up_gray.299a8678ba01e2e5.svg');
  width: 8px;
  height: 12px;
  margin-left: 7px;
  -webkit-user-select: none;
          user-select: none;
}

.sortingicondown {
  content: url('arrow_down_gray.6d4f8eecdbfdecd3.svg');
  width: 8px;
  height: 12px;
  margin-left: 7px;
  -webkit-user-select: none;
          user-select: none;
}

.trans-grid-col {
  width: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  color: var(--base-text-color);
}

.trans-grid-col-module {
  width: 14%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  color: var(--base-text-color);
  background-color: var(--base-shade-color);
}

.trans-grid-col label,
.trans-grid-col-module label {
  margin-bottom: 0px !important;
}

.trans-grid-col-first {
  width: 3%;
  min-width: 30px;
  font-weight: bold;
  /* background-color: #f1f1f1; */
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  /* color: var(--base-text-color); */
  align-content: center;
  text-align: center;
}

.trans-grid-col-sel {
  background-color: blue;
  color: var(--base-shade-color);
}

.trans-grid-col-mod {
  background-color: orange;
  color: var(--base-text-color);
}

.trans-grid-col-default-gray {
  background-color: var(--base-shade-color);
  color: var(--base-text-color);
}

.trans-grid-col-default-white {
  background-color: var(--base-shade-color);
  color: var(--base-text-color);
}

.trans-grid-col-last {
  width: 10%;
  /* padding-left: 10px; */
  font-weight: bold;
  /* align-self: center; */
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-top: 5px; */
  /* padding-bottom: 5px; */
}

.trans-menu-cb-col {
  width: 50%;
  display: flex;
  padding: 10px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow: auto;
  padding: 10px 15px;
  overflow-wrap: break-word !important;
}

.affix-menu-active {
  min-height: 40px;
  transition: background-color 100ms linear !important;
  padding-right: 8px;
  width: 100%;
  position: relative;
  display: flex;
  min-height: 40px;
  padding-right: 16px;
  box-sizing: border-box;
  align-items: center;
  outline: none;
  cursor: pointer;
  margin-left: 20px;
  /* background-color: var(--base-background-color); */
}

.affix-menu-active::before {
  content: "";
  /* left: 21px; */
  top: 0;
  bottom: 0;
  position: absolute;
  background-color: #f1f1f1;
}

/* .affix-menu-active:hover {
        background-color: #e5e8e9;
    } */

.affix-menu {
  min-height: 40px;
  transition: background-color 100ms linear !important;
  padding-right: 8px;
  width: 100%;
  position: relative;
  display: flex;
  min-height: 40px;
  padding-right: 16px;
  box-sizing: border-box;
  align-items: center;
  outline: none;
  cursor: pointer;
  margin-left: 20px;
  /* background-color: var(--base-background-color); */
}

.affix-menu::before {
  content: "";
  /* left: 21px; */
  top: 0;
  bottom: 0;
  position: absolute;
  width: 2px;
  background-color: var(--base-background-color);
}

.affix-menu-item-active {
  border-left: #1a73e8 2px solid !important;
  z-index: 0;
  color: #1a73e8;
  font-weight: 400;
}

.affix-menu-item {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  border-left: transparent 2px solid;
  border-radius: 0;
  /* margin-left: 21px; */
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  padding-top: 3px;
}

.affix-menu:hover {
  /* background-color: #e5e8e9; */
  color: #1a73e8;
  /* color: #5e5e5e; */
}

.affix-menu-blank {
  min-height: 40px;
  /* border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; */
  /* webkit-transition: background-color 100ms linear !important; */
  transition: background-color 100ms linear !important;
  padding-right: 8px;
  /* -webkit-border-radius: 2px;
    border-radius: 2px; */
  /* padding-left: 16px; */
  width: 100%;
  position: relative;
  display: flex;
  min-height: 40px;
  padding-right: 16px;
  box-sizing: border-box;
  align-items: center;
  outline: none;
  margin-left: 20px;
  background-color: var(--base-background-color);
}

.affix-menu-blank::before {
  content: "";
  /* left: 21px; */
  top: 0;
  bottom: 0;
  position: absolute;
  width: 2px;
  background-color: var(--base-background-color);
}

.affix-menu-item label {
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.2px;
}

.btn-lbl-activate {
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 0px;
  min-width: 140px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}

.btn-lbl-emailtemplate-reset {
  cursor: pointer;
  margin-bottom: 0px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}

.btn-lbl-emailtemplate-reset-container {
  cursor: pointer;
  margin-left: 10px;
  background-color: var(--base-color);
  border: 1px solid var(var(--base-color));
  color: var(--base-shade-color);
  height: 21px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

.hover-row tbody tr:hover {
  background-color: var(--datatable-inner-border) !important;
  cursor: pointer !important;
}

.cubeListError {
  width: 100%;
  /* text-align: center; */
  /* vertical-align: middle; */
  /* margin-top: 60px; */
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: calc(var(--size-cube-height) - 268px); */
  height: 100%;
  color: var(--base-text-color);
}

.link-menu {
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.link-menu .link-menu-item {
  display: flex;
  padding: 3px;
  padding-left: 10px;
  align-items: center;
}

.link-menu .link-menu-item:hover {
  background-color: var(--base-dropdown-li-hover);
  cursor: pointer;
  border-radius: 3px;
}

.link-menu .link-menu-item label {
  padding-top: 5px;
  cursor: pointer;
}

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

/* /////////////////Search textbox /////////////// */

.search-contact-bar {
  padding: 5px 10px 5px 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0 10px 0px 0px;
  border-radius: 15px;
  height: 30px;
  white-space: nowrap !important;
  text-overflow: ellipsis;
  z-index: 100;
  background: var(--search-bg-color);
  width: 200px;
  transition: all 0.1s linear;
  display: inline-flex;
  align-items: center;
}

.search-contact-bar:hover {
  width: 400px !important;
}

.search-contact-bar:hover+.filter-contact-bar {
  visibility: hidden;
}

.search-contact-bar .search-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.search-contact-bar .search-icon svg {
  width: 100%;
  height: 100%;
  fill: #b9bdc9;
}

.search-contact {
  background: transparent;
  border: none;
  font-size: var(--size-tiny-big);
  width: 100%;
  color: var(--base-text-color);
}

.search-contact:focus {
  outline: none;
}

.removeSeacrh {
  height: 22px;
  width: 22px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 4px;
  padding: 6px;
  fill: var(--dropdown-svg-fill);
}

.removeSeacrh:hover {
  background-color: var(--mat-item-hover-color);
}

.available-users-block {
  /* max-height: 130px;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 700px; */
  width: 100%;
  padding: 0px;
  border: 1px solid var(--base-shade-color);
  background-color: var(--base-shade-color);
  border-radius: 3px;
  padding: 10px;
  -webkit-user-select: none;
          user-select: none;
  /* max-height:calc(var(--size-cube-height) - 500px); */
  min-height: calc(57px);
  overflow-y: scroll;
  height: calc(100% - 52px);
}

.available-users-block .users {
  /* border-radius: 3px;
        background: var(--modal-footer);
        margin: 2.5px 2.5px 2.5px 2.5px;
        cursor: pointer;
        display: inline-block;
        min-width: 110px; */

  border-radius: 3px;
  background: var(--modal-footer);
  margin: 2.5px 2.5px 2.5px 2.5px;
  /* min-width: 150px;
        max-width: 250px; */
  width: 205px;
  padding: 4px;
  height: 50px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.available-users-block .users .user {
  display: inline-block;
  vertical-align: middle;
}

.available-users-block .users .user-avatar {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  vertical-align: top;
  /*background-color: var(--button-active-primary-color);*/
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  font-size: 14px;
  font-weight: 400;
}

.available-users-block .users .user-label {
  /* border: 1px solid var(--button-active-primary-color); */
  /* display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        line-height: 1.9rem;
        color: var(--base-text-color);
        font-size: var(--size-tiny-big); */
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 1.5rem;
  color: var(--base-text-color);
  font-size: var(--size-tiny-big);
}

.user-label-sub {
  font-size: var(--size-tiny-standard);
  color: var(--base-secondary-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Tour guide start */

.joyride-step__container {
  max-width: 400px !important;
  width: 400px !important;
  /* height: 170px !important; */
  height: max-content !important;
  border-radius: 4px !important;
  background: var(--file-detail-body) !important;
  color: var(--base-text-color) !important;
  /* display: -webkit-box !important; */
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-height: 170px !important;
}

.joyride-step__container .joyride-step__header .joyride-step__title {
  color: var(--base-text-color) !important;
}

.joyride-step__header {
  padding: 0px !important;
}

.joyride-step__counter {
  font-weight: 400 !important;
  font-size: 1.1rem !important;
}

.joyride-step__next-container .joyride-button {
  background-color: var(--button-active-primary-color) !important;
  border: 1px solid var(--button-active-primary-color) !important;
  color: var(--base-shade-color) !important;
  border-radius: 3px !important;
  font-weight: 400 !important;
  padding: 1px 10px !important;
  font-size: 1.3rem !important;
  min-width: 85px !important;
  max-width: 70px !important;
  height: 30px !important;
  text-transform: capitalize !important;
}

.joyride-step__prev-button .joyride-button {
  border: 1px solid var(--modal-footer-button-border) !important;
  color: var(--modal-footer-button-text) !important;
  background-color: var(--modal-footer-button-background) !important;
  border-radius: 3px !important;
  font-weight: 400 !important;
  padding: 1px 10px !important;
  font-size: 1.3rem !important;
  min-width: 85px !important;
  max-width: 70px !important;
  height: 30px !important;
  text-transform: capitalize !important;
}

.joyride-step__prev-button .joyride-button:hover {
  background-color: var(--hover-modal-button) !important;
  color: var(--hover-modal-text) !important;
}

.joyride-step__done-button .joyride-button {
  background-color: var(--button-active-primary-color) !important;
  border: 1px solid var(--button-active-primary-color) !important;
  color: var(--base-shade-color) !important;
  border-radius: 3px !important;
  font-weight: 400 !important;
  padding: 1px 10px !important;
  font-size: 1.3rem !important;
  min-width: 85px !important;
  max-width: 70px !important;
  height: 30px !important;
  text-transform: capitalize !important;
}

.joyride-arrow__left {
  border-right: 11px solid var(--file-detail-body) !important;
}

.joyride-arrow__top {
  border-bottom: 11px solid var(--file-detail-body) !important;
}

.joyride-arrow__bottom {
  border-top: 11px solid var(--file-detail-body) !important;
}

.joyride-arrow__right {
  border-left: 11px solid var(--file-detail-body) !important;
}

.joyride-step__close {
  right: 12px !important;
  top: 10px !important;
  width: 12px !important;
  height: 12px !important;
}

.joyride-step__close svg line {
  stroke: var(--topbar-speaker) !important;
}

/* Tour guide end */

.subs-label-heading {
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 25px;
}

.subs-label {
  width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 3px;
}

.subs-count {
  padding-left: 10px;
  width: 100px;
  font-weight: bold;
  padding-top: 3px;
  text-align: start;
}

.subs-count-heading {
  padding-left: 10px;
  width: 100px;
  text-align: start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.iconStatus {
  width: 1px !important;
  padding: 0px !important;
  margin: 0px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  padding-left: 0px !important;
  border: 0px !important;
  cursor: default;
}

.provIconStatus {
  width: 7px !important;
  padding: 0px !important;
  margin: 0px !important;
  min-width: 8px !important;
  max-width: 7px !important;
  padding-left: 0px !important;
  border: 0px !important;
  cursor: default;
}

.table-striped thead tr .iconBar,
.table-striped thead tr .iconBar,
.table-striped tbody tr td .iconBar,
.table-striped tbody tr th .iconBar {
  padding: 0px !important;
}

.date-range-lbl-from {
  margin-top: 5px;
}

.date-range-lbl-to {
  margin-left: 15px;
  margin-top: 5px;
}

/* padding: 0px !important;
} */

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

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

.participants-height {
  height: 28px;
}

.template-filter-width {
  font-size: 12px !important;
  width: auto !important;
  margin-left: 5px;
}

.align-template-filter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cdk-overlay-container {
  z-index: 1051 !important;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100% !important;
  max-height: 100% !important;
  padding-top: 5px;
  min-width: 200px !important
}

.mat-mdc-menu-panel {
  background: var(--base-mat-mdc-panel);
  max-height: 350px !important;
}

.mat-mdc-menu-item:not([disabled]):hover {
  background-color: var(--menu-item-hover-bg) !important;
}

.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%),
    0 1px 10px 0 rgb(0 0 0 / 12%);
}

.btn-secondary {
  color: var(--base-text-color);
  background-color: var(--base-shade-color);
  border: 1px solid var(--dashboardiconscolor);
  font-size: 13px;
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif;
  min-width: 90px;
}

.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
  background-color: var(--dashboardiconscolor);
  background-image: none;
  border-color: var(--dashboardiconscolor);
  color: var(--base-shade-color);
  font-size: 13px;
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif;
}

.btn-secondary:hover {
  cursor: pointer;
  border-color: var(--dashboardiconscolor);
  background-color: var(--svg-background);
  color: var(--base-shade-color);
}

.btn-secondary:focus {
  box-shadow: 0 0 0 0px rgb(134 142 150 / 50%) !important;
}

.btn-secondary.active:focus {
  box-shadow: 0 0 0 0px rgb(134 142 150 / 50%) !important;
}

.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgb(134 142 150 / 50%) !important;
}

.file-svg-dis-16 {
  fill: var(--img-disable);
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: pointer;
}

.proctor-container {
  display: flex;
  align-items: center;
}

.proctor-container>label {
  color: var(--svg-status-emailnotsent);
  margin-left: 10px;
}

.button-links {
  border: 0px !important;
  min-width: 80px;
}

#tblGridFiles thead tr,
#tblGridLinks thead tr {
  border-bottom: 1px solid var(--datatable-inner-border);
}

#tblGridFiles thead tr th {
  color: var(--base-text-color);
  font-weight: 400;
}

#tblGridFiles thead tr th .sorting_asc {
  fill: #5e5e5ed1 !important;
}

#tblGridFiles thead tr th.sorting {
  fill: #5e5e5ed1 !important;
  background-image: url('arrow_up_down_gray.217502de1d797de1.svg') !important;
}

#tblGridFiles thead tr th.sorting_desc {
  fill: #5e5e5ed1 !important;
  background-image: url('arrow_down_gray.6d4f8eecdbfdecd3.svg') !important;
}

#tblGridFiles thead tr th.sorting_asc {
  fill: #5e5e5e !important;
  background-image: url('arrow_up_gray.299a8678ba01e2e5.svg') !important;
}

#tblGridLinks thead tr th.sorting {
  fill: #5e5e5ed1 !important;
  background-image: url('arrow_up_down_gray.217502de1d797de1.svg') !important;
}

#tblGridLinks thead tr th.sorting_desc {
  fill: #5e5e5ed1 !important;
  background-image: url('arrow_down_gray.6d4f8eecdbfdecd3.svg') !important;
}

#tblGridLinks thead tr th.sorting_asc {
  fill: #5e5e5ed1 !important;
  background-image: url('arrow_up_gray.299a8678ba01e2e5.svg') !important;
}

#tblGridLinks thead tr th {
  color: var(--base-text-color);
  font-weight: 400;
}

.loading-box {
  width: 30px;
  height: 30px;
  background: transparent;
  border: 2px solid var(--dashboardiconscolor);
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3); */
}

.loading-container {
  height: 6px;
  width: 19px;
  display: flex;
  position: relative;
}

.loading-container .circle {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--dashboardiconscolor);
  animation: move 1500ms linear 0ms infinite;
  margin-right: 2px;
}

.loading-container .circle:first-child {
  position: absolute;
  top: 0;
  left: 0;
  animation: grow 1500ms linear 0ms infinite;
}

.loading-container .circle:last-child {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
  animation: grow 1500ms linear 0s infinite reverse;
}

@keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 0;
  }

  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes move {
  from {
    transform: translateX(0px);
  }

  to {
    transform: translateX(7.5px);
  }
}

.actions-container-classes {
  float: left;
  max-width: 173px;
  min-width: 173px !important;
  width: 173px !important;
  outline: none;
}

.actions-container-classes .item {
  margin-right: 10px;
  outline: none;
}

.title-bar-sub-container {
  width: 100%;
  margin: 0px 15px;
  margin-bottom: 15px;
  border-top: 1px solid !important;
  border-top-color: var(--separator-2) !important;
}

.sub-container-block {
  background-color: #f5f5f5;
  /*var(--modal-footer); */
  padding-right: 15px;
  padding-top: 10px;
  border-radius: 3px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.sub-container-block-r-margin {
  margin-right: 10px;
}

.sub-container-block-l-margin {
  margin-left: 10px;
}

.mat-textbox-width {
  width: 173px !important;
  height: 26px !important;
  font-size: 12px;
}

.link-event-detail {
  cursor: pointer;
}

.mat-search-filter {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}

.pdfReportCopy {
  min-width: 576px;
  max-width: 1100px;
  /* padding: 50px; */
  margin: auto;
}

.margin-left-auto {
  margin-left: auto;
}

.visibility-hidden {
  visibility: hidden;
}

/* .mat-mdc-select {
        width: 100%;
        max-width: 240px !important;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        padding: 5px !important;
        border-radius: 3px;
        height: 30px;
    } */

/* .mat-mdc-select-panel {
        margin: 19px 0px 0px 10px;
        background-color: var(--base-shade-color);
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        min-width: 240px !important;
        max-width: 240px !important;
    } */

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-panel-percentage {
  margin: 19px 0px 0px 10px;
  background-color: var(--base-shade-color);
  /* width: 240px; */
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  min-width: 60px !important;
  max-width: 70px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */
.mat-option-text {
  -webkit-user-select: none;
          user-select: none;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
  margin: 6px 6px !important;
}

/* .mat-pseudo-checkbox {
        border: 1px solid !important;
    } */

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-background,
.mat-checkbox-frame {
  border: 0px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-inner-container {
  border: 0px !important;
}

/* .mat-pseudo-checkbox-checked::after {
        top: 3.4px !important;
        left: 2px !important;
    } */

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-input {
  width: 16px;
  height: 16px;
}

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-layout {
  margin-bottom: 0px;
}

/* .mat-mdc-option {
        margin: 3px;
    }

    .mat-mdc-option:hover {
        background-color: var(--base-dropdown-li-hover) !important;
        margin: 3px;
        border-radius: 3px;
    } */

.multiple-select-panel {
  margin-left: 34px !important;
}

.filter-container {
  display: flex;
  font-size: var(--size-tiny-plus);
  flex-wrap: wrap;
  width: 80%;
}

.filter-container .form-control {
  width: 240px;
  height: 30px;
  font-size: 13px;
}

.filter-container>span {
  padding-right: 5px;
  padding-top: 5px;
}

.filter-container>input {
  margin-right: 5px;
  height: 27px;
}

.advance-search-container {
  position: absolute;
  right: 175px;
}

.search-clear {
  position: absolute;
  right: 5px;
  width: 18px;
  height: 18px;
  top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  fill: var(--base-text-color);
}

.search-clear:hover {
  background: var(--base-icon-hover-color);
}

.search-clear>svg {
  width: 10px;
  height: 10px;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-toggle {
  background-color: var(--base-shade-color);
  color: var(--base-text-color);
  border: 1px solid var(--button-active-primary-color);
  /* border-left: 0px; */
  /* height: 24px;
        text-align: center;
        vertical-align: middle;
        margin-top: 2px;
        margin-right: 5px;
        border-radius: 3px; */
}

/* .mat-button-toggle:first-child {
        border-left: 1px solid var(--button-active-primary-color);
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .mat-button-toggle:last-child {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        margin-right: 5px;
    } */

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-toggle-group {
  flex-wrap: wrap;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-toggle:hover {
  background-color: var(--svg-background);
  color: var(--base-shade-color);
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-toggle-checked {
  background-color: var(--button-active-primary-color);
  color: var(--base-shade-color);
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-toggle-label-content {
  line-height: 25px !important;
}

td.mat-mdc-cell,
td.mat-mdc-footer-cell {
  font-size: 1.3rem;
  border-bottom: 1px solid;
  border-color: var(--material-separator);
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif;
}

th.mat-mdc-header-cell {
  font-size: 1.3rem;
  /* border-bottom: 1px solid var(--line-separator-attendance); */
  /* vertical-align: bottom; */
  /* padding-bottom: 5px; */
  font-weight: bold;
  /* font-weight: 400; */
  /* color: black; */
  color: var(--base-text-color);
  border-color: var(--material-separator) !important;
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  border-color: var(--material-separator) !important;
}

tr.mat-mdc-header-row {
  height: 35px;
}

tr.element-row:not(.expanded-row):hover {
  background-color: var(--datatable-inner-border) !important;
}

.left-tab-margin {
  flex-wrap: wrap;
  /* margin-right: 170px; */
}

.case-senstive-lbl {
  position: absolute;
  left: 220px;
  top: 7px;
  font-size: 11px;
  cursor: pointer;
  /* font-weight: 400;s */
}

user-avatar .non-case-senstive-lbl {
  position: absolute;
  left: 190px;
  top: 7px;
  font-size: 11px;
  cursor: pointer;
}

.complete-word-lbl {
  position: absolute;
  left: 155px;
  top: 6px;
  font-size: 11px;
  cursor: pointer;
  font-weight: 400;
  text-decoration: underline;
}

.incomplete-word-lbl {
  position: absolute;
  left: 185px;
  top: 6px;
  font-size: 11px;
  cursor: pointer;
  text-decoration: underline;
}

.password-note {
  color: var(--base-text-color);
  font-size: 13px;
}

.user-avatar-con {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  vertical-align: top;
  /* background-color: var(--button-active-primary-color); */
  color: var(--base-shade-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  bottom: 0px;
}

.eventParticipantsContainer-hide {
  position: absolute;
  top: 30px;
  left: 0px;
  display: none;
}

.eventParticipantsContainer-show {
  position: absolute;
  top: 27px;
  left: 0px;
  display: block;
  z-index: 100000;
  min-width: 200px;
  font-size: var(--size-base);
  text-align: left;
  list-style: none;
  background-color: var(--base-dropdown-background);
  color: var(--base-text-color);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  padding: 2px 0px;
}

.event-each-par-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 10px;
}

.event-part-row-icon {
  padding: 0px 5px;
}

.event-row-label {
  padding-left: 10px;
}

.event-title-text {
  text-align: right;
  padding-right: 10px !important;
  height: 80px !important;
}

label {
  -webkit-user-select: none;
          user-select: none;
}

/*Full Calendar CSS start */

.fc {
  width: 100%;
  margin: 0px 20px;
  height: 100%;
}

.fc-scrollgrid-sync-table {
  height: 100vh;
  width: 500px;
}

.fc-timegrid-event {
  min-height: 26px !important;
  width: 100%;
  border-radius: 3px !important;
  /* background-color: #e6f2fe !important; */
  padding: 5px 8px !important;
  border: 0px !important;
  /* text-align: right; */
  /* padding-right: 10px !important; */
  /* border: 1px solid #b2cced; */
  display: flex !important;
  column-gap: 3px !important;
  align-items: center !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fc-direction-ltr .fc-timegrid-col-events {
  /* margin: 8px 20% 0px 20% !important; */
  margin: 5px !important;
}

.fc .fc-scrollgrid-liquid,
.fc-timegrid-slot-label,
.fc-scrollgrid-shrink,
.fc-timegrid-axis {
  border: 0 !important;
}

.fc-scrollgrid-shrink,
.date {
  font-size: 13px;
  color: silver;
  font-weight: 400;
}

.fc-toolbar-chunk {
  display: inline-flex;
}

/* .fc-day {
        border-top: 0 !important;
        border-bottom: 0 !important;
        color: var(--button-active-primary-color);
    }

    .fc .fc-toolbar-title {
        font-size: 1em !important;
        color: var(--button-active-primary-color);
        margin-top: 8px !important;
    }
     */

.fc-col-header-cell {
  border: 0 !important;
  color: #000 !important;
  height: 30px !important;
}

.fc .fc-timegrid-slot-label {
  vertical-align: baseline !important;
}

.fc .fc-scrollgrid-liquid,
.fc-timegrid-slot-label,
.fc-scrollgrid-shrink,
.fc-timegrid-axis {
  border: 0 !important;
}

.fc-scrollgrid-shrink,
.date {
  font-size: 13px;
  color: silver;
  font-weight: 400;
}

.fc-toolbar-chunk {
  display: inline-flex;
}

.fc-day {
  border-top: 0 !important;
  border-bottom: 1px solid var(--fc-border-color, #ddd) !important;
  color: #7c7b7b;
  font-weight: 400;
}

.fc .fc-toolbar-title {
  font-size: var(--size-base-standard) !important;
  color: var(--base-text-color);
  margin-top: 8px !important;
}

.fc-next-button:hover,
.fc-prev-button:hover {
  background-color: #eff2f3 !important;
}

.fc-button {
  background: transparent !important;
  color: silver !important;
  border: 0 !important;
  letter-spacing: 0.5px !important;
}

.fc .fc-timegrid-slot {
  height: 2.5em !important;
}

.fc .fc-daygrid-day.fc-day-today>div.fc-scrollgrid-sync-inner {
  /* border: 1px solid var(--base-color) !important; */
  border-top: 4px solid !important;
  border-top-color: var(--base-color) !important;
  background-color: var(--base-shade-color) !important;
}

.fc .fc-timegrid-col.fc-day-today {
  background-color: var(--base-shade-color) !important;
  /* cursor: pointer !important; */
}

/* .fc .fc-timegrid-col.fc-day-past {
        cursor: pointer !important;
    } */
/* .fc .fc-timegrid-col.fc-day-future {
        cursor: pointer !important;
    } */

.calendar-save-top-maring {
  margin-top: 26px;
}

.fc-scroller.fc-day-grid-container {
  overflow: auto !important;
  height: 100% !important;
}

.fc-daygrid-dot-event .fc-event-title {
  color: #111b21;
  font-size: 11px;
  font-weight: 400 !important;
  margin: 0px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fc-dayGridMonth-button,
.fc-myCustomButton-button,
.fc-timeGridDay-button,
.fc-listWeek-button,
.fc-timeGridWeek-button,
.fc-today-button {
  border: 1px solid !important;
  border-color: #5491ff !important;
  color: #5491ff !important;
  text-transform: capitalize !important;
}

.fc .fc-dayGridMonth-button:not(:disabled).fc-button-active,
.fc .fc-dayGridMonth-button:not(:disabled):active,
.fc .fc-timeGridDay-button:not(:disabled).fc-button-active,
.fc .fc-timeGridDay-button:not(:disabled):active,
.fc .fc-listWeek-button:not(:disabled).fc-button-active,
.fc .fc-listWeek-button:not(:disabled):active,
.fc .fc-timeGridWeek-button:not(:disabled).fc-button-active,
.fc .fc-timeGridWeek-button:not(:disabled):active {
  color: var(--text-white-silver) !important;
  background-color: var(--modal-footer-button-border) !important;
}

.fc-v-event .fc-event-title {
  color: #111b21;
  font-size: 11px;
  font-weight: 400 !important;
}

.fc-daygrid-dot-event {
  align-items: initial !important;
}

.fc .fc-daygrid-day-top {
  display: flex !important;
  flex-direction: row !important;
}

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

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  /* background-color: #e6f2fe !important;
        border: 1px solid #bacee7; */
  padding: 5px;
  /* margin-left: 5px !important;
        margin-right: 5px !important; */
  margin: 2px 5px !important;
}

.fc-timegrid-event,
.fc-daygrid-event {
  cursor: pointer !important;
}

.fc-timeGridDay-view td,
.fc-timeGridDay-view th,
.fc-timeGridWeek-view td,
.fc-timeGridWeek-view th {
  border-bottom: 1px solid !important;
  border-color: var(--material-separator) !important;
  border-right: none !important;
}

.fc-dayGridMonth-view td,
.fc-dayGridMonth-view th {
  border: 0px solid #ddd !important;
  border-bottom: 1px solid !important;
  border-color: var(--material-separator) !important;
  /* cursor: pointer !important; */
}

.fc-timegrid .fc-day-today {
  border-bottom: 4px solid var(--base-color) !important;
}

.fc-day-other {
  background-color: var(--cal-other-bg) !important;
}

.fc-daygrid-event-dot {
  margin: 0 !important;
  box-sizing: unset !important;
  width: auto !important;
  border: 0px solid #3788d8 !important;
  border-radius: 0px !important;
  display: flex;
}

.fc .fc-button-primary:focus {
  box-shadow: none !important;
}

/* .fc-toolbar-chunk .fc-button-group .fc-button {
        background-color: white !important;
        border: 1px solid var(--dashboardiconscolor) !important;
        font-size: 13px !important;
    } */

.fc-toolbar-chunk .fc-button-group .fc-button-active {
  background-color: var(--modal-footer-button-border) !important;
  border: 1px solid var(--modal-footer-button-border) !important;
  color: var(--base-shade-color) !important;
  font-size: 13px !important;
}

.ev_icon {
  width: 16px;
  height: 16px;
}

.ev_icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: #284658 !important;
}

.fc .fc-timegrid-now-indicator-line {
  border: 0 solid var(--button-active-primary-color) !important;
  border-color: var(--button-active-primary-color) !important;
  border-top: 2px solid var(--button-active-primary-color) !important;
  border-top-color: var(--button-active-primary-color) !important;
}

.fc-timegrid-now-indicator-arrow {
  border-color: var(--button-active-primary-color) !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.fc-v-event .fc-event-main {
  height: inherit !important;
}

.fc .fc-timegrid-body,
.fc .fc-daygrid-body {
  width: 100% !important;
}

.fc .fc-timegrid-slot-label-cushion {
  color: var(--base-text-color) !important;
  font-size: 1.2rem !important;
  text-transform: uppercase !important;
}

.fc-theme-standard .fc-list-day-cushion {
  background-color: var(--base-shade-color) !important;
  color: var(--base-text-color) !important;
  font-weight: 400 !important;
}

.fc .fc-scrollgrid table {
  border-bottom-style: hidden !important;
}

/*Full Calendar CSS end */
/* Start time picker */

.ngx-timepicker-control {
  width: 37px !important;
}

.ngx-timepicker-control__input {
  width: 20px !important;
  font-size: 12px !important;
}

.ngx-timepicker-control__arrows {
  top: 3px !important;
}

.ngx-timepicker-control__arrow {
  font-size: 9px !important;
}

.ngx-timepicker {
  border-radius: 0px;
  border: 0px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 2px;
}

.ngx-timepicker__time-colon {
  -webkit-user-select: none;
          user-select: none;
  margin-left: 5px !important;
  margin-right: 5px;
}

/* End Time picker */

.button-area>button {
  background-color: var(--button-active-primary-color);
  border: 1px solid var(--button-active-primary-color);
  color: var(--base-shade-color);
  min-width: 70px;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  padding: 1px 10px;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  transition: all 0.3s ease;
  margin-left: 5px;
}

.mat-expansion-panel {
  color: var(--base-text-color);
  box-sizing: inherit !important;
  padding-right: 20px !important;
  /* margin: 10px !important; */
  margin-right: 12px !important;
  background-color: var(--base-background-color);
  overflow: unset !important;
}

.mat-expansion-panel-header[aria-disabled="true"],
.mat-expansion-panel-header-title {
  color: var(--base-text-color) !important;
}

.mat-expansion-panel-body {
  padding: 0px 0 15px 0 !important;
  color: var(--base-text-color) !important;
}

.mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px !important;
  border-radius: inherit;
}

.ngx-timepicker--disabled {
  background: var(--base-shade-color) !important;
  pointer-events: none;
  opacity: 0.35;
}

.svg-disabled {
  opacity: 0.35 !important;
}

/* .fc-timegrid-col-events
    {
        left: -44px !important;
    } */
/* .fc-timegrid-event-harness>.fc-timegrid-event
    {
        top: -5px !important;
    } */

.report-headers {
  font-size: 13px;
}

.report-headers .report-name {
  display: flex;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 45px;
}

.report-headers .report-criteria {
  font-weight: bold;
}

.dashboard-container {
  margin-bottom: 140px;
  margin-top: 10px;
  -webkit-user-select: none;
          user-select: none;
  height: calc(100% - 140px);
  user-select: none;
}

#dashboard-tiles {
  background-color: var(--base-background-color);
}

.box-shadow-none {
  box-shadow: none !important;
}

.license-shadow {
  background-color: var(--base-shade-color);
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  /* border-radius: 7px; */
}

.dashboard-container .tiles {
  margin-left: var(--dashboardpadding);
  margin-right: var(--dashboardpadding);
}

.dashboard-container .content {
  padding: var(--dashboardpadding);
}

.dashboard-container .tiles .live {
  background-color: var(--base-shade-color);
  background-color: var(--base-shade-color);
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  border-radius: 5px;
}

.dashboard-container .tiles .live .row {
  padding-left: 15px !important;
}

.dashboard-container .tiles .live .row .time {
  color: var(--base-text-color);
  font-size: 14px;
  font-weight: 400;
  padding-top: 15px !important;
}

.dashboard-container .tiles .live .first {
  padding-left: 30px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
}

/**** First *****/

.dashboard-container .tiles .live .first .tile {
  padding-top: 15px !important;
  padding-left: 0px !important;
}

.dashboard-container .tiles .live .first .tile .container {
  border-radius: 7px;
  padding-right: 20px;
  background-color: var(--base-background-color);
  /* overflow: hidden;
    position: relative; */
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: left;
  background-position-x: left;
  background-position-y: bottom;
  height: 135px !important;
  position: relative;
  overflow: hidden;
}

.dashboard-container .tiles .live .first .tile .container .content {
  text-align: right;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.dashboard-container .tiles .live .first .tile .container .content .val {
  font-size: 50px;
  font-weight: 400;
  color: var(--base-text-color);
  padding-left: 5px;
  font-family: "Open Sans Light";
}

.dashboard-container .tiles .live .first .tile .container .content .title {
  font-size: 15px;
  font-weight: 400;
  color: #737987;
  /* color: var(--base-secondary-color); */
}

/**** Dashboard Tiles Font Responsive *****/
@media screen and (max-width: 1200px) {
  .dashboard-container .tiles .live .first .tile .container .content .val {
    font-size: 40px;
  }

  .dashboard-container .tiles .live .first .tile .container .content .title {
    font-size: 13px;
    word-break: break-word;
  }
}

@media screen and (max-width: 992px) {
  .dashboard-container .tiles .live .first .tile .container .content .val {
    font-size: 34px;
  }

  .dashboard-container .tiles .live .first .tile .container .content .title {
    font-size: 12px;
    word-break: break-word;
  }
}

@media screen and (max-width: 768px) {
  .dashboard-container .tiles .live .first .tile .container .content .val {
    font-size: 30px;
  }

  .dashboard-container .tiles .live .first .tile .container .content .title {
    font-size: 11px;
    word-break: break-word;
  }
}

@media screen and (max-width: 576px) {
  .dashboard-container .tiles .live .first .tile .container .content .val {
    font-size: 26px;
  }

  .dashboard-container .tiles .live .first .tile .container .content .title {
    font-size: 10px;
    word-break: break-word;
  }
}

/**** Static *****/

/* .dashboard-container .tiles .static {} */

/* .dashboard-container .tiles .static .first { */
/* padding-bottom: 20px !important; */
/* margin-left: -10px; */
/* } */

/* .dashboard-container .tiles .static .second { */
/* margin-left: -10px; */
/* } */
/***** FIRST *****/

.dashboard-container .tiles .static .first .tile {
  /* border-radius: 7px; */
  padding-right: 15px;
  padding-left: 15px;
  background-color: var(--base-shade-color);
  overflow: hidden;
  display: flex;
  align-items: center;
  /* padding-bottom: 32px !important;
    padding-top: 32px !important; */
  height: 166px !important;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
}

.dashboard-container .tiles .static .first .tile .content {
  text-align: right;
  /* padding-top: 35px !important;
    padding-bottom: 25px !important; */
  margin-left: auto !important;
}

.dashboard-container .tiles .static .first .tile .content .val {
  font-size: 40px;
  font-weight: 400;
  color: var(--base-text-color);
  padding-left: 5px;
}

.dashboard-container .tiles .static .first .tile .content .title {
  font-size: 13px;
  font-weight: 400;
  color: var(--base-secondary-color);
}

.dashboard-container .tiles .static .first .tile .svg-outer {
  background-color: var(--base-color);
  border-radius: 4px;
  padding: 16px;
}

.dashboard-container .tiles .static .first .tile .svg-outer .svg {
  height: 28px;
  width: 28px;
  fill: #fff;
}

/***** SECOND ********/

.dashboard-container .tiles .static .second .tile {
  /* border-radius: 7px; */
  padding-right: 15px;
  padding-left: 15px;
  background-color: var(--base-shade-color);
  overflow: hidden;
  display: flex;
  align-items: center;
  /* padding-bottom: 32px !important;
    padding-top: 32px !important; */
  height: 166px !important;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
}

.dashboard-container .tiles .static .second .tile .content {
  text-align: right;
  margin-left: auto !important;
}

.dashboard-container .tiles .static .second .tile .content .val {
  font-size: 40px;
  font-weight: 400;
  color: var(--base-text-color);
  padding-left: 5px;
}

.dashboard-container .tiles .static .second .tile .content .title {
  font-size: 13px;
  font-weight: 400;
  color: var(--base-secondary-color);
}

.dashboard-container .tiles .static .second .tile .svg-outer {
  background-color: var(--base-color);
  border-radius: 4px;
  padding: 16px;
}

.dashboard-container .tiles .static .second .tile .svg-outer .svg {
  height: 28px;
  width: 28px;
  fill: #fff;
}

/***** middleSECOND ********/

.dashboard-container .middleSECOND .content {
  padding: var(--dashboardpadding);
}

.dashboard-container .middleSECOND .content .tile {
  /* border-radius: 7px; */
  padding-right: 15px;
  padding-left: 15px;
  background-color: var(--base-shade-color);
  overflow: hidden;
  display: flex;
  align-items: center;
  /* padding-bottom: 32px !important;
    padding-top: 32px !important; */
  height: 166px !important;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
}

.dashboard-container .middleSECOND .content .tile .content {
  text-align: right;
  margin-left: auto !important;
}

.dashboard-container .middleSECOND .content .tile .content .val {
  font-size: 40px;
  font-weight: 400;
  color: var(--base-text-color);
  padding-left: 5px;
}

.dashboard-container .middleSECOND .content .tile .content .title {
  font-size: 13px;
  font-weight: 400;
  color: var(--base-secondary-color);
}

.dashboard-container .middleSECOND .content .tile .svg-outer {
  background-color: var(--base-color);
  border-radius: 4px;
  padding: 16px;
}

.dashboard-container .middleSECOND .content .tile .svg-outer .svg {
  height: 28px;
  width: 28px;
  fill: #fff;
}

.svg-left-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  fill: #d9dde1;
  height: 97px;
  width: 97px;
}

.svg-left-bottom-video {
  position: absolute;
  bottom: 0;
  left: 0;
  fill: #d9dde1;
  height: 97px;
  width: 106px;
}

.previewContainer {
  /* width: 795px; */
  /* padding: 50px; */
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: var(--base-shade-color);
}

.previewContainer .reportContainer {
  /* padding: 50px; */
  padding-top: 10px;
  background-color: var(--base-background-color);
  border-top: 1px solid transparent;
  padding-bottom: 0px !important;
}

.previewContainer .header {
  border-bottom: 1px solid #00000026;
}

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

/* .line-chart-height
{
    height: 600px !important;
}
*/

.bar-chart-height {
  height: 400px !important;
}

/* Attendance Group Details by Date */

/* .attendance-report-container { */
/* padding: 0px !important; */
/* min-width: 960px; */
/* } */

.attendance-report-container .inner-margin {
  margin-top: 50px;
}

.attendance-report-container .users-svg {
  fill: var(--base-svg-color) !important;
  width: 16px;
  height: 16px;
  vertical-align: sub;
  cursor: default;
  margin-right: 5px;
}

/*shadow for the angular material table*/
.mat-elevation-z8 {
  box-shadow: var(--modern-shadow-base);
  overflow-y: scroll !important;
  border-radius: 20px 0px 0px 20px;
  height: calc(100% - 26px);
  border: 1px solid var(--modern-sidebar-border);
}

/*shadow for the mat-menu*/
.mdc-menu-surface--open {
  box-shadow: var(--mat-menu-outer-box-shadow) !important;
}

.attendance-report-container .mat-elevation-z8 {
  box-shadow: none !important;
}

.attendance-report-container .report-dimensions {
  /* min-width: 516px; zw*/
  max-width: 1100px;
  margin: auto;
}

.attendance-report-container .group-report .report-name {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
}

.attendance-report-org {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.attendance-report-org .name {
  font-size: 12px !important;
}

.attendance-report-header .logo-img-container {
  width: 195px !important;
}

.attendance-report-header img {
  width: 185px !important;
}

.attendance-report-header svg {
  width: 185px !important;
}

.attendance-report-name {
  display: flex;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: var(--base-text-color);
  flex-direction: column;
}

.attendance-report-name .report-code {
  font-size: 12px;
}

.attendance-report-name .report-code>span {
  font-weight: normal;
}

.attendance-report-name .spacer {
  height: 5px;
}

.attendance-report-container .group-report .report-description {
  display: flex;
  justify-content: center;
  font-size: 16px;
}

.attendance-report-container .group-report .report-criteria-details {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}

.attendance-report-container .group-report .report-criteria-details .text-align-right {
  text-align: right;
}

.attendance-report-container .row-container {
  width: 100%;
  color: var(--base-text-color);
}

.attendance-report-container .row-activitybycourse-coursename {
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid var(--line-separator-attendance);
  border-top: 1px solid var(--line-separator-attendance);
  color: var(--base-text-color);
  font-weight: 400;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.attendance-report-container .row-activitybycourse-coursename .first {
  width: 33%;
}

.attendance-report-container .row-activitybycourse-coursename .second {
  width: 24%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-coursename .third {
  width: 43%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails {
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid var(--line-separator-attendance);
  color: var(--base-text-color);
  font-weight: 400;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails .first {
  width: 33%;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails .second {
  width: 24%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails .third {
  width: 43%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails-date {
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid var(--line-separator-attendance);
  color: var(--base-text-color);
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails-date .first {
  width: 33%;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails-date .second {
  width: 24%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-coursename-withoutdetails-date .third {
  width: 43%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-sessiondate {
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid var(--line-separator-attendance);
  /* border-top: 1px solid var(--line-separator-attendance); */
  color: var(--base-text-color);
  /* font-weight: 400; */
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-top: 15px; */
}

.attendance-report-container .row-activitybycourse-sessiondate .first {
  width: 33%;
}

.attendance-report-container .row-activitybycourse-sessiondate .second {
  width: 24%;
  text-align: right;
}

.attendance-report-container .row-activitybycourse-sessiondate .third {
  width: 43%;
  text-align: right;
}

.attendance-report-container .row-sessiondate {
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-color: var(--separator-2);
  color: var(--base-text-color);
  font-weight: 400;
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}

.attendance-report-container .row-sessiondate .first {
  width: 33%;
}

.attendance-report-container .row-sessiondate .second {
  width: 24%;
  text-align: right;
}

.attendance-report-container .row-sessiondate .third {
  width: 43%;
  text-align: right;
}

.attendance-report-container .row-sessiondate-withoutdetails {
  width: 100%;
  font-size: 1.3rem;
  border-bottom: 1px solid;
  border-bottom-color: var(--separator-2);
  color: var(--base-text-color);
  /* font-weight: 400; */
  height: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
}

.attendance-report-container .row-sessiondate-withoutdetails .first {
  width: 33%;
}

.attendance-report-container .row-sessiondate-withoutdetails .second {
  width: 24%;
  text-align: right;
}

.attendance-report-container .row-sessiondate-withoutdetails .third {
  text-align: right;
  width: 43%;
}

.attendance-report-container .row-session-details {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  /* align-items: flex-end; */
}

.attendance-report-container .row-session-details .border-bottom {
  border-bottom: 1px solid;
  border-bottom-color: var(--separator-2);
}

.attendance-report-container .mat-row-no-border {
  border: 0px !important;
}

/* .attendance-report-container .mat-row-with-border { */
/* border: 0px !important; */
/* border-bottom: 1px solid var(--line-separator-attendance) !important; */
/* } */

.attendance-report-container .mat-cell-padd-left-0px {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.attendance-report-container .mat-mdc-row {
  min-height: 30px !important;
}

.attendance-group-detail-report-container .mat-mdc-row {
  min-height: 0px !important;
}

.attendance-report-row-height-for-courses {
  min-height: 19px !important;
  padding-top: 12px;
}

.attendance-report-row-height {
  min-height: 19px !important;
  padding-top: 6px;
  padding-bottom: 6px;
}

.attendance-report-container .row-presencestatus {
  width: 100%;
  display: flex;
}

.attendance-report-container .row-presencestatus .left {
  width: 30%;
  /* min-width: 125px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: flex-start !important;
}

.attendance-report-container .row-presencestatus .right {
  width: 70%;
  /* min-width: 125px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: flex-start !important;
}

.attendance-report-container .row-presencestatus .right .sub-first {
  margin-left: auto;
  font-weight: 400;
  padding-right: 5px;
}

.attendance-report-container .row-presencestatus .first-block {
  width: 19%;
  /* min-width: 125px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .users-container-columns {
  width: 100%;
  color: var(--base-text-color);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .users-container-columns .data-row {
  /* border-bottom: 1px solid var(--line-separator-attendance); */
  display: flex;
}

.attendance-report-container .users-container-columns .data-row>div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.attendance-report-container .users-container-heading-row {
  width: 100%;
  font-size: 1.3rem;
  color: var(--base-text-color);
  font-weight: bold;
  height: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.attendance-report-container .row-presencestatus .second-block {
  width: 62%;
  color: var(--base-text-color);
  /* min-width: 390px; ZW*/
  /* max-width: 600px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .top-heading {
  margin-bottom: 15px;
  margin-top: 15px;
  display: flex;
}

.attendance-report-container .row-presencestatus .second-block .top-heading .first-block {
  /* background-color: var(--base-background-color); */
  width: 34%;
  /* min-width: 150px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .top-heading .text-background {
  background-color: var(--base-background-color);
  padding: 3px;
  /* width: 150px; ZW */
  padding-left: 5px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}

.attendance-report-container .row-presencestatus .second-block .top-heading .second-block {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* min-width: 120px; ZW*/
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .top-heading .third-block {
  width: 33%;
  display: flex;
  align-items: center;
  /* min-width: 120px; ZW*/
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .top-heading .third-block>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .top-heading .fourth-block {
  width: 20%;
}

.attendance-report-container .row-presencestatus .flex-space-btw {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row {
  border-bottom: 1px solid var(--line-separator-attendance);
}

/* .attendance-report-container .row-presencestatus .second-block .data-row .second-layout {} */

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .headers-block {
  display: flex;
  border-top: 1px solid var(--line-separator-attendance);
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .headers-block .reaction-name {
  width: 34%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .headers-block .reaction-name>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .headers-block .created-time {
  width: 33%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .headers-block .created-time>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .data-block {
  display: flex;
  border-top: 1px solid;
  border-color: var(--separator-2);
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .data-block .reaction-name {
  width: 34%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .data-block .reaction-name>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .data-block .created-time {
  width: 33%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .second-layout .data-block .created-time>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .first-layout {
  display: flex;
}

.attendance-report-container .row-presencestatus .second-block .data-row .first-layout .participant-name {
  width: 34%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  /* min-width: 150px; ZW*/
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .first-layout .participant-name>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .first-layout .joined {
  width: 33%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* min-width: 120px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .first-layout .participation {
  width: 33%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* min-width: 120px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .data-row .first-layout .empty-block {
  width: 20%;
}

.attendance-report-container .row-presencestatus .second-block .header-row {
  display: flex;
  border-top: 1px solid var(--line-separator-attendance);
  border-bottom: 1px solid var(--line-separator-attendance);
}

.attendance-report-container .row-presencestatus .second-block .header-row .participant-name {
  width: 34%;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  font-weight: 400;
  /* min-width: 150px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .header-row .participant-name>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .header-row .joined {
  width: 33%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 400;
  /* min-width: 120px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .header-row .joined>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .header-row .participation {
  width: 33%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 400;
  /* min-width: 120px; ZW */
  /* max-width: 200px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .header-row .participation>div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.attendance-report-container .row-presencestatus .second-block .header-row .empty-block {
  width: 20%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 400;
}

.attendance-report-container .row-presencestatus .third-block {
  width: 19%;
}

.attendance-report-container .mat-mdc-table {
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif !important;
}

.attendance-report-container .mat-mdc-cell {
  font-size: 13px !important;
}

.no-border-radius {
  border-radius: 0px !important;
}

/* Attendance Group Details by Date */

.logo-img-container {
  background-color: transparent;
  width: 230px;
  height: 100px;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-img-container>svg {
  height: 100px;
  width: 230px;
  fill: var(--base-svg-color);
  cursor: pointer;
  margin: 0px;
  /* margin: 3px; */
  /* margin-bottom: 1px; */
}

.logo-img-container>img {
  height: 100px;
  width: 230px;
  cursor: pointer;
  /* margin: 3px; */
  /* margin-bottom: 1px; */
}

.report-header-icon-margin {
  margin-bottom: 1px;
}

.grid-days {
  display: flex;
  align-items: center;
}

.grid-day {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: var(--button-active-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
}

.grid-day-dis {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: lightgrey;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
}

.section-grid-actions {
  margin-right: 0px !important;
  width: auto !important;
}

.emailtemp-modifyContainer {
  display: flex;
  align-items: center;
}

.info-container-header {
  padding-top: 10px;
  border: 1px solid;
  border-bottom: 0px solid;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: var(--separator-2);
}

.info-container {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: var(--separator-2);
}

.info-container-footer {
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: var(--separator-2);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* .info-container .ngx-timepicker .ngx-timepicker__control--first .ngx-timepicker-control>input {
        background-color: #e5e8e9 !important;
    }

    .info-container .ngx-timepicker .ngx-timepicker__control--second .ngx-timepicker-control>input {
        background-color: #e5e8e9 !important;
    }

    .info-container .ngx-timepicker .ngx-timepicker__control--third .ngx-timepicker-control>input {
        background-color: #e5e8e9 !important;
    } */

/* .attendance-report-container mat-cell:first-of-type,
    mat-footer-cell:first-of-type,
    mat-header-cell:first-of-type {
        padding-left: 0px !important;
    }

    .attendance-report-container mat-header-row {
        min-height: 30px !important;
        margin-top: 10px;
        border-bottom-color: var(--line-separator-attendance) !important;
    }

     .attendance-report-container mat-cell:last-of-type,
    mat-footer-cell:last-of-type,
    mat-header-cell:last-of-type {
        padding-right: 0px !important;
    } */

.report-total-teachers-by-date .mat-column-firstname {
  flex: 0 0 18%;
}

.report-total-teachers-by-date .mat-column-lastname {
  flex: 0 0 18%;
}

.report-total-teachers-by-date .mat-column-email {
  flex: 0 0 37%;
}

.report-total-teachers-by-date .mat-column-subscription {
  flex: 0 0 27%;
}

.report-total-students-by-date .mat-column-firstname {
  flex: 0 0 18%;
}

.report-total-students-by-date .mat-column-lastname {
  flex: 0 0 18%;
}

.report-total-students-by-date .mat-column-email {
  flex: 0 0 37%;
}

.report-total-students-by-date .mat-column-subscription {
  flex: 0 0 27%;
}

.report-course-details-by-date .mat-column-coursename {
  flex: 0 0 32%;
}

.report-course-details-by-date .mat-column-sections {
  flex: 0 0 12%;
}

.report-course-details-by-date .mat-column-teachers {
  flex: 0 0 12%;
}

.report-course-details-by-date .mat-column-students {
  flex: 0 0 12%;
}

.report-course-details-by-date .mat-column-guests {
  flex: 0 0 12%;
}

.report-course-details-by-date .mat-column-modifiedby {
  flex: 0 0 22%;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-search-input {
  padding: 12px 0px 11px 0px !important;
  width: 220px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-search-inner {
  top: 21px !important;
  width: 239px !important;
  margin-left: 0px;
  background-color: var(--base-shade-color);
  margin-top: 4px;
  padding-left: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 0px !important;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-bottom: 1px solid !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-search {
  width: 220px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-infix {
  width: 240px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-label {
  padding-top: 6px;
  padding-left: 5px;
}

.cdk-overlay-pane-select-search.cdk-overlay-pane-select-search-with-offset {
  margin-left: 25px !important;
  margin-top: 10px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-search-clear {
  display: none !important;
}

.multiselect-item-checkbox {
  display: flex;
  margin: 3px;
  padding: 9px 3px !important;
  align-items: center;
}

.multiselect-item-checkbox:hover {
  background-color: var(--base-dropdown-li-hover) !important;
  margin: 3px;
  padding: 9px 3px !important;
  border-radius: 3px;
}

.multiselect-item-checkbox input[type="checkbox"] {
  border: 0px !important;
  clip: rect(0 0 0 0) !important;
  height: 16px !important;
  margin-left: 10px !important;
  overflow: hidden !important;
  padding: 0px !important;
  position: relative !important;
  width: 18px !important;
}

.multiselect-item-checkbox input[type="checkbox"]+div:before {
  border: 1px solid #4f4f4f !important;
  height: 16px;
  width: 16px;
}

.multiselect-item-checkbox input[type="checkbox"]:checked+div:before {
  animation: 0.2s ease-in borderscale;
  background: #3e4fc3 !important;
}

.multiselect-item-checkbox div:before {
  display: none;
}

.multiselect-item-checkbox div::after {
  display: none;
}

.multiselect-item-checkbox input[type="checkbox"]+div {
  padding-left: 8px !important;
  color: #5e5e5e !important;
}

.multiselect-dropdown {
  width: 240px !important;
}

.multiselect-dropdown .dropdown-btn {
  width: 240px !important;
  padding: 5px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  min-height: 30px !important;
  padding-top: 1px !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
  left: 203px;
  height: 27px !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
  border-width: 5px 5px 0 !important;
  border-color: #5e5e5e transparent !important;
  top: calc(65% + 3px);
}

.dropdown-list .filter-textbox {
  border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.dropdown-list .filter-textbox input {
  padding: 0 0 0 33px !important;
  color: #5e5e5e !important;
}

.dropdown-list {
  width: 240px !important;
  box-shadow: none !important;
  margin-top: 0px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.multiselect-dropdown .dropdown-btn .selected-item-container {
  top: 0 !important;
}

.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  background: var(--button-active-primary-color) !important;
  border: 1px solid var(--button-active-primary-color) !important;
  border-radius: 3px !important;
  margin-bottom: 0px !important;
  margin-top: 4px !important;
  top: 0 !important;
}

.multiselect-dropdown .dropdown-btn .ng-star-inserted {
  padding-right: 0px !important;
}

.dropdown-btn span:first-of-type {
  position: relative;
  top: 3px;
}

.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {
  top: 0 !important;
}

.multiselect-item-checkbox {
  border-bottom: 0px !important;
}

.report-inner-margin {
  margin-top: 0px;
}

.report-chart-container {
  height: 400px;
  margin-top: 20px;
  border: 1px solid var(--line-separator-attendance) !important;
  padding: 20px;
  display: flex;
}

.report-chart-container .canvas-container {
  width: 85%;
}

.report-chart-container .bar-canvas-container {
  width: 100%;
}

.report-chart-container .legends-container {
  width: 15%;
  display: flex;
  align-items: center;
}

.chart-legend-line-report ul {
  /* display: flex; */
  list-style-type: none;
  padding: 0px !important;
  margin: 0px !important;
}

.chart-legend-line-report ul li {
  /* display: inline;  */
  font-size: 10px;
  padding-right: 5px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.chart-legend-line-report ul li :first-child {
  /* border-radius: 50%;   */
  display: inline-block;
  height: 12px;
  width: 11px;
  margin-right: 3px;
  margin-left: 10px;
}

.chart-legend-line-report ul li :last-child {
  color: #393939;
  font-size: 14px;
  font-weight: 400;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-small {
  width: 170px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-percentage {
  width: 60px !important;
}

.margin-left-10px {
  margin-left: 10px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-small-flex {
  display: flex;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
.mat-select-small-flex .minutes {
  position: relative;
  top: 5px;
}

.count-result {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--button-active-primary-color);
  border-radius: 3px;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-user-select: none;
          user-select: none;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

/* .timeline {} */

.timeline-reaction_celebrate {
  background-image: url('reaction_celebrate.c13492049e42d07f.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_like {
  background-image: url('reaction_like.1ab7ece7673d4dcf.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_no {
  background-image: url('reaction_no.6fb6307a5bf6a443.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_yes {
  background-image: url('reaction_yes.5d0cbe5c5076b2ad.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_raisehand {
  background-image: url('reaction_hand.a893cb36132377e7.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_insightful {
  background-image: url('reaction_insightful.9003bc363c3d8a99.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_clock {
  background-image: url('reaction_clock.b328603c7a7eb92a.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

.timeline-reaction_curious {
  background-image: url('reaction_curious.5bb7d5fdc239c1c3.svg') !important;
  display: block;
  fill: var(--base-svg-color);
  width: 16px;
  height: 16px;
  /* vertical-align: sub; */
  cursor: default;
  margin-left: -3px;
  position: absolute;
  bottom: 20px;
}

/* .timeline-icon { */
/* background-color: transparent !important; */
/* } */
/*timeline custom */

#timeline-wrap {
  margin: 4% 5% !important;
  position: relative !important;
}

.navigation {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}

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

.marker {
  z-index: 1;
  color: var(--base-shade-color);
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: relative;
  background-color: #999;
  border-radius: 50%;
}

.marker {
  height: 10px !important;
  width: 10px !important;
}

.timeline {
  height: 1px;
  width: 100%;
  position: absolute;
  background: #aabbc4;
}

.timeline-label {
  text-align: center;
  position: absolute;
  width: 50px;
  bottom: 55px;
  color: #555;
  font-family: "Open Sans Regular", "Century Gothic", Arial, sans-serif !important;
  font-weight: 400;
}

.timeline-label {
  bottom: -25px !important;
  margin-left: -20px;
  color: var(--base-text-color) !important;
  font-family: "Open Sans Regular", "Century Gothic", Arial, "sans-serif" !important;
  font-size: 12px !important;
  transform: rotate(-32deg);
}

.add-new-link-start {
  display: flex;
  justify-content: flex-start;
  font-size: 13px;
  color: var(--button-active-primary-color);
  font-weight: 400;
  padding-left: 20px;
}

.add-new-link-start>label {
  cursor: pointer;
  margin-bottom: 0px !important;
}

.report-group-headers {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  height: 25px;
  margin-top: 10px;
}

.report-group-headers .first {
  width: 33%;
}

.report-group-headers .second {
  width: 24%;
  text-align: right;
}

.report-group-headers .third {
  width: 43%;
  text-align: right;
}

.activity-report-mat-table {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--datatable-inner-border);
  padding-bottom: 15px;
}

.activity-report-chart-margin {
  margin-bottom: 30px !important;
}

.no-display-important {
  display: none !important;
}

.summary-report-mat-table {
  margin-bottom: 30px;
  padding-bottom: 15px;
}

/* Scrollbar styling */
/* width */

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  opacity: 0;
}

/* Track */

::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0);
}

/* Handle */

::-webkit-scrollbar-thumb {
  background-color: var(--base-scroll-bar-color);
  border-radius: 10px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: var(--base-scroll-bar-color);
}

div:hover> ::-webkit-scrollbar {
  opacity: 1;
}

.paging-next-records {
  display: flex;
  justify-content: flex-end;
  font-size: 13px;
  padding-bottom: 5px;
  padding-right: 12px;
}

.paging-next-records .paging-link {
  color: var(--button-active-primary-color);
  font-weight: 400;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
}

/* Mat Menu Styles */

.mat-mdc-menu-panel {
  background: var(--base-mat-mdc-panel) !important;
  min-height: 48px !important;
  min-width: 200px !important;
  box-shadow: var(--mat-menu-outer-box-shadow) !important;
  padding: 0 !important;
}

.mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
}

.mat-mdc-menu-item {
  min-height: var(--menu-btn-height) !important;
  font-size: var(--size-tiny-plus) !important;
  color: var(--base-text-color) !important;
  line-height: unset !important;
}

.mat-mdc-menu-item[disabled] {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.mdc-list-item__primary-text {
  display: flex;
  align-items: center;
}

.mat-mdc-menu-item .menu-item-text {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  color: var(--menu-svg-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 170px;
  height: 16px;
  font-size: var(--size-tiny-plus);
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.menu-item-svg {
  width: 16px;
  height: 16px;
  fill: var(--menu-svg-color);
}

.mat-mdc-menu-content {
  padding: 0px !important;
}

.mat-mdc-menu-content mat-divider {
  margin: 8px 0px !important;
}

.tableActionsDiv {
  height: 28px;
  width: 28px;
}

.tableActionsDiv svg {
  fill: var(--menu-svg-color);
  padding: 6px;
  border-radius: 4px;
  height: 28px;
  width: 28px;
}

.tableActionsDiv:hover {
  border-radius: 4px;
  background-color: var(--base-icon-hover-color);
  cursor: pointer;
}

.menu-divider {
  border-top-color: var(--divider-color) !important;
}

.mat-mdc-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: var(--menu-item-hover-bg) !important;
}

.selected-menu-item {
  color: var(--base-color) !important;
  background: var(--menu-item-hover-bg) !important;
}

.d-flex-align-center {
  display: flex !important;
  align-items: center !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-menu-item,
.mat-menu-panel,
.mat-form-field,
.mat-expansion-panel-header,
.mat-expansion-panel-content,
.mat-button-toggle,
.mat-list-item,
.mat-card,
.mat-table,
.mat-paginator-container,
.mat-option-text,
.mat-tooltip,
.mat-tab-label,
.mat-mdc-outlined-button,
.mat-button-wrapper {
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

::ng-deep .mat-tooltip {
  pointer-events: none !important;
}

::ng-deep .mat-tooltip-panel {
  animation: none !important;
}

.name-check {
  color: var(--warning-message);
  background: #f8d7da;
  padding: 4px 4px;
  border: 1px solid #f5c6cb;
  border-radius: 3px;
  width: fit-content;
  height: 25px;
  font-size: 11px;
  width: 240px;
}

.mat-mdc-menu-panel {
  background: var(--base-mat-mdc-panel) !important;
  min-height: 38px !important;
  min-width: 200px !important;
}

.mat-mdc-menu-item[disabled] {
  pointer-events: none !important;
  /* opacity: 0.5 !important; */
}

.disableBtn {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.mat-mdc-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: var(--menu-item-hover-bg) !important;
}

/*mat-table row content padding*/

/* td.mat-mdc-cell:last-of-type, td.mat-mdc-footer-cell:last-of-type, th.mat-mdc-header-cell:last-of-type{
 padding-right: 10px !important;
} */
.mat-mdc-row:hover {
  /* background-color: var(--datatable-inner-border) !important; */
  background-color: var(--mat-row-hover-color) !important;
  cursor: pointer !important;
}

.rainbowStatus {
  width: 4px;
  height: 40px;
  /* position: relative; */
}

/* By faraz */
.matTable {
  width: 100%;
}

.tableCard {
  background-color: var(--mat-card-bg);
}

/* Search bar css starts */
.searchBarParentReport {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 1rem 0;
  background-color: var(--base-shade-color);
  width: 100%;
  margin-bottom: -35px;
  position: relative;
  top: -11px;
  padding-bottom: 24px;
}

.searchBarParent {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 1rem 0;
  background-color: var(--base-shade-color);
  width: 100%;
  padding-top: 2px;
}

.searchBarLabel {
  padding-left: 15px;
}

/* Search bar css ends */
.connecting-line {
  width: 1px;
  height: calc(100% - 22px);
  background-color: var(--reports-lines);
  margin: 0 auto;
  float: left;
  position: absolute;
  margin-left: -2.5px;
}

.header-vertical {
  display: none !important;
}

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

.icon-expanded::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 15px;
  background-color: var(--reports-lines);
}

.mat-button-toggle-standalone:not([class*="mat-elevation-z"]),
.mat-button-toggle-group:not([class*="mat-elevation-z"]) {
  box-shadow: none;
}

.mat-elevation-z8 {
  padding: 30px 20px 30px 30px;
  background-color: var(--base-shade-color);
}

.mat-mdc-paginator {
  background: var(--base-shade-color) !important;
}

/* .mat-mdc-paginator-range-label {
    display: none !important;
} */
.mat-mdc-standard-chip {
  font-size: var(--size-tiny-big);
  color: var(--base-text-color);
}

.mat-mdc-select-value {
  color: var(--base-text-color) !important;
  /* font-size: var(--size-base) !important; */
  font-size: var(--size-tiny-big) !important;
}

.mat-mdc-option .mdc-list-item__primary-text {
  color: var(--base-text-color) !important;
  font-size: var(--size-tiny-plus) !important;
}

.owl-dt-container {
  font-size: var(--size-base);
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--menu-item-hover-bg) !important;
}

.mat-pseudo-checkbox-full {
  color: var(--base-text-color);
}

/* .mat-mdc-select{
    width: 100%;
    max-width: 240px !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding: 2px 8px !important;
    border-radius: 3px;
    height: 30px;
} */
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled="true"]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled="true"]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled="true"]) {
  background: none;
}

/* Mat slider styles */
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: var(--base-color);
  --mdc-slider-focus-handle-color: var(--base-color);
  --mdc-slider-hover-handle-color: var(--base-color);
  --mdc-slider-active-track-color: var(--base-color);
  --mdc-slider-inactive-track-color: var(--base-color);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--base-color);
  --mat-mdc-slider-ripple-color: var(--base-color);
}

.mat-primary .mdc-slider__track--active_fill,
.mat-primary .mdc-slider__track--inactive,
.mat-primary .mdc-slider__track--active,
.mat-primary .mdc-slider__track {
  height: 3px !important;
}

/* Paginator styles */
.mat-mdc-paginator-page-size {
  align-items: center;
}

.mat-mdc-form-field {
  width: 260px !important;
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding: 0px !important;
}

.mdc-text-field--outlined .mdc-notched-outline {
  height: 30px;
  border: 1px solid !important;
  border-color: var(--separator-2) !important;
  border-radius: 3px !important;
}

.mat-mdc-icon-button[disabled][disabled] {
  opacity: 0.5;
}

.mat-mdc-icon-button svg {
  fill: var(--base-svg-color) !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: var(--base-color);
}

.jobRefChip .mdc-evolution-chip__text-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--base-text-color);
}

/* Mat progress bar */
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--base-color);
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--base-color);
}

.mdc-text-field {
  padding: 0 12px !important;
}

.mdc-text-field .mdc-text-field__input {
  caret-color: var(--base-color);
}

/* Rainbow statuses classes start */
.statusPending {
  background: var(--svg-status-pending);
}

.statusInprocess {
  background: var(--svg-status-inprocess);
}

.statusCreated {
  background: var(--svg-status-created);
}

.statusEmailNotSent {
  background: var(--svg-status-emailnotsent);
}

.statusComplete {
  background: var(--svg-status-completed);
}

.statusEmailSent {
  background: var(--svg-status-emailsent);
}

.statusFailed {
  background: var(--svg-status-failed);
}

/* Rainbow statuses classes end */

.new-link {
  display: flex;
  font-size: 13px;
  color: var(--base-color);
  font-weight: 400;
  padding-bottom: 5px;
  /* padding-right: 12px; */
}

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

.pl-10 {
  padding-left: 10px !important;
}

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

.p-0 {
  padding: 0;
}

.create-company {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  color: var(--base-color);
  font-weight: 400;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-right: 2px;
  position: absolute;
  right: 32px;
  top: -43px;
}

.create-company>label,
.create-company>div>label {
  cursor: pointer;
}

.grid-align-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}


.flex-display {
  display: flex;
}

.display-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mat-accordion {
  width: 100%;
  padding: 10px;
}

.mat-expansion-indicator::after {
  margin-bottom: 6px !important;
  color: var(--base-text-color) !important;
}

.mat-mdc-dialog-container {
  /* width: 400px !important; */
  background: var(--jquery-modal-body) !important;
  padding: 0px !important;
  overflow-x: hidden !important;
  border-radius: 4px !important;
}

.mat-mdc-dialog-title {
  margin: 0px !important;
}

.mat-mdc-dialog-content {
  margin: 0px !important;
  padding: 0px 15px 10px 15px !important;
}

.mat-mdc-dialog-actions {
  margin-bottom: 0px !important;
  padding: 15px !important;
  background: var(--jquery-modal-footer) !important;
  justify-content: flex-end !important;
  column-gap: 5px;
}

.mdc-dialog__title::before {
  height: 0 !important;
}

.mat-mdc-paginator-container,
.mat-mdc-table {
  background: var(--base-shade-color) !important;
}

.mdc-tab__text-label,
.owl-dt-calendar-control,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
.mat-mdc-paginator-page-size-label,
.mat-mdc-paginator-page-size-value {
  color: var(--base-text-color) !important;
}

.owl-dt-control-button-arrow svg,
.mat-mdc-form-field-icon-suffix svg,
.mat-mdc-paginator-icon,
.mat-mdc-select-arrow svg {
  fill: var(--base-svg-color) !important;
}

.mat-mdc-table .mdc-data-table__header-row {
  height: 24px !important;
}

.mdc-data-table__table {
  margin-top: 10px !important;
}

.mat-mdc-table .mdc-data-table__row {
  height: 40px !important;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  width: 40px;
  height: 40px;
  padding: 0;
}

.mat-mdc-paginator-page-size {
  padding-top: 0px;
}

.mat-mdc-paginator-range-label {
  color: var(--base-text-color);
}

.mat-mdc-option {
  min-height: var(--menu-btn-height) !important;
}

.noResultsFound {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--base-text-color);
  font-size: var(--size-tiny-big);
  padding-top: 3rem;
  font-size: 1.5rem;
}

.mdc-data-table__cell {
  color: var(--base-text-color);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--base-text-color) !important;
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px !important;
}

.mat-modal {
  width: 100% !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.modal-dialog-w {
  width: var(--size-modal-dialog-width);
}

.modal-dialog-h {
  height: var(--size-modal-dialog-height);
}

.modal-dialog-w-expand {
  width: calc(100vw - 15px);
}

.modal-dialog-h-expand {
  height: calc(100vh - 15px);
}

@media screen and (max-width: 750px) {
  .modal-dialog-w {
    width: calc(100vw - 15px);
  }

  .modal-dialog-h {
    height: calc(100vh - 15px);
  }
}

/* Material Select Global CSS */

.mat-selet-gray {
  background-color: var(--base-shade-color);
}

.mat-selet-gray-ds {
  background-color: var(--base-background-color);
}

.mat-menu-hover {
  background-color: var(--mat-item-hover-color) !important;
}

.mdc-text-field--filled.mdc-text-field--disabled {
  background-color: transparent !important;
  cursor: not-allowed !important;
}

ngx-mat-timepicker-field .mdc-text-field--filled .mdc-line-ripple::after,
ngx-mat-timepicker-field .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before,
app-orgsettings .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--separator-2) !important;
}

app-orgsettings .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: transparent !important;
}

mat-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: transparent !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--separator-2) !important;
}

/* .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--base-color) !important;
} */

app-orgsettings .mat-mdc-text-field-wrapper {
  border: 1px solid !important;
  border-radius: 0px !important;
  border-color: var(--separator-2) !important;
  background: var(--searched-list-bakground) !important;
}

.mdc-text-field--filled {
  padding: 0px 5px !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--base-shade-color) !important;
  border-bottom: 0px !important;
  padding: 0px 5px !important;
}

app-orgsettings .mat-mdc-form-field {
  width: 260px;
  height: 80px;
}

.mat-mdc-floating-label {
  font-size: var(--size-tiny-plus);
  left: 5px !important;
}

.mat-expansion-panel-content {
  font-size: var(--size-tiny-big);
}

.classesTemplateFilter .mat-button-toggle-button {
  min-width: 90px !important;
  min-height: 30px;
}

.no-inline-border {
  border-left: 0px !important;
  border-right: 0px !important;
}

/* Autocomplete css */
.autoComplate {
  width: 260px;
}

.autoComplateInput {
  font-size: var(--size-tiny-plus) !important;
}

/* Calendar buttons today/week/month */
.fc-today-button,
.fc-dayGridMonth-button,
.fc-timeGridWeek-button,
.fc-timeGridDay-button,
.fc-listWeek-button,
.fc-myCustomButton-button {
  border: 1px solid !important;
  border-color: var(--modal-footer-button-border) !important;
  color: var(--modal-footer-button-text) !important;
  text-transform: capitalize !important;
  /* border-radius: 0px !important; */
}

.fc-today-button:hover,
.fc-dayGridMonth-button:hover,
.fc-timeGridWeek-button:hover,
.fc-timeGridDay-button:hover,
.fc-listWeek-button:hover,
.fc-myCustomButton-button:hover {
  background-color: var(--modal-footer-button-border) !important;
  color: var(--text-white-silver) !important;
}

.fc-list-event {
  display: flex;
  padding: 6px 6px 6px 15px;
  column-gap: 5px;
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
}

.fc-list-event a {
  color: #111b21 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

.fc-list-event a:hover {
  text-decoration: none !important;
}

.fc-list-event-title,
.fc-list-event-dot {
  display: none !important;
}

.fc .fc-list-event:hover td {
  background: transparent !important;
}

.fc-list-event td,
.fc-list-event th {
  border: none !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--base-text-color) !important;
}

.translation-container .paging {
  margin-top: 15px !important;
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: var(--base-color) !important;
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: var(--base-color) !important;
}

.mat-mdc-menu-submenu-icon {
  display: none !important;
}

.mdc-menu-surface {
  background-color: var(--base-mat-mdc-panel) !important;
  color: var(--base-text-color) !important;
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate="true"])~.mdc-checkbox__background {
  border-color: var(--base-text-color) !important;
}

.mat-divider {
  border-top-color: var(--separator-2) !important;
}

/* Global styles for input field and selection fields i.e., dropdowns */
.field-g-dropdown {
  height: 30px;
  width: 260px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0px;
  border-bottom: 1px solid;
  border-color: var(--separator-2);
  border-radius: 0px;
  padding: 5px 10px;
  color: var(--base-text-color);
  cursor: pointer;
  background-color: var(--searched-list-bakground);
  font-size: var(--size-tiny-big);
  position: relative;
}

.field-g-dropdown label {
  max-width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 0px;
}

.field-g-dropdown svg {
  height: 20px;
  fill: var(--base-svg-color);
  width: 20px;
  position: absolute;
  right: 10px;
}

.fall-menu-custom {
  min-width: 260px !important;
  max-width: 260px !important;
}

.fall-menu-custom .mat-mdc-menu-item .menu-item-text {
  max-width: 220px !important;
  padding-left: 0rem !important;
}

.field-g-input {
  height: 30px;
  width: 260px;
  /* background-color: var(--searched-list-bakground); */
  background: none;
  border: 0px;
  border-bottom: 1px solid;
  border-color: var(--separator-2);
  border-radius: 0px;
  padding: 5px 10px;
  color: var(--base-text-color);
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  outline: none;
  font-size: var(--size-tiny-big) !important;
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  ;
}

.field-g-input-outer {
  padding-left: 5px !important;
}


.field-g-disabled {
  pointer-events: none !important;
  opacity: 0.7 !important;
}

.filter-g-dropdown {
  height: 30px;
  max-width: 165px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid;
  border-color: var(--separator-2);
  border-radius: 3px;
  padding: 5px 10px;
  color: var(--base-text-color);
  cursor: pointer;
  background-color: var(--searched-list-bakground);
  font-size: var(--size-tiny-big);
}

.filter-g-dropdown label {
  max-width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 0px;
}

.filter-g-dropdown svg {
  height: 20px;
  fill: var(--base-svg-color);
  width: 20px;
}

/* .filter-menu-custom {
    min-width: 260px !important;
    max-width: 260px !important;
}

.filter-menu-custom .mat-mdc-menu-item .menu-item-text {
    max-width: 220px !important;
    padding-left: 0rem !important;
} */
/*  */

/* paginator dropdown alignment */
.mat-mdc-paginator .mat-mdc-form-field-infix {
  margin-top: 3px;
}

.menuActionsBtn {
  position: relative;
  left: 20px;
}

.ngx-mat-timepicker__control--first,
.ngx-mat-timepicker__control--third {
  height: 100% !important;
}

.ngx-mat-timepicker {
  display: flex;
  align-items: center;
  /* height: 28px !important; */
  justify-content: center;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 5px !important;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 0px !important;
}

.mat-mdc-form-field-infix {
  min-height: 25px !important;
}

.mat-mdc-paginator-container {
  min-height: 40px !important;
  margin-top: 20px !important;
}

.dtPaging-menu-custom {
  min-width: 80px !important;
  max-width: 80px !important;
}

.ngx-mat-timepicker .separator-colon {
  font-size: 20px !important;
}

.mdc-notched-outline__trailing,
.mdc-notched-outline__notch,
.mdc-notched-outline__leading {
  border: none !important;
}

.dropdownLegend span {
  padding-left: 0 !important;
  color: var(--base-color) !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 170px;
  height: 100%;
  /* height: 16px; */
  font-size: var(--size-tiny-plus) !important;
}

.clickable-svg {
  fill: var(--base-color) !important;
}

.avatar>label {
  width: 20px;
  height: 20px;
}

.d-flex-imp {
  display: flex !important;
}

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

.align-label {
  margin: 0;
  color: var(--base-text-color);
}

.line-height-normal {
  line-height: normal;
}

.default-text-style {
  color: var(--base-text-color) !important;
  font-weight: 400 !important;
}

.logo-customization .mat-expansion-panel-content {
  padding-top: 25px;
  border: 1px solid !important;
  /* border-top-left-radius: 3px!important;
    border-top-right-radius: 3px!important; */
  border-color: var(--material-separator) !important;
}

.label-custom-title-bar {
  border-bottom: 2px solid #2f79fe;
  margin: 0;
  padding: 0 10px 4px 10px;
}

.license-tile-counter label {
  color: var(--base-secondary-color);
}

#busiestClassesReport .mdc-data-table__cell,
#busiestClassesReport .mdc-data-table__header-cell,
#busiestCoursesReport .mdc-data-table__cell,
#busiestCoursesReport .mdc-data-table__header-cell,
#onlineSessionsReport .mdc-data-table__cell,
#onlineSessionsReport .mdc-data-table__header-cell,
#teachersActivityReport .mdc-data-table__cell,
#teachersActivityReport .mdc-data-table__header-cell {
  border-bottom-width: 0px !important;
  border-bottom-style: none !important;
}

/* User timeline */
#timeline-albe.vertical section .item .badge {
  white-space: inherit !important;
  margin: 30px 0 0 -21px !important;
  box-shadow: none !important;
  /* box-shadow: 0 0 0 2px orange, inset 0 2px #0000001a, 0 3px 0 2px #00000026 !important; */
  pointer-events: none !important;
  font-size: 1rem !important;
  width: 40px !important;
  height: 40px !important;
  border: 2px solid !important;
  border-color: orange !important;
}

#timeline-albe.vertical {
  padding: 15px;
  font-size: var(--size-tiny-standard);
}

#timeline-albe.vertical section .item article {
  border-radius: 3px !important;
  color: var(--base-text-color) !important;
}

#timeline-albe.vertical section .item article:after {
  top: 35px !important;
}

#timeline-albe.basic:before,
#timeline-albe.minimalist:before,
#timeline-albe.vertical:before {
  background-color: orange !important;
}

#timeline-albe.vertical section header[class*="group"] {
  background: orange !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  pointer-events: none !important;
}

#timeline-albe.vertical section .item .badge span {
  color: orange !important;
}

#timeline-albe.vertical section .item .badge.last {
  background-color: orange !important;
  left: 51.1% !important;
  width: 20px !important;
  height: 20px !important;
}

#timeline-albe.vertical section .item article header {
  background-color: orange !important;
}

#timeline-albe.vertical nav a {
  color: orange !important;
}

#timeline-albe.vertical nav a:hover {
  color: orange !important;
  border-color: orange !important;
}

#timeline-albe.basic {
  font-size: var(--size-tiny-standard) !important;
}

#timeline-albe.minimalist section .item .badge {
  border-color: orange !important;
  left: -6px !important;
}

#timeline-albe.basic section .item .badge {
  border-color: orange !important;
  left: 50.4% !important;
}

#timeline-albe.basic section header[class*="group"] {
  border-bottom-color: orange !important;
}

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

/* ----------------------------------- */

#info_link_material td.mat-mdc-cell,
#info_link_material td.mat-mdc-footer-cell,
#info_file_material td.mat-mdc-cell,
#info_file_material td.mat-mdc-footer-cell {
  max-width: 210px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/*mjml style*/
.gjs-four-color,
.gjs-four-color-h:hover {
  color: #5491ff !important;
}

.gjs-one-bg {
  background: var(--file-detail-body) !important;
}

.gjs-pn-btn.gjs-pn-active {
  background: var(--mat-item-hover-color) !important;
  box-shadow: none !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gjs-pn-btn.fa-upload,
.gjs-pn-btn.fa-code,
.fa-arrows-alt {
  display: none !important;
}

.gjs-block-label,
.gjs-layer-name,
.gjs-trt-trait .gjs-label,
.gjs-sm-sector-label,
.gjs-sm-icon,
.trt-header,
.gjs-traits-label,
.gjs-field .gjs-field-text input,
.gjs-sm-header,
.gjs-field input,
.gjs-sm-properties,
.gjs-layer-count {
  font-size: var(--size-tiny-big);
  color: var(--base-text-color);
}

.gjs-fields option,
.gjs-select option,
.gjs-field-select option,
.gjs-clm-select option,
.gjs-sm-select option,
.gjs-fields option,
.gjs-sm-unit option {
  background-color: var(--base-shade-color) !important;
  color: var(--base-text-color) !important;
  font-size: var(--size-tiny-big);
}

.gjs-field input {
  background: var(--searched-list-bakground);
  border: 1px solid var(--modal-input-border);
  border-radius: 4px !important;
}

.gjs-field .gjs-field-text {
  border-radius: 4px !important;
}

.gjs-radio-item {
  background-color: var(--base-shade-color) !important;
  border-left: 1px solid var(--modal-input-border) !important;
}

.gjs-field-arrow-u,
.gjs-field-arrow-d {
  left: 3px;
  border-left: 3px solid var(--base-text-color) !important;
  border-right: 4px solid var(--base-text-color) !important;
  border-top: 4px solid var(--base-text-color) !important;
  border-bottom: none !important;
}

.gjs-radio-item:first-child {
  border: none !important;
}

.gjs-field-colorp {
  width: 30px !important;
  border-left: 1px solid var(--modal-input-border) !important;
}

.gjs-field .gjs-select,
#gjs-sm-input-holder>select,
.gjs-field {
  border-radius: 4px !important;
}

.gjs-sm-field select,
.gjs-clm-select select,
.gjs-clm-field select,
.gjs-field-units>select {
  min-width: 50px;
}

.gjs-editor-cont .sp-container {
  border-left: 1px solid var(--modal-input-border) !important;
  border-radius: 4px;
}

/* .gjs-field-colorp .gjs-checker-bg, .gjs-field-colorp .gjs-field-colorp-c ,.gjs-field-colorp{
    width: 30px;
} */
.gjs-radio-item:hover {
  background: var(--mat-item-hover-color) !important;
}

.gjs-field input,
.gjs-field select,
.gjs-field textarea {
  background-color: var(--base-shade-color) !important;
  color: var(--base-text-color) !important;
  font-size: var(--size-tiny-big) !important;
  border: 1px solid var(--modal-input-border);
}

.gjs-sm-sector-title {
  background-color: transparent !important;
}

.gjs-sm-sector-title:hover {
  background: var(--mat-item-hover-color) !important;
}

.gjs-two-color {
  color: var(--base-svg-color) !important;
}

.gjs-sm-field.gjs-sm-composite {
  background-color: transparent !important;
  border: 1px solid var(--modal-input-border);
}

.fa-eye-slash {
  float: right;
  width: 28px !important;
  height: 28px;
  background: var(--base-shade-color);
  /* border-radius: 4px;
    border: 1px solid var(--material-separator); */
}

.fa-eye-slash:hover {
  background: var(--mat-item-hover-color);
  /* border: 1px solid var(--mat-item-hover-color); */
}

.gjs-mdl-content .gjs-am-assets-header {
  display: none;
}

.gjs-off-prv {
  fill: var(--base-svg-color);
  color: var(--base-svg-color);
}

.gjs-mdl-title {
  font-size: var(--size-medium);
}

#gjs-am-title {
  font-size: var(--size-tiny-standard);
}

.gjs-sm-property .gjs-sm-btn,
.gjs-editor-cont .sp-container button,
.gjs-editor-cont .sp-container button:hover,
.gjs-editor-cont .sp-container button:active {
  font-size: var(--size-tiny-big);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  transition: all 0.3s ease;
  background-color: var(--base-color);
  border: 1px solid;
  border-color: var(--base-color);
  color: #fff;
  height: 30px;
  border-radius: 3px;
  padding: 5px 10px;
}

.gjs-btn-prim,
.gjs-btn-prim:active {
  position: relative;
  min-width: 74px;
  max-width: 124px;
  height: 30px;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: var(--size-tiny-big);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: none;
  transition: all 0.3s ease;
  background-color: var(--base-color);
  border: 1px solid;
  border-color: var(--base-color);
  color: #fff;
  cursor: pointer;
}

.gjs-mdl-btn-close {
  font-size: 28px;
  color: var(--base-text-color);
  opacity: 1;
}

.gjs-mdl-btn-close:hover {
  opacity: 1;
  color: var(--base-text-color);
}

.fa-eye-slash:before {
  margin-left: 2px;
  position: relative;
  top: 1px;
  font-size: 15px;
}

.gjs-mdl-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gjs-am-file-uploader>form #gjs-am-uploadFile {
  padding: 153px 10px;
}

.gjs-am-assets-cont {
  background: var(--searched-list-bakground);
}

.gjs-field-checkbox {
  background: var(--searched-list-bakground);
  border: 1px solid var(--modal-input-border);
}

.gjs-field-checkbox input:checked+.gjs-chk-icon {
  border-color: var(--base-text-color);
}

.sp-thumb-dark,
.sp-cf .sp-palette-row .sp-palette-row-selection {
  display: none !important;
}

.gjs-field-arrows {
  z-index: 9;
}

.gjs-am-file-uploader>form {
  box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%);
  background: var(--searched-list-bakground);
  border: dashed 1px var(--modal-input-border);
}

.gjs-am-asset,
.gjs-block {
  border: 1px solid var(--modal-input-border);
}

.gjs-radio-item input:checked+.gjs-radio-item-label,
.gjs-radio-item input:checked+.gjs-radio-item-label {
  background-color: var(--mat-item-hover-color);
  height: 100%;
}

.gjs-radio-item-label {
  height: 30px;
  padding: 5px 10px;
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gjs-pn-views-container,
.gjs-pn-views {
  width: 20% !important;
}

.gjs-pn-options {
  right: 20%;
}

.gjs-am-close,
.gjs-am-close:hover {
  color: var(--base-text-color);
  opacity: 1;
}

#gjs-am-title {
  color: #5491ff;
}

#gjs-am-uploadFile:hover {
  cursor: pointer;
}

/* .gjs-block__media path{
    fill: var(--base-svg-color);
} */

.view-type {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  height: 30px;
  font-size: var(--size-tiny-plus);
  font-weight: 400;
  color: var(--base-text-color);
  border-color: var(--general-dropdown);
  border-radius: 4px;
  display: flex;
  max-width: 150px;
  background-color: var(--general-dropdown);
  align-items: center;
  width: auto;
}

.view-type:hover {
  background-color: rgba(0, 0, 0, 0.07843);
}

.view-type-svg {
  height: 16px;
  width: 16px;
  /* position: relative; */
  fill: var(--base-text-color);
}

.view-type-label {
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80px;
  margin-left: 10px;
  margin-right: 5px;
  margin-bottom: 0px;
  color: var(--base-text-color-2);
  cursor: pointer;
  height: 16px;
}

.view-type-arrowsvg {
  height: 20px;
  width: 20px;
  fill: var(--base-text-color-2);
}

.owl-dt-calendar-main {
  background-color: var(--base-shade-color) !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  color: var(--base-text-color) !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: var(--separator2) !important;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  color: var(--base-text-color);
}

.fc-next-button:hover,
.fc-prev-button:hover {
  background-color: var(--mat-item-hover-color) !important;
}

.noResultImg {
  width: 90px;
  height: 90px;
  fill: var(--top-overlay-background);
}

.field-disabled {
  color: var(--disabled-button-text) !important;
  pointer-events: none !important;
  opacity: 0.5 !important;
}

/* .mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden;
  background-color: var(--file-detail-body) !important;
} */
.mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden;
  background-color: var(--table-body-modal) !important;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  font-size: var(--size-tiny-big) !important;
  padding-left: 5px;
  font-family: "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  ;
}

.custom-email-subject {
  min-width: 450px !important;
}

.ob-svg {
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 80px;
  left: 0px;
  fill: var(--tile-dashboard-svg);
}

.ob-svgDashboard {
  position: absolute;
  bottom: -2px;
  width: 80px;
  height: 80px;
  left: 0px;
  fill: var(--tile-dashboard-svg);
}

/* hide mat-select's below padding */
.mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.rotateReportToggleSvg {
  transform: rotate(180deg);
  margin-top: 6px;
}

/* radio button angular material  */
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--base-color) !important;
}

/* radio button angular material  */
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--base-color) !important;
}

/* multi select dp angular material  */
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--base-color) !important;
}

.add-btn-listing {
  position: absolute;
  right: 26px;
  top: 68px;
  z-index: 9999;
}

tr[data-index]:not([data-index="0"]) .expandBtn {
  border-top: none !important;
}

.placeholder-white {
  font-size: 13px;
}

.fall-menu-custom-2 {
  min-width: 380px !important;
  max-width: 380px !important;
}

.fall-menu-custom-2 .mat-mdc-menu-item .menu-item-text {
  max-width: 340px !important;
  padding-left: 0rem !important;
}

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

/* .mat-mdc-form-field {
  background-color: #ffff !important;
}
.mat-focused {
  background-color: #ffff !important;
}
.mdc-text-field--focused {
  background-color: #ffff !important;
}
::ng-deep .mdc-text-field--focused {
  --mdc-filled-text-field-container-color: white !important;
  background-color: white !important;
} */
.mat-calendar {
  box-shadow: var(--mat-menu-outer-box-shadow) !important;
}

.mat-calendar-content {
  background-color: var(--base-shade-color) !important;
}

.mat-focused {
  /* background-color: var(--base-shade-color) !important; */
  background-color: transparent !important;
}

.mat-focused div {
  /* background-color: var(--base-shade-color) !important; */
  background-color: transparent !important;
}

.mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}

.custom-datepicker input::placeholder {
  color: var(--base-text-color) !important;
}

/* Mat paginator cursor styling - Global */
mat-paginator {
  cursor: default;
}

mat-paginator button {
  cursor: default !important;
}

/* Next and Previous buttons should show pointer cursor */
mat-paginator .mat-mdc-paginator-navigation-previous,
mat-paginator .mat-mdc-paginator-navigation-next {
  cursor: pointer !important;
}

/* First and Last buttons should show pointer cursor */
mat-paginator .mat-mdc-paginator-navigation-first,
mat-paginator .mat-mdc-paginator-navigation-last {
  cursor: pointer !important;
}

/* Other icon buttons remain default */
mat-paginator .mat-mdc-icon-button:not(.mat-mdc-paginator-navigation-previous):not(.mat-mdc-paginator-navigation-next):not(.mat-mdc-paginator-navigation-first):not(.mat-mdc-paginator-navigation-last) {
  cursor: default !important;
}

/* --- Universal App-wide Focus Outline Fixes (Connectivity, Copy, Info icons, etc.) --- */
*:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

button:focus,
button:focus-visible,
.mat-mdc-icon-button:focus,
.mat-mdc-icon-button:focus-visible,
.mat-mdc-button:focus,
.mat-mdc-button:focus-visible,
.mat-mdc-menu-item:focus,
.mat-mdc-menu-item:focus-visible,
.mat-mdc-menu-trigger:focus,
.mat-mdc-menu-trigger:focus-visible,
.form-control:focus,
.form-control:focus-visible,
svg:focus,
svg:focus-visible,
a:focus,
a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Material MDC focus indicators and overlays specifically */
.cdk-focused,
.cdk-keyboard-focused,
.mat-mdc-focus-indicator::before,
.mat-mdc-focus-indicator::after,
.mdc-button__focus-ring,
.mat-mdc-button-focus-overlay {
  display: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Ensure SVG icons don't show outlines */
svg {
  outline: none !important;
}

.mat-table-container {
  overflow: auto !important;
  position: relative !important;

}

.default-badge {
  font-size: 11px;
  background-color: #28a745;
  color: #fff;
  padding: 0px 6px;
  border-radius: 4px;
  height: 20px;
  white-space: nowrap;
  margin-left: 6px;
}

.custom-btn-icon .mat-mdc-icon-button.mat-mdc-button-base {
  width: 19px !important;
  height: 16px !important;
}

.custom-btn-icon .mat-mdc-select-arrow-wrapper {
  width: 4px !important;
  height: 16px !important;
}

.custom-btn-icon-2 .mat-mdc-select-arrow-wrapper {
  width: 11px !important;
  height: 16px !important;
}

.suffix-icon .mat-icon {
  width: 19px !important;
  height: 16px !important;
}

.suffix-icon .mat-mdc-form-field-icon-suffix>.mat-icon {
  padding: 0 !important;
}

.hotelPBXIcon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}

.rainbow-connected {
  fill: #2F79FE !important;
  color: #2F79FE !important;
  stroke: #2F79FE !important;
}

.rainbow-disconnected {
  fill: #9E9E9E !important;
  color: #9E9E9E !important;
  stroke: #9E9E9E !important;
}

/* ========================================================================= */
/* MODERN UI GLOBAL OVERRIDES - FLUID DESIGN INITIALIZATION */
/* ========================================================================= */
body {
  font-family: "Inter", "Open Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Modern Inputs & Dropdowns */
.txt-lg,
.ddl-sm,
.ddl-md,
.ddl-lg,
.ddl-sm-x,
input[type="text"],
input[type="number"],
input[type="password"] {
  border-radius: var(--modern-radius-sm, 6px) !important;
  transition: var(--modern-transition, all 0.3s ease) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.txt-lg:focus,
.ddl-sm:focus,
.ddl-md:focus,
.ddl-lg:focus,
input:focus {
  border-color: var(--button-active-primary-color) !important;
  box-shadow: 0 0 0 3px rgba(47, 121, 254, 0.2) !important;
  outline: none;
}

/* Base structural blocks */
.contentContainer,
.borderBackground,
td.mat-cell,
th.mat-header-cell {
  border-radius: var(--modern-radius-md, 12px);
}

.borderBackground {
  border: none !important;
  box-shadow: var(--modern-shadow-base, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)) !important;
}

/* Modern Buttons (Non-disruptive) */
.button-sm,
.button-lg,
.btnTypeEmail,
button.mat-button,
button.mat-raised-button {
  border-radius: var(--modern-radius-sm, 6px) !important;
  transition: var(--modern-transition, all 0.3s ease) !important;
  font-weight: 500;
}

.button-sm:not(.button-sm-dis):hover,
.button-lg:hover,
.btnTypeEmail:hover {
  transform: translateY(-1px);
  box-shadow: var(--modern-shadow-base, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
}

.button-sm:not(.button-sm-dis):active,
.button-lg:active {
  transform: translateY(0);
}

/* Smooth Tabs */
.tab {
  background-color: transparent !important;
}

.tab button {
  border-radius: var(--modern-radius-sm, 6px) var(--modern-radius-sm, 6px) 0 0 !important;
  transition: var(--modern-transition, all 0.3s ease) !important;
  margin-right: 15px !important;
}

/* Modals */
.modal-content,
.jquery-modal-body,
.tippy-box {
  border-radius: var(--modern-radius-md, 12px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
  border: none !important;
}

/* Tables and Panels */
.mat-card,
.mat-elevation-z8,
table {
  border-radius: 20px 0px 0px 20px !important;
  overflow: hidden;
}

/* ========================================================================= */
/* DATATABLE & ALIGNMENT STABILIZATION */
/* ========================================================================= */
th.mat-header-cell {
  font-weight: 600 !important;
  color: var(--base-text-color) !important;
  letter-spacing: 0.5px;
  padding-bottom: 12px !important;
}

td.mat-cell {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--material-separator) !important;
}

/* Fix floating action links (e.g. 'Add Guest') */
.page-heading+a,
.headingContainer a:not(.no-btn) {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--button-active-primary-color);
  color: white !important;
  text-decoration: none;
  font-weight: 500;
  border-radius: var(--modern-radius-sm, 6px);
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(47, 121, 254, 0.2);
}

.page-heading+a:hover,
.headingContainer a:not(.no-btn):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(47, 121, 254, 0.3);
}

/* Search bar alignment */
.search-container,
.seacrh-body {
  display: flex !important;
  align-items: center;
}

/* ========================================================================= */
/* GLOBAL UTILITY CLASSES (Migrated from Components) */
/* ========================================================================= */
.global-card {
  background-color: var(--base-shade-color);
  padding: 25px 0px 15px 0px;
  border-radius: 20px 0px 0px 20px;
  box-shadow: var(--modern-shadow-base);
  border: 1px solid var(--modern-sidebar-border);
  margin-bottom: 24px;
}

.component-scroll-container {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;

  animation: fadeIn 0.8s ease-out;
}


.global-section-title {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-left: 20px;
  display: block;
  width: fit-content;
  border-bottom: 2px solid #2f79fe;
  padding: 0 10px 4px 10px;
}

.global-actions-right {
  display: flex;
  justify-content: flex-end;
  /* gap: 12px; */
  padding-right: 20px;
}

/* Enforce consistent horizontal cushion inside all legacy white container boxes globally, EXCLUDING modals */
.company-container .block-container {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

/* Tourist group + icon: spaced from right, vertically centered inside 34px input */
.tg-plus-btn.mat-mdc-icon-button {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  min-width: 20px !important;
  line-height: 20px !important;
  margin-bottom: 4px !important;
}

.tg-plus-btn .mat-mdc-button-touch-target {
  width: 20px !important;
  height: 20px !important;
}

.guest-input .mat-mdc-form-field-icon-suffix {
  padding: 0 8px 0 0 !important;
  align-self: center !important;
}

.guest-input .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: unset !important;
}

.guest-input .mat-mdc-text-field-wrapper {
  padding-right: 0 !important;
}

.global-form-row {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.global-form-label,
.align-label {
  font-weight: 500;
  font-size: 14px !important;
  /* Bump up size for readability */
  color: var(--base-text-color);
  margin-bottom: 4px;
}

/* Fix for custom inputs that previously only had bottom borders */
/* 
  GLOBAL INPUT & SELECT RESET
  Unify height, font, and background for every input-like element in the app.
*/
.field-g-input,
.field-g-input-outer,
.field-g-input-select,
.field-g-dropdown,
input.mat-input-element,
.txt-lg,
.ddl-sm,
.ddl-md,
.ddl-lg,
.ddl-sm-x,
.mat-mdc-select,
.nz-select-selector,
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  border: var(--modern-border) !important;
  border-radius: var(--modern-radius) !important;
  box-shadow: var(--modern-shadow) !important;
  transition: all 0.3s ease !important;
  background-color: var(--base-shade-color) !important;
  font-size: var(--modern-font-size) !important;
  height: var(--modern-height) !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  line-height: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 260px !important;
  max-width: 100% !important;
  padding: 0 var(--modern-padding-x) !important;
}

.field-g-dropdown {
  justify-content: space-between !important;
  width: 260px !important;
  max-width: 100% !important;
  cursor: pointer !important;
  padding: 0 var(--modern-padding-x) !important;
}

/* 
  FIX DOUBLE BORDER: 
  Strip borders from inner components when they are nested inside a mat-form-field 
  or are themselves the inner part of an MDC structure.
*/
.mat-mdc-form-field .mat-mdc-select,
.mat-mdc-form-field .mat-mdc-select-trigger,
.mat-mdc-form-field input,
.mat-mdc-select-value,
.mdc-text-field__input {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.mat-mdc-form-field .mdc-line-ripple::before,
.mat-mdc-form-field .mdc-line-ripple::after {
  display: none !important;
}

/* Ensure the outer wrapper is the only one providing the horizontal gutter */
.mdc-text-field--filled:not(.mdc-text-field--disabled),
.mdc-text-field--filled.mdc-text-field--disabled {
  padding: 0 var(--modern-padding-x) !important;
}

/* Neutralize redundant borders when field-g-input is applied to a mat-form-field tag directly */
mat-form-field.field-g-input,
.field-g-input-outer {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Ensure disabled text fields preserve the global border structure */
.mdc-text-field--filled.mdc-text-field--disabled {
  border: var(--modern-border) !important;
  border-radius: var(--modern-radius) !important;
  background-color: var(--base-shade-color) !important;
}

/* Ensure dropdown arrows in disabled fields remain visible and color-matched */
.mdc-text-field--disabled .mat-mdc-select-arrow {
  color: var(--base-text-color) !important;
  opacity: 1 !important;
}

.mdc-text-field--disabled .mat-mdc-select-arrow svg {
  fill: var(--base-text-color) !important;
}

/* Global tighter styling for nested icon buttons (like Plus Add Guest icon) to match Group Checkin screen */
.suffix-inline-btn.mat-mdc-icon-button {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  line-height: 20px !important;
  background: transparent !important;
}

.suffix-inline-btn.mat-mdc-icon-button .mat-mdc-button-touch-target {
  width: 20px !important;
  height: 20px !important;
}

.suffix-inline-btn.mat-mdc-icon-button svg {
  width: 16px !important;
  height: 16px !important;
}

.mat-mdc-form-field-icon-suffix .suffix-inline-btn.mat-mdc-icon-button {
  margin-right: 3px !important;
}

/* ===== Migrated from Check-in modal ::ng-deep to global ===== */

/* Select value & placeholder colors */
.mat-mdc-select-value-text {
  color: var(--base-text-color) !important;
}

.mat-mdc-select-placeholder {
  color: var(--base-text-color) !important;
}

.mat-mdc-select-arrow {
  color: var(--base-text-color) !important;
}

/* Hide pseudo-checkboxes in mat-option and mat-autocomplete */
.mat-mdc-option .mat-pseudo-checkbox-full,
.mat-option .mat-pseudo-checkbox {
  display: none !important;
}

/* Calendar popup theming */
.mat-calendar-body-label {
  color: var(--base-text-color) !important;
}

.mat-calendar-table-header th {
  color: var(--base-text-color) !important;
}

.mat-calendar-body-cell-content {
  color: var(--base-text-color) !important;
}

.mat-calendar-body-selected.mat-calendar-body-today {
  background-color: var(--base-shade-color) !important;
  border: 1px solid black !important;
  color: var(--base-text-color) !important;
}

.mat-calendar-body-selected:not(.mat-calendar-body-today) {
  background-color: #2196f3 !important;
  color: white !important;
  border: none !important;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  color: var(--base-text-color);
  border-color: var(--separator2) !important;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content {
  background-color: var(--calendar-hover) !important;
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: var(--mat-datepicker-calendar-date-disabled-state-text-color) !important;
}

/* Disabled field text color */
.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input {
  color: var(--base-text-color) !important;
}

/* Prefix icon (calendar icon) alignment - consistent for both enabled and disabled states */
.mat-mdc-form-field-icon-prefix {
  padding: 0 !important;
}

/* Force disabled datepicker prefix icon to match enabled alignment */
body .mdc-text-field--disabled .mat-mdc-form-field-icon-prefix,
body .mdc-text-field--filled.mdc-text-field--disabled .mat-mdc-form-field-icon-prefix {
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

body .mdc-text-field--filled.mdc-text-field--disabled {
  padding-left: 10px !important;
}

/* 2px bottom nudge only for disabled datepicker calendar icon */
.custom-datepicker .mdc-text-field--disabled .mat-mdc-form-field-icon-prefix {
  padding-bottom: 2px !important;
}

/* MDC label color */
.mdc-label {
  color: var(--base-text-color) !important;
}

body .mat-mdc-form-field-flex {
  height: var(--modern-height) !important;
  align-items: center !important;
}

.field-g-input:focus,
.field-g-input-outer:focus,
input.mat-input-element:focus {
  border-color: var(--button-active-primary-color) !important;
  box-shadow: 0 0 0 3px rgba(47, 121, 254, 0.2) !important;
  outline: none !important;
}

/* ========================================================================= */
/* MATERIAL CALENDAR & DROPDOWN FLUID OVERRIDES */
/* ========================================================================= */
/* Reset inner Material components to be perfectly transparent shells that inherit parent styles */
body .mat-mdc-form-field input,
body .mat-mdc-form-field .mat-mdc-select-trigger,
body .mat-mdc-form-field .mat-mdc-input-element,
body .mdc-text-field--filled input,
body .mat-mdc-select-value {
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  font-size: 13px !important;
  font-family: inherit !important;
}

/* Force consistency between .custom-btn-icon and normal grid columns to prevent box shifting */
.custom-btn-icon,
.row-block .col-md-8 {
  padding-left: 15px !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: var(--base-shade-color) !important;
  border: 1px solid var(--modal-input-border) !important;
  border-radius: var(--modern-radius-sm, 6px) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  transition: var(--modern-transition, all 0.3s ease) !important;
  padding: 0 9px !important;
  /* Unified 12px start baseline for all fields */
  height: 34px !important;
  min-height: 34px !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover,
.mat-mdc-form-field.mat-focused .mdc-text-field--filled {
  border-color: var(--button-active-primary-color) !important;
  box-shadow: 0 0 0 3px rgba(47, 121, 254, 0.2) !important;
}

/* Remove the ugly default bottom underline */
.mdc-line-ripple {
  display: none !important;
}

/* Position icons and text containers to share the same 34px vertical space */
body .mat-mdc-form-field-icon-suffix,
body .mat-mdc-form-field-icon-prefix {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  padding: 0 !important;
  width: 25px !important;
  margin-left: 2px !important;
}

/* Ensure inner icons/buttons are centered and correctly sized */
body .mat-mdc-form-field-icon-suffix .mat-mdc-button-base,
body .mat-mdc-form-field-icon-prefix .mat-mdc-button-base,
body .mat-mdc-form-field-icon-suffix .mat-icon,
body .mat-mdc-form-field-icon-prefix .mat-icon {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 24px !important;
  width: 24px !important;
  position: static !important;
}

body .mat-mdc-form-field-infix {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 100% !important;
  height: 34px !important;
}

body .mat-mdc-text-field-wrapper {
  padding: 0 !important;
}

/* Fix the 'disturbed' Date field: reduce the gap between icon and text for tighter alignment */
body .mat-mdc-form-field-has-icon-prefix .mat-mdc-form-field-infix {
  margin-left: 4px !important;
}

/* GLOBAL ENHANCED TIME PICKER UI - MANDATORY GLOBAL SCOPE FOR OVERLAYS */
.ngx-mat-timepicker-container {
  border-radius: 4px !important;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) !important;
  overflow: hidden;
  background-color: #fff !important;
  width: 320px !important;
  font-family: 'Roboto', sans-serif !important;
}

.ngx-mat-timepicker-container {
  font-family: 'Open Sans Regular', sans-serif !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.ngx-mat-timepicker-container .ngx-mat-timepicker-header {
  background-color: var(--button-active-primary-color, #377dff) !important;
  padding: 32px 16px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto !important;
  min-height: 110px !important;
  box-sizing: border-box;
}

.ngx-mat-timepicker-container .timepicker-dial__item {
  font-size: 56px !important;
  font-weight: 600 !important;
  /* Slightly bolder for premium feel */
  color: rgba(255, 255, 255, 1) !important;
}

.ngx-mat-timepicker-container .timepicker-dial__spacer {
  font-size: 56px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  margin-top: -6px;
}

.ngx-mat-timepicker-container .period-selector__label {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ngx-mat-timepicker-container .period-selector__label_active {
  color: #fff !important;
}

.ngx-mat-timepicker-container .ngx-mat-timepicker-content {
  padding: 24px !important;
  background-color: var(--modern-card-bg, #fff) !important;
}

.ngx-mat-timepicker-container .clock-face {
  background-color: var(--modern-bg-dim, #f1f5f9) !important;
  border: 1px solid var(--modern-card-border, #e2e8f0) !important;
}

.ngx-mat-timepicker-container .clock-face__number span {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--modern-text-main, #1e293b) !important;
}

.ngx-mat-timepicker-container .clock-face__clock-hand,
.ngx-mat-timepicker-container .clock-face__clock-hand::after,
.ngx-mat-timepicker-container .clock-face__clock-hand_tick,
.ngx-mat-timepicker-container .clock-face__center {
  background-color: var(--button-active-primary-color, #377dff) !important;
}

.ngx-mat-timepicker-container .timepicker-button {
  color: var(--button-active-primary-color, #377dff) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  transition: background 0.2s;
}

.ngx-mat-timepicker-container .timepicker-button:hover {
  background-color: rgba(55, 125, 255, 0.05) !important;
}

/* SCOPED TIME PICKER OVERRIDE */
.custom-time-input-wrapper .mat-mdc-form-field,
.custom-time-input-wrapper .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  width: 80px !important;
  min-width: unset !important;
  max-width: 80px !important;
}

/* GLOBAL MENU UI - Ensures ALL menus look like the top-right user menu */
.mat-mdc-menu-panel {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--modern-card-border, rgba(0, 0, 0, 0.05)) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  background: var(--base-dropdown-background, #ffffff) !important;
}

/* MODERN GLOBAL SCROLLBAR */
/* Only shows thumb when hovering over the scrollable container */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

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

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

/* Show the thumb when the user hovers over any container */
*:hover::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.2);
}

/* Darken the thumb when directly hovering over it */
::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 128, 128, 0.5) !important;
}

/* Firefox support (Thin and sleek) */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

*:hover {
  scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
}