/*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** 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[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***! \********************************************************************************************************************************************************************************************************************************************************/ .mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.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}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}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)}.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-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}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;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--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-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-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-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow: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-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-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-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow: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-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow: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-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow: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-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow: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-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow: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-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow: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-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow: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-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow: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-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-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-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow: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-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow: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-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow: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-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow: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-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow: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-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow: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-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow: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-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-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-theme-loaded-marker{display:none}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;--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);--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);--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;--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:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--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;--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;--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);--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-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);--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-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;--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;--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-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);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--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-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 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-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:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--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-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-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-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-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;--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-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:var(--mdc-theme-surface, #fff);--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-handle-shadow-color:black;--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);--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-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mdc-form-field-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{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-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{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.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-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-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.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-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-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.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-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-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}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%);--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}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;--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);--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{--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);--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-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);--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{--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}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;--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-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-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-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-unselected-pressed-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-unselected-pressed-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-unselected-pressed-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--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .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;--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}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-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--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-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-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-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-unselected-pressed-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-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-checkbox{--mdc-form-field-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-unselected-pressed-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-unselected-pressed-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;--mat-checkbox-touch-target-display:block}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--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;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--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);--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;--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);--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;--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);--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);--mdc-protected-button-container-shadow-color:#000;--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;--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);--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-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-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-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-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-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-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-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-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-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-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-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-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--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;--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;--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;--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-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--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;--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;--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;--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-icon-size:24px;--mdc-fab-small-container-shape:50%;--mdc-fab-small-icon-size:24px;--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px}html{--mdc-fab-container-color:white;--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);--mdc-fab-container-shadow-color:#000;--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);--mdc-fab-small-container-color:white;--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);--mdc-fab-small-container-shadow-color:#000;--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);--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);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--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;--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;--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;--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;--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;--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;--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);--mat-snack-bar-button-color:#ff4081}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-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}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;--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;--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:#e0e0e0}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;--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:#46a35e;--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:#46a35e}.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:#46a35e}.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:#757575}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}.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[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./clientApp/styles.scss?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* STYLES */ /* indents */ /*COLORS */ /* Main Pallet */ /* others */ :root { --plain-text-color: #303030; --icons-color: #303030; --border-color: #d5d5d5; --mat-checkbox-border-color: #757575; --header-bar-background-color-start: #296bac; --header-bar-background-color-stop: #296bac; --top-navigation-link-color: #fff; --top-navigation-link-highlighted-color: #fff; --template-header-background-color-start: #0e568c; --template-header-background-color-stop: #0e568c; --template-header-text-color: #fff; --icon-button-template-prev-background-color: var(--template-header-background-color-start); --icon-button-template-prev-border-color: var(--template-header-text-color); --icon-button-template-prev-hover-background-color: var(--template-header-text-color); --icon-button-template-prev-hover-border-color: var(--template-header-background-color-start); /* PRIMARY BUTTON */ --primary-button-background-color-start: #1976d2; --primary-button-background-color-end: #1976d2; --primary-button-border-color: #296bac; --primary-button-text-color: #fff; --primary-button-hover-background-color: #296bac; --primary-button-hover-border-color: #062340; --primary-button-active-background-color: #1a4c7e; --primary-button-active-border-color: #296bac; --primary-button-active-text-color: #296bac; /* SECONDARY BUTTON */ --secondary-button-background-color-start: #fff; --secondary-button-background-color-end: #fff; --secondary-button-border-color: #CCCCCC; --secondary-button-text-color: #303030; --secondary-button-hover-border-color: #767676; --secondary-button-active-background-color: #e9e9e9; --secondary-button-active-border-color: #767676; /* FLAT BUTTON */ --flat-button-background-color: #ffffff; --flat-button-border-color: #d5d5d5; --flat-button-text-color: #1976d2; --flat-button-hover-border-color: #767676; --flat-button-active-background-color: #e9e9e9; /* ICON BUTTON */ --icon-button-flat-background: #f9f9f9; --icon-button-flat-text-color: #303030; --icon-button-flat-border-color: #bdbdbd; --icon-button-flat-hover-border-color: #767676; --icon-button-flat-active-background-color: #d5d5d5; --icon-button-flat-active-border-color: #767676; --icon-button-hamburger-background-color: var(--header-bar-background-color-start); --icon-button-hamburger-text-color: var(--top-navigation-link-color); --icon-button-hamburger-hover-border-color: #bdbdbd; --icon-button-hamburger-active-border-color: var(--top-navigation-link-highlighted-color); --icon-button-drag-background-color: #d5d5d5; --icon-button-drag-hover-background-color: #303030; /* FOOTER BAR */ --footer-bar-background-color-start: #062340; --footer-bar-background-color-end: #062340; /* QUESTIONNAIRE */ --questionnaire-variable-selected-color: #1976D2; --questionnaire-variable-invalid-color: #d0021b; --questionnaire-variable-secondary-text-color: #303030; --questionnaire-variable-disabled-text-color: #757575; } /* Deprecated Variables - Replaced with status variables ______________________________________*/ /*	Components -------------------------------------------*/ /* Loader */ /* Alerts */ /* Alerts - error */ /* Alerts - warning/caution */ /* Alerts - success */ /* Alerts - default */ /* Button Group */ /* Global Header */ /* Tabs */ /* Tooltip */ /* Toast */ /* Modal */ /* Section Header */ /* Section Sidebar */ /* Header Navigation */ /* Questionnaire */ /*	Animations -------------------------------------------*/ /*	Text Formatting -------------------------------------------*/ /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } .Search { align-content: stretch; align-items: center; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; } .ce-theme .MatSideNav-spinnerContent { align-content: center; align-items: center; display: flex; justify-content: center; } .MatAccordion-rowText { display: flex; align-items: center; } .MatAccordion-columnText { display: flex; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-header-cell a[role=gridcell]:focus:before, .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-cell a[role=gridcell]:focus:before, .ce-theme .mat-mdc-tab-link:focus:before, .ce-theme .mat-mdc-tab:focus:before, .ce-theme .MatSideNav .MatSideNav-close :focus:before, .outline-override.focus:before { content: ""; border: 2px solid rgb(77, 144, 254); border-radius: 2px; outline-style: solid; outline-width: 0; position: absolute; display: flex; top: 0; bottom: 0; left: 0; right: 0; opacity: 1 !important; } /* placeholder for take out containers */ .is-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .is-visually-hidden.fixed { position: fixed; } .Search-button { align-items: center; background: white; border-radius: 2px; border: 1px solid transparent; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; cursor: pointer; display: flex; font-size: 1rem; justify-content: center; outline: none; text-transform: uppercase; white-space: nowrap; } .textarea-is-visually-hidden { visibility: hidden; } html, body { height: 100%; } body.ce-theme { font-size: 1rem; line-height: 1.4; -webkit-font-smoothing: antialiased; } body.ce-theme *:not(.fas):not(.Icomoon):not(.material-icons) { font-family: "Source Sans Pro", Arial, sans-serif; text-rendering: geometricPrecision; } .Main { min-height: calc(100vh - 7.46875rem); } hr { opacity: 0.2; } ul:focus, li:focus { outline-width: 0px; } /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ body.ce-theme strong, body.ce-theme b { font-weight: 600; } body.ce-theme h1, body.ce-theme .Heading1, body.ce-theme .Label1 { font-size: 1.625rem; line-height: 1.75rem; font-weight: normal !important; } body.ce-theme h2, body.ce-theme .Heading2, body.ce-theme .Label2 { font-size: 1.375rem; line-height: 1.5rem; } body.ce-theme h3, body.ce-theme .Heading3, body.ce-theme .Label3 { font-size: 1.25rem; font-weight: 600; line-height: 1.5rem; } body.ce-theme h4, body.ce-theme .Heading4, body.ce-theme .Label4 { font-size: 1.125rem; line-height: 1.5rem; font-weight: 600; } body.ce-theme h5, body.ce-theme .Heading5, body.ce-theme .Label5 { font-size: 1rem; line-height: 1.25rem; font-weight: 600; } body.ce-theme h6, body.ce-theme .Heading6, body.ce-theme .Label6 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } body.ce-theme h1, body.ce-theme .Heading1, body.ce-theme .Label1, body.ce-theme h2, body.ce-theme .Heading2, body.ce-theme .Label2, body.ce-theme h3, body.ce-theme .Heading3, body.ce-theme .Label3, body.ce-theme h4, body.ce-theme .Heading4, body.ce-theme .Label4, body.ce-theme h5, body.ce-theme .Heading5, body.ce-theme .Label5, body.ce-theme h6, body.ce-theme .Heading6, body.ce-theme .Label6 { position: relative; color: var(--plain-text-color); font-weight: 600; margin-bottom: 0; margin-top: 0; } body.ce-theme h1-modal, body.ce-theme .Heading1-modal, body.ce-theme .Label1-modal, body.ce-theme h2-modal, body.ce-theme .Heading2-modal, body.ce-theme .Label2-modal, body.ce-theme h3-modal, body.ce-theme .Heading3-modal, body.ce-theme .Dialog-heading, body.ce-theme .Label3-modal, body.ce-theme h4-modal, body.ce-theme .Heading4-modal, body.ce-theme .Label4-modal, body.ce-theme h5-modal, body.ce-theme .Heading5-modal, body.ce-theme .Label5-modal, body.ce-theme h6-modal, body.ce-theme .Heading6-modal, body.ce-theme .Label6-modal { color: var(--modal-header-text); } body.ce-theme .Heading3-modal, body.ce-theme .Dialog-heading { font-weight: 400; } body.ce-theme .List-item, body.ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item { font-size: 1rem; line-height: 1.25rem; } body.ce-theme a { color: #1976d2; text-decoration: none; } body.ce-theme a.tab-text-color { color: var(--plain-text-color); } body.ce-theme a span:hover { text-decoration: underline; cursor: pointer; } body.ce-theme a i { color: var(--icons-color); } body.ce-theme a mat-icon svg g path { fill: var(--icons-color); } body.ce-theme a.no-underline span:hover { text-decoration: none; } body.ce-theme a.no-underline:hover { text-decoration: none; } body.ce-theme ol, body.ce-theme ul, body.ce-theme h1, body.ce-theme h2, body.ce-theme h3, body.ce-theme h4, body.ce-theme h5 { margin: 0; padding: 0; } body.ce-theme ul { list-style: none; } .Font { font-size: 16px; font-size: 1rem; line-height: 21px; color: var(--plain-text-color); } .Font--sm { font-size: 14px; font-size: 0.875rem; line-height: 17px; } .Font--md { font-size: 1rem; } .Font--smallest { font-size: 0.75rem; } .Font--emphasized { display: block; border-radius: 2px; border-width: 1px; border-style: solid; padding: 0 4px; text-transform: uppercase; line-height: 1.15; } .Font--emphasized-yellow { color: rgb(204, 134, 41); border-color: rgb(204, 134, 41); } .Font--weightNormal { font-weight: normal; } .Font--weightSemiBold { font-weight: 600; } .Font--gray { color: #737373; } .Font--red { color: #d0021b; } .Font--blue { color: #1976d2; } .Font--bold { font-weight: 600; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .Font--bold-upto-l { font-weight: 600; } } .Font--highlighted { color: #d0021b !important; } .text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .text-overflow { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 96%; } .text-center { text-align: center; } .text-left { text-align: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .text-left-upto-l { text-align: left; } } @media (min-width: 1025px) { .text-left-from-l { text-align: left; } } .text-right { text-align: right; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .text-right-upto-l { text-align: right; } } @media (min-width: 1025px) { .text-right-from-l { text-align: right; } } .white-space-normal { white-space: normal; } .Notification--warning { color: #d0021b; } .Notification--warning .mat-icon svg * { fill: #d0021b; } .Notification--information { color: #9454cb; } .Notification--information .mat-icon svg * { fill: #9454cb; } .Notification .mat-icon { position: relative; top: 0.1875rem; } .Text, .Text * { color: var(--plain-text-color) !important; } .Text:hover, .Text:focus, .Text:active, .Text *:hover, .Text *:focus, .Text *:active { text-decoration: none !important; outline: none; cursor: text !important; color: var(--plain-text-color); } .container { padding: 0 1.25rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 577px) { .container { padding-left: 2.5rem; padding-right: 2.5rem; } } .outside-container { margin: 0 -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; position: relative; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .outside-container.analytics { display: flex; } @media (min-width: 1200px) { .outside-container { margin: 0 -2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; } } .outside-container-lg { margin: 0 -2.5rem; padding-left: 1.25rem; padding-right: 1.25rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 1200px) { .outside-container-lg { margin: 0 -5rem; padding-left: 2.5rem; padding-right: 2.5rem; } } .negative-margin-container { margin-right: -2.5rem; margin-left: -2.5rem; } .row-lg { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -1.25rem; } .row-lg .col-1, .row-lg .col-lg-1, .row-lg .col-md-1, .row-lg .col-sm-1 { flex: 0 1 calc(8.3333333333% - 2.5rem); width: calc(8.3333333333% - 2.5rem); } .row-lg .col-2, .row-lg .col-lg-2, .row-lg .col-md-2, .row-lg .col-sm-2 { flex: 0 1 calc(16.6666666667% - 2.5rem); width: calc(16.6666666667% - 2.5rem); } .row-lg .col-3, .row-lg .col-lg-3, .row-lg .col-md-3, .row-lg .col-sm-3 { flex: 0 1 calc(24.99% - 2.5rem); width: calc(24.99% - 2.5rem); } .row-lg .col-4, .row-lg .col-lg-4, .row-lg .col-md-4, .row-lg .col-sm-4 { flex: 0 1 calc(33.3333333333% - 2.5rem); width: calc(33.3333333333% - 2.5rem); } .row-lg .col-5, .row-lg .col-lg-5, .row-lg .col-md-5, .row-lg .col-sm-5 { flex: 0 1 calc(41.6666666667% - 2.5rem); width: calc(41.6666666667% - 2.5rem); } .row-lg .col-6, .row-lg .col-lg-6, .row-lg .col-md-6, .row-lg .col-sm-6 { flex: 0 1 calc(49.99% - 2.5rem); width: calc(49.99% - 2.5rem); } .row-lg .col-7, .row-lg .col-lg-7, .row-lg .col-md-7, .row-lg .col-sm-7 { flex: 0 1 calc(58.3333333333% - 2.5rem); width: calc(58.3333333333% - 2.5rem); } .row-lg .col-8, .row-lg .col-lg-8, .row-lg .col-md-8, .row-lg .col-sm-8 { flex: 0 1 calc(66.6666666667% - 2.5rem); width: calc(66.6666666667% - 2.5rem); } .row-lg .col-9, .row-lg .col-lg-9, .row-lg .col-md-9, .row-lg .col-sm-9 { flex: 0 1 calc(74.99% - 2.5rem); width: calc(74.99% - 2.5rem); } .row-lg .col-10, .row-lg .col-lg-10, .row-lg .col-md-10, .row-lg .col-sm-10 { flex: 0 1 calc(83.3333333333% - 2.5rem); width: calc(83.3333333333% - 2.5rem); } .row-lg .col-11, .row-lg .col-lg-11, .row-lg .col-md-11, .row-lg .col-sm-11 { flex: 0 1 calc(91.6666666667% - 2.5rem); width: calc(91.6666666667% - 2.5rem); } .row-lg .col-12, .row-lg .col-lg-12, .row-lg .col-md-12, .row-lg .col-sm-12 { flex: 0 1 calc(100% - 2.5rem); width: calc(100% - 2.5rem); } .row-lg .col-lg-1, .row-lg .col-lg-2, .row-lg .col-lg-3, .row-lg .col-lg-4, .row-lg .col-lg-5, .row-lg .col-lg-6, .row-lg .col-lg-7, .row-lg .col-lg-8, .row-lg .col-lg-9, .row-lg .col-lg-10, .row-lg .col-lg-11, .row-lg .col-lg-12 { margin: 0 1.25rem; box-sizing: border-box; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1200px) { .row-lg .col-lg-1, .row-lg .col-lg-2, .row-lg .col-lg-3, .row-lg .col-lg-4, .row-lg .col-lg-5, .row-lg .col-lg-6, .row-lg .col-lg-7, .row-lg .col-lg-8, .row-lg .col-lg-9, .row-lg .col-lg-10, .row-lg .col-lg-11, .row-lg .col-lg-12 { flex: 0 1 100%; } } .row-lg .col-md-1, .row-lg .col-md-2, .row-lg .col-md-3, .row-lg .col-md-4, .row-lg .col-md-5, .row-lg .col-md-6, .row-lg .col-md-7, .row-lg .col-md-8, .row-lg .col-md-9, .row-lg .col-md-10, .row-lg .col-md-11, .row-lg .col-md-12 { margin: 0 1.25rem; box-sizing: border-box; } .row-lg .col-md-1:not(.col-no-responsive), .row-lg .col-md-2:not(.col-no-responsive), .row-lg .col-md-3:not(.col-no-responsive), .row-lg .col-md-4:not(.col-no-responsive), .row-lg .col-md-5:not(.col-no-responsive), .row-lg .col-md-6:not(.col-no-responsive), .row-lg .col-md-7:not(.col-no-responsive), .row-lg .col-md-8:not(.col-no-responsive), .row-lg .col-md-9:not(.col-no-responsive), .row-lg .col-md-10:not(.col-no-responsive), .row-lg .col-md-11:not(.col-no-responsive), .row-lg .col-md-12:not(.col-no-responsive) { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .row-lg .col-md-1:not(.col-no-responsive), .row-lg .col-md-2:not(.col-no-responsive), .row-lg .col-md-3:not(.col-no-responsive), .row-lg .col-md-4:not(.col-no-responsive), .row-lg .col-md-5:not(.col-no-responsive), .row-lg .col-md-6:not(.col-no-responsive), .row-lg .col-md-7:not(.col-no-responsive), .row-lg .col-md-8:not(.col-no-responsive), .row-lg .col-md-9:not(.col-no-responsive), .row-lg .col-md-10:not(.col-no-responsive), .row-lg .col-md-11:not(.col-no-responsive), .row-lg .col-md-12:not(.col-no-responsive) { flex: 0 1 100%; margin-bottom: 1.5rem; } } .row-lg .col-lg-1, .row-lg .col-lg-2, .row-lg .col-lg-3, .row-lg .col-lg-4, .row-lg .col-lg-5, .row-lg .col-lg-6, .row-lg .col-lg-7, .row-lg .col-lg-8, .row-lg .col-lg-9, .row-lg .col-lg-10, .row-lg .col-lg-11, .row-lg .col-lg-12 { margin: 0 1.25rem; box-sizing: border-box; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .row-lg .col-lg-1, .row-lg .col-lg-2, .row-lg .col-lg-3, .row-lg .col-lg-4, .row-lg .col-lg-5, .row-lg .col-lg-6, .row-lg .col-lg-7, .row-lg .col-lg-8, .row-lg .col-lg-9, .row-lg .col-lg-10, .row-lg .col-lg-11, .row-lg .col-lg-12 { flex: 0 1 100%; } } .row-lg .test { background: pink; } .row { margin: 0 -0.5rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .row::after { display: block; clear: both; content: ""; } @media (max-width: 992px) { .row { margin: 0; } } @media (max-width: 768px) { .row { margin: 0; } } @media (max-width: 480px) { .row { margin: 0; } } .row .col-1, .row .col-lg-1, .row .col-md-1, .row .col-sm-1 { width: calc(8.3333333333% - 1rem); } .row .col-2, .row .col-lg-2, .row .col-md-2, .row .col-sm-2 { width: calc(16.6666666667% - 1rem); } .row .col-3, .row .col-lg-3, .row .col-md-3, .row .col-sm-3 { width: calc(24.99% - 1rem); } .row .col-4, .row .col-lg-4, .row .col-md-4, .row .col-sm-4 { width: calc(33.3333333333% - 1rem); } .row .col-5, .row .col-lg-5, .row .col-md-5, .row .col-sm-5 { width: calc(41.6666666667% - 1rem); } .row .col-6, .row .col-lg-6, .row .col-md-6, .row .col-sm-6 { width: calc(49.99% - 1rem); } .row .col-7, .row .col-lg-7, .row .col-md-7, .row .col-sm-7 { width: calc(58.3333333333% - 1rem); } .row .col-8, .row .col-lg-8, .row .col-md-8, .row .col-sm-8 { width: calc(66.6666666667% - 1rem); } .row .col-9, .row .col-lg-9, .row .col-md-9, .row .col-sm-9 { width: calc(74.99% - 1rem); } .row .col-10, .row .col-lg-10, .row .col-md-10, .row .col-sm-10 { width: calc(83.3333333333% - 1rem); } .row .col-11, .row .col-lg-11, .row .col-md-11, .row .col-sm-11 { width: calc(91.6666666667% - 1rem); } .row .col-12, .row .col-lg-12, .row .col-md-12, .row .col-sm-12 { width: calc(100% - 1rem); } .row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1200px) { .row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12 { width: 100%; margin: 0; } } .row .col-lg-1.m-0, .row .col-lg-2.m-0, .row .col-lg-3.m-0, .row .col-lg-4.m-0, .row .col-lg-5.m-0, .row .col-lg-6.m-0, .row .col-lg-7.m-0, .row .col-lg-8.m-0, .row .col-lg-9.m-0, .row .col-lg-10.m-0, .row .col-lg-11.m-0, .row .col-lg-12.m-0 { margin: 0; } .row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; } .row .col-md-1:not(.col-no-responsive), .row .col-md-2:not(.col-no-responsive), .row .col-md-3:not(.col-no-responsive), .row .col-md-4:not(.col-no-responsive), .row .col-md-5:not(.col-no-responsive), .row .col-md-6:not(.col-no-responsive), .row .col-md-7:not(.col-no-responsive), .row .col-md-8:not(.col-no-responsive), .row .col-md-9:not(.col-no-responsive), .row .col-md-10:not(.col-no-responsive), .row .col-md-11:not(.col-no-responsive), .row .col-md-12:not(.col-no-responsive) { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .row .col-md-1:not(.col-no-responsive), .row .col-md-2:not(.col-no-responsive), .row .col-md-3:not(.col-no-responsive), .row .col-md-4:not(.col-no-responsive), .row .col-md-5:not(.col-no-responsive), .row .col-md-6:not(.col-no-responsive), .row .col-md-7:not(.col-no-responsive), .row .col-md-8:not(.col-no-responsive), .row .col-md-9:not(.col-no-responsive), .row .col-md-10:not(.col-no-responsive), .row .col-md-11:not(.col-no-responsive), .row .col-md-12:not(.col-no-responsive) { width: 100%; margin: 0.5rem 0; } } .row .col-md-1.m-0, .row .col-md-2.m-0, .row .col-md-3.m-0, .row .col-md-4.m-0, .row .col-md-5.m-0, .row .col-md-6.m-0, .row .col-md-7.m-0, .row .col-md-8.m-0, .row .col-md-9.m-0, .row .col-md-10.m-0, .row .col-md-11.m-0, .row .col-md-12.m-0 { margin: 0; } .row .col-sm-1, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .row .col-sm-1, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12 { width: 100%; margin: 0 0 1.5rem; } } @media (max-width: 480px) { .row .col-sm-1, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12 { width: 100%; margin: 0 0 1.5rem; } } .row .col-sm-1.m-0, .row .col-sm-2.m-0, .row .col-sm-3.m-0, .row .col-sm-4.m-0, .row .col-sm-5.m-0, .row .col-sm-6.m-0, .row .col-sm-7.m-0, .row .col-sm-8.m-0, .row .col-sm-9.m-0, .row .col-sm-10.m-0, .row .col-sm-11.m-0, .row .col-sm-12.m-0 { margin: 0; } .row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; } .row .col-1.m-0, .row .col-2.m-0, .row .col-3.m-0, .row .col-4.m-0, .row .col-5.m-0, .row .col-6.m-0, .row .col-7.m-0, .row .col-8.m-0, .row .col-9.m-0, .row .col-10.m-0, .row .col-11.m-0, .row .col-12.m-0 { margin: 0; } .row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12 { margin: 0; width: 100%; } } .row .col-lg-1.m-0, .row .col-lg-2.m-0, .row .col-lg-3.m-0, .row .col-lg-4.m-0, .row .col-lg-5.m-0, .row .col-lg-6.m-0, .row .col-lg-7.m-0, .row .col-lg-8.m-0, .row .col-lg-9.m-0, .row .col-lg-10.m-0, .row .col-lg-11.m-0, .row .col-lg-12.m-0 { margin: 0; } .disabled { pointer-events: none; cursor: default; text-decoration: none; opacity: 0.5; } /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /*********** * MIXINS * ************/ /*********** * STYLES * ************/ .flex, button.kebab-btn, .ce-theme button.kebab-btn { display: flex; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .flex-grid-1 { flex: 0.08; flex-basis: 8%; } .flex-grid-2 { flex: 0.16; flex-basis: 16%; } .flex-grid-3 { flex: 0.24; flex-basis: 24%; } .flex-grid-4 { flex: 0.33; flex-basis: 33%; } .flex-grid-5 { flex: 0.41; flex-basis: 41%; } .flex-grid-6 { flex: 0.49; flex-basis: 49%; } .flex-grid-7 { flex: 0.58; flex-basis: 58%; } .flex-grid-8 { flex: 0.66; flex-basis: 66%; } .flex-grid-9 { flex: 0.74; flex-basis: 74%; } .flex-grid-10 { flex: 0.83; flex-basis: 83%; } .flex-grid-11 { flex: 0.91; flex-basis: 91%; } .flex-grid-12 { flex: 0.99; flex-basis: 99%; } .flex-0-0-auto { flex: 0 0 auto; } .flex-0-0-0 { flex: 0 0 0px; } .flex-0-1-auto { flex: 0 1 auto; } .flex-0-1-0 { flex: 0 1 0px; } .flex-1-0-auto { flex: 1 0 auto; } .flex-1-0-0 { flex: 1 0 0px; } .flex-1-1-auto { flex: 1 1 auto; } .flex-1-1-0 { flex: 1 1 0px; } .flex.Xleft, button.Xleft.kebab-btn { justify-content: flex-start; } .flex.Xright, button.Xright.kebab-btn { justify-content: flex-end !important; } .flex.space-between-center, button.space-between-center.kebab-btn { align-items: center; justify-content: space-between; } .flex.space-between, button.space-between.kebab-btn { justify-content: space-between; } .flex.space-around, button.space-around.kebab-btn { justify-content: space-around; } .flex.flex-row.X-md-right, button.flex-row.X-md-right.kebab-btn, .flex.flex-column.X-md-right, button.flex-column.X-md-right.kebab-btn { justify-content: flex-end; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .flex.flex-row.X-md-right, button.flex-row.X-md-right.kebab-btn, .flex.flex-column.X-md-right, button.flex-column.X-md-right.kebab-btn { justify-content: start; } } .flex.flex-row.Xleft-Ycenter, button.flex-row.Xleft-Ycenter.kebab-btn, .flex.flex-column.Xleft-Ycenter, button.flex-column.Xleft-Ycenter.kebab-btn { align-items: center; justify-content: flex-start; } .flex.flex-row.Xright-Ycenter, button.flex-row.Xright-Ycenter.kebab-btn, .flex.flex-column.Xright-Ycenter, button.flex-column.Xright-Ycenter.kebab-btn { align-items: center; justify-content: flex-end; } .flex.flex-row.Ycenter, button.flex-row.Ycenter.kebab-btn, .flex.flex-column.Ycenter, button.flex-column.Ycenter.kebab-btn { align-items: center !important; } .flex.flex-row.Xcenter, button.flex-row.Xcenter.kebab-btn, .flex.flex-column.Xcenter, button.flex-column.Xcenter.kebab-btn { justify-content: center !important; } .flex.flex-row.Yleft, button.flex-row.Yleft.kebab-btn, .flex.flex-column.Yleft, button.flex-column.Yleft.kebab-btn { align-items: flex-start; } .flex.flex-row.Ytop, button.flex-row.Ytop.kebab-btn, .flex.flex-column.Ytop, button.flex-column.Ytop.kebab-btn { align-items: flex-start !important; } .flex.flex-row.Ybottom, button.flex-row.Ybottom.kebab-btn, .flex.flex-column.Ybottom, button.flex-column.Ybottom.kebab-btn { align-items: flex-end !important; } .flex.flex-row.noWrap, button.flex-row.noWrap.kebab-btn, .flex.flex-column.noWrap, button.flex-column.noWrap.kebab-btn { flex-wrap: nowrap; } .flex.flex-row.wrap, button.flex-row.wrap.kebab-btn, .flex.flex-column.wrap, button.flex-column.wrap.kebab-btn { flex-wrap: wrap; } .flex.flex-row.wrap-reverse, button.flex-row.wrap-reverse.kebab-btn, .flex.flex-column.wrap-reverse, button.flex-column.wrap-reverse.kebab-btn { flex-wrap: wrap-reverse; } .flex.flex-row.stretch, button.flex-row.stretch.kebab-btn, .flex.flex-column.stretch, button.flex-column.stretch.kebab-btn { align-items: stretch; align-content: stretch; } .flex.flex-row, button.flex-row.kebab-btn { flex-direction: row; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .flex.flex-row-gap-auto .flex:nth-child(even), button.flex-row-gap-auto.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-auto button.kebab-btn:nth-child(even), button.flex-row-gap-auto.kebab-btn button.kebab-btn:nth-child(even) { margin-left: auto; margin-right: auto; } .flex.flex-row-gap-auto .flex:last-child, button.flex-row-gap-auto.kebab-btn .flex:last-child, .flex.flex-row-gap-auto button.kebab-btn:last-child, button.flex-row-gap-auto.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-0 .flex:nth-child(even), button.flex-row-gap-0.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-0 button.kebab-btn:nth-child(even), button.flex-row-gap-0.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0; margin-right: 0; } .flex.flex-row-gap-0 .flex:last-child, button.flex-row-gap-0.kebab-btn .flex:last-child, .flex.flex-row-gap-0 button.kebab-btn:last-child, button.flex-row-gap-0.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-2 .flex:nth-child(even), button.flex-row-gap-2.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-2 button.kebab-btn:nth-child(even), button.flex-row-gap-2.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.125rem; margin-right: 0.125rem; } .flex.flex-row-gap-2 .flex:last-child, button.flex-row-gap-2.kebab-btn .flex:last-child, .flex.flex-row-gap-2 button.kebab-btn:last-child, button.flex-row-gap-2.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-4 .flex:nth-child(even), button.flex-row-gap-4.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-4 button.kebab-btn:nth-child(even), button.flex-row-gap-4.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.25rem; margin-right: 0.25rem; } .flex.flex-row-gap-4 .flex:last-child, button.flex-row-gap-4.kebab-btn .flex:last-child, .flex.flex-row-gap-4 button.kebab-btn:last-child, button.flex-row-gap-4.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-8 .flex:nth-child(even), button.flex-row-gap-8.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-8 button.kebab-btn:nth-child(even), button.flex-row-gap-8.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.5rem; margin-right: 0.5rem; } .flex.flex-row-gap-8 .flex:last-child, button.flex-row-gap-8.kebab-btn .flex:last-child, .flex.flex-row-gap-8 button.kebab-btn:last-child, button.flex-row-gap-8.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-12 .flex:nth-child(even), button.flex-row-gap-12.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-12 button.kebab-btn:nth-child(even), button.flex-row-gap-12.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.75rem; margin-right: 0.75rem; } .flex.flex-row-gap-12 .flex:last-child, button.flex-row-gap-12.kebab-btn .flex:last-child, .flex.flex-row-gap-12 button.kebab-btn:last-child, button.flex-row-gap-12.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-16 .flex:nth-child(even), button.flex-row-gap-16.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-16 button.kebab-btn:nth-child(even), button.flex-row-gap-16.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1rem; margin-right: 1rem; } .flex.flex-row-gap-16 .flex:last-child, button.flex-row-gap-16.kebab-btn .flex:last-child, .flex.flex-row-gap-16 button.kebab-btn:last-child, button.flex-row-gap-16.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-20 .flex:nth-child(even), button.flex-row-gap-20.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-20 button.kebab-btn:nth-child(even), button.flex-row-gap-20.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1.25rem; margin-right: 1.25rem; } .flex.flex-row-gap-20 .flex:last-child, button.flex-row-gap-20.kebab-btn .flex:last-child, .flex.flex-row-gap-20 button.kebab-btn:last-child, button.flex-row-gap-20.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-24 .flex:nth-child(even), button.flex-row-gap-24.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-24 button.kebab-btn:nth-child(even), button.flex-row-gap-24.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1.5rem; margin-right: 1.5rem; } .flex.flex-row-gap-24 .flex:last-child, button.flex-row-gap-24.kebab-btn .flex:last-child, .flex.flex-row-gap-24 button.kebab-btn:last-child, button.flex-row-gap-24.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-26 .flex:nth-child(even), button.flex-row-gap-26.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-26 button.kebab-btn:nth-child(even), button.flex-row-gap-26.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1.625rem; margin-right: 1.625rem; } .flex.flex-row-gap-26 .flex:last-child, button.flex-row-gap-26.kebab-btn .flex:last-child, .flex.flex-row-gap-26 button.kebab-btn:last-child, button.flex-row-gap-26.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-32 .flex:nth-child(even), button.flex-row-gap-32.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-32 button.kebab-btn:nth-child(even), button.flex-row-gap-32.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 2rem; margin-right: 2rem; } .flex.flex-row-gap-32 .flex:last-child, button.flex-row-gap-32.kebab-btn .flex:last-child, .flex.flex-row-gap-32 button.kebab-btn:last-child, button.flex-row-gap-32.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-36 .flex:nth-child(even), button.flex-row-gap-36.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-36 button.kebab-btn:nth-child(even), button.flex-row-gap-36.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 2.25rem; margin-right: 2.25rem; } .flex.flex-row-gap-36 .flex:last-child, button.flex-row-gap-36.kebab-btn .flex:last-child, .flex.flex-row-gap-36 button.kebab-btn:last-child, button.flex-row-gap-36.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-40 .flex:nth-child(even), button.flex-row-gap-40.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-40 button.kebab-btn:nth-child(even), button.flex-row-gap-40.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 2.5rem; margin-right: 2.5rem; } .flex.flex-row-gap-40 .flex:last-child, button.flex-row-gap-40.kebab-btn .flex:last-child, .flex.flex-row-gap-40 button.kebab-btn:last-child, button.flex-row-gap-40.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-48 .flex:nth-child(even), button.flex-row-gap-48.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-48 button.kebab-btn:nth-child(even), button.flex-row-gap-48.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 3rem; margin-right: 3rem; } .flex.flex-row-gap-48 .flex:last-child, button.flex-row-gap-48.kebab-btn .flex:last-child, .flex.flex-row-gap-48 button.kebab-btn:last-child, button.flex-row-gap-48.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-64 .flex:nth-child(even), button.flex-row-gap-64.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-64 button.kebab-btn:nth-child(even), button.flex-row-gap-64.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 4rem; margin-right: 4rem; } .flex.flex-row-gap-64 .flex:last-child, button.flex-row-gap-64.kebab-btn .flex:last-child, .flex.flex-row-gap-64 button.kebab-btn:last-child, button.flex-row-gap-64.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap-72 .flex:nth-child(even), button.flex-row-gap-72.kebab-btn .flex:nth-child(even), .flex.flex-row-gap-72 button.kebab-btn:nth-child(even), button.flex-row-gap-72.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 4.5rem; margin-right: 4.5rem; } .flex.flex-row-gap-72 .flex:last-child, button.flex-row-gap-72.kebab-btn .flex:last-child, .flex.flex-row-gap-72 button.kebab-btn:last-child, button.flex-row-gap-72.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--4 .flex:nth-child(even), button.flex-row-gap--4.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--4 button.kebab-btn:nth-child(even), button.flex-row-gap--4.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -0.25rem; margin-right: -0.25rem; } .flex.flex-row-gap--4 .flex:last-child, button.flex-row-gap--4.kebab-btn .flex:last-child, .flex.flex-row-gap--4 button.kebab-btn:last-child, button.flex-row-gap--4.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--8 .flex:nth-child(even), button.flex-row-gap--8.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--8 button.kebab-btn:nth-child(even), button.flex-row-gap--8.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -0.5rem; margin-right: -0.5rem; } .flex.flex-row-gap--8 .flex:last-child, button.flex-row-gap--8.kebab-btn .flex:last-child, .flex.flex-row-gap--8 button.kebab-btn:last-child, button.flex-row-gap--8.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--12 .flex:nth-child(even), button.flex-row-gap--12.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--12 button.kebab-btn:nth-child(even), button.flex-row-gap--12.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -0.75rem; margin-right: -0.75rem; } .flex.flex-row-gap--12 .flex:last-child, button.flex-row-gap--12.kebab-btn .flex:last-child, .flex.flex-row-gap--12 button.kebab-btn:last-child, button.flex-row-gap--12.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--16 .flex:nth-child(even), button.flex-row-gap--16.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--16 button.kebab-btn:nth-child(even), button.flex-row-gap--16.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -1rem; margin-right: -1rem; } .flex.flex-row-gap--16 .flex:last-child, button.flex-row-gap--16.kebab-btn .flex:last-child, .flex.flex-row-gap--16 button.kebab-btn:last-child, button.flex-row-gap--16.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--24 .flex:nth-child(even), button.flex-row-gap--24.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--24 button.kebab-btn:nth-child(even), button.flex-row-gap--24.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -1.5rem; margin-right: -1.5rem; } .flex.flex-row-gap--24 .flex:last-child, button.flex-row-gap--24.kebab-btn .flex:last-child, .flex.flex-row-gap--24 button.kebab-btn:last-child, button.flex-row-gap--24.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--32 .flex:nth-child(even), button.flex-row-gap--32.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--32 button.kebab-btn:nth-child(even), button.flex-row-gap--32.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -2rem; margin-right: -2rem; } .flex.flex-row-gap--32 .flex:last-child, button.flex-row-gap--32.kebab-btn .flex:last-child, .flex.flex-row-gap--32 button.kebab-btn:last-child, button.flex-row-gap--32.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .flex.flex-row-gap--40 .flex:nth-child(even), button.flex-row-gap--40.kebab-btn .flex:nth-child(even), .flex.flex-row-gap--40 button.kebab-btn:nth-child(even), button.flex-row-gap--40.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -2.5rem; margin-right: -2.5rem; } .flex.flex-row-gap--40 .flex:last-child, button.flex-row-gap--40.kebab-btn .flex:last-child, .flex.flex-row-gap--40 button.kebab-btn:last-child, button.flex-row-gap--40.kebab-btn button.kebab-btn:last-child { margin-right: 0; } @media (max-width: 768px) { .flex.flex-row-upto-m, button.flex-row-upto-m.kebab-btn { flex-direction: row !important; } } .flex.flex-column, button.flex-column.kebab-btn { flex-direction: column; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .flex.flex-column-gap-auto .flex:nth-child(even), button.flex-column-gap-auto.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-auto button.kebab-btn:nth-child(even), button.flex-column-gap-auto.kebab-btn button.kebab-btn:nth-child(even) { margin-top: auto; margin-bottom: auto; } .flex.flex-column-gap-auto .flex:last-child, button.flex-column-gap-auto.kebab-btn .flex:last-child, .flex.flex-column-gap-auto button.kebab-btn:last-child, button.flex-column-gap-auto.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-0 .flex:nth-child(even), button.flex-column-gap-0.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-0 button.kebab-btn:nth-child(even), button.flex-column-gap-0.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0; margin-bottom: 0; } .flex.flex-column-gap-0 .flex:last-child, button.flex-column-gap-0.kebab-btn .flex:last-child, .flex.flex-column-gap-0 button.kebab-btn:last-child, button.flex-column-gap-0.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-2 .flex:nth-child(even), button.flex-column-gap-2.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-2 button.kebab-btn:nth-child(even), button.flex-column-gap-2.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.125rem; margin-bottom: 0.125rem; } .flex.flex-column-gap-2 .flex:last-child, button.flex-column-gap-2.kebab-btn .flex:last-child, .flex.flex-column-gap-2 button.kebab-btn:last-child, button.flex-column-gap-2.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-4 .flex:nth-child(even), button.flex-column-gap-4.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-4 button.kebab-btn:nth-child(even), button.flex-column-gap-4.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .flex.flex-column-gap-4 .flex:last-child, button.flex-column-gap-4.kebab-btn .flex:last-child, .flex.flex-column-gap-4 button.kebab-btn:last-child, button.flex-column-gap-4.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-8 .flex:nth-child(even), button.flex-column-gap-8.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-8 button.kebab-btn:nth-child(even), button.flex-column-gap-8.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .flex.flex-column-gap-8 .flex:last-child, button.flex-column-gap-8.kebab-btn .flex:last-child, .flex.flex-column-gap-8 button.kebab-btn:last-child, button.flex-column-gap-8.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-12 .flex:nth-child(even), button.flex-column-gap-12.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-12 button.kebab-btn:nth-child(even), button.flex-column-gap-12.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .flex.flex-column-gap-12 .flex:last-child, button.flex-column-gap-12.kebab-btn .flex:last-child, .flex.flex-column-gap-12 button.kebab-btn:last-child, button.flex-column-gap-12.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-16 .flex:nth-child(even), button.flex-column-gap-16.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-16 button.kebab-btn:nth-child(even), button.flex-column-gap-16.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1rem; margin-bottom: 1rem; } .flex.flex-column-gap-16 .flex:last-child, button.flex-column-gap-16.kebab-btn .flex:last-child, .flex.flex-column-gap-16 button.kebab-btn:last-child, button.flex-column-gap-16.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-20 .flex:nth-child(even), button.flex-column-gap-20.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-20 button.kebab-btn:nth-child(even), button.flex-column-gap-20.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1.25rem; margin-bottom: 1.25rem; } .flex.flex-column-gap-20 .flex:last-child, button.flex-column-gap-20.kebab-btn .flex:last-child, .flex.flex-column-gap-20 button.kebab-btn:last-child, button.flex-column-gap-20.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-24 .flex:nth-child(even), button.flex-column-gap-24.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-24 button.kebab-btn:nth-child(even), button.flex-column-gap-24.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .flex.flex-column-gap-24 .flex:last-child, button.flex-column-gap-24.kebab-btn .flex:last-child, .flex.flex-column-gap-24 button.kebab-btn:last-child, button.flex-column-gap-24.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-26 .flex:nth-child(even), button.flex-column-gap-26.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-26 button.kebab-btn:nth-child(even), button.flex-column-gap-26.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1.625rem; margin-bottom: 1.625rem; } .flex.flex-column-gap-26 .flex:last-child, button.flex-column-gap-26.kebab-btn .flex:last-child, .flex.flex-column-gap-26 button.kebab-btn:last-child, button.flex-column-gap-26.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-32 .flex:nth-child(even), button.flex-column-gap-32.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-32 button.kebab-btn:nth-child(even), button.flex-column-gap-32.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 2rem; margin-bottom: 2rem; } .flex.flex-column-gap-32 .flex:last-child, button.flex-column-gap-32.kebab-btn .flex:last-child, .flex.flex-column-gap-32 button.kebab-btn:last-child, button.flex-column-gap-32.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-36 .flex:nth-child(even), button.flex-column-gap-36.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-36 button.kebab-btn:nth-child(even), button.flex-column-gap-36.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 2.25rem; margin-bottom: 2.25rem; } .flex.flex-column-gap-36 .flex:last-child, button.flex-column-gap-36.kebab-btn .flex:last-child, .flex.flex-column-gap-36 button.kebab-btn:last-child, button.flex-column-gap-36.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-40 .flex:nth-child(even), button.flex-column-gap-40.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-40 button.kebab-btn:nth-child(even), button.flex-column-gap-40.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 2.5rem; margin-bottom: 2.5rem; } .flex.flex-column-gap-40 .flex:last-child, button.flex-column-gap-40.kebab-btn .flex:last-child, .flex.flex-column-gap-40 button.kebab-btn:last-child, button.flex-column-gap-40.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-48 .flex:nth-child(even), button.flex-column-gap-48.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-48 button.kebab-btn:nth-child(even), button.flex-column-gap-48.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 3rem; margin-bottom: 3rem; } .flex.flex-column-gap-48 .flex:last-child, button.flex-column-gap-48.kebab-btn .flex:last-child, .flex.flex-column-gap-48 button.kebab-btn:last-child, button.flex-column-gap-48.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-64 .flex:nth-child(even), button.flex-column-gap-64.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-64 button.kebab-btn:nth-child(even), button.flex-column-gap-64.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 4rem; margin-bottom: 4rem; } .flex.flex-column-gap-64 .flex:last-child, button.flex-column-gap-64.kebab-btn .flex:last-child, .flex.flex-column-gap-64 button.kebab-btn:last-child, button.flex-column-gap-64.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap-72 .flex:nth-child(even), button.flex-column-gap-72.kebab-btn .flex:nth-child(even), .flex.flex-column-gap-72 button.kebab-btn:nth-child(even), button.flex-column-gap-72.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 4.5rem; margin-bottom: 4.5rem; } .flex.flex-column-gap-72 .flex:last-child, button.flex-column-gap-72.kebab-btn .flex:last-child, .flex.flex-column-gap-72 button.kebab-btn:last-child, button.flex-column-gap-72.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--4 .flex:nth-child(even), button.flex-column-gap--4.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--4 button.kebab-btn:nth-child(even), button.flex-column-gap--4.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -0.25rem; margin-bottom: -0.25rem; } .flex.flex-column-gap--4 .flex:last-child, button.flex-column-gap--4.kebab-btn .flex:last-child, .flex.flex-column-gap--4 button.kebab-btn:last-child, button.flex-column-gap--4.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--8 .flex:nth-child(even), button.flex-column-gap--8.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--8 button.kebab-btn:nth-child(even), button.flex-column-gap--8.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -0.5rem; margin-bottom: -0.5rem; } .flex.flex-column-gap--8 .flex:last-child, button.flex-column-gap--8.kebab-btn .flex:last-child, .flex.flex-column-gap--8 button.kebab-btn:last-child, button.flex-column-gap--8.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--12 .flex:nth-child(even), button.flex-column-gap--12.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--12 button.kebab-btn:nth-child(even), button.flex-column-gap--12.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -0.75rem; margin-bottom: -0.75rem; } .flex.flex-column-gap--12 .flex:last-child, button.flex-column-gap--12.kebab-btn .flex:last-child, .flex.flex-column-gap--12 button.kebab-btn:last-child, button.flex-column-gap--12.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--16 .flex:nth-child(even), button.flex-column-gap--16.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--16 button.kebab-btn:nth-child(even), button.flex-column-gap--16.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -1rem; margin-bottom: -1rem; } .flex.flex-column-gap--16 .flex:last-child, button.flex-column-gap--16.kebab-btn .flex:last-child, .flex.flex-column-gap--16 button.kebab-btn:last-child, button.flex-column-gap--16.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--24 .flex:nth-child(even), button.flex-column-gap--24.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--24 button.kebab-btn:nth-child(even), button.flex-column-gap--24.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -1.5rem; margin-bottom: -1.5rem; } .flex.flex-column-gap--24 .flex:last-child, button.flex-column-gap--24.kebab-btn .flex:last-child, .flex.flex-column-gap--24 button.kebab-btn:last-child, button.flex-column-gap--24.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--32 .flex:nth-child(even), button.flex-column-gap--32.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--32 button.kebab-btn:nth-child(even), button.flex-column-gap--32.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -2rem; margin-bottom: -2rem; } .flex.flex-column-gap--32 .flex:last-child, button.flex-column-gap--32.kebab-btn .flex:last-child, .flex.flex-column-gap--32 button.kebab-btn:last-child, button.flex-column-gap--32.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .flex.flex-column-gap--40 .flex:nth-child(even), button.flex-column-gap--40.kebab-btn .flex:nth-child(even), .flex.flex-column-gap--40 button.kebab-btn:nth-child(even), button.flex-column-gap--40.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -2.5rem; margin-bottom: -2.5rem; } .flex.flex-column-gap--40 .flex:last-child, button.flex-column-gap--40.kebab-btn .flex:last-child, .flex.flex-column-gap--40 button.kebab-btn:last-child, button.flex-column-gap--40.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } @media (max-width: 768px) { .flex.flex-column-upto-m, button.flex-column-upto-m.kebab-btn { flex-direction: column !important; } } .flex.flex-column.stretch, button.flex-column.stretch.kebab-btn { align-items: stretch; align-content: stretch; } .flex.flex-center, button.flex-center.kebab-btn { align-content: center; align-items: center; justify-content: center; } .flex.flex-grow, button.flex-grow.kebab-btn { flex-grow: 1; } .flex .Y-self-top, button.kebab-btn .Y-self-top { align-self: flex-start; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .flex .Y-self-top-upto-m, button.kebab-btn .Y-self-top-upto-m { align-self: flex-start; } } .flex .Y-self-bottom, button.kebab-btn .Y-self-bottom { align-self: flex-end; } .flex .Y-self-center, button.kebab-btn .Y-self-center { align-self: center; } .flex .no-shrink, button.kebab-btn .no-shrink { flex-shrink: 0; } .flex-1-auto { flex: 1 1 auto; } @media screen and (min-width: 768px) { .flex-grid-1-from-md { flex: 0.08; flex-basis: 8%; } .flex-grid-2-from-md { flex: 0.16; flex-basis: 16%; } .flex-grid-3-from-md { flex: 0.24; flex-basis: 24%; } .flex-grid-4-from-md { flex: 0.33; flex-basis: 33%; } .flex-grid-5-from-md { flex: 0.41; flex-basis: 41%; } .flex-grid-6-from-md { flex: 0.49; flex-basis: 49%; } .flex-grid-7-from-md { flex: 0.58; flex-basis: 58%; } .flex-grid-8-from-md { flex: 0.66; flex-basis: 66%; } .flex-grid-9-from-md { flex: 0.74; flex-basis: 74%; } .flex-grid-10-from-md { flex: 0.83; flex-basis: 83%; } .flex-grid-11-from-md { flex: 0.91; flex-basis: 91%; } .flex-grid-12-from-md { flex: 0.99; flex-basis: 99%; } .flex-row-from-md { flex-direction: row; flex-direction: row !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .flex-row-from-md-gap-auto .flex:nth-child(even), .flex-row-from-md-gap-auto button.kebab-btn:nth-child(even) { margin-left: auto; margin-right: auto; } .flex-row-from-md-gap-auto .flex:last-child, .flex-row-from-md-gap-auto button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-0 .flex:nth-child(even), .flex-row-from-md-gap-0 button.kebab-btn:nth-child(even) { margin-left: 0; margin-right: 0; } .flex-row-from-md-gap-0 .flex:last-child, .flex-row-from-md-gap-0 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-2 .flex:nth-child(even), .flex-row-from-md-gap-2 button.kebab-btn:nth-child(even) { margin-left: 0.125rem; margin-right: 0.125rem; } .flex-row-from-md-gap-2 .flex:last-child, .flex-row-from-md-gap-2 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-4 .flex:nth-child(even), .flex-row-from-md-gap-4 button.kebab-btn:nth-child(even) { margin-left: 0.25rem; margin-right: 0.25rem; } .flex-row-from-md-gap-4 .flex:last-child, .flex-row-from-md-gap-4 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-8 .flex:nth-child(even), .flex-row-from-md-gap-8 button.kebab-btn:nth-child(even) { margin-left: 0.5rem; margin-right: 0.5rem; } .flex-row-from-md-gap-8 .flex:last-child, .flex-row-from-md-gap-8 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-12 .flex:nth-child(even), .flex-row-from-md-gap-12 button.kebab-btn:nth-child(even) { margin-left: 0.75rem; margin-right: 0.75rem; } .flex-row-from-md-gap-12 .flex:last-child, .flex-row-from-md-gap-12 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-16 .flex:nth-child(even), .flex-row-from-md-gap-16 button.kebab-btn:nth-child(even) { margin-left: 1rem; margin-right: 1rem; } .flex-row-from-md-gap-16 .flex:last-child, .flex-row-from-md-gap-16 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-20 .flex:nth-child(even), .flex-row-from-md-gap-20 button.kebab-btn:nth-child(even) { margin-left: 1.25rem; margin-right: 1.25rem; } .flex-row-from-md-gap-20 .flex:last-child, .flex-row-from-md-gap-20 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-24 .flex:nth-child(even), .flex-row-from-md-gap-24 button.kebab-btn:nth-child(even) { margin-left: 1.5rem; margin-right: 1.5rem; } .flex-row-from-md-gap-24 .flex:last-child, .flex-row-from-md-gap-24 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-26 .flex:nth-child(even), .flex-row-from-md-gap-26 button.kebab-btn:nth-child(even) { margin-left: 1.625rem; margin-right: 1.625rem; } .flex-row-from-md-gap-26 .flex:last-child, .flex-row-from-md-gap-26 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-32 .flex:nth-child(even), .flex-row-from-md-gap-32 button.kebab-btn:nth-child(even) { margin-left: 2rem; margin-right: 2rem; } .flex-row-from-md-gap-32 .flex:last-child, .flex-row-from-md-gap-32 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-36 .flex:nth-child(even), .flex-row-from-md-gap-36 button.kebab-btn:nth-child(even) { margin-left: 2.25rem; margin-right: 2.25rem; } .flex-row-from-md-gap-36 .flex:last-child, .flex-row-from-md-gap-36 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-40 .flex:nth-child(even), .flex-row-from-md-gap-40 button.kebab-btn:nth-child(even) { margin-left: 2.5rem; margin-right: 2.5rem; } .flex-row-from-md-gap-40 .flex:last-child, .flex-row-from-md-gap-40 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-48 .flex:nth-child(even), .flex-row-from-md-gap-48 button.kebab-btn:nth-child(even) { margin-left: 3rem; margin-right: 3rem; } .flex-row-from-md-gap-48 .flex:last-child, .flex-row-from-md-gap-48 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-64 .flex:nth-child(even), .flex-row-from-md-gap-64 button.kebab-btn:nth-child(even) { margin-left: 4rem; margin-right: 4rem; } .flex-row-from-md-gap-64 .flex:last-child, .flex-row-from-md-gap-64 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap-72 .flex:nth-child(even), .flex-row-from-md-gap-72 button.kebab-btn:nth-child(even) { margin-left: 4.5rem; margin-right: 4.5rem; } .flex-row-from-md-gap-72 .flex:last-child, .flex-row-from-md-gap-72 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--4 .flex:nth-child(even), .flex-row-from-md-gap--4 button.kebab-btn:nth-child(even) { margin-left: -0.25rem; margin-right: -0.25rem; } .flex-row-from-md-gap--4 .flex:last-child, .flex-row-from-md-gap--4 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--8 .flex:nth-child(even), .flex-row-from-md-gap--8 button.kebab-btn:nth-child(even) { margin-left: -0.5rem; margin-right: -0.5rem; } .flex-row-from-md-gap--8 .flex:last-child, .flex-row-from-md-gap--8 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--12 .flex:nth-child(even), .flex-row-from-md-gap--12 button.kebab-btn:nth-child(even) { margin-left: -0.75rem; margin-right: -0.75rem; } .flex-row-from-md-gap--12 .flex:last-child, .flex-row-from-md-gap--12 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--16 .flex:nth-child(even), .flex-row-from-md-gap--16 button.kebab-btn:nth-child(even) { margin-left: -1rem; margin-right: -1rem; } .flex-row-from-md-gap--16 .flex:last-child, .flex-row-from-md-gap--16 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--24 .flex:nth-child(even), .flex-row-from-md-gap--24 button.kebab-btn:nth-child(even) { margin-left: -1.5rem; margin-right: -1.5rem; } .flex-row-from-md-gap--24 .flex:last-child, .flex-row-from-md-gap--24 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--32 .flex:nth-child(even), .flex-row-from-md-gap--32 button.kebab-btn:nth-child(even) { margin-left: -2rem; margin-right: -2rem; } .flex-row-from-md-gap--32 .flex:last-child, .flex-row-from-md-gap--32 button.kebab-btn:last-child { margin-right: 0; } .flex-row-from-md-gap--40 .flex:nth-child(even), .flex-row-from-md-gap--40 button.kebab-btn:nth-child(even) { margin-left: -2.5rem; margin-right: -2.5rem; } .flex-row-from-md-gap--40 .flex:last-child, .flex-row-from-md-gap--40 button.kebab-btn:last-child { margin-right: 0; } } @media screen and (min-width: 768px) and (max-width: 768px) { .flex-row-from-md-upto-m { flex-direction: row !important; } } @media screen and (max-width: 767px) { .flex-grid-1-upto-md { flex: 0.08; flex-basis: 8%; } .flex-grid-2-upto-md { flex: 0.16; flex-basis: 16%; } .flex-grid-3-upto-md { flex: 0.24; flex-basis: 24%; } .flex-grid-4-upto-md { flex: 0.33; flex-basis: 33%; } .flex-grid-5-upto-md { flex: 0.41; flex-basis: 41%; } .flex-grid-6-upto-md { flex: 0.49; flex-basis: 49%; } .flex-grid-7-upto-md { flex: 0.58; flex-basis: 58%; } .flex-grid-8-upto-md { flex: 0.66; flex-basis: 66%; } .flex-grid-9-upto-md { flex: 0.74; flex-basis: 74%; } .flex-grid-10-upto-md { flex: 0.83; flex-basis: 83%; } .flex-grid-11-upto-md { flex: 0.91; flex-basis: 91%; } .flex-grid-12-upto-md { flex: 0.99; flex-basis: 99%; } .flex .flex-order-0-upto-md, button.kebab-btn .flex-order-0-upto-md { order: 0; } .flex .flex-order-1-upto-md, button.kebab-btn .flex-order-1-upto-md { order: 1; } .flex .flex-order-2-upto-md, button.kebab-btn .flex-order-2-upto-md { order: 2; } .flex .flex-order-3-upto-md, button.kebab-btn .flex-order-3-upto-md { order: 3; } .flex .flex-order-4-upto-md, button.kebab-btn .flex-order-4-upto-md { order: 4; } .flex .flex-order-5-upto-md, button.kebab-btn .flex-order-5-upto-md { order: 5; } .flex .flex-order-6-upto-md, button.kebab-btn .flex-order-6-upto-md { order: 6; } .flex .flex-order-7-upto-md, button.kebab-btn .flex-order-7-upto-md { order: 7; } .flex .flex-order-8-upto-md, button.kebab-btn .flex-order-8-upto-md { order: 8; } .flex .flex-order-9-upto-md, button.kebab-btn .flex-order-9-upto-md { order: 9; } .flex .flex-order-10-upto-md, button.kebab-btn .flex-order-10-upto-md { order: 10; } .flex .flex-order-11-upto-md, button.kebab-btn .flex-order-11-upto-md { order: 11; } .flex .flex-order-12-upto-md, button.kebab-btn .flex-order-12-upto-md { order: 12; } .flex-wrap-upto-md { flex-wrap: wrap; } .flex-column-upto-md { flex-direction: column; flex-direction: column !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ flex-direction: column !important; } .flex-column-upto-md-gap-auto .flex:nth-child(even), .flex-column-upto-md-gap-auto button.kebab-btn:nth-child(even) { margin-top: auto; margin-bottom: auto; } .flex-column-upto-md-gap-auto .flex:last-child, .flex-column-upto-md-gap-auto button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-0 .flex:nth-child(even), .flex-column-upto-md-gap-0 button.kebab-btn:nth-child(even) { margin-top: 0; margin-bottom: 0; } .flex-column-upto-md-gap-0 .flex:last-child, .flex-column-upto-md-gap-0 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-2 .flex:nth-child(even), .flex-column-upto-md-gap-2 button.kebab-btn:nth-child(even) { margin-top: 0.125rem; margin-bottom: 0.125rem; } .flex-column-upto-md-gap-2 .flex:last-child, .flex-column-upto-md-gap-2 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-4 .flex:nth-child(even), .flex-column-upto-md-gap-4 button.kebab-btn:nth-child(even) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .flex-column-upto-md-gap-4 .flex:last-child, .flex-column-upto-md-gap-4 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-8 .flex:nth-child(even), .flex-column-upto-md-gap-8 button.kebab-btn:nth-child(even) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .flex-column-upto-md-gap-8 .flex:last-child, .flex-column-upto-md-gap-8 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-12 .flex:nth-child(even), .flex-column-upto-md-gap-12 button.kebab-btn:nth-child(even) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .flex-column-upto-md-gap-12 .flex:last-child, .flex-column-upto-md-gap-12 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-16 .flex:nth-child(even), .flex-column-upto-md-gap-16 button.kebab-btn:nth-child(even) { margin-top: 1rem; margin-bottom: 1rem; } .flex-column-upto-md-gap-16 .flex:last-child, .flex-column-upto-md-gap-16 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-20 .flex:nth-child(even), .flex-column-upto-md-gap-20 button.kebab-btn:nth-child(even) { margin-top: 1.25rem; margin-bottom: 1.25rem; } .flex-column-upto-md-gap-20 .flex:last-child, .flex-column-upto-md-gap-20 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-24 .flex:nth-child(even), .flex-column-upto-md-gap-24 button.kebab-btn:nth-child(even) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .flex-column-upto-md-gap-24 .flex:last-child, .flex-column-upto-md-gap-24 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-26 .flex:nth-child(even), .flex-column-upto-md-gap-26 button.kebab-btn:nth-child(even) { margin-top: 1.625rem; margin-bottom: 1.625rem; } .flex-column-upto-md-gap-26 .flex:last-child, .flex-column-upto-md-gap-26 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-32 .flex:nth-child(even), .flex-column-upto-md-gap-32 button.kebab-btn:nth-child(even) { margin-top: 2rem; margin-bottom: 2rem; } .flex-column-upto-md-gap-32 .flex:last-child, .flex-column-upto-md-gap-32 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-36 .flex:nth-child(even), .flex-column-upto-md-gap-36 button.kebab-btn:nth-child(even) { margin-top: 2.25rem; margin-bottom: 2.25rem; } .flex-column-upto-md-gap-36 .flex:last-child, .flex-column-upto-md-gap-36 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-40 .flex:nth-child(even), .flex-column-upto-md-gap-40 button.kebab-btn:nth-child(even) { margin-top: 2.5rem; margin-bottom: 2.5rem; } .flex-column-upto-md-gap-40 .flex:last-child, .flex-column-upto-md-gap-40 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-48 .flex:nth-child(even), .flex-column-upto-md-gap-48 button.kebab-btn:nth-child(even) { margin-top: 3rem; margin-bottom: 3rem; } .flex-column-upto-md-gap-48 .flex:last-child, .flex-column-upto-md-gap-48 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-64 .flex:nth-child(even), .flex-column-upto-md-gap-64 button.kebab-btn:nth-child(even) { margin-top: 4rem; margin-bottom: 4rem; } .flex-column-upto-md-gap-64 .flex:last-child, .flex-column-upto-md-gap-64 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap-72 .flex:nth-child(even), .flex-column-upto-md-gap-72 button.kebab-btn:nth-child(even) { margin-top: 4.5rem; margin-bottom: 4.5rem; } .flex-column-upto-md-gap-72 .flex:last-child, .flex-column-upto-md-gap-72 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--4 .flex:nth-child(even), .flex-column-upto-md-gap--4 button.kebab-btn:nth-child(even) { margin-top: -0.25rem; margin-bottom: -0.25rem; } .flex-column-upto-md-gap--4 .flex:last-child, .flex-column-upto-md-gap--4 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--8 .flex:nth-child(even), .flex-column-upto-md-gap--8 button.kebab-btn:nth-child(even) { margin-top: -0.5rem; margin-bottom: -0.5rem; } .flex-column-upto-md-gap--8 .flex:last-child, .flex-column-upto-md-gap--8 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--12 .flex:nth-child(even), .flex-column-upto-md-gap--12 button.kebab-btn:nth-child(even) { margin-top: -0.75rem; margin-bottom: -0.75rem; } .flex-column-upto-md-gap--12 .flex:last-child, .flex-column-upto-md-gap--12 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--16 .flex:nth-child(even), .flex-column-upto-md-gap--16 button.kebab-btn:nth-child(even) { margin-top: -1rem; margin-bottom: -1rem; } .flex-column-upto-md-gap--16 .flex:last-child, .flex-column-upto-md-gap--16 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--24 .flex:nth-child(even), .flex-column-upto-md-gap--24 button.kebab-btn:nth-child(even) { margin-top: -1.5rem; margin-bottom: -1.5rem; } .flex-column-upto-md-gap--24 .flex:last-child, .flex-column-upto-md-gap--24 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--32 .flex:nth-child(even), .flex-column-upto-md-gap--32 button.kebab-btn:nth-child(even) { margin-top: -2rem; margin-bottom: -2rem; } .flex-column-upto-md-gap--32 .flex:last-child, .flex-column-upto-md-gap--32 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-md-gap--40 .flex:nth-child(even), .flex-column-upto-md-gap--40 button.kebab-btn:nth-child(even) { margin-top: -2.5rem; margin-bottom: -2.5rem; } .flex-column-upto-md-gap--40 .flex:last-child, .flex-column-upto-md-gap--40 button.kebab-btn:last-child { margin-bottom: 0; } } @media screen and (max-width: 767px) and (max-width: 768px) { .flex-column-upto-md-upto-m { flex-direction: column !important; } } @media (max-width: 992px) { .flex-grid-1-upto-tablet { flex: 0.08; flex-basis: 8%; } .flex-grid-2-upto-tablet { flex: 0.16; flex-basis: 16%; } .flex-grid-3-upto-tablet { flex: 0.24; flex-basis: 24%; } .flex-grid-4-upto-tablet { flex: 0.33; flex-basis: 33%; } .flex-grid-5-upto-tablet { flex: 0.41; flex-basis: 41%; } .flex-grid-6-upto-tablet { flex: 0.49; flex-basis: 49%; } .flex-grid-7-upto-tablet { flex: 0.58; flex-basis: 58%; } .flex-grid-8-upto-tablet { flex: 0.66; flex-basis: 66%; } .flex-grid-9-upto-tablet { flex: 0.74; flex-basis: 74%; } .flex-grid-10-upto-tablet { flex: 0.83; flex-basis: 83%; } .flex-grid-11-upto-tablet { flex: 0.91; flex-basis: 91%; } .flex-grid-12-upto-tablet { flex: 0.99; flex-basis: 99%; } .flex .flex-order-0-upto-tablet, button.kebab-btn .flex-order-0-upto-tablet { order: 0; } .flex .flex-order-1-upto-tablet, button.kebab-btn .flex-order-1-upto-tablet { order: 1; } .flex .flex-order-2-upto-tablet, button.kebab-btn .flex-order-2-upto-tablet { order: 2; } .flex .flex-order-3-upto-tablet, button.kebab-btn .flex-order-3-upto-tablet { order: 3; } .flex .flex-order-4-upto-tablet, button.kebab-btn .flex-order-4-upto-tablet { order: 4; } .flex .flex-order-5-upto-tablet, button.kebab-btn .flex-order-5-upto-tablet { order: 5; } .flex .flex-order-6-upto-tablet, button.kebab-btn .flex-order-6-upto-tablet { order: 6; } .flex .flex-order-7-upto-tablet, button.kebab-btn .flex-order-7-upto-tablet { order: 7; } .flex .flex-order-8-upto-tablet, button.kebab-btn .flex-order-8-upto-tablet { order: 8; } .flex .flex-order-9-upto-tablet, button.kebab-btn .flex-order-9-upto-tablet { order: 9; } .flex .flex-order-10-upto-tablet, button.kebab-btn .flex-order-10-upto-tablet { order: 10; } .flex .flex-order-11-upto-tablet, button.kebab-btn .flex-order-11-upto-tablet { order: 11; } .flex .flex-order-12-upto-tablet, button.kebab-btn .flex-order-12-upto-tablet { order: 12; } .flex-upto-tablet { display: flex; } .flex-column-upto-tablet { flex-direction: column; flex-direction: column !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .flex-column-upto-tablet-gap-auto .flex:nth-child(even), .flex-column-upto-tablet-gap-auto button.kebab-btn:nth-child(even) { margin-top: auto; margin-bottom: auto; } .flex-column-upto-tablet-gap-auto .flex:last-child, .flex-column-upto-tablet-gap-auto button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-0 .flex:nth-child(even), .flex-column-upto-tablet-gap-0 button.kebab-btn:nth-child(even) { margin-top: 0; margin-bottom: 0; } .flex-column-upto-tablet-gap-0 .flex:last-child, .flex-column-upto-tablet-gap-0 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-2 .flex:nth-child(even), .flex-column-upto-tablet-gap-2 button.kebab-btn:nth-child(even) { margin-top: 0.125rem; margin-bottom: 0.125rem; } .flex-column-upto-tablet-gap-2 .flex:last-child, .flex-column-upto-tablet-gap-2 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-4 .flex:nth-child(even), .flex-column-upto-tablet-gap-4 button.kebab-btn:nth-child(even) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .flex-column-upto-tablet-gap-4 .flex:last-child, .flex-column-upto-tablet-gap-4 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-8 .flex:nth-child(even), .flex-column-upto-tablet-gap-8 button.kebab-btn:nth-child(even) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .flex-column-upto-tablet-gap-8 .flex:last-child, .flex-column-upto-tablet-gap-8 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-12 .flex:nth-child(even), .flex-column-upto-tablet-gap-12 button.kebab-btn:nth-child(even) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .flex-column-upto-tablet-gap-12 .flex:last-child, .flex-column-upto-tablet-gap-12 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-16 .flex:nth-child(even), .flex-column-upto-tablet-gap-16 button.kebab-btn:nth-child(even) { margin-top: 1rem; margin-bottom: 1rem; } .flex-column-upto-tablet-gap-16 .flex:last-child, .flex-column-upto-tablet-gap-16 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-20 .flex:nth-child(even), .flex-column-upto-tablet-gap-20 button.kebab-btn:nth-child(even) { margin-top: 1.25rem; margin-bottom: 1.25rem; } .flex-column-upto-tablet-gap-20 .flex:last-child, .flex-column-upto-tablet-gap-20 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-24 .flex:nth-child(even), .flex-column-upto-tablet-gap-24 button.kebab-btn:nth-child(even) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .flex-column-upto-tablet-gap-24 .flex:last-child, .flex-column-upto-tablet-gap-24 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-26 .flex:nth-child(even), .flex-column-upto-tablet-gap-26 button.kebab-btn:nth-child(even) { margin-top: 1.625rem; margin-bottom: 1.625rem; } .flex-column-upto-tablet-gap-26 .flex:last-child, .flex-column-upto-tablet-gap-26 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-32 .flex:nth-child(even), .flex-column-upto-tablet-gap-32 button.kebab-btn:nth-child(even) { margin-top: 2rem; margin-bottom: 2rem; } .flex-column-upto-tablet-gap-32 .flex:last-child, .flex-column-upto-tablet-gap-32 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-36 .flex:nth-child(even), .flex-column-upto-tablet-gap-36 button.kebab-btn:nth-child(even) { margin-top: 2.25rem; margin-bottom: 2.25rem; } .flex-column-upto-tablet-gap-36 .flex:last-child, .flex-column-upto-tablet-gap-36 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-40 .flex:nth-child(even), .flex-column-upto-tablet-gap-40 button.kebab-btn:nth-child(even) { margin-top: 2.5rem; margin-bottom: 2.5rem; } .flex-column-upto-tablet-gap-40 .flex:last-child, .flex-column-upto-tablet-gap-40 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-48 .flex:nth-child(even), .flex-column-upto-tablet-gap-48 button.kebab-btn:nth-child(even) { margin-top: 3rem; margin-bottom: 3rem; } .flex-column-upto-tablet-gap-48 .flex:last-child, .flex-column-upto-tablet-gap-48 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-64 .flex:nth-child(even), .flex-column-upto-tablet-gap-64 button.kebab-btn:nth-child(even) { margin-top: 4rem; margin-bottom: 4rem; } .flex-column-upto-tablet-gap-64 .flex:last-child, .flex-column-upto-tablet-gap-64 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap-72 .flex:nth-child(even), .flex-column-upto-tablet-gap-72 button.kebab-btn:nth-child(even) { margin-top: 4.5rem; margin-bottom: 4.5rem; } .flex-column-upto-tablet-gap-72 .flex:last-child, .flex-column-upto-tablet-gap-72 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--4 .flex:nth-child(even), .flex-column-upto-tablet-gap--4 button.kebab-btn:nth-child(even) { margin-top: -0.25rem; margin-bottom: -0.25rem; } .flex-column-upto-tablet-gap--4 .flex:last-child, .flex-column-upto-tablet-gap--4 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--8 .flex:nth-child(even), .flex-column-upto-tablet-gap--8 button.kebab-btn:nth-child(even) { margin-top: -0.5rem; margin-bottom: -0.5rem; } .flex-column-upto-tablet-gap--8 .flex:last-child, .flex-column-upto-tablet-gap--8 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--12 .flex:nth-child(even), .flex-column-upto-tablet-gap--12 button.kebab-btn:nth-child(even) { margin-top: -0.75rem; margin-bottom: -0.75rem; } .flex-column-upto-tablet-gap--12 .flex:last-child, .flex-column-upto-tablet-gap--12 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--16 .flex:nth-child(even), .flex-column-upto-tablet-gap--16 button.kebab-btn:nth-child(even) { margin-top: -1rem; margin-bottom: -1rem; } .flex-column-upto-tablet-gap--16 .flex:last-child, .flex-column-upto-tablet-gap--16 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--24 .flex:nth-child(even), .flex-column-upto-tablet-gap--24 button.kebab-btn:nth-child(even) { margin-top: -1.5rem; margin-bottom: -1.5rem; } .flex-column-upto-tablet-gap--24 .flex:last-child, .flex-column-upto-tablet-gap--24 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--32 .flex:nth-child(even), .flex-column-upto-tablet-gap--32 button.kebab-btn:nth-child(even) { margin-top: -2rem; margin-bottom: -2rem; } .flex-column-upto-tablet-gap--32 .flex:last-child, .flex-column-upto-tablet-gap--32 button.kebab-btn:last-child { margin-bottom: 0; } .flex-column-upto-tablet-gap--40 .flex:nth-child(even), .flex-column-upto-tablet-gap--40 button.kebab-btn:nth-child(even) { margin-top: -2.5rem; margin-bottom: -2.5rem; } .flex-column-upto-tablet-gap--40 .flex:last-child, .flex-column-upto-tablet-gap--40 button.kebab-btn:last-child { margin-bottom: 0; } } @media (max-width: 992px) and (max-width: 768px) { .flex-column-upto-tablet-upto-m { flex-direction: column !important; } } @media screen and (max-width: 1199px) { .flex.space-between-upto-md, button.space-between-upto-md.kebab-btn { justify-content: space-between; } } /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /**********/ /* MIXINS */ /**********/ /***********/ /* CLASSES */ /***********/ /* Adds styles for paddings like: mb, mt, ml, mr, mb-except-last, mt-except-last, ml-except-last, mr-except-last Each of them has responsive suffix: *-upto-l */ .m-auto { margin: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-auto-upto-l { margin: auto !important; } } @media (max-width: 768px) { .m-auto-upto-m { margin: auto !important; } } @media (max-width: 576px) { .m-auto-upto-s { margin: auto !important; } } @media (min-width: 577px) { .m-auto-from-s { margin: auto !important; } } @media screen and (max-width: 767px) { .m-auto-upto-md { margin: auto !important; } } @media screen and (min-width: 768px) { .m-auto-from-md { margin: auto !important; } } .mb-auto { margin-bottom: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-auto-upto-l { margin-bottom: auto !important; } } @media (max-width: 768px) { .mb-auto-upto-m { margin-bottom: auto !important; } } @media (max-width: 576px) { .mb-auto-upto-s { margin-bottom: auto !important; } } @media (min-width: 577px) { .mb-auto-from-s { margin-bottom: auto !important; } } @media screen and (max-width: 767px) { .mb-auto-upto-md { margin-bottom: auto !important; } } @media screen and (min-width: 768px) { .mb-auto-from-md { margin-bottom: auto !important; } } .mt-auto { margin-top: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-auto-upto-l { margin-top: auto !important; } } @media (max-width: 768px) { .mt-auto-upto-m { margin-top: auto !important; } } @media (max-width: 576px) { .mt-auto-upto-s { margin-top: auto !important; } } @media (min-width: 577px) { .mt-auto-from-s { margin-top: auto !important; } } @media screen and (max-width: 767px) { .mt-auto-upto-md { margin-top: auto !important; } } @media screen and (min-width: 768px) { .mt-auto-from-md { margin-top: auto !important; } } .mr-auto { margin-right: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-auto-upto-l { margin-right: auto !important; } } @media (max-width: 768px) { .mr-auto-upto-m { margin-right: auto !important; } } @media (max-width: 576px) { .mr-auto-upto-s { margin-right: auto !important; } } @media (min-width: 577px) { .mr-auto-from-s { margin-right: auto !important; } } @media screen and (max-width: 767px) { .mr-auto-upto-md { margin-right: auto !important; } } @media screen and (min-width: 768px) { .mr-auto-from-md { margin-right: auto !important; } } .ml-auto { margin-left: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-auto-upto-l { margin-left: auto !important; } } @media (max-width: 768px) { .ml-auto-upto-m { margin-left: auto !important; } } @media (max-width: 576px) { .ml-auto-upto-s { margin-left: auto !important; } } @media (min-width: 577px) { .ml-auto-from-s { margin-left: auto !important; } } @media screen and (max-width: 767px) { .ml-auto-upto-md { margin-left: auto !important; } } @media screen and (min-width: 768px) { .ml-auto-from-md { margin-left: auto !important; } } .m-0 { margin: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-0-upto-l { margin: 0 !important; } } @media (max-width: 768px) { .m-0-upto-m { margin: 0 !important; } } @media (max-width: 576px) { .m-0-upto-s { margin: 0 !important; } } @media (min-width: 577px) { .m-0-from-s { margin: 0 !important; } } @media screen and (max-width: 767px) { .m-0-upto-md { margin: 0 !important; } } @media screen and (min-width: 768px) { .m-0-from-md { margin: 0 !important; } } .mb-0 { margin-bottom: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-0-upto-l { margin-bottom: 0 !important; } } @media (max-width: 768px) { .mb-0-upto-m { margin-bottom: 0 !important; } } @media (max-width: 576px) { .mb-0-upto-s { margin-bottom: 0 !important; } } @media (min-width: 577px) { .mb-0-from-s { margin-bottom: 0 !important; } } @media screen and (max-width: 767px) { .mb-0-upto-md { margin-bottom: 0 !important; } } @media screen and (min-width: 768px) { .mb-0-from-md { margin-bottom: 0 !important; } } .mt-0 { margin-top: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-0-upto-l { margin-top: 0 !important; } } @media (max-width: 768px) { .mt-0-upto-m { margin-top: 0 !important; } } @media (max-width: 576px) { .mt-0-upto-s { margin-top: 0 !important; } } @media (min-width: 577px) { .mt-0-from-s { margin-top: 0 !important; } } @media screen and (max-width: 767px) { .mt-0-upto-md { margin-top: 0 !important; } } @media screen and (min-width: 768px) { .mt-0-from-md { margin-top: 0 !important; } } .mr-0 { margin-right: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-0-upto-l { margin-right: 0 !important; } } @media (max-width: 768px) { .mr-0-upto-m { margin-right: 0 !important; } } @media (max-width: 576px) { .mr-0-upto-s { margin-right: 0 !important; } } @media (min-width: 577px) { .mr-0-from-s { margin-right: 0 !important; } } @media screen and (max-width: 767px) { .mr-0-upto-md { margin-right: 0 !important; } } @media screen and (min-width: 768px) { .mr-0-from-md { margin-right: 0 !important; } } .ml-0 { margin-left: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-0-upto-l { margin-left: 0 !important; } } @media (max-width: 768px) { .ml-0-upto-m { margin-left: 0 !important; } } @media (max-width: 576px) { .ml-0-upto-s { margin-left: 0 !important; } } @media (min-width: 577px) { .ml-0-from-s { margin-left: 0 !important; } } @media screen and (max-width: 767px) { .ml-0-upto-md { margin-left: 0 !important; } } @media screen and (min-width: 768px) { .ml-0-from-md { margin-left: 0 !important; } } .m-2 { margin: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-2-upto-l { margin: 0.125rem !important; } } @media (max-width: 768px) { .m-2-upto-m { margin: 0.125rem !important; } } @media (max-width: 576px) { .m-2-upto-s { margin: 0.125rem !important; } } @media (min-width: 577px) { .m-2-from-s { margin: 0.125rem !important; } } @media screen and (max-width: 767px) { .m-2-upto-md { margin: 0.125rem !important; } } @media screen and (min-width: 768px) { .m-2-from-md { margin: 0.125rem !important; } } .mb-2 { margin-bottom: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-2-upto-l { margin-bottom: 0.125rem !important; } } @media (max-width: 768px) { .mb-2-upto-m { margin-bottom: 0.125rem !important; } } @media (max-width: 576px) { .mb-2-upto-s { margin-bottom: 0.125rem !important; } } @media (min-width: 577px) { .mb-2-from-s { margin-bottom: 0.125rem !important; } } @media screen and (max-width: 767px) { .mb-2-upto-md { margin-bottom: 0.125rem !important; } } @media screen and (min-width: 768px) { .mb-2-from-md { margin-bottom: 0.125rem !important; } } .mt-2 { margin-top: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-2-upto-l { margin-top: 0.125rem !important; } } @media (max-width: 768px) { .mt-2-upto-m { margin-top: 0.125rem !important; } } @media (max-width: 576px) { .mt-2-upto-s { margin-top: 0.125rem !important; } } @media (min-width: 577px) { .mt-2-from-s { margin-top: 0.125rem !important; } } @media screen and (max-width: 767px) { .mt-2-upto-md { margin-top: 0.125rem !important; } } @media screen and (min-width: 768px) { .mt-2-from-md { margin-top: 0.125rem !important; } } .mr-2 { margin-right: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-2-upto-l { margin-right: 0.125rem !important; } } @media (max-width: 768px) { .mr-2-upto-m { margin-right: 0.125rem !important; } } @media (max-width: 576px) { .mr-2-upto-s { margin-right: 0.125rem !important; } } @media (min-width: 577px) { .mr-2-from-s { margin-right: 0.125rem !important; } } @media screen and (max-width: 767px) { .mr-2-upto-md { margin-right: 0.125rem !important; } } @media screen and (min-width: 768px) { .mr-2-from-md { margin-right: 0.125rem !important; } } .ml-2 { margin-left: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-2-upto-l { margin-left: 0.125rem !important; } } @media (max-width: 768px) { .ml-2-upto-m { margin-left: 0.125rem !important; } } @media (max-width: 576px) { .ml-2-upto-s { margin-left: 0.125rem !important; } } @media (min-width: 577px) { .ml-2-from-s { margin-left: 0.125rem !important; } } @media screen and (max-width: 767px) { .ml-2-upto-md { margin-left: 0.125rem !important; } } @media screen and (min-width: 768px) { .ml-2-from-md { margin-left: 0.125rem !important; } } .m-4 { margin: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-4-upto-l { margin: 0.25rem !important; } } @media (max-width: 768px) { .m-4-upto-m { margin: 0.25rem !important; } } @media (max-width: 576px) { .m-4-upto-s { margin: 0.25rem !important; } } @media (min-width: 577px) { .m-4-from-s { margin: 0.25rem !important; } } @media screen and (max-width: 767px) { .m-4-upto-md { margin: 0.25rem !important; } } @media screen and (min-width: 768px) { .m-4-from-md { margin: 0.25rem !important; } } .mb-4 { margin-bottom: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-4-upto-l { margin-bottom: 0.25rem !important; } } @media (max-width: 768px) { .mb-4-upto-m { margin-bottom: 0.25rem !important; } } @media (max-width: 576px) { .mb-4-upto-s { margin-bottom: 0.25rem !important; } } @media (min-width: 577px) { .mb-4-from-s { margin-bottom: 0.25rem !important; } } @media screen and (max-width: 767px) { .mb-4-upto-md { margin-bottom: 0.25rem !important; } } @media screen and (min-width: 768px) { .mb-4-from-md { margin-bottom: 0.25rem !important; } } .mt-4 { margin-top: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-4-upto-l { margin-top: 0.25rem !important; } } @media (max-width: 768px) { .mt-4-upto-m { margin-top: 0.25rem !important; } } @media (max-width: 576px) { .mt-4-upto-s { margin-top: 0.25rem !important; } } @media (min-width: 577px) { .mt-4-from-s { margin-top: 0.25rem !important; } } @media screen and (max-width: 767px) { .mt-4-upto-md { margin-top: 0.25rem !important; } } @media screen and (min-width: 768px) { .mt-4-from-md { margin-top: 0.25rem !important; } } .mr-4 { margin-right: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-4-upto-l { margin-right: 0.25rem !important; } } @media (max-width: 768px) { .mr-4-upto-m { margin-right: 0.25rem !important; } } @media (max-width: 576px) { .mr-4-upto-s { margin-right: 0.25rem !important; } } @media (min-width: 577px) { .mr-4-from-s { margin-right: 0.25rem !important; } } @media screen and (max-width: 767px) { .mr-4-upto-md { margin-right: 0.25rem !important; } } @media screen and (min-width: 768px) { .mr-4-from-md { margin-right: 0.25rem !important; } } .ml-4 { margin-left: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-4-upto-l { margin-left: 0.25rem !important; } } @media (max-width: 768px) { .ml-4-upto-m { margin-left: 0.25rem !important; } } @media (max-width: 576px) { .ml-4-upto-s { margin-left: 0.25rem !important; } } @media (min-width: 577px) { .ml-4-from-s { margin-left: 0.25rem !important; } } @media screen and (max-width: 767px) { .ml-4-upto-md { margin-left: 0.25rem !important; } } @media screen and (min-width: 768px) { .ml-4-from-md { margin-left: 0.25rem !important; } } .m-8 { margin: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-8-upto-l { margin: 0.5rem !important; } } @media (max-width: 768px) { .m-8-upto-m { margin: 0.5rem !important; } } @media (max-width: 576px) { .m-8-upto-s { margin: 0.5rem !important; } } @media (min-width: 577px) { .m-8-from-s { margin: 0.5rem !important; } } @media screen and (max-width: 767px) { .m-8-upto-md { margin: 0.5rem !important; } } @media screen and (min-width: 768px) { .m-8-from-md { margin: 0.5rem !important; } } .mb-8 { margin-bottom: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-8-upto-l { margin-bottom: 0.5rem !important; } } @media (max-width: 768px) { .mb-8-upto-m { margin-bottom: 0.5rem !important; } } @media (max-width: 576px) { .mb-8-upto-s { margin-bottom: 0.5rem !important; } } @media (min-width: 577px) { .mb-8-from-s { margin-bottom: 0.5rem !important; } } @media screen and (max-width: 767px) { .mb-8-upto-md { margin-bottom: 0.5rem !important; } } @media screen and (min-width: 768px) { .mb-8-from-md { margin-bottom: 0.5rem !important; } } .mt-8 { margin-top: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-8-upto-l { margin-top: 0.5rem !important; } } @media (max-width: 768px) { .mt-8-upto-m { margin-top: 0.5rem !important; } } @media (max-width: 576px) { .mt-8-upto-s { margin-top: 0.5rem !important; } } @media (min-width: 577px) { .mt-8-from-s { margin-top: 0.5rem !important; } } @media screen and (max-width: 767px) { .mt-8-upto-md { margin-top: 0.5rem !important; } } @media screen and (min-width: 768px) { .mt-8-from-md { margin-top: 0.5rem !important; } } .mr-8 { margin-right: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-8-upto-l { margin-right: 0.5rem !important; } } @media (max-width: 768px) { .mr-8-upto-m { margin-right: 0.5rem !important; } } @media (max-width: 576px) { .mr-8-upto-s { margin-right: 0.5rem !important; } } @media (min-width: 577px) { .mr-8-from-s { margin-right: 0.5rem !important; } } @media screen and (max-width: 767px) { .mr-8-upto-md { margin-right: 0.5rem !important; } } @media screen and (min-width: 768px) { .mr-8-from-md { margin-right: 0.5rem !important; } } .ml-8 { margin-left: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-8-upto-l { margin-left: 0.5rem !important; } } @media (max-width: 768px) { .ml-8-upto-m { margin-left: 0.5rem !important; } } @media (max-width: 576px) { .ml-8-upto-s { margin-left: 0.5rem !important; } } @media (min-width: 577px) { .ml-8-from-s { margin-left: 0.5rem !important; } } @media screen and (max-width: 767px) { .ml-8-upto-md { margin-left: 0.5rem !important; } } @media screen and (min-width: 768px) { .ml-8-from-md { margin-left: 0.5rem !important; } } .m-12 { margin: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-12-upto-l { margin: 0.75rem !important; } } @media (max-width: 768px) { .m-12-upto-m { margin: 0.75rem !important; } } @media (max-width: 576px) { .m-12-upto-s { margin: 0.75rem !important; } } @media (min-width: 577px) { .m-12-from-s { margin: 0.75rem !important; } } @media screen and (max-width: 767px) { .m-12-upto-md { margin: 0.75rem !important; } } @media screen and (min-width: 768px) { .m-12-from-md { margin: 0.75rem !important; } } .mb-12 { margin-bottom: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-12-upto-l { margin-bottom: 0.75rem !important; } } @media (max-width: 768px) { .mb-12-upto-m { margin-bottom: 0.75rem !important; } } @media (max-width: 576px) { .mb-12-upto-s { margin-bottom: 0.75rem !important; } } @media (min-width: 577px) { .mb-12-from-s { margin-bottom: 0.75rem !important; } } @media screen and (max-width: 767px) { .mb-12-upto-md { margin-bottom: 0.75rem !important; } } @media screen and (min-width: 768px) { .mb-12-from-md { margin-bottom: 0.75rem !important; } } .mt-12 { margin-top: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-12-upto-l { margin-top: 0.75rem !important; } } @media (max-width: 768px) { .mt-12-upto-m { margin-top: 0.75rem !important; } } @media (max-width: 576px) { .mt-12-upto-s { margin-top: 0.75rem !important; } } @media (min-width: 577px) { .mt-12-from-s { margin-top: 0.75rem !important; } } @media screen and (max-width: 767px) { .mt-12-upto-md { margin-top: 0.75rem !important; } } @media screen and (min-width: 768px) { .mt-12-from-md { margin-top: 0.75rem !important; } } .mr-12 { margin-right: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-12-upto-l { margin-right: 0.75rem !important; } } @media (max-width: 768px) { .mr-12-upto-m { margin-right: 0.75rem !important; } } @media (max-width: 576px) { .mr-12-upto-s { margin-right: 0.75rem !important; } } @media (min-width: 577px) { .mr-12-from-s { margin-right: 0.75rem !important; } } @media screen and (max-width: 767px) { .mr-12-upto-md { margin-right: 0.75rem !important; } } @media screen and (min-width: 768px) { .mr-12-from-md { margin-right: 0.75rem !important; } } .ml-12 { margin-left: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-12-upto-l { margin-left: 0.75rem !important; } } @media (max-width: 768px) { .ml-12-upto-m { margin-left: 0.75rem !important; } } @media (max-width: 576px) { .ml-12-upto-s { margin-left: 0.75rem !important; } } @media (min-width: 577px) { .ml-12-from-s { margin-left: 0.75rem !important; } } @media screen and (max-width: 767px) { .ml-12-upto-md { margin-left: 0.75rem !important; } } @media screen and (min-width: 768px) { .ml-12-from-md { margin-left: 0.75rem !important; } } .m-16 { margin: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-16-upto-l { margin: 1rem !important; } } @media (max-width: 768px) { .m-16-upto-m { margin: 1rem !important; } } @media (max-width: 576px) { .m-16-upto-s { margin: 1rem !important; } } @media (min-width: 577px) { .m-16-from-s { margin: 1rem !important; } } @media screen and (max-width: 767px) { .m-16-upto-md { margin: 1rem !important; } } @media screen and (min-width: 768px) { .m-16-from-md { margin: 1rem !important; } } .mb-16 { margin-bottom: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-16-upto-l { margin-bottom: 1rem !important; } } @media (max-width: 768px) { .mb-16-upto-m { margin-bottom: 1rem !important; } } @media (max-width: 576px) { .mb-16-upto-s { margin-bottom: 1rem !important; } } @media (min-width: 577px) { .mb-16-from-s { margin-bottom: 1rem !important; } } @media screen and (max-width: 767px) { .mb-16-upto-md { margin-bottom: 1rem !important; } } @media screen and (min-width: 768px) { .mb-16-from-md { margin-bottom: 1rem !important; } } .mt-16 { margin-top: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-16-upto-l { margin-top: 1rem !important; } } @media (max-width: 768px) { .mt-16-upto-m { margin-top: 1rem !important; } } @media (max-width: 576px) { .mt-16-upto-s { margin-top: 1rem !important; } } @media (min-width: 577px) { .mt-16-from-s { margin-top: 1rem !important; } } @media screen and (max-width: 767px) { .mt-16-upto-md { margin-top: 1rem !important; } } @media screen and (min-width: 768px) { .mt-16-from-md { margin-top: 1rem !important; } } .mr-16 { margin-right: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-16-upto-l { margin-right: 1rem !important; } } @media (max-width: 768px) { .mr-16-upto-m { margin-right: 1rem !important; } } @media (max-width: 576px) { .mr-16-upto-s { margin-right: 1rem !important; } } @media (min-width: 577px) { .mr-16-from-s { margin-right: 1rem !important; } } @media screen and (max-width: 767px) { .mr-16-upto-md { margin-right: 1rem !important; } } @media screen and (min-width: 768px) { .mr-16-from-md { margin-right: 1rem !important; } } .ml-16 { margin-left: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-16-upto-l { margin-left: 1rem !important; } } @media (max-width: 768px) { .ml-16-upto-m { margin-left: 1rem !important; } } @media (max-width: 576px) { .ml-16-upto-s { margin-left: 1rem !important; } } @media (min-width: 577px) { .ml-16-from-s { margin-left: 1rem !important; } } @media screen and (max-width: 767px) { .ml-16-upto-md { margin-left: 1rem !important; } } @media screen and (min-width: 768px) { .ml-16-from-md { margin-left: 1rem !important; } } .m-20 { margin: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-20-upto-l { margin: 1.25rem !important; } } @media (max-width: 768px) { .m-20-upto-m { margin: 1.25rem !important; } } @media (max-width: 576px) { .m-20-upto-s { margin: 1.25rem !important; } } @media (min-width: 577px) { .m-20-from-s { margin: 1.25rem !important; } } @media screen and (max-width: 767px) { .m-20-upto-md { margin: 1.25rem !important; } } @media screen and (min-width: 768px) { .m-20-from-md { margin: 1.25rem !important; } } .mb-20 { margin-bottom: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-20-upto-l { margin-bottom: 1.25rem !important; } } @media (max-width: 768px) { .mb-20-upto-m { margin-bottom: 1.25rem !important; } } @media (max-width: 576px) { .mb-20-upto-s { margin-bottom: 1.25rem !important; } } @media (min-width: 577px) { .mb-20-from-s { margin-bottom: 1.25rem !important; } } @media screen and (max-width: 767px) { .mb-20-upto-md { margin-bottom: 1.25rem !important; } } @media screen and (min-width: 768px) { .mb-20-from-md { margin-bottom: 1.25rem !important; } } .mt-20 { margin-top: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-20-upto-l { margin-top: 1.25rem !important; } } @media (max-width: 768px) { .mt-20-upto-m { margin-top: 1.25rem !important; } } @media (max-width: 576px) { .mt-20-upto-s { margin-top: 1.25rem !important; } } @media (min-width: 577px) { .mt-20-from-s { margin-top: 1.25rem !important; } } @media screen and (max-width: 767px) { .mt-20-upto-md { margin-top: 1.25rem !important; } } @media screen and (min-width: 768px) { .mt-20-from-md { margin-top: 1.25rem !important; } } .mr-20 { margin-right: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-20-upto-l { margin-right: 1.25rem !important; } } @media (max-width: 768px) { .mr-20-upto-m { margin-right: 1.25rem !important; } } @media (max-width: 576px) { .mr-20-upto-s { margin-right: 1.25rem !important; } } @media (min-width: 577px) { .mr-20-from-s { margin-right: 1.25rem !important; } } @media screen and (max-width: 767px) { .mr-20-upto-md { margin-right: 1.25rem !important; } } @media screen and (min-width: 768px) { .mr-20-from-md { margin-right: 1.25rem !important; } } .ml-20 { margin-left: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-20-upto-l { margin-left: 1.25rem !important; } } @media (max-width: 768px) { .ml-20-upto-m { margin-left: 1.25rem !important; } } @media (max-width: 576px) { .ml-20-upto-s { margin-left: 1.25rem !important; } } @media (min-width: 577px) { .ml-20-from-s { margin-left: 1.25rem !important; } } @media screen and (max-width: 767px) { .ml-20-upto-md { margin-left: 1.25rem !important; } } @media screen and (min-width: 768px) { .ml-20-from-md { margin-left: 1.25rem !important; } } .m-24 { margin: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-24-upto-l { margin: 1.5rem !important; } } @media (max-width: 768px) { .m-24-upto-m { margin: 1.5rem !important; } } @media (max-width: 576px) { .m-24-upto-s { margin: 1.5rem !important; } } @media (min-width: 577px) { .m-24-from-s { margin: 1.5rem !important; } } @media screen and (max-width: 767px) { .m-24-upto-md { margin: 1.5rem !important; } } @media screen and (min-width: 768px) { .m-24-from-md { margin: 1.5rem !important; } } .mb-24 { margin-bottom: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-24-upto-l { margin-bottom: 1.5rem !important; } } @media (max-width: 768px) { .mb-24-upto-m { margin-bottom: 1.5rem !important; } } @media (max-width: 576px) { .mb-24-upto-s { margin-bottom: 1.5rem !important; } } @media (min-width: 577px) { .mb-24-from-s { margin-bottom: 1.5rem !important; } } @media screen and (max-width: 767px) { .mb-24-upto-md { margin-bottom: 1.5rem !important; } } @media screen and (min-width: 768px) { .mb-24-from-md { margin-bottom: 1.5rem !important; } } .mt-24 { margin-top: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-24-upto-l { margin-top: 1.5rem !important; } } @media (max-width: 768px) { .mt-24-upto-m { margin-top: 1.5rem !important; } } @media (max-width: 576px) { .mt-24-upto-s { margin-top: 1.5rem !important; } } @media (min-width: 577px) { .mt-24-from-s { margin-top: 1.5rem !important; } } @media screen and (max-width: 767px) { .mt-24-upto-md { margin-top: 1.5rem !important; } } @media screen and (min-width: 768px) { .mt-24-from-md { margin-top: 1.5rem !important; } } .mr-24 { margin-right: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-24-upto-l { margin-right: 1.5rem !important; } } @media (max-width: 768px) { .mr-24-upto-m { margin-right: 1.5rem !important; } } @media (max-width: 576px) { .mr-24-upto-s { margin-right: 1.5rem !important; } } @media (min-width: 577px) { .mr-24-from-s { margin-right: 1.5rem !important; } } @media screen and (max-width: 767px) { .mr-24-upto-md { margin-right: 1.5rem !important; } } @media screen and (min-width: 768px) { .mr-24-from-md { margin-right: 1.5rem !important; } } .ml-24 { margin-left: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-24-upto-l { margin-left: 1.5rem !important; } } @media (max-width: 768px) { .ml-24-upto-m { margin-left: 1.5rem !important; } } @media (max-width: 576px) { .ml-24-upto-s { margin-left: 1.5rem !important; } } @media (min-width: 577px) { .ml-24-from-s { margin-left: 1.5rem !important; } } @media screen and (max-width: 767px) { .ml-24-upto-md { margin-left: 1.5rem !important; } } @media screen and (min-width: 768px) { .ml-24-from-md { margin-left: 1.5rem !important; } } .m-26 { margin: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-26-upto-l { margin: 1.625rem !important; } } @media (max-width: 768px) { .m-26-upto-m { margin: 1.625rem !important; } } @media (max-width: 576px) { .m-26-upto-s { margin: 1.625rem !important; } } @media (min-width: 577px) { .m-26-from-s { margin: 1.625rem !important; } } @media screen and (max-width: 767px) { .m-26-upto-md { margin: 1.625rem !important; } } @media screen and (min-width: 768px) { .m-26-from-md { margin: 1.625rem !important; } } .mb-26 { margin-bottom: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-26-upto-l { margin-bottom: 1.625rem !important; } } @media (max-width: 768px) { .mb-26-upto-m { margin-bottom: 1.625rem !important; } } @media (max-width: 576px) { .mb-26-upto-s { margin-bottom: 1.625rem !important; } } @media (min-width: 577px) { .mb-26-from-s { margin-bottom: 1.625rem !important; } } @media screen and (max-width: 767px) { .mb-26-upto-md { margin-bottom: 1.625rem !important; } } @media screen and (min-width: 768px) { .mb-26-from-md { margin-bottom: 1.625rem !important; } } .mt-26 { margin-top: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-26-upto-l { margin-top: 1.625rem !important; } } @media (max-width: 768px) { .mt-26-upto-m { margin-top: 1.625rem !important; } } @media (max-width: 576px) { .mt-26-upto-s { margin-top: 1.625rem !important; } } @media (min-width: 577px) { .mt-26-from-s { margin-top: 1.625rem !important; } } @media screen and (max-width: 767px) { .mt-26-upto-md { margin-top: 1.625rem !important; } } @media screen and (min-width: 768px) { .mt-26-from-md { margin-top: 1.625rem !important; } } .mr-26 { margin-right: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-26-upto-l { margin-right: 1.625rem !important; } } @media (max-width: 768px) { .mr-26-upto-m { margin-right: 1.625rem !important; } } @media (max-width: 576px) { .mr-26-upto-s { margin-right: 1.625rem !important; } } @media (min-width: 577px) { .mr-26-from-s { margin-right: 1.625rem !important; } } @media screen and (max-width: 767px) { .mr-26-upto-md { margin-right: 1.625rem !important; } } @media screen and (min-width: 768px) { .mr-26-from-md { margin-right: 1.625rem !important; } } .ml-26 { margin-left: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-26-upto-l { margin-left: 1.625rem !important; } } @media (max-width: 768px) { .ml-26-upto-m { margin-left: 1.625rem !important; } } @media (max-width: 576px) { .ml-26-upto-s { margin-left: 1.625rem !important; } } @media (min-width: 577px) { .ml-26-from-s { margin-left: 1.625rem !important; } } @media screen and (max-width: 767px) { .ml-26-upto-md { margin-left: 1.625rem !important; } } @media screen and (min-width: 768px) { .ml-26-from-md { margin-left: 1.625rem !important; } } .m-32 { margin: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-32-upto-l { margin: 2rem !important; } } @media (max-width: 768px) { .m-32-upto-m { margin: 2rem !important; } } @media (max-width: 576px) { .m-32-upto-s { margin: 2rem !important; } } @media (min-width: 577px) { .m-32-from-s { margin: 2rem !important; } } @media screen and (max-width: 767px) { .m-32-upto-md { margin: 2rem !important; } } @media screen and (min-width: 768px) { .m-32-from-md { margin: 2rem !important; } } .mb-32 { margin-bottom: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-32-upto-l { margin-bottom: 2rem !important; } } @media (max-width: 768px) { .mb-32-upto-m { margin-bottom: 2rem !important; } } @media (max-width: 576px) { .mb-32-upto-s { margin-bottom: 2rem !important; } } @media (min-width: 577px) { .mb-32-from-s { margin-bottom: 2rem !important; } } @media screen and (max-width: 767px) { .mb-32-upto-md { margin-bottom: 2rem !important; } } @media screen and (min-width: 768px) { .mb-32-from-md { margin-bottom: 2rem !important; } } .mt-32 { margin-top: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-32-upto-l { margin-top: 2rem !important; } } @media (max-width: 768px) { .mt-32-upto-m { margin-top: 2rem !important; } } @media (max-width: 576px) { .mt-32-upto-s { margin-top: 2rem !important; } } @media (min-width: 577px) { .mt-32-from-s { margin-top: 2rem !important; } } @media screen and (max-width: 767px) { .mt-32-upto-md { margin-top: 2rem !important; } } @media screen and (min-width: 768px) { .mt-32-from-md { margin-top: 2rem !important; } } .mr-32 { margin-right: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-32-upto-l { margin-right: 2rem !important; } } @media (max-width: 768px) { .mr-32-upto-m { margin-right: 2rem !important; } } @media (max-width: 576px) { .mr-32-upto-s { margin-right: 2rem !important; } } @media (min-width: 577px) { .mr-32-from-s { margin-right: 2rem !important; } } @media screen and (max-width: 767px) { .mr-32-upto-md { margin-right: 2rem !important; } } @media screen and (min-width: 768px) { .mr-32-from-md { margin-right: 2rem !important; } } .ml-32 { margin-left: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-32-upto-l { margin-left: 2rem !important; } } @media (max-width: 768px) { .ml-32-upto-m { margin-left: 2rem !important; } } @media (max-width: 576px) { .ml-32-upto-s { margin-left: 2rem !important; } } @media (min-width: 577px) { .ml-32-from-s { margin-left: 2rem !important; } } @media screen and (max-width: 767px) { .ml-32-upto-md { margin-left: 2rem !important; } } @media screen and (min-width: 768px) { .ml-32-from-md { margin-left: 2rem !important; } } .m-36 { margin: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-36-upto-l { margin: 2.25rem !important; } } @media (max-width: 768px) { .m-36-upto-m { margin: 2.25rem !important; } } @media (max-width: 576px) { .m-36-upto-s { margin: 2.25rem !important; } } @media (min-width: 577px) { .m-36-from-s { margin: 2.25rem !important; } } @media screen and (max-width: 767px) { .m-36-upto-md { margin: 2.25rem !important; } } @media screen and (min-width: 768px) { .m-36-from-md { margin: 2.25rem !important; } } .mb-36 { margin-bottom: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-36-upto-l { margin-bottom: 2.25rem !important; } } @media (max-width: 768px) { .mb-36-upto-m { margin-bottom: 2.25rem !important; } } @media (max-width: 576px) { .mb-36-upto-s { margin-bottom: 2.25rem !important; } } @media (min-width: 577px) { .mb-36-from-s { margin-bottom: 2.25rem !important; } } @media screen and (max-width: 767px) { .mb-36-upto-md { margin-bottom: 2.25rem !important; } } @media screen and (min-width: 768px) { .mb-36-from-md { margin-bottom: 2.25rem !important; } } .mt-36 { margin-top: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-36-upto-l { margin-top: 2.25rem !important; } } @media (max-width: 768px) { .mt-36-upto-m { margin-top: 2.25rem !important; } } @media (max-width: 576px) { .mt-36-upto-s { margin-top: 2.25rem !important; } } @media (min-width: 577px) { .mt-36-from-s { margin-top: 2.25rem !important; } } @media screen and (max-width: 767px) { .mt-36-upto-md { margin-top: 2.25rem !important; } } @media screen and (min-width: 768px) { .mt-36-from-md { margin-top: 2.25rem !important; } } .mr-36 { margin-right: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-36-upto-l { margin-right: 2.25rem !important; } } @media (max-width: 768px) { .mr-36-upto-m { margin-right: 2.25rem !important; } } @media (max-width: 576px) { .mr-36-upto-s { margin-right: 2.25rem !important; } } @media (min-width: 577px) { .mr-36-from-s { margin-right: 2.25rem !important; } } @media screen and (max-width: 767px) { .mr-36-upto-md { margin-right: 2.25rem !important; } } @media screen and (min-width: 768px) { .mr-36-from-md { margin-right: 2.25rem !important; } } .ml-36 { margin-left: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-36-upto-l { margin-left: 2.25rem !important; } } @media (max-width: 768px) { .ml-36-upto-m { margin-left: 2.25rem !important; } } @media (max-width: 576px) { .ml-36-upto-s { margin-left: 2.25rem !important; } } @media (min-width: 577px) { .ml-36-from-s { margin-left: 2.25rem !important; } } @media screen and (max-width: 767px) { .ml-36-upto-md { margin-left: 2.25rem !important; } } @media screen and (min-width: 768px) { .ml-36-from-md { margin-left: 2.25rem !important; } } .m-40 { margin: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-40-upto-l { margin: 2.5rem !important; } } @media (max-width: 768px) { .m-40-upto-m { margin: 2.5rem !important; } } @media (max-width: 576px) { .m-40-upto-s { margin: 2.5rem !important; } } @media (min-width: 577px) { .m-40-from-s { margin: 2.5rem !important; } } @media screen and (max-width: 767px) { .m-40-upto-md { margin: 2.5rem !important; } } @media screen and (min-width: 768px) { .m-40-from-md { margin: 2.5rem !important; } } .mb-40 { margin-bottom: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-40-upto-l { margin-bottom: 2.5rem !important; } } @media (max-width: 768px) { .mb-40-upto-m { margin-bottom: 2.5rem !important; } } @media (max-width: 576px) { .mb-40-upto-s { margin-bottom: 2.5rem !important; } } @media (min-width: 577px) { .mb-40-from-s { margin-bottom: 2.5rem !important; } } @media screen and (max-width: 767px) { .mb-40-upto-md { margin-bottom: 2.5rem !important; } } @media screen and (min-width: 768px) { .mb-40-from-md { margin-bottom: 2.5rem !important; } } .mt-40 { margin-top: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-40-upto-l { margin-top: 2.5rem !important; } } @media (max-width: 768px) { .mt-40-upto-m { margin-top: 2.5rem !important; } } @media (max-width: 576px) { .mt-40-upto-s { margin-top: 2.5rem !important; } } @media (min-width: 577px) { .mt-40-from-s { margin-top: 2.5rem !important; } } @media screen and (max-width: 767px) { .mt-40-upto-md { margin-top: 2.5rem !important; } } @media screen and (min-width: 768px) { .mt-40-from-md { margin-top: 2.5rem !important; } } .mr-40 { margin-right: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-40-upto-l { margin-right: 2.5rem !important; } } @media (max-width: 768px) { .mr-40-upto-m { margin-right: 2.5rem !important; } } @media (max-width: 576px) { .mr-40-upto-s { margin-right: 2.5rem !important; } } @media (min-width: 577px) { .mr-40-from-s { margin-right: 2.5rem !important; } } @media screen and (max-width: 767px) { .mr-40-upto-md { margin-right: 2.5rem !important; } } @media screen and (min-width: 768px) { .mr-40-from-md { margin-right: 2.5rem !important; } } .ml-40 { margin-left: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-40-upto-l { margin-left: 2.5rem !important; } } @media (max-width: 768px) { .ml-40-upto-m { margin-left: 2.5rem !important; } } @media (max-width: 576px) { .ml-40-upto-s { margin-left: 2.5rem !important; } } @media (min-width: 577px) { .ml-40-from-s { margin-left: 2.5rem !important; } } @media screen and (max-width: 767px) { .ml-40-upto-md { margin-left: 2.5rem !important; } } @media screen and (min-width: 768px) { .ml-40-from-md { margin-left: 2.5rem !important; } } .m-48 { margin: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-48-upto-l { margin: 3rem !important; } } @media (max-width: 768px) { .m-48-upto-m { margin: 3rem !important; } } @media (max-width: 576px) { .m-48-upto-s { margin: 3rem !important; } } @media (min-width: 577px) { .m-48-from-s { margin: 3rem !important; } } @media screen and (max-width: 767px) { .m-48-upto-md { margin: 3rem !important; } } @media screen and (min-width: 768px) { .m-48-from-md { margin: 3rem !important; } } .mb-48 { margin-bottom: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-48-upto-l { margin-bottom: 3rem !important; } } @media (max-width: 768px) { .mb-48-upto-m { margin-bottom: 3rem !important; } } @media (max-width: 576px) { .mb-48-upto-s { margin-bottom: 3rem !important; } } @media (min-width: 577px) { .mb-48-from-s { margin-bottom: 3rem !important; } } @media screen and (max-width: 767px) { .mb-48-upto-md { margin-bottom: 3rem !important; } } @media screen and (min-width: 768px) { .mb-48-from-md { margin-bottom: 3rem !important; } } .mt-48 { margin-top: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-48-upto-l { margin-top: 3rem !important; } } @media (max-width: 768px) { .mt-48-upto-m { margin-top: 3rem !important; } } @media (max-width: 576px) { .mt-48-upto-s { margin-top: 3rem !important; } } @media (min-width: 577px) { .mt-48-from-s { margin-top: 3rem !important; } } @media screen and (max-width: 767px) { .mt-48-upto-md { margin-top: 3rem !important; } } @media screen and (min-width: 768px) { .mt-48-from-md { margin-top: 3rem !important; } } .mr-48 { margin-right: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-48-upto-l { margin-right: 3rem !important; } } @media (max-width: 768px) { .mr-48-upto-m { margin-right: 3rem !important; } } @media (max-width: 576px) { .mr-48-upto-s { margin-right: 3rem !important; } } @media (min-width: 577px) { .mr-48-from-s { margin-right: 3rem !important; } } @media screen and (max-width: 767px) { .mr-48-upto-md { margin-right: 3rem !important; } } @media screen and (min-width: 768px) { .mr-48-from-md { margin-right: 3rem !important; } } .ml-48 { margin-left: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-48-upto-l { margin-left: 3rem !important; } } @media (max-width: 768px) { .ml-48-upto-m { margin-left: 3rem !important; } } @media (max-width: 576px) { .ml-48-upto-s { margin-left: 3rem !important; } } @media (min-width: 577px) { .ml-48-from-s { margin-left: 3rem !important; } } @media screen and (max-width: 767px) { .ml-48-upto-md { margin-left: 3rem !important; } } @media screen and (min-width: 768px) { .ml-48-from-md { margin-left: 3rem !important; } } .m-64 { margin: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-64-upto-l { margin: 4rem !important; } } @media (max-width: 768px) { .m-64-upto-m { margin: 4rem !important; } } @media (max-width: 576px) { .m-64-upto-s { margin: 4rem !important; } } @media (min-width: 577px) { .m-64-from-s { margin: 4rem !important; } } @media screen and (max-width: 767px) { .m-64-upto-md { margin: 4rem !important; } } @media screen and (min-width: 768px) { .m-64-from-md { margin: 4rem !important; } } .mb-64 { margin-bottom: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-64-upto-l { margin-bottom: 4rem !important; } } @media (max-width: 768px) { .mb-64-upto-m { margin-bottom: 4rem !important; } } @media (max-width: 576px) { .mb-64-upto-s { margin-bottom: 4rem !important; } } @media (min-width: 577px) { .mb-64-from-s { margin-bottom: 4rem !important; } } @media screen and (max-width: 767px) { .mb-64-upto-md { margin-bottom: 4rem !important; } } @media screen and (min-width: 768px) { .mb-64-from-md { margin-bottom: 4rem !important; } } .mt-64 { margin-top: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-64-upto-l { margin-top: 4rem !important; } } @media (max-width: 768px) { .mt-64-upto-m { margin-top: 4rem !important; } } @media (max-width: 576px) { .mt-64-upto-s { margin-top: 4rem !important; } } @media (min-width: 577px) { .mt-64-from-s { margin-top: 4rem !important; } } @media screen and (max-width: 767px) { .mt-64-upto-md { margin-top: 4rem !important; } } @media screen and (min-width: 768px) { .mt-64-from-md { margin-top: 4rem !important; } } .mr-64 { margin-right: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-64-upto-l { margin-right: 4rem !important; } } @media (max-width: 768px) { .mr-64-upto-m { margin-right: 4rem !important; } } @media (max-width: 576px) { .mr-64-upto-s { margin-right: 4rem !important; } } @media (min-width: 577px) { .mr-64-from-s { margin-right: 4rem !important; } } @media screen and (max-width: 767px) { .mr-64-upto-md { margin-right: 4rem !important; } } @media screen and (min-width: 768px) { .mr-64-from-md { margin-right: 4rem !important; } } .ml-64 { margin-left: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-64-upto-l { margin-left: 4rem !important; } } @media (max-width: 768px) { .ml-64-upto-m { margin-left: 4rem !important; } } @media (max-width: 576px) { .ml-64-upto-s { margin-left: 4rem !important; } } @media (min-width: 577px) { .ml-64-from-s { margin-left: 4rem !important; } } @media screen and (max-width: 767px) { .ml-64-upto-md { margin-left: 4rem !important; } } @media screen and (min-width: 768px) { .ml-64-from-md { margin-left: 4rem !important; } } .m-72 { margin: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m-72-upto-l { margin: 4.5rem !important; } } @media (max-width: 768px) { .m-72-upto-m { margin: 4.5rem !important; } } @media (max-width: 576px) { .m-72-upto-s { margin: 4.5rem !important; } } @media (min-width: 577px) { .m-72-from-s { margin: 4.5rem !important; } } @media screen and (max-width: 767px) { .m-72-upto-md { margin: 4.5rem !important; } } @media screen and (min-width: 768px) { .m-72-from-md { margin: 4.5rem !important; } } .mb-72 { margin-bottom: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb-72-upto-l { margin-bottom: 4.5rem !important; } } @media (max-width: 768px) { .mb-72-upto-m { margin-bottom: 4.5rem !important; } } @media (max-width: 576px) { .mb-72-upto-s { margin-bottom: 4.5rem !important; } } @media (min-width: 577px) { .mb-72-from-s { margin-bottom: 4.5rem !important; } } @media screen and (max-width: 767px) { .mb-72-upto-md { margin-bottom: 4.5rem !important; } } @media screen and (min-width: 768px) { .mb-72-from-md { margin-bottom: 4.5rem !important; } } .mt-72 { margin-top: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt-72-upto-l { margin-top: 4.5rem !important; } } @media (max-width: 768px) { .mt-72-upto-m { margin-top: 4.5rem !important; } } @media (max-width: 576px) { .mt-72-upto-s { margin-top: 4.5rem !important; } } @media (min-width: 577px) { .mt-72-from-s { margin-top: 4.5rem !important; } } @media screen and (max-width: 767px) { .mt-72-upto-md { margin-top: 4.5rem !important; } } @media screen and (min-width: 768px) { .mt-72-from-md { margin-top: 4.5rem !important; } } .mr-72 { margin-right: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr-72-upto-l { margin-right: 4.5rem !important; } } @media (max-width: 768px) { .mr-72-upto-m { margin-right: 4.5rem !important; } } @media (max-width: 576px) { .mr-72-upto-s { margin-right: 4.5rem !important; } } @media (min-width: 577px) { .mr-72-from-s { margin-right: 4.5rem !important; } } @media screen and (max-width: 767px) { .mr-72-upto-md { margin-right: 4.5rem !important; } } @media screen and (min-width: 768px) { .mr-72-from-md { margin-right: 4.5rem !important; } } .ml-72 { margin-left: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml-72-upto-l { margin-left: 4.5rem !important; } } @media (max-width: 768px) { .ml-72-upto-m { margin-left: 4.5rem !important; } } @media (max-width: 576px) { .ml-72-upto-s { margin-left: 4.5rem !important; } } @media (min-width: 577px) { .ml-72-from-s { margin-left: 4.5rem !important; } } @media screen and (max-width: 767px) { .ml-72-upto-md { margin-left: 4.5rem !important; } } @media screen and (min-width: 768px) { .ml-72-from-md { margin-left: 4.5rem !important; } } .m--4 { margin: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--4-upto-l { margin: -0.25rem !important; } } @media (max-width: 768px) { .m--4-upto-m { margin: -0.25rem !important; } } @media (max-width: 576px) { .m--4-upto-s { margin: -0.25rem !important; } } @media (min-width: 577px) { .m--4-from-s { margin: -0.25rem !important; } } @media screen and (max-width: 767px) { .m--4-upto-md { margin: -0.25rem !important; } } @media screen and (min-width: 768px) { .m--4-from-md { margin: -0.25rem !important; } } .mb--4 { margin-bottom: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--4-upto-l { margin-bottom: -0.25rem !important; } } @media (max-width: 768px) { .mb--4-upto-m { margin-bottom: -0.25rem !important; } } @media (max-width: 576px) { .mb--4-upto-s { margin-bottom: -0.25rem !important; } } @media (min-width: 577px) { .mb--4-from-s { margin-bottom: -0.25rem !important; } } @media screen and (max-width: 767px) { .mb--4-upto-md { margin-bottom: -0.25rem !important; } } @media screen and (min-width: 768px) { .mb--4-from-md { margin-bottom: -0.25rem !important; } } .mt--4 { margin-top: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--4-upto-l { margin-top: -0.25rem !important; } } @media (max-width: 768px) { .mt--4-upto-m { margin-top: -0.25rem !important; } } @media (max-width: 576px) { .mt--4-upto-s { margin-top: -0.25rem !important; } } @media (min-width: 577px) { .mt--4-from-s { margin-top: -0.25rem !important; } } @media screen and (max-width: 767px) { .mt--4-upto-md { margin-top: -0.25rem !important; } } @media screen and (min-width: 768px) { .mt--4-from-md { margin-top: -0.25rem !important; } } .mr--4 { margin-right: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--4-upto-l { margin-right: -0.25rem !important; } } @media (max-width: 768px) { .mr--4-upto-m { margin-right: -0.25rem !important; } } @media (max-width: 576px) { .mr--4-upto-s { margin-right: -0.25rem !important; } } @media (min-width: 577px) { .mr--4-from-s { margin-right: -0.25rem !important; } } @media screen and (max-width: 767px) { .mr--4-upto-md { margin-right: -0.25rem !important; } } @media screen and (min-width: 768px) { .mr--4-from-md { margin-right: -0.25rem !important; } } .ml--4 { margin-left: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--4-upto-l { margin-left: -0.25rem !important; } } @media (max-width: 768px) { .ml--4-upto-m { margin-left: -0.25rem !important; } } @media (max-width: 576px) { .ml--4-upto-s { margin-left: -0.25rem !important; } } @media (min-width: 577px) { .ml--4-from-s { margin-left: -0.25rem !important; } } @media screen and (max-width: 767px) { .ml--4-upto-md { margin-left: -0.25rem !important; } } @media screen and (min-width: 768px) { .ml--4-from-md { margin-left: -0.25rem !important; } } .m--8 { margin: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--8-upto-l { margin: -0.5rem !important; } } @media (max-width: 768px) { .m--8-upto-m { margin: -0.5rem !important; } } @media (max-width: 576px) { .m--8-upto-s { margin: -0.5rem !important; } } @media (min-width: 577px) { .m--8-from-s { margin: -0.5rem !important; } } @media screen and (max-width: 767px) { .m--8-upto-md { margin: -0.5rem !important; } } @media screen and (min-width: 768px) { .m--8-from-md { margin: -0.5rem !important; } } .mb--8 { margin-bottom: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--8-upto-l { margin-bottom: -0.5rem !important; } } @media (max-width: 768px) { .mb--8-upto-m { margin-bottom: -0.5rem !important; } } @media (max-width: 576px) { .mb--8-upto-s { margin-bottom: -0.5rem !important; } } @media (min-width: 577px) { .mb--8-from-s { margin-bottom: -0.5rem !important; } } @media screen and (max-width: 767px) { .mb--8-upto-md { margin-bottom: -0.5rem !important; } } @media screen and (min-width: 768px) { .mb--8-from-md { margin-bottom: -0.5rem !important; } } .mt--8 { margin-top: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--8-upto-l { margin-top: -0.5rem !important; } } @media (max-width: 768px) { .mt--8-upto-m { margin-top: -0.5rem !important; } } @media (max-width: 576px) { .mt--8-upto-s { margin-top: -0.5rem !important; } } @media (min-width: 577px) { .mt--8-from-s { margin-top: -0.5rem !important; } } @media screen and (max-width: 767px) { .mt--8-upto-md { margin-top: -0.5rem !important; } } @media screen and (min-width: 768px) { .mt--8-from-md { margin-top: -0.5rem !important; } } .mr--8 { margin-right: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--8-upto-l { margin-right: -0.5rem !important; } } @media (max-width: 768px) { .mr--8-upto-m { margin-right: -0.5rem !important; } } @media (max-width: 576px) { .mr--8-upto-s { margin-right: -0.5rem !important; } } @media (min-width: 577px) { .mr--8-from-s { margin-right: -0.5rem !important; } } @media screen and (max-width: 767px) { .mr--8-upto-md { margin-right: -0.5rem !important; } } @media screen and (min-width: 768px) { .mr--8-from-md { margin-right: -0.5rem !important; } } .ml--8 { margin-left: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--8-upto-l { margin-left: -0.5rem !important; } } @media (max-width: 768px) { .ml--8-upto-m { margin-left: -0.5rem !important; } } @media (max-width: 576px) { .ml--8-upto-s { margin-left: -0.5rem !important; } } @media (min-width: 577px) { .ml--8-from-s { margin-left: -0.5rem !important; } } @media screen and (max-width: 767px) { .ml--8-upto-md { margin-left: -0.5rem !important; } } @media screen and (min-width: 768px) { .ml--8-from-md { margin-left: -0.5rem !important; } } .m--12 { margin: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--12-upto-l { margin: -0.75rem !important; } } @media (max-width: 768px) { .m--12-upto-m { margin: -0.75rem !important; } } @media (max-width: 576px) { .m--12-upto-s { margin: -0.75rem !important; } } @media (min-width: 577px) { .m--12-from-s { margin: -0.75rem !important; } } @media screen and (max-width: 767px) { .m--12-upto-md { margin: -0.75rem !important; } } @media screen and (min-width: 768px) { .m--12-from-md { margin: -0.75rem !important; } } .mb--12 { margin-bottom: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--12-upto-l { margin-bottom: -0.75rem !important; } } @media (max-width: 768px) { .mb--12-upto-m { margin-bottom: -0.75rem !important; } } @media (max-width: 576px) { .mb--12-upto-s { margin-bottom: -0.75rem !important; } } @media (min-width: 577px) { .mb--12-from-s { margin-bottom: -0.75rem !important; } } @media screen and (max-width: 767px) { .mb--12-upto-md { margin-bottom: -0.75rem !important; } } @media screen and (min-width: 768px) { .mb--12-from-md { margin-bottom: -0.75rem !important; } } .mt--12 { margin-top: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--12-upto-l { margin-top: -0.75rem !important; } } @media (max-width: 768px) { .mt--12-upto-m { margin-top: -0.75rem !important; } } @media (max-width: 576px) { .mt--12-upto-s { margin-top: -0.75rem !important; } } @media (min-width: 577px) { .mt--12-from-s { margin-top: -0.75rem !important; } } @media screen and (max-width: 767px) { .mt--12-upto-md { margin-top: -0.75rem !important; } } @media screen and (min-width: 768px) { .mt--12-from-md { margin-top: -0.75rem !important; } } .mr--12 { margin-right: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--12-upto-l { margin-right: -0.75rem !important; } } @media (max-width: 768px) { .mr--12-upto-m { margin-right: -0.75rem !important; } } @media (max-width: 576px) { .mr--12-upto-s { margin-right: -0.75rem !important; } } @media (min-width: 577px) { .mr--12-from-s { margin-right: -0.75rem !important; } } @media screen and (max-width: 767px) { .mr--12-upto-md { margin-right: -0.75rem !important; } } @media screen and (min-width: 768px) { .mr--12-from-md { margin-right: -0.75rem !important; } } .ml--12 { margin-left: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--12-upto-l { margin-left: -0.75rem !important; } } @media (max-width: 768px) { .ml--12-upto-m { margin-left: -0.75rem !important; } } @media (max-width: 576px) { .ml--12-upto-s { margin-left: -0.75rem !important; } } @media (min-width: 577px) { .ml--12-from-s { margin-left: -0.75rem !important; } } @media screen and (max-width: 767px) { .ml--12-upto-md { margin-left: -0.75rem !important; } } @media screen and (min-width: 768px) { .ml--12-from-md { margin-left: -0.75rem !important; } } .m--16 { margin: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--16-upto-l { margin: -1rem !important; } } @media (max-width: 768px) { .m--16-upto-m { margin: -1rem !important; } } @media (max-width: 576px) { .m--16-upto-s { margin: -1rem !important; } } @media (min-width: 577px) { .m--16-from-s { margin: -1rem !important; } } @media screen and (max-width: 767px) { .m--16-upto-md { margin: -1rem !important; } } @media screen and (min-width: 768px) { .m--16-from-md { margin: -1rem !important; } } .mb--16 { margin-bottom: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--16-upto-l { margin-bottom: -1rem !important; } } @media (max-width: 768px) { .mb--16-upto-m { margin-bottom: -1rem !important; } } @media (max-width: 576px) { .mb--16-upto-s { margin-bottom: -1rem !important; } } @media (min-width: 577px) { .mb--16-from-s { margin-bottom: -1rem !important; } } @media screen and (max-width: 767px) { .mb--16-upto-md { margin-bottom: -1rem !important; } } @media screen and (min-width: 768px) { .mb--16-from-md { margin-bottom: -1rem !important; } } .mt--16 { margin-top: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--16-upto-l { margin-top: -1rem !important; } } @media (max-width: 768px) { .mt--16-upto-m { margin-top: -1rem !important; } } @media (max-width: 576px) { .mt--16-upto-s { margin-top: -1rem !important; } } @media (min-width: 577px) { .mt--16-from-s { margin-top: -1rem !important; } } @media screen and (max-width: 767px) { .mt--16-upto-md { margin-top: -1rem !important; } } @media screen and (min-width: 768px) { .mt--16-from-md { margin-top: -1rem !important; } } .mr--16 { margin-right: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--16-upto-l { margin-right: -1rem !important; } } @media (max-width: 768px) { .mr--16-upto-m { margin-right: -1rem !important; } } @media (max-width: 576px) { .mr--16-upto-s { margin-right: -1rem !important; } } @media (min-width: 577px) { .mr--16-from-s { margin-right: -1rem !important; } } @media screen and (max-width: 767px) { .mr--16-upto-md { margin-right: -1rem !important; } } @media screen and (min-width: 768px) { .mr--16-from-md { margin-right: -1rem !important; } } .ml--16 { margin-left: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--16-upto-l { margin-left: -1rem !important; } } @media (max-width: 768px) { .ml--16-upto-m { margin-left: -1rem !important; } } @media (max-width: 576px) { .ml--16-upto-s { margin-left: -1rem !important; } } @media (min-width: 577px) { .ml--16-from-s { margin-left: -1rem !important; } } @media screen and (max-width: 767px) { .ml--16-upto-md { margin-left: -1rem !important; } } @media screen and (min-width: 768px) { .ml--16-from-md { margin-left: -1rem !important; } } .m--24 { margin: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--24-upto-l { margin: -1.5rem !important; } } @media (max-width: 768px) { .m--24-upto-m { margin: -1.5rem !important; } } @media (max-width: 576px) { .m--24-upto-s { margin: -1.5rem !important; } } @media (min-width: 577px) { .m--24-from-s { margin: -1.5rem !important; } } @media screen and (max-width: 767px) { .m--24-upto-md { margin: -1.5rem !important; } } @media screen and (min-width: 768px) { .m--24-from-md { margin: -1.5rem !important; } } .mb--24 { margin-bottom: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--24-upto-l { margin-bottom: -1.5rem !important; } } @media (max-width: 768px) { .mb--24-upto-m { margin-bottom: -1.5rem !important; } } @media (max-width: 576px) { .mb--24-upto-s { margin-bottom: -1.5rem !important; } } @media (min-width: 577px) { .mb--24-from-s { margin-bottom: -1.5rem !important; } } @media screen and (max-width: 767px) { .mb--24-upto-md { margin-bottom: -1.5rem !important; } } @media screen and (min-width: 768px) { .mb--24-from-md { margin-bottom: -1.5rem !important; } } .mt--24 { margin-top: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--24-upto-l { margin-top: -1.5rem !important; } } @media (max-width: 768px) { .mt--24-upto-m { margin-top: -1.5rem !important; } } @media (max-width: 576px) { .mt--24-upto-s { margin-top: -1.5rem !important; } } @media (min-width: 577px) { .mt--24-from-s { margin-top: -1.5rem !important; } } @media screen and (max-width: 767px) { .mt--24-upto-md { margin-top: -1.5rem !important; } } @media screen and (min-width: 768px) { .mt--24-from-md { margin-top: -1.5rem !important; } } .mr--24 { margin-right: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--24-upto-l { margin-right: -1.5rem !important; } } @media (max-width: 768px) { .mr--24-upto-m { margin-right: -1.5rem !important; } } @media (max-width: 576px) { .mr--24-upto-s { margin-right: -1.5rem !important; } } @media (min-width: 577px) { .mr--24-from-s { margin-right: -1.5rem !important; } } @media screen and (max-width: 767px) { .mr--24-upto-md { margin-right: -1.5rem !important; } } @media screen and (min-width: 768px) { .mr--24-from-md { margin-right: -1.5rem !important; } } .ml--24 { margin-left: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--24-upto-l { margin-left: -1.5rem !important; } } @media (max-width: 768px) { .ml--24-upto-m { margin-left: -1.5rem !important; } } @media (max-width: 576px) { .ml--24-upto-s { margin-left: -1.5rem !important; } } @media (min-width: 577px) { .ml--24-from-s { margin-left: -1.5rem !important; } } @media screen and (max-width: 767px) { .ml--24-upto-md { margin-left: -1.5rem !important; } } @media screen and (min-width: 768px) { .ml--24-from-md { margin-left: -1.5rem !important; } } .m--32 { margin: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--32-upto-l { margin: -2rem !important; } } @media (max-width: 768px) { .m--32-upto-m { margin: -2rem !important; } } @media (max-width: 576px) { .m--32-upto-s { margin: -2rem !important; } } @media (min-width: 577px) { .m--32-from-s { margin: -2rem !important; } } @media screen and (max-width: 767px) { .m--32-upto-md { margin: -2rem !important; } } @media screen and (min-width: 768px) { .m--32-from-md { margin: -2rem !important; } } .mb--32 { margin-bottom: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--32-upto-l { margin-bottom: -2rem !important; } } @media (max-width: 768px) { .mb--32-upto-m { margin-bottom: -2rem !important; } } @media (max-width: 576px) { .mb--32-upto-s { margin-bottom: -2rem !important; } } @media (min-width: 577px) { .mb--32-from-s { margin-bottom: -2rem !important; } } @media screen and (max-width: 767px) { .mb--32-upto-md { margin-bottom: -2rem !important; } } @media screen and (min-width: 768px) { .mb--32-from-md { margin-bottom: -2rem !important; } } .mt--32 { margin-top: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--32-upto-l { margin-top: -2rem !important; } } @media (max-width: 768px) { .mt--32-upto-m { margin-top: -2rem !important; } } @media (max-width: 576px) { .mt--32-upto-s { margin-top: -2rem !important; } } @media (min-width: 577px) { .mt--32-from-s { margin-top: -2rem !important; } } @media screen and (max-width: 767px) { .mt--32-upto-md { margin-top: -2rem !important; } } @media screen and (min-width: 768px) { .mt--32-from-md { margin-top: -2rem !important; } } .mr--32 { margin-right: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--32-upto-l { margin-right: -2rem !important; } } @media (max-width: 768px) { .mr--32-upto-m { margin-right: -2rem !important; } } @media (max-width: 576px) { .mr--32-upto-s { margin-right: -2rem !important; } } @media (min-width: 577px) { .mr--32-from-s { margin-right: -2rem !important; } } @media screen and (max-width: 767px) { .mr--32-upto-md { margin-right: -2rem !important; } } @media screen and (min-width: 768px) { .mr--32-from-md { margin-right: -2rem !important; } } .ml--32 { margin-left: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--32-upto-l { margin-left: -2rem !important; } } @media (max-width: 768px) { .ml--32-upto-m { margin-left: -2rem !important; } } @media (max-width: 576px) { .ml--32-upto-s { margin-left: -2rem !important; } } @media (min-width: 577px) { .ml--32-from-s { margin-left: -2rem !important; } } @media screen and (max-width: 767px) { .ml--32-upto-md { margin-left: -2rem !important; } } @media screen and (min-width: 768px) { .ml--32-from-md { margin-left: -2rem !important; } } .m--40 { margin: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .m--40-upto-l { margin: -2.5rem !important; } } @media (max-width: 768px) { .m--40-upto-m { margin: -2.5rem !important; } } @media (max-width: 576px) { .m--40-upto-s { margin: -2.5rem !important; } } @media (min-width: 577px) { .m--40-from-s { margin: -2.5rem !important; } } @media screen and (max-width: 767px) { .m--40-upto-md { margin: -2.5rem !important; } } @media screen and (min-width: 768px) { .m--40-from-md { margin: -2.5rem !important; } } .mb--40 { margin-bottom: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mb--40-upto-l { margin-bottom: -2.5rem !important; } } @media (max-width: 768px) { .mb--40-upto-m { margin-bottom: -2.5rem !important; } } @media (max-width: 576px) { .mb--40-upto-s { margin-bottom: -2.5rem !important; } } @media (min-width: 577px) { .mb--40-from-s { margin-bottom: -2.5rem !important; } } @media screen and (max-width: 767px) { .mb--40-upto-md { margin-bottom: -2.5rem !important; } } @media screen and (min-width: 768px) { .mb--40-from-md { margin-bottom: -2.5rem !important; } } .mt--40 { margin-top: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mt--40-upto-l { margin-top: -2.5rem !important; } } @media (max-width: 768px) { .mt--40-upto-m { margin-top: -2.5rem !important; } } @media (max-width: 576px) { .mt--40-upto-s { margin-top: -2.5rem !important; } } @media (min-width: 577px) { .mt--40-from-s { margin-top: -2.5rem !important; } } @media screen and (max-width: 767px) { .mt--40-upto-md { margin-top: -2.5rem !important; } } @media screen and (min-width: 768px) { .mt--40-from-md { margin-top: -2.5rem !important; } } .mr--40 { margin-right: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .mr--40-upto-l { margin-right: -2.5rem !important; } } @media (max-width: 768px) { .mr--40-upto-m { margin-right: -2.5rem !important; } } @media (max-width: 576px) { .mr--40-upto-s { margin-right: -2.5rem !important; } } @media (min-width: 577px) { .mr--40-from-s { margin-right: -2.5rem !important; } } @media screen and (max-width: 767px) { .mr--40-upto-md { margin-right: -2.5rem !important; } } @media screen and (min-width: 768px) { .mr--40-from-md { margin-right: -2.5rem !important; } } .ml--40 { margin-left: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ml--40-upto-l { margin-left: -2.5rem !important; } } @media (max-width: 768px) { .ml--40-upto-m { margin-left: -2.5rem !important; } } @media (max-width: 576px) { .ml--40-upto-s { margin-left: -2.5rem !important; } } @media (min-width: 577px) { .ml--40-from-s { margin-left: -2.5rem !important; } } @media screen and (max-width: 767px) { .ml--40-upto-md { margin-left: -2.5rem !important; } } @media screen and (min-width: 768px) { .ml--40-from-md { margin-left: -2.5rem !important; } } .m-auto { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-auto:not(:last-child) { margin: auto !important; } @media (max-width: 1024px) { .m-auto-upto-l:not(:last-child) { margin: auto !important; } } @media (max-width: 768px) { .m-auto-upto-m:not(:last-child) { margin: auto !important; } } .mb-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-auto-except-last:not(:last-child) { margin-bottom: auto !important; } @media (max-width: 1024px) { .mb-auto-except-last-upto-l:not(:last-child) { margin-bottom: auto !important; } } @media (max-width: 768px) { .mb-auto-except-last-upto-m:not(:last-child) { margin-bottom: auto !important; } } .mt-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-auto-except-last:not(:last-child) { margin-top: auto !important; } @media (max-width: 1024px) { .mt-auto-except-last-upto-l:not(:last-child) { margin-top: auto !important; } } @media (max-width: 768px) { .mt-auto-except-last-upto-m:not(:last-child) { margin-top: auto !important; } } .mr-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-auto-except-last:not(:last-child) { margin-right: auto !important; } @media (max-width: 1024px) { .mr-auto-except-last-upto-l:not(:last-child) { margin-right: auto !important; } } @media (max-width: 768px) { .mr-auto-except-last-upto-m:not(:last-child) { margin-right: auto !important; } } .ml-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-auto-except-last:not(:last-child) { margin-left: auto !important; } @media (max-width: 1024px) { .ml-auto-except-last-upto-l:not(:last-child) { margin-left: auto !important; } } @media (max-width: 768px) { .ml-auto-except-last-upto-m:not(:last-child) { margin-left: auto !important; } } .m-0 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-0:not(:last-child) { margin: 0 !important; } @media (max-width: 1024px) { .m-0-upto-l:not(:last-child) { margin: 0 !important; } } @media (max-width: 768px) { .m-0-upto-m:not(:last-child) { margin: 0 !important; } } .mb-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-0-except-last:not(:last-child) { margin-bottom: 0 !important; } @media (max-width: 1024px) { .mb-0-except-last-upto-l:not(:last-child) { margin-bottom: 0 !important; } } @media (max-width: 768px) { .mb-0-except-last-upto-m:not(:last-child) { margin-bottom: 0 !important; } } .mt-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-0-except-last:not(:last-child) { margin-top: 0 !important; } @media (max-width: 1024px) { .mt-0-except-last-upto-l:not(:last-child) { margin-top: 0 !important; } } @media (max-width: 768px) { .mt-0-except-last-upto-m:not(:last-child) { margin-top: 0 !important; } } .mr-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-0-except-last:not(:last-child) { margin-right: 0 !important; } @media (max-width: 1024px) { .mr-0-except-last-upto-l:not(:last-child) { margin-right: 0 !important; } } @media (max-width: 768px) { .mr-0-except-last-upto-m:not(:last-child) { margin-right: 0 !important; } } .ml-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-0-except-last:not(:last-child) { margin-left: 0 !important; } @media (max-width: 1024px) { .ml-0-except-last-upto-l:not(:last-child) { margin-left: 0 !important; } } @media (max-width: 768px) { .ml-0-except-last-upto-m:not(:last-child) { margin-left: 0 !important; } } .m-2 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-2:not(:last-child) { margin: 0.125rem !important; } @media (max-width: 1024px) { .m-2-upto-l:not(:last-child) { margin: 0.125rem !important; } } @media (max-width: 768px) { .m-2-upto-m:not(:last-child) { margin: 0.125rem !important; } } .mb-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-2-except-last:not(:last-child) { margin-bottom: 0.125rem !important; } @media (max-width: 1024px) { .mb-2-except-last-upto-l:not(:last-child) { margin-bottom: 0.125rem !important; } } @media (max-width: 768px) { .mb-2-except-last-upto-m:not(:last-child) { margin-bottom: 0.125rem !important; } } .mt-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-2-except-last:not(:last-child) { margin-top: 0.125rem !important; } @media (max-width: 1024px) { .mt-2-except-last-upto-l:not(:last-child) { margin-top: 0.125rem !important; } } @media (max-width: 768px) { .mt-2-except-last-upto-m:not(:last-child) { margin-top: 0.125rem !important; } } .mr-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-2-except-last:not(:last-child) { margin-right: 0.125rem !important; } @media (max-width: 1024px) { .mr-2-except-last-upto-l:not(:last-child) { margin-right: 0.125rem !important; } } @media (max-width: 768px) { .mr-2-except-last-upto-m:not(:last-child) { margin-right: 0.125rem !important; } } .ml-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-2-except-last:not(:last-child) { margin-left: 0.125rem !important; } @media (max-width: 1024px) { .ml-2-except-last-upto-l:not(:last-child) { margin-left: 0.125rem !important; } } @media (max-width: 768px) { .ml-2-except-last-upto-m:not(:last-child) { margin-left: 0.125rem !important; } } .m-4 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-4:not(:last-child) { margin: 0.25rem !important; } @media (max-width: 1024px) { .m-4-upto-l:not(:last-child) { margin: 0.25rem !important; } } @media (max-width: 768px) { .m-4-upto-m:not(:last-child) { margin: 0.25rem !important; } } .mb-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-4-except-last:not(:last-child) { margin-bottom: 0.25rem !important; } @media (max-width: 1024px) { .mb-4-except-last-upto-l:not(:last-child) { margin-bottom: 0.25rem !important; } } @media (max-width: 768px) { .mb-4-except-last-upto-m:not(:last-child) { margin-bottom: 0.25rem !important; } } .mt-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-4-except-last:not(:last-child) { margin-top: 0.25rem !important; } @media (max-width: 1024px) { .mt-4-except-last-upto-l:not(:last-child) { margin-top: 0.25rem !important; } } @media (max-width: 768px) { .mt-4-except-last-upto-m:not(:last-child) { margin-top: 0.25rem !important; } } .mr-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-4-except-last:not(:last-child) { margin-right: 0.25rem !important; } @media (max-width: 1024px) { .mr-4-except-last-upto-l:not(:last-child) { margin-right: 0.25rem !important; } } @media (max-width: 768px) { .mr-4-except-last-upto-m:not(:last-child) { margin-right: 0.25rem !important; } } .ml-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-4-except-last:not(:last-child) { margin-left: 0.25rem !important; } @media (max-width: 1024px) { .ml-4-except-last-upto-l:not(:last-child) { margin-left: 0.25rem !important; } } @media (max-width: 768px) { .ml-4-except-last-upto-m:not(:last-child) { margin-left: 0.25rem !important; } } .m-8 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-8:not(:last-child) { margin: 0.5rem !important; } @media (max-width: 1024px) { .m-8-upto-l:not(:last-child) { margin: 0.5rem !important; } } @media (max-width: 768px) { .m-8-upto-m:not(:last-child) { margin: 0.5rem !important; } } .mb-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-8-except-last:not(:last-child) { margin-bottom: 0.5rem !important; } @media (max-width: 1024px) { .mb-8-except-last-upto-l:not(:last-child) { margin-bottom: 0.5rem !important; } } @media (max-width: 768px) { .mb-8-except-last-upto-m:not(:last-child) { margin-bottom: 0.5rem !important; } } .mt-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-8-except-last:not(:last-child) { margin-top: 0.5rem !important; } @media (max-width: 1024px) { .mt-8-except-last-upto-l:not(:last-child) { margin-top: 0.5rem !important; } } @media (max-width: 768px) { .mt-8-except-last-upto-m:not(:last-child) { margin-top: 0.5rem !important; } } .mr-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-8-except-last:not(:last-child) { margin-right: 0.5rem !important; } @media (max-width: 1024px) { .mr-8-except-last-upto-l:not(:last-child) { margin-right: 0.5rem !important; } } @media (max-width: 768px) { .mr-8-except-last-upto-m:not(:last-child) { margin-right: 0.5rem !important; } } .ml-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-8-except-last:not(:last-child) { margin-left: 0.5rem !important; } @media (max-width: 1024px) { .ml-8-except-last-upto-l:not(:last-child) { margin-left: 0.5rem !important; } } @media (max-width: 768px) { .ml-8-except-last-upto-m:not(:last-child) { margin-left: 0.5rem !important; } } .m-12 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-12:not(:last-child) { margin: 0.75rem !important; } @media (max-width: 1024px) { .m-12-upto-l:not(:last-child) { margin: 0.75rem !important; } } @media (max-width: 768px) { .m-12-upto-m:not(:last-child) { margin: 0.75rem !important; } } .mb-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-12-except-last:not(:last-child) { margin-bottom: 0.75rem !important; } @media (max-width: 1024px) { .mb-12-except-last-upto-l:not(:last-child) { margin-bottom: 0.75rem !important; } } @media (max-width: 768px) { .mb-12-except-last-upto-m:not(:last-child) { margin-bottom: 0.75rem !important; } } .mt-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-12-except-last:not(:last-child) { margin-top: 0.75rem !important; } @media (max-width: 1024px) { .mt-12-except-last-upto-l:not(:last-child) { margin-top: 0.75rem !important; } } @media (max-width: 768px) { .mt-12-except-last-upto-m:not(:last-child) { margin-top: 0.75rem !important; } } .mr-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-12-except-last:not(:last-child) { margin-right: 0.75rem !important; } @media (max-width: 1024px) { .mr-12-except-last-upto-l:not(:last-child) { margin-right: 0.75rem !important; } } @media (max-width: 768px) { .mr-12-except-last-upto-m:not(:last-child) { margin-right: 0.75rem !important; } } .ml-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-12-except-last:not(:last-child) { margin-left: 0.75rem !important; } @media (max-width: 1024px) { .ml-12-except-last-upto-l:not(:last-child) { margin-left: 0.75rem !important; } } @media (max-width: 768px) { .ml-12-except-last-upto-m:not(:last-child) { margin-left: 0.75rem !important; } } .m-16 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-16:not(:last-child) { margin: 1rem !important; } @media (max-width: 1024px) { .m-16-upto-l:not(:last-child) { margin: 1rem !important; } } @media (max-width: 768px) { .m-16-upto-m:not(:last-child) { margin: 1rem !important; } } .mb-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-16-except-last:not(:last-child) { margin-bottom: 1rem !important; } @media (max-width: 1024px) { .mb-16-except-last-upto-l:not(:last-child) { margin-bottom: 1rem !important; } } @media (max-width: 768px) { .mb-16-except-last-upto-m:not(:last-child) { margin-bottom: 1rem !important; } } .mt-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-16-except-last:not(:last-child) { margin-top: 1rem !important; } @media (max-width: 1024px) { .mt-16-except-last-upto-l:not(:last-child) { margin-top: 1rem !important; } } @media (max-width: 768px) { .mt-16-except-last-upto-m:not(:last-child) { margin-top: 1rem !important; } } .mr-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-16-except-last:not(:last-child) { margin-right: 1rem !important; } @media (max-width: 1024px) { .mr-16-except-last-upto-l:not(:last-child) { margin-right: 1rem !important; } } @media (max-width: 768px) { .mr-16-except-last-upto-m:not(:last-child) { margin-right: 1rem !important; } } .ml-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-16-except-last:not(:last-child) { margin-left: 1rem !important; } @media (max-width: 1024px) { .ml-16-except-last-upto-l:not(:last-child) { margin-left: 1rem !important; } } @media (max-width: 768px) { .ml-16-except-last-upto-m:not(:last-child) { margin-left: 1rem !important; } } .m-20 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-20:not(:last-child) { margin: 1.25rem !important; } @media (max-width: 1024px) { .m-20-upto-l:not(:last-child) { margin: 1.25rem !important; } } @media (max-width: 768px) { .m-20-upto-m:not(:last-child) { margin: 1.25rem !important; } } .mb-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-20-except-last:not(:last-child) { margin-bottom: 1.25rem !important; } @media (max-width: 1024px) { .mb-20-except-last-upto-l:not(:last-child) { margin-bottom: 1.25rem !important; } } @media (max-width: 768px) { .mb-20-except-last-upto-m:not(:last-child) { margin-bottom: 1.25rem !important; } } .mt-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-20-except-last:not(:last-child) { margin-top: 1.25rem !important; } @media (max-width: 1024px) { .mt-20-except-last-upto-l:not(:last-child) { margin-top: 1.25rem !important; } } @media (max-width: 768px) { .mt-20-except-last-upto-m:not(:last-child) { margin-top: 1.25rem !important; } } .mr-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-20-except-last:not(:last-child) { margin-right: 1.25rem !important; } @media (max-width: 1024px) { .mr-20-except-last-upto-l:not(:last-child) { margin-right: 1.25rem !important; } } @media (max-width: 768px) { .mr-20-except-last-upto-m:not(:last-child) { margin-right: 1.25rem !important; } } .ml-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-20-except-last:not(:last-child) { margin-left: 1.25rem !important; } @media (max-width: 1024px) { .ml-20-except-last-upto-l:not(:last-child) { margin-left: 1.25rem !important; } } @media (max-width: 768px) { .ml-20-except-last-upto-m:not(:last-child) { margin-left: 1.25rem !important; } } .m-24 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-24:not(:last-child) { margin: 1.5rem !important; } @media (max-width: 1024px) { .m-24-upto-l:not(:last-child) { margin: 1.5rem !important; } } @media (max-width: 768px) { .m-24-upto-m:not(:last-child) { margin: 1.5rem !important; } } .mb-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-24-except-last:not(:last-child) { margin-bottom: 1.5rem !important; } @media (max-width: 1024px) { .mb-24-except-last-upto-l:not(:last-child) { margin-bottom: 1.5rem !important; } } @media (max-width: 768px) { .mb-24-except-last-upto-m:not(:last-child) { margin-bottom: 1.5rem !important; } } .mt-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-24-except-last:not(:last-child) { margin-top: 1.5rem !important; } @media (max-width: 1024px) { .mt-24-except-last-upto-l:not(:last-child) { margin-top: 1.5rem !important; } } @media (max-width: 768px) { .mt-24-except-last-upto-m:not(:last-child) { margin-top: 1.5rem !important; } } .mr-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-24-except-last:not(:last-child) { margin-right: 1.5rem !important; } @media (max-width: 1024px) { .mr-24-except-last-upto-l:not(:last-child) { margin-right: 1.5rem !important; } } @media (max-width: 768px) { .mr-24-except-last-upto-m:not(:last-child) { margin-right: 1.5rem !important; } } .ml-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-24-except-last:not(:last-child) { margin-left: 1.5rem !important; } @media (max-width: 1024px) { .ml-24-except-last-upto-l:not(:last-child) { margin-left: 1.5rem !important; } } @media (max-width: 768px) { .ml-24-except-last-upto-m:not(:last-child) { margin-left: 1.5rem !important; } } .m-26 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-26:not(:last-child) { margin: 1.625rem !important; } @media (max-width: 1024px) { .m-26-upto-l:not(:last-child) { margin: 1.625rem !important; } } @media (max-width: 768px) { .m-26-upto-m:not(:last-child) { margin: 1.625rem !important; } } .mb-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-26-except-last:not(:last-child) { margin-bottom: 1.625rem !important; } @media (max-width: 1024px) { .mb-26-except-last-upto-l:not(:last-child) { margin-bottom: 1.625rem !important; } } @media (max-width: 768px) { .mb-26-except-last-upto-m:not(:last-child) { margin-bottom: 1.625rem !important; } } .mt-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-26-except-last:not(:last-child) { margin-top: 1.625rem !important; } @media (max-width: 1024px) { .mt-26-except-last-upto-l:not(:last-child) { margin-top: 1.625rem !important; } } @media (max-width: 768px) { .mt-26-except-last-upto-m:not(:last-child) { margin-top: 1.625rem !important; } } .mr-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-26-except-last:not(:last-child) { margin-right: 1.625rem !important; } @media (max-width: 1024px) { .mr-26-except-last-upto-l:not(:last-child) { margin-right: 1.625rem !important; } } @media (max-width: 768px) { .mr-26-except-last-upto-m:not(:last-child) { margin-right: 1.625rem !important; } } .ml-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-26-except-last:not(:last-child) { margin-left: 1.625rem !important; } @media (max-width: 1024px) { .ml-26-except-last-upto-l:not(:last-child) { margin-left: 1.625rem !important; } } @media (max-width: 768px) { .ml-26-except-last-upto-m:not(:last-child) { margin-left: 1.625rem !important; } } .m-32 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-32:not(:last-child) { margin: 2rem !important; } @media (max-width: 1024px) { .m-32-upto-l:not(:last-child) { margin: 2rem !important; } } @media (max-width: 768px) { .m-32-upto-m:not(:last-child) { margin: 2rem !important; } } .mb-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-32-except-last:not(:last-child) { margin-bottom: 2rem !important; } @media (max-width: 1024px) { .mb-32-except-last-upto-l:not(:last-child) { margin-bottom: 2rem !important; } } @media (max-width: 768px) { .mb-32-except-last-upto-m:not(:last-child) { margin-bottom: 2rem !important; } } .mt-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-32-except-last:not(:last-child) { margin-top: 2rem !important; } @media (max-width: 1024px) { .mt-32-except-last-upto-l:not(:last-child) { margin-top: 2rem !important; } } @media (max-width: 768px) { .mt-32-except-last-upto-m:not(:last-child) { margin-top: 2rem !important; } } .mr-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-32-except-last:not(:last-child) { margin-right: 2rem !important; } @media (max-width: 1024px) { .mr-32-except-last-upto-l:not(:last-child) { margin-right: 2rem !important; } } @media (max-width: 768px) { .mr-32-except-last-upto-m:not(:last-child) { margin-right: 2rem !important; } } .ml-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-32-except-last:not(:last-child) { margin-left: 2rem !important; } @media (max-width: 1024px) { .ml-32-except-last-upto-l:not(:last-child) { margin-left: 2rem !important; } } @media (max-width: 768px) { .ml-32-except-last-upto-m:not(:last-child) { margin-left: 2rem !important; } } .m-36 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-36:not(:last-child) { margin: 2.25rem !important; } @media (max-width: 1024px) { .m-36-upto-l:not(:last-child) { margin: 2.25rem !important; } } @media (max-width: 768px) { .m-36-upto-m:not(:last-child) { margin: 2.25rem !important; } } .mb-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-36-except-last:not(:last-child) { margin-bottom: 2.25rem !important; } @media (max-width: 1024px) { .mb-36-except-last-upto-l:not(:last-child) { margin-bottom: 2.25rem !important; } } @media (max-width: 768px) { .mb-36-except-last-upto-m:not(:last-child) { margin-bottom: 2.25rem !important; } } .mt-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-36-except-last:not(:last-child) { margin-top: 2.25rem !important; } @media (max-width: 1024px) { .mt-36-except-last-upto-l:not(:last-child) { margin-top: 2.25rem !important; } } @media (max-width: 768px) { .mt-36-except-last-upto-m:not(:last-child) { margin-top: 2.25rem !important; } } .mr-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-36-except-last:not(:last-child) { margin-right: 2.25rem !important; } @media (max-width: 1024px) { .mr-36-except-last-upto-l:not(:last-child) { margin-right: 2.25rem !important; } } @media (max-width: 768px) { .mr-36-except-last-upto-m:not(:last-child) { margin-right: 2.25rem !important; } } .ml-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-36-except-last:not(:last-child) { margin-left: 2.25rem !important; } @media (max-width: 1024px) { .ml-36-except-last-upto-l:not(:last-child) { margin-left: 2.25rem !important; } } @media (max-width: 768px) { .ml-36-except-last-upto-m:not(:last-child) { margin-left: 2.25rem !important; } } .m-40 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-40:not(:last-child) { margin: 2.5rem !important; } @media (max-width: 1024px) { .m-40-upto-l:not(:last-child) { margin: 2.5rem !important; } } @media (max-width: 768px) { .m-40-upto-m:not(:last-child) { margin: 2.5rem !important; } } .mb-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-40-except-last:not(:last-child) { margin-bottom: 2.5rem !important; } @media (max-width: 1024px) { .mb-40-except-last-upto-l:not(:last-child) { margin-bottom: 2.5rem !important; } } @media (max-width: 768px) { .mb-40-except-last-upto-m:not(:last-child) { margin-bottom: 2.5rem !important; } } .mt-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-40-except-last:not(:last-child) { margin-top: 2.5rem !important; } @media (max-width: 1024px) { .mt-40-except-last-upto-l:not(:last-child) { margin-top: 2.5rem !important; } } @media (max-width: 768px) { .mt-40-except-last-upto-m:not(:last-child) { margin-top: 2.5rem !important; } } .mr-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-40-except-last:not(:last-child) { margin-right: 2.5rem !important; } @media (max-width: 1024px) { .mr-40-except-last-upto-l:not(:last-child) { margin-right: 2.5rem !important; } } @media (max-width: 768px) { .mr-40-except-last-upto-m:not(:last-child) { margin-right: 2.5rem !important; } } .ml-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-40-except-last:not(:last-child) { margin-left: 2.5rem !important; } @media (max-width: 1024px) { .ml-40-except-last-upto-l:not(:last-child) { margin-left: 2.5rem !important; } } @media (max-width: 768px) { .ml-40-except-last-upto-m:not(:last-child) { margin-left: 2.5rem !important; } } .m-48 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-48:not(:last-child) { margin: 3rem !important; } @media (max-width: 1024px) { .m-48-upto-l:not(:last-child) { margin: 3rem !important; } } @media (max-width: 768px) { .m-48-upto-m:not(:last-child) { margin: 3rem !important; } } .mb-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-48-except-last:not(:last-child) { margin-bottom: 3rem !important; } @media (max-width: 1024px) { .mb-48-except-last-upto-l:not(:last-child) { margin-bottom: 3rem !important; } } @media (max-width: 768px) { .mb-48-except-last-upto-m:not(:last-child) { margin-bottom: 3rem !important; } } .mt-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-48-except-last:not(:last-child) { margin-top: 3rem !important; } @media (max-width: 1024px) { .mt-48-except-last-upto-l:not(:last-child) { margin-top: 3rem !important; } } @media (max-width: 768px) { .mt-48-except-last-upto-m:not(:last-child) { margin-top: 3rem !important; } } .mr-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-48-except-last:not(:last-child) { margin-right: 3rem !important; } @media (max-width: 1024px) { .mr-48-except-last-upto-l:not(:last-child) { margin-right: 3rem !important; } } @media (max-width: 768px) { .mr-48-except-last-upto-m:not(:last-child) { margin-right: 3rem !important; } } .ml-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-48-except-last:not(:last-child) { margin-left: 3rem !important; } @media (max-width: 1024px) { .ml-48-except-last-upto-l:not(:last-child) { margin-left: 3rem !important; } } @media (max-width: 768px) { .ml-48-except-last-upto-m:not(:last-child) { margin-left: 3rem !important; } } .m-64 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-64:not(:last-child) { margin: 4rem !important; } @media (max-width: 1024px) { .m-64-upto-l:not(:last-child) { margin: 4rem !important; } } @media (max-width: 768px) { .m-64-upto-m:not(:last-child) { margin: 4rem !important; } } .mb-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-64-except-last:not(:last-child) { margin-bottom: 4rem !important; } @media (max-width: 1024px) { .mb-64-except-last-upto-l:not(:last-child) { margin-bottom: 4rem !important; } } @media (max-width: 768px) { .mb-64-except-last-upto-m:not(:last-child) { margin-bottom: 4rem !important; } } .mt-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-64-except-last:not(:last-child) { margin-top: 4rem !important; } @media (max-width: 1024px) { .mt-64-except-last-upto-l:not(:last-child) { margin-top: 4rem !important; } } @media (max-width: 768px) { .mt-64-except-last-upto-m:not(:last-child) { margin-top: 4rem !important; } } .mr-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-64-except-last:not(:last-child) { margin-right: 4rem !important; } @media (max-width: 1024px) { .mr-64-except-last-upto-l:not(:last-child) { margin-right: 4rem !important; } } @media (max-width: 768px) { .mr-64-except-last-upto-m:not(:last-child) { margin-right: 4rem !important; } } .ml-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-64-except-last:not(:last-child) { margin-left: 4rem !important; } @media (max-width: 1024px) { .ml-64-except-last-upto-l:not(:last-child) { margin-left: 4rem !important; } } @media (max-width: 768px) { .ml-64-except-last-upto-m:not(:last-child) { margin-left: 4rem !important; } } .m-72 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m-72:not(:last-child) { margin: 4.5rem !important; } @media (max-width: 1024px) { .m-72-upto-l:not(:last-child) { margin: 4.5rem !important; } } @media (max-width: 768px) { .m-72-upto-m:not(:last-child) { margin: 4.5rem !important; } } .mb-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb-72-except-last:not(:last-child) { margin-bottom: 4.5rem !important; } @media (max-width: 1024px) { .mb-72-except-last-upto-l:not(:last-child) { margin-bottom: 4.5rem !important; } } @media (max-width: 768px) { .mb-72-except-last-upto-m:not(:last-child) { margin-bottom: 4.5rem !important; } } .mt-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt-72-except-last:not(:last-child) { margin-top: 4.5rem !important; } @media (max-width: 1024px) { .mt-72-except-last-upto-l:not(:last-child) { margin-top: 4.5rem !important; } } @media (max-width: 768px) { .mt-72-except-last-upto-m:not(:last-child) { margin-top: 4.5rem !important; } } .mr-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr-72-except-last:not(:last-child) { margin-right: 4.5rem !important; } @media (max-width: 1024px) { .mr-72-except-last-upto-l:not(:last-child) { margin-right: 4.5rem !important; } } @media (max-width: 768px) { .mr-72-except-last-upto-m:not(:last-child) { margin-right: 4.5rem !important; } } .ml-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml-72-except-last:not(:last-child) { margin-left: 4.5rem !important; } @media (max-width: 1024px) { .ml-72-except-last-upto-l:not(:last-child) { margin-left: 4.5rem !important; } } @media (max-width: 768px) { .ml-72-except-last-upto-m:not(:last-child) { margin-left: 4.5rem !important; } } .m--4 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--4:not(:last-child) { margin: -0.25rem !important; } @media (max-width: 1024px) { .m--4-upto-l:not(:last-child) { margin: -0.25rem !important; } } @media (max-width: 768px) { .m--4-upto-m:not(:last-child) { margin: -0.25rem !important; } } .mb--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--4-except-last:not(:last-child) { margin-bottom: -0.25rem !important; } @media (max-width: 1024px) { .mb--4-except-last-upto-l:not(:last-child) { margin-bottom: -0.25rem !important; } } @media (max-width: 768px) { .mb--4-except-last-upto-m:not(:last-child) { margin-bottom: -0.25rem !important; } } .mt--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--4-except-last:not(:last-child) { margin-top: -0.25rem !important; } @media (max-width: 1024px) { .mt--4-except-last-upto-l:not(:last-child) { margin-top: -0.25rem !important; } } @media (max-width: 768px) { .mt--4-except-last-upto-m:not(:last-child) { margin-top: -0.25rem !important; } } .mr--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--4-except-last:not(:last-child) { margin-right: -0.25rem !important; } @media (max-width: 1024px) { .mr--4-except-last-upto-l:not(:last-child) { margin-right: -0.25rem !important; } } @media (max-width: 768px) { .mr--4-except-last-upto-m:not(:last-child) { margin-right: -0.25rem !important; } } .ml--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--4-except-last:not(:last-child) { margin-left: -0.25rem !important; } @media (max-width: 1024px) { .ml--4-except-last-upto-l:not(:last-child) { margin-left: -0.25rem !important; } } @media (max-width: 768px) { .ml--4-except-last-upto-m:not(:last-child) { margin-left: -0.25rem !important; } } .m--8 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--8:not(:last-child) { margin: -0.5rem !important; } @media (max-width: 1024px) { .m--8-upto-l:not(:last-child) { margin: -0.5rem !important; } } @media (max-width: 768px) { .m--8-upto-m:not(:last-child) { margin: -0.5rem !important; } } .mb--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--8-except-last:not(:last-child) { margin-bottom: -0.5rem !important; } @media (max-width: 1024px) { .mb--8-except-last-upto-l:not(:last-child) { margin-bottom: -0.5rem !important; } } @media (max-width: 768px) { .mb--8-except-last-upto-m:not(:last-child) { margin-bottom: -0.5rem !important; } } .mt--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--8-except-last:not(:last-child) { margin-top: -0.5rem !important; } @media (max-width: 1024px) { .mt--8-except-last-upto-l:not(:last-child) { margin-top: -0.5rem !important; } } @media (max-width: 768px) { .mt--8-except-last-upto-m:not(:last-child) { margin-top: -0.5rem !important; } } .mr--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--8-except-last:not(:last-child) { margin-right: -0.5rem !important; } @media (max-width: 1024px) { .mr--8-except-last-upto-l:not(:last-child) { margin-right: -0.5rem !important; } } @media (max-width: 768px) { .mr--8-except-last-upto-m:not(:last-child) { margin-right: -0.5rem !important; } } .ml--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--8-except-last:not(:last-child) { margin-left: -0.5rem !important; } @media (max-width: 1024px) { .ml--8-except-last-upto-l:not(:last-child) { margin-left: -0.5rem !important; } } @media (max-width: 768px) { .ml--8-except-last-upto-m:not(:last-child) { margin-left: -0.5rem !important; } } .m--12 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--12:not(:last-child) { margin: -0.75rem !important; } @media (max-width: 1024px) { .m--12-upto-l:not(:last-child) { margin: -0.75rem !important; } } @media (max-width: 768px) { .m--12-upto-m:not(:last-child) { margin: -0.75rem !important; } } .mb--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--12-except-last:not(:last-child) { margin-bottom: -0.75rem !important; } @media (max-width: 1024px) { .mb--12-except-last-upto-l:not(:last-child) { margin-bottom: -0.75rem !important; } } @media (max-width: 768px) { .mb--12-except-last-upto-m:not(:last-child) { margin-bottom: -0.75rem !important; } } .mt--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--12-except-last:not(:last-child) { margin-top: -0.75rem !important; } @media (max-width: 1024px) { .mt--12-except-last-upto-l:not(:last-child) { margin-top: -0.75rem !important; } } @media (max-width: 768px) { .mt--12-except-last-upto-m:not(:last-child) { margin-top: -0.75rem !important; } } .mr--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--12-except-last:not(:last-child) { margin-right: -0.75rem !important; } @media (max-width: 1024px) { .mr--12-except-last-upto-l:not(:last-child) { margin-right: -0.75rem !important; } } @media (max-width: 768px) { .mr--12-except-last-upto-m:not(:last-child) { margin-right: -0.75rem !important; } } .ml--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--12-except-last:not(:last-child) { margin-left: -0.75rem !important; } @media (max-width: 1024px) { .ml--12-except-last-upto-l:not(:last-child) { margin-left: -0.75rem !important; } } @media (max-width: 768px) { .ml--12-except-last-upto-m:not(:last-child) { margin-left: -0.75rem !important; } } .m--16 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--16:not(:last-child) { margin: -1rem !important; } @media (max-width: 1024px) { .m--16-upto-l:not(:last-child) { margin: -1rem !important; } } @media (max-width: 768px) { .m--16-upto-m:not(:last-child) { margin: -1rem !important; } } .mb--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--16-except-last:not(:last-child) { margin-bottom: -1rem !important; } @media (max-width: 1024px) { .mb--16-except-last-upto-l:not(:last-child) { margin-bottom: -1rem !important; } } @media (max-width: 768px) { .mb--16-except-last-upto-m:not(:last-child) { margin-bottom: -1rem !important; } } .mt--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--16-except-last:not(:last-child) { margin-top: -1rem !important; } @media (max-width: 1024px) { .mt--16-except-last-upto-l:not(:last-child) { margin-top: -1rem !important; } } @media (max-width: 768px) { .mt--16-except-last-upto-m:not(:last-child) { margin-top: -1rem !important; } } .mr--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--16-except-last:not(:last-child) { margin-right: -1rem !important; } @media (max-width: 1024px) { .mr--16-except-last-upto-l:not(:last-child) { margin-right: -1rem !important; } } @media (max-width: 768px) { .mr--16-except-last-upto-m:not(:last-child) { margin-right: -1rem !important; } } .ml--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--16-except-last:not(:last-child) { margin-left: -1rem !important; } @media (max-width: 1024px) { .ml--16-except-last-upto-l:not(:last-child) { margin-left: -1rem !important; } } @media (max-width: 768px) { .ml--16-except-last-upto-m:not(:last-child) { margin-left: -1rem !important; } } .m--24 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--24:not(:last-child) { margin: -1.5rem !important; } @media (max-width: 1024px) { .m--24-upto-l:not(:last-child) { margin: -1.5rem !important; } } @media (max-width: 768px) { .m--24-upto-m:not(:last-child) { margin: -1.5rem !important; } } .mb--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--24-except-last:not(:last-child) { margin-bottom: -1.5rem !important; } @media (max-width: 1024px) { .mb--24-except-last-upto-l:not(:last-child) { margin-bottom: -1.5rem !important; } } @media (max-width: 768px) { .mb--24-except-last-upto-m:not(:last-child) { margin-bottom: -1.5rem !important; } } .mt--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--24-except-last:not(:last-child) { margin-top: -1.5rem !important; } @media (max-width: 1024px) { .mt--24-except-last-upto-l:not(:last-child) { margin-top: -1.5rem !important; } } @media (max-width: 768px) { .mt--24-except-last-upto-m:not(:last-child) { margin-top: -1.5rem !important; } } .mr--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--24-except-last:not(:last-child) { margin-right: -1.5rem !important; } @media (max-width: 1024px) { .mr--24-except-last-upto-l:not(:last-child) { margin-right: -1.5rem !important; } } @media (max-width: 768px) { .mr--24-except-last-upto-m:not(:last-child) { margin-right: -1.5rem !important; } } .ml--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--24-except-last:not(:last-child) { margin-left: -1.5rem !important; } @media (max-width: 1024px) { .ml--24-except-last-upto-l:not(:last-child) { margin-left: -1.5rem !important; } } @media (max-width: 768px) { .ml--24-except-last-upto-m:not(:last-child) { margin-left: -1.5rem !important; } } .m--32 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--32:not(:last-child) { margin: -2rem !important; } @media (max-width: 1024px) { .m--32-upto-l:not(:last-child) { margin: -2rem !important; } } @media (max-width: 768px) { .m--32-upto-m:not(:last-child) { margin: -2rem !important; } } .mb--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--32-except-last:not(:last-child) { margin-bottom: -2rem !important; } @media (max-width: 1024px) { .mb--32-except-last-upto-l:not(:last-child) { margin-bottom: -2rem !important; } } @media (max-width: 768px) { .mb--32-except-last-upto-m:not(:last-child) { margin-bottom: -2rem !important; } } .mt--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--32-except-last:not(:last-child) { margin-top: -2rem !important; } @media (max-width: 1024px) { .mt--32-except-last-upto-l:not(:last-child) { margin-top: -2rem !important; } } @media (max-width: 768px) { .mt--32-except-last-upto-m:not(:last-child) { margin-top: -2rem !important; } } .mr--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--32-except-last:not(:last-child) { margin-right: -2rem !important; } @media (max-width: 1024px) { .mr--32-except-last-upto-l:not(:last-child) { margin-right: -2rem !important; } } @media (max-width: 768px) { .mr--32-except-last-upto-m:not(:last-child) { margin-right: -2rem !important; } } .ml--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--32-except-last:not(:last-child) { margin-left: -2rem !important; } @media (max-width: 1024px) { .ml--32-except-last-upto-l:not(:last-child) { margin-left: -2rem !important; } } @media (max-width: 768px) { .ml--32-except-last-upto-m:not(:last-child) { margin-left: -2rem !important; } } .m--40 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .m--40:not(:last-child) { margin: -2.5rem !important; } @media (max-width: 1024px) { .m--40-upto-l:not(:last-child) { margin: -2.5rem !important; } } @media (max-width: 768px) { .m--40-upto-m:not(:last-child) { margin: -2.5rem !important; } } .mb--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mb--40-except-last:not(:last-child) { margin-bottom: -2.5rem !important; } @media (max-width: 1024px) { .mb--40-except-last-upto-l:not(:last-child) { margin-bottom: -2.5rem !important; } } @media (max-width: 768px) { .mb--40-except-last-upto-m:not(:last-child) { margin-bottom: -2.5rem !important; } } .mt--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mt--40-except-last:not(:last-child) { margin-top: -2.5rem !important; } @media (max-width: 1024px) { .mt--40-except-last-upto-l:not(:last-child) { margin-top: -2.5rem !important; } } @media (max-width: 768px) { .mt--40-except-last-upto-m:not(:last-child) { margin-top: -2.5rem !important; } } .mr--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .mr--40-except-last:not(:last-child) { margin-right: -2.5rem !important; } @media (max-width: 1024px) { .mr--40-except-last-upto-l:not(:last-child) { margin-right: -2.5rem !important; } } @media (max-width: 768px) { .mr--40-except-last-upto-m:not(:last-child) { margin-right: -2.5rem !important; } } .ml--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ml--40-except-last:not(:last-child) { margin-left: -2.5rem !important; } @media (max-width: 1024px) { .ml--40-except-last-upto-l:not(:last-child) { margin-left: -2.5rem !important; } } @media (max-width: 768px) { .ml--40-except-last-upto-m:not(:last-child) { margin-left: -2.5rem !important; } } /* Adds styles for paddings like: pb, pt, pl, pr, pb-except-last, pt-except-last, pl-except-last, pr-except-last Each of them has responsive suffix: *-upto-l */ .p-auto { padding: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-auto-upto-l { padding: auto !important; } } @media (max-width: 768px) { .p-auto-upto-m { padding: auto !important; } } @media (max-width: 576px) { .p-auto-upto-s { padding: auto !important; } } @media (min-width: 577px) { .p-auto-from-s { padding: auto !important; } } @media screen and (max-width: 767px) { .p-auto-upto-md { padding: auto !important; } } @media screen and (min-width: 768px) { .p-auto-from-md { padding: auto !important; } } .pb-auto { padding-bottom: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-auto-upto-l { padding-bottom: auto !important; } } @media (max-width: 768px) { .pb-auto-upto-m { padding-bottom: auto !important; } } @media (max-width: 576px) { .pb-auto-upto-s { padding-bottom: auto !important; } } @media (min-width: 577px) { .pb-auto-from-s { padding-bottom: auto !important; } } @media screen and (max-width: 767px) { .pb-auto-upto-md { padding-bottom: auto !important; } } @media screen and (min-width: 768px) { .pb-auto-from-md { padding-bottom: auto !important; } } .pt-auto { padding-top: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-auto-upto-l { padding-top: auto !important; } } @media (max-width: 768px) { .pt-auto-upto-m { padding-top: auto !important; } } @media (max-width: 576px) { .pt-auto-upto-s { padding-top: auto !important; } } @media (min-width: 577px) { .pt-auto-from-s { padding-top: auto !important; } } @media screen and (max-width: 767px) { .pt-auto-upto-md { padding-top: auto !important; } } @media screen and (min-width: 768px) { .pt-auto-from-md { padding-top: auto !important; } } .pr-auto { padding-right: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-auto-upto-l { padding-right: auto !important; } } @media (max-width: 768px) { .pr-auto-upto-m { padding-right: auto !important; } } @media (max-width: 576px) { .pr-auto-upto-s { padding-right: auto !important; } } @media (min-width: 577px) { .pr-auto-from-s { padding-right: auto !important; } } @media screen and (max-width: 767px) { .pr-auto-upto-md { padding-right: auto !important; } } @media screen and (min-width: 768px) { .pr-auto-from-md { padding-right: auto !important; } } .pl-auto { padding-left: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-auto-upto-l { padding-left: auto !important; } } @media (max-width: 768px) { .pl-auto-upto-m { padding-left: auto !important; } } @media (max-width: 576px) { .pl-auto-upto-s { padding-left: auto !important; } } @media (min-width: 577px) { .pl-auto-from-s { padding-left: auto !important; } } @media screen and (max-width: 767px) { .pl-auto-upto-md { padding-left: auto !important; } } @media screen and (min-width: 768px) { .pl-auto-from-md { padding-left: auto !important; } } .p-0 { padding: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-0-upto-l { padding: 0 !important; } } @media (max-width: 768px) { .p-0-upto-m { padding: 0 !important; } } @media (max-width: 576px) { .p-0-upto-s { padding: 0 !important; } } @media (min-width: 577px) { .p-0-from-s { padding: 0 !important; } } @media screen and (max-width: 767px) { .p-0-upto-md { padding: 0 !important; } } @media screen and (min-width: 768px) { .p-0-from-md { padding: 0 !important; } } .pb-0 { padding-bottom: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-0-upto-l { padding-bottom: 0 !important; } } @media (max-width: 768px) { .pb-0-upto-m { padding-bottom: 0 !important; } } @media (max-width: 576px) { .pb-0-upto-s { padding-bottom: 0 !important; } } @media (min-width: 577px) { .pb-0-from-s { padding-bottom: 0 !important; } } @media screen and (max-width: 767px) { .pb-0-upto-md { padding-bottom: 0 !important; } } @media screen and (min-width: 768px) { .pb-0-from-md { padding-bottom: 0 !important; } } .pt-0 { padding-top: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-0-upto-l { padding-top: 0 !important; } } @media (max-width: 768px) { .pt-0-upto-m { padding-top: 0 !important; } } @media (max-width: 576px) { .pt-0-upto-s { padding-top: 0 !important; } } @media (min-width: 577px) { .pt-0-from-s { padding-top: 0 !important; } } @media screen and (max-width: 767px) { .pt-0-upto-md { padding-top: 0 !important; } } @media screen and (min-width: 768px) { .pt-0-from-md { padding-top: 0 !important; } } .pr-0 { padding-right: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-0-upto-l { padding-right: 0 !important; } } @media (max-width: 768px) { .pr-0-upto-m { padding-right: 0 !important; } } @media (max-width: 576px) { .pr-0-upto-s { padding-right: 0 !important; } } @media (min-width: 577px) { .pr-0-from-s { padding-right: 0 !important; } } @media screen and (max-width: 767px) { .pr-0-upto-md { padding-right: 0 !important; } } @media screen and (min-width: 768px) { .pr-0-from-md { padding-right: 0 !important; } } .pl-0 { padding-left: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-0-upto-l { padding-left: 0 !important; } } @media (max-width: 768px) { .pl-0-upto-m { padding-left: 0 !important; } } @media (max-width: 576px) { .pl-0-upto-s { padding-left: 0 !important; } } @media (min-width: 577px) { .pl-0-from-s { padding-left: 0 !important; } } @media screen and (max-width: 767px) { .pl-0-upto-md { padding-left: 0 !important; } } @media screen and (min-width: 768px) { .pl-0-from-md { padding-left: 0 !important; } } .p-2 { padding: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-2-upto-l { padding: 0.125rem !important; } } @media (max-width: 768px) { .p-2-upto-m { padding: 0.125rem !important; } } @media (max-width: 576px) { .p-2-upto-s { padding: 0.125rem !important; } } @media (min-width: 577px) { .p-2-from-s { padding: 0.125rem !important; } } @media screen and (max-width: 767px) { .p-2-upto-md { padding: 0.125rem !important; } } @media screen and (min-width: 768px) { .p-2-from-md { padding: 0.125rem !important; } } .pb-2 { padding-bottom: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-2-upto-l { padding-bottom: 0.125rem !important; } } @media (max-width: 768px) { .pb-2-upto-m { padding-bottom: 0.125rem !important; } } @media (max-width: 576px) { .pb-2-upto-s { padding-bottom: 0.125rem !important; } } @media (min-width: 577px) { .pb-2-from-s { padding-bottom: 0.125rem !important; } } @media screen and (max-width: 767px) { .pb-2-upto-md { padding-bottom: 0.125rem !important; } } @media screen and (min-width: 768px) { .pb-2-from-md { padding-bottom: 0.125rem !important; } } .pt-2 { padding-top: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-2-upto-l { padding-top: 0.125rem !important; } } @media (max-width: 768px) { .pt-2-upto-m { padding-top: 0.125rem !important; } } @media (max-width: 576px) { .pt-2-upto-s { padding-top: 0.125rem !important; } } @media (min-width: 577px) { .pt-2-from-s { padding-top: 0.125rem !important; } } @media screen and (max-width: 767px) { .pt-2-upto-md { padding-top: 0.125rem !important; } } @media screen and (min-width: 768px) { .pt-2-from-md { padding-top: 0.125rem !important; } } .pr-2 { padding-right: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-2-upto-l { padding-right: 0.125rem !important; } } @media (max-width: 768px) { .pr-2-upto-m { padding-right: 0.125rem !important; } } @media (max-width: 576px) { .pr-2-upto-s { padding-right: 0.125rem !important; } } @media (min-width: 577px) { .pr-2-from-s { padding-right: 0.125rem !important; } } @media screen and (max-width: 767px) { .pr-2-upto-md { padding-right: 0.125rem !important; } } @media screen and (min-width: 768px) { .pr-2-from-md { padding-right: 0.125rem !important; } } .pl-2 { padding-left: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-2-upto-l { padding-left: 0.125rem !important; } } @media (max-width: 768px) { .pl-2-upto-m { padding-left: 0.125rem !important; } } @media (max-width: 576px) { .pl-2-upto-s { padding-left: 0.125rem !important; } } @media (min-width: 577px) { .pl-2-from-s { padding-left: 0.125rem !important; } } @media screen and (max-width: 767px) { .pl-2-upto-md { padding-left: 0.125rem !important; } } @media screen and (min-width: 768px) { .pl-2-from-md { padding-left: 0.125rem !important; } } .p-4 { padding: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-4-upto-l { padding: 0.25rem !important; } } @media (max-width: 768px) { .p-4-upto-m { padding: 0.25rem !important; } } @media (max-width: 576px) { .p-4-upto-s { padding: 0.25rem !important; } } @media (min-width: 577px) { .p-4-from-s { padding: 0.25rem !important; } } @media screen and (max-width: 767px) { .p-4-upto-md { padding: 0.25rem !important; } } @media screen and (min-width: 768px) { .p-4-from-md { padding: 0.25rem !important; } } .pb-4 { padding-bottom: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-4-upto-l { padding-bottom: 0.25rem !important; } } @media (max-width: 768px) { .pb-4-upto-m { padding-bottom: 0.25rem !important; } } @media (max-width: 576px) { .pb-4-upto-s { padding-bottom: 0.25rem !important; } } @media (min-width: 577px) { .pb-4-from-s { padding-bottom: 0.25rem !important; } } @media screen and (max-width: 767px) { .pb-4-upto-md { padding-bottom: 0.25rem !important; } } @media screen and (min-width: 768px) { .pb-4-from-md { padding-bottom: 0.25rem !important; } } .pt-4 { padding-top: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-4-upto-l { padding-top: 0.25rem !important; } } @media (max-width: 768px) { .pt-4-upto-m { padding-top: 0.25rem !important; } } @media (max-width: 576px) { .pt-4-upto-s { padding-top: 0.25rem !important; } } @media (min-width: 577px) { .pt-4-from-s { padding-top: 0.25rem !important; } } @media screen and (max-width: 767px) { .pt-4-upto-md { padding-top: 0.25rem !important; } } @media screen and (min-width: 768px) { .pt-4-from-md { padding-top: 0.25rem !important; } } .pr-4 { padding-right: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-4-upto-l { padding-right: 0.25rem !important; } } @media (max-width: 768px) { .pr-4-upto-m { padding-right: 0.25rem !important; } } @media (max-width: 576px) { .pr-4-upto-s { padding-right: 0.25rem !important; } } @media (min-width: 577px) { .pr-4-from-s { padding-right: 0.25rem !important; } } @media screen and (max-width: 767px) { .pr-4-upto-md { padding-right: 0.25rem !important; } } @media screen and (min-width: 768px) { .pr-4-from-md { padding-right: 0.25rem !important; } } .pl-4 { padding-left: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-4-upto-l { padding-left: 0.25rem !important; } } @media (max-width: 768px) { .pl-4-upto-m { padding-left: 0.25rem !important; } } @media (max-width: 576px) { .pl-4-upto-s { padding-left: 0.25rem !important; } } @media (min-width: 577px) { .pl-4-from-s { padding-left: 0.25rem !important; } } @media screen and (max-width: 767px) { .pl-4-upto-md { padding-left: 0.25rem !important; } } @media screen and (min-width: 768px) { .pl-4-from-md { padding-left: 0.25rem !important; } } .p-8 { padding: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-8-upto-l { padding: 0.5rem !important; } } @media (max-width: 768px) { .p-8-upto-m { padding: 0.5rem !important; } } @media (max-width: 576px) { .p-8-upto-s { padding: 0.5rem !important; } } @media (min-width: 577px) { .p-8-from-s { padding: 0.5rem !important; } } @media screen and (max-width: 767px) { .p-8-upto-md { padding: 0.5rem !important; } } @media screen and (min-width: 768px) { .p-8-from-md { padding: 0.5rem !important; } } .pb-8 { padding-bottom: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-8-upto-l { padding-bottom: 0.5rem !important; } } @media (max-width: 768px) { .pb-8-upto-m { padding-bottom: 0.5rem !important; } } @media (max-width: 576px) { .pb-8-upto-s { padding-bottom: 0.5rem !important; } } @media (min-width: 577px) { .pb-8-from-s { padding-bottom: 0.5rem !important; } } @media screen and (max-width: 767px) { .pb-8-upto-md { padding-bottom: 0.5rem !important; } } @media screen and (min-width: 768px) { .pb-8-from-md { padding-bottom: 0.5rem !important; } } .pt-8 { padding-top: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-8-upto-l { padding-top: 0.5rem !important; } } @media (max-width: 768px) { .pt-8-upto-m { padding-top: 0.5rem !important; } } @media (max-width: 576px) { .pt-8-upto-s { padding-top: 0.5rem !important; } } @media (min-width: 577px) { .pt-8-from-s { padding-top: 0.5rem !important; } } @media screen and (max-width: 767px) { .pt-8-upto-md { padding-top: 0.5rem !important; } } @media screen and (min-width: 768px) { .pt-8-from-md { padding-top: 0.5rem !important; } } .pr-8 { padding-right: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-8-upto-l { padding-right: 0.5rem !important; } } @media (max-width: 768px) { .pr-8-upto-m { padding-right: 0.5rem !important; } } @media (max-width: 576px) { .pr-8-upto-s { padding-right: 0.5rem !important; } } @media (min-width: 577px) { .pr-8-from-s { padding-right: 0.5rem !important; } } @media screen and (max-width: 767px) { .pr-8-upto-md { padding-right: 0.5rem !important; } } @media screen and (min-width: 768px) { .pr-8-from-md { padding-right: 0.5rem !important; } } .pl-8 { padding-left: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-8-upto-l { padding-left: 0.5rem !important; } } @media (max-width: 768px) { .pl-8-upto-m { padding-left: 0.5rem !important; } } @media (max-width: 576px) { .pl-8-upto-s { padding-left: 0.5rem !important; } } @media (min-width: 577px) { .pl-8-from-s { padding-left: 0.5rem !important; } } @media screen and (max-width: 767px) { .pl-8-upto-md { padding-left: 0.5rem !important; } } @media screen and (min-width: 768px) { .pl-8-from-md { padding-left: 0.5rem !important; } } .p-12 { padding: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-12-upto-l { padding: 0.75rem !important; } } @media (max-width: 768px) { .p-12-upto-m { padding: 0.75rem !important; } } @media (max-width: 576px) { .p-12-upto-s { padding: 0.75rem !important; } } @media (min-width: 577px) { .p-12-from-s { padding: 0.75rem !important; } } @media screen and (max-width: 767px) { .p-12-upto-md { padding: 0.75rem !important; } } @media screen and (min-width: 768px) { .p-12-from-md { padding: 0.75rem !important; } } .pb-12 { padding-bottom: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-12-upto-l { padding-bottom: 0.75rem !important; } } @media (max-width: 768px) { .pb-12-upto-m { padding-bottom: 0.75rem !important; } } @media (max-width: 576px) { .pb-12-upto-s { padding-bottom: 0.75rem !important; } } @media (min-width: 577px) { .pb-12-from-s { padding-bottom: 0.75rem !important; } } @media screen and (max-width: 767px) { .pb-12-upto-md { padding-bottom: 0.75rem !important; } } @media screen and (min-width: 768px) { .pb-12-from-md { padding-bottom: 0.75rem !important; } } .pt-12 { padding-top: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-12-upto-l { padding-top: 0.75rem !important; } } @media (max-width: 768px) { .pt-12-upto-m { padding-top: 0.75rem !important; } } @media (max-width: 576px) { .pt-12-upto-s { padding-top: 0.75rem !important; } } @media (min-width: 577px) { .pt-12-from-s { padding-top: 0.75rem !important; } } @media screen and (max-width: 767px) { .pt-12-upto-md { padding-top: 0.75rem !important; } } @media screen and (min-width: 768px) { .pt-12-from-md { padding-top: 0.75rem !important; } } .pr-12 { padding-right: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-12-upto-l { padding-right: 0.75rem !important; } } @media (max-width: 768px) { .pr-12-upto-m { padding-right: 0.75rem !important; } } @media (max-width: 576px) { .pr-12-upto-s { padding-right: 0.75rem !important; } } @media (min-width: 577px) { .pr-12-from-s { padding-right: 0.75rem !important; } } @media screen and (max-width: 767px) { .pr-12-upto-md { padding-right: 0.75rem !important; } } @media screen and (min-width: 768px) { .pr-12-from-md { padding-right: 0.75rem !important; } } .pl-12 { padding-left: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-12-upto-l { padding-left: 0.75rem !important; } } @media (max-width: 768px) { .pl-12-upto-m { padding-left: 0.75rem !important; } } @media (max-width: 576px) { .pl-12-upto-s { padding-left: 0.75rem !important; } } @media (min-width: 577px) { .pl-12-from-s { padding-left: 0.75rem !important; } } @media screen and (max-width: 767px) { .pl-12-upto-md { padding-left: 0.75rem !important; } } @media screen and (min-width: 768px) { .pl-12-from-md { padding-left: 0.75rem !important; } } .p-16 { padding: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-16-upto-l { padding: 1rem !important; } } @media (max-width: 768px) { .p-16-upto-m { padding: 1rem !important; } } @media (max-width: 576px) { .p-16-upto-s { padding: 1rem !important; } } @media (min-width: 577px) { .p-16-from-s { padding: 1rem !important; } } @media screen and (max-width: 767px) { .p-16-upto-md { padding: 1rem !important; } } @media screen and (min-width: 768px) { .p-16-from-md { padding: 1rem !important; } } .pb-16 { padding-bottom: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-16-upto-l { padding-bottom: 1rem !important; } } @media (max-width: 768px) { .pb-16-upto-m { padding-bottom: 1rem !important; } } @media (max-width: 576px) { .pb-16-upto-s { padding-bottom: 1rem !important; } } @media (min-width: 577px) { .pb-16-from-s { padding-bottom: 1rem !important; } } @media screen and (max-width: 767px) { .pb-16-upto-md { padding-bottom: 1rem !important; } } @media screen and (min-width: 768px) { .pb-16-from-md { padding-bottom: 1rem !important; } } .pt-16 { padding-top: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-16-upto-l { padding-top: 1rem !important; } } @media (max-width: 768px) { .pt-16-upto-m { padding-top: 1rem !important; } } @media (max-width: 576px) { .pt-16-upto-s { padding-top: 1rem !important; } } @media (min-width: 577px) { .pt-16-from-s { padding-top: 1rem !important; } } @media screen and (max-width: 767px) { .pt-16-upto-md { padding-top: 1rem !important; } } @media screen and (min-width: 768px) { .pt-16-from-md { padding-top: 1rem !important; } } .pr-16, button.kebab-btn, .ce-theme button.kebab-btn { padding-right: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-16-upto-l { padding-right: 1rem !important; } } @media (max-width: 768px) { .pr-16-upto-m { padding-right: 1rem !important; } } @media (max-width: 576px) { .pr-16-upto-s { padding-right: 1rem !important; } } @media (min-width: 577px) { .pr-16-from-s { padding-right: 1rem !important; } } @media screen and (max-width: 767px) { .pr-16-upto-md { padding-right: 1rem !important; } } @media screen and (min-width: 768px) { .pr-16-from-md { padding-right: 1rem !important; } } .pl-16, button.kebab-btn, .ce-theme button.kebab-btn { padding-left: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-16-upto-l { padding-left: 1rem !important; } } @media (max-width: 768px) { .pl-16-upto-m { padding-left: 1rem !important; } } @media (max-width: 576px) { .pl-16-upto-s { padding-left: 1rem !important; } } @media (min-width: 577px) { .pl-16-from-s { padding-left: 1rem !important; } } @media screen and (max-width: 767px) { .pl-16-upto-md { padding-left: 1rem !important; } } @media screen and (min-width: 768px) { .pl-16-from-md { padding-left: 1rem !important; } } .p-20 { padding: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-20-upto-l { padding: 1.25rem !important; } } @media (max-width: 768px) { .p-20-upto-m { padding: 1.25rem !important; } } @media (max-width: 576px) { .p-20-upto-s { padding: 1.25rem !important; } } @media (min-width: 577px) { .p-20-from-s { padding: 1.25rem !important; } } @media screen and (max-width: 767px) { .p-20-upto-md { padding: 1.25rem !important; } } @media screen and (min-width: 768px) { .p-20-from-md { padding: 1.25rem !important; } } .pb-20 { padding-bottom: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-20-upto-l { padding-bottom: 1.25rem !important; } } @media (max-width: 768px) { .pb-20-upto-m { padding-bottom: 1.25rem !important; } } @media (max-width: 576px) { .pb-20-upto-s { padding-bottom: 1.25rem !important; } } @media (min-width: 577px) { .pb-20-from-s { padding-bottom: 1.25rem !important; } } @media screen and (max-width: 767px) { .pb-20-upto-md { padding-bottom: 1.25rem !important; } } @media screen and (min-width: 768px) { .pb-20-from-md { padding-bottom: 1.25rem !important; } } .pt-20 { padding-top: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-20-upto-l { padding-top: 1.25rem !important; } } @media (max-width: 768px) { .pt-20-upto-m { padding-top: 1.25rem !important; } } @media (max-width: 576px) { .pt-20-upto-s { padding-top: 1.25rem !important; } } @media (min-width: 577px) { .pt-20-from-s { padding-top: 1.25rem !important; } } @media screen and (max-width: 767px) { .pt-20-upto-md { padding-top: 1.25rem !important; } } @media screen and (min-width: 768px) { .pt-20-from-md { padding-top: 1.25rem !important; } } .pr-20 { padding-right: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-20-upto-l { padding-right: 1.25rem !important; } } @media (max-width: 768px) { .pr-20-upto-m { padding-right: 1.25rem !important; } } @media (max-width: 576px) { .pr-20-upto-s { padding-right: 1.25rem !important; } } @media (min-width: 577px) { .pr-20-from-s { padding-right: 1.25rem !important; } } @media screen and (max-width: 767px) { .pr-20-upto-md { padding-right: 1.25rem !important; } } @media screen and (min-width: 768px) { .pr-20-from-md { padding-right: 1.25rem !important; } } .pl-20 { padding-left: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-20-upto-l { padding-left: 1.25rem !important; } } @media (max-width: 768px) { .pl-20-upto-m { padding-left: 1.25rem !important; } } @media (max-width: 576px) { .pl-20-upto-s { padding-left: 1.25rem !important; } } @media (min-width: 577px) { .pl-20-from-s { padding-left: 1.25rem !important; } } @media screen and (max-width: 767px) { .pl-20-upto-md { padding-left: 1.25rem !important; } } @media screen and (min-width: 768px) { .pl-20-from-md { padding-left: 1.25rem !important; } } .p-24 { padding: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-24-upto-l { padding: 1.5rem !important; } } @media (max-width: 768px) { .p-24-upto-m { padding: 1.5rem !important; } } @media (max-width: 576px) { .p-24-upto-s { padding: 1.5rem !important; } } @media (min-width: 577px) { .p-24-from-s { padding: 1.5rem !important; } } @media screen and (max-width: 767px) { .p-24-upto-md { padding: 1.5rem !important; } } @media screen and (min-width: 768px) { .p-24-from-md { padding: 1.5rem !important; } } .pb-24 { padding-bottom: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-24-upto-l { padding-bottom: 1.5rem !important; } } @media (max-width: 768px) { .pb-24-upto-m { padding-bottom: 1.5rem !important; } } @media (max-width: 576px) { .pb-24-upto-s { padding-bottom: 1.5rem !important; } } @media (min-width: 577px) { .pb-24-from-s { padding-bottom: 1.5rem !important; } } @media screen and (max-width: 767px) { .pb-24-upto-md { padding-bottom: 1.5rem !important; } } @media screen and (min-width: 768px) { .pb-24-from-md { padding-bottom: 1.5rem !important; } } .pt-24 { padding-top: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-24-upto-l { padding-top: 1.5rem !important; } } @media (max-width: 768px) { .pt-24-upto-m { padding-top: 1.5rem !important; } } @media (max-width: 576px) { .pt-24-upto-s { padding-top: 1.5rem !important; } } @media (min-width: 577px) { .pt-24-from-s { padding-top: 1.5rem !important; } } @media screen and (max-width: 767px) { .pt-24-upto-md { padding-top: 1.5rem !important; } } @media screen and (min-width: 768px) { .pt-24-from-md { padding-top: 1.5rem !important; } } .pr-24 { padding-right: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-24-upto-l { padding-right: 1.5rem !important; } } @media (max-width: 768px) { .pr-24-upto-m { padding-right: 1.5rem !important; } } @media (max-width: 576px) { .pr-24-upto-s { padding-right: 1.5rem !important; } } @media (min-width: 577px) { .pr-24-from-s { padding-right: 1.5rem !important; } } @media screen and (max-width: 767px) { .pr-24-upto-md { padding-right: 1.5rem !important; } } @media screen and (min-width: 768px) { .pr-24-from-md { padding-right: 1.5rem !important; } } .pl-24 { padding-left: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-24-upto-l { padding-left: 1.5rem !important; } } @media (max-width: 768px) { .pl-24-upto-m { padding-left: 1.5rem !important; } } @media (max-width: 576px) { .pl-24-upto-s { padding-left: 1.5rem !important; } } @media (min-width: 577px) { .pl-24-from-s { padding-left: 1.5rem !important; } } @media screen and (max-width: 767px) { .pl-24-upto-md { padding-left: 1.5rem !important; } } @media screen and (min-width: 768px) { .pl-24-from-md { padding-left: 1.5rem !important; } } .p-26 { padding: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-26-upto-l { padding: 1.625rem !important; } } @media (max-width: 768px) { .p-26-upto-m { padding: 1.625rem !important; } } @media (max-width: 576px) { .p-26-upto-s { padding: 1.625rem !important; } } @media (min-width: 577px) { .p-26-from-s { padding: 1.625rem !important; } } @media screen and (max-width: 767px) { .p-26-upto-md { padding: 1.625rem !important; } } @media screen and (min-width: 768px) { .p-26-from-md { padding: 1.625rem !important; } } .pb-26 { padding-bottom: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-26-upto-l { padding-bottom: 1.625rem !important; } } @media (max-width: 768px) { .pb-26-upto-m { padding-bottom: 1.625rem !important; } } @media (max-width: 576px) { .pb-26-upto-s { padding-bottom: 1.625rem !important; } } @media (min-width: 577px) { .pb-26-from-s { padding-bottom: 1.625rem !important; } } @media screen and (max-width: 767px) { .pb-26-upto-md { padding-bottom: 1.625rem !important; } } @media screen and (min-width: 768px) { .pb-26-from-md { padding-bottom: 1.625rem !important; } } .pt-26 { padding-top: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-26-upto-l { padding-top: 1.625rem !important; } } @media (max-width: 768px) { .pt-26-upto-m { padding-top: 1.625rem !important; } } @media (max-width: 576px) { .pt-26-upto-s { padding-top: 1.625rem !important; } } @media (min-width: 577px) { .pt-26-from-s { padding-top: 1.625rem !important; } } @media screen and (max-width: 767px) { .pt-26-upto-md { padding-top: 1.625rem !important; } } @media screen and (min-width: 768px) { .pt-26-from-md { padding-top: 1.625rem !important; } } .pr-26 { padding-right: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-26-upto-l { padding-right: 1.625rem !important; } } @media (max-width: 768px) { .pr-26-upto-m { padding-right: 1.625rem !important; } } @media (max-width: 576px) { .pr-26-upto-s { padding-right: 1.625rem !important; } } @media (min-width: 577px) { .pr-26-from-s { padding-right: 1.625rem !important; } } @media screen and (max-width: 767px) { .pr-26-upto-md { padding-right: 1.625rem !important; } } @media screen and (min-width: 768px) { .pr-26-from-md { padding-right: 1.625rem !important; } } .pl-26 { padding-left: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-26-upto-l { padding-left: 1.625rem !important; } } @media (max-width: 768px) { .pl-26-upto-m { padding-left: 1.625rem !important; } } @media (max-width: 576px) { .pl-26-upto-s { padding-left: 1.625rem !important; } } @media (min-width: 577px) { .pl-26-from-s { padding-left: 1.625rem !important; } } @media screen and (max-width: 767px) { .pl-26-upto-md { padding-left: 1.625rem !important; } } @media screen and (min-width: 768px) { .pl-26-from-md { padding-left: 1.625rem !important; } } .p-32 { padding: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-32-upto-l { padding: 2rem !important; } } @media (max-width: 768px) { .p-32-upto-m { padding: 2rem !important; } } @media (max-width: 576px) { .p-32-upto-s { padding: 2rem !important; } } @media (min-width: 577px) { .p-32-from-s { padding: 2rem !important; } } @media screen and (max-width: 767px) { .p-32-upto-md { padding: 2rem !important; } } @media screen and (min-width: 768px) { .p-32-from-md { padding: 2rem !important; } } .pb-32 { padding-bottom: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-32-upto-l { padding-bottom: 2rem !important; } } @media (max-width: 768px) { .pb-32-upto-m { padding-bottom: 2rem !important; } } @media (max-width: 576px) { .pb-32-upto-s { padding-bottom: 2rem !important; } } @media (min-width: 577px) { .pb-32-from-s { padding-bottom: 2rem !important; } } @media screen and (max-width: 767px) { .pb-32-upto-md { padding-bottom: 2rem !important; } } @media screen and (min-width: 768px) { .pb-32-from-md { padding-bottom: 2rem !important; } } .pt-32 { padding-top: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-32-upto-l { padding-top: 2rem !important; } } @media (max-width: 768px) { .pt-32-upto-m { padding-top: 2rem !important; } } @media (max-width: 576px) { .pt-32-upto-s { padding-top: 2rem !important; } } @media (min-width: 577px) { .pt-32-from-s { padding-top: 2rem !important; } } @media screen and (max-width: 767px) { .pt-32-upto-md { padding-top: 2rem !important; } } @media screen and (min-width: 768px) { .pt-32-from-md { padding-top: 2rem !important; } } .pr-32 { padding-right: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-32-upto-l { padding-right: 2rem !important; } } @media (max-width: 768px) { .pr-32-upto-m { padding-right: 2rem !important; } } @media (max-width: 576px) { .pr-32-upto-s { padding-right: 2rem !important; } } @media (min-width: 577px) { .pr-32-from-s { padding-right: 2rem !important; } } @media screen and (max-width: 767px) { .pr-32-upto-md { padding-right: 2rem !important; } } @media screen and (min-width: 768px) { .pr-32-from-md { padding-right: 2rem !important; } } .pl-32 { padding-left: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-32-upto-l { padding-left: 2rem !important; } } @media (max-width: 768px) { .pl-32-upto-m { padding-left: 2rem !important; } } @media (max-width: 576px) { .pl-32-upto-s { padding-left: 2rem !important; } } @media (min-width: 577px) { .pl-32-from-s { padding-left: 2rem !important; } } @media screen and (max-width: 767px) { .pl-32-upto-md { padding-left: 2rem !important; } } @media screen and (min-width: 768px) { .pl-32-from-md { padding-left: 2rem !important; } } .p-36 { padding: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-36-upto-l { padding: 2.25rem !important; } } @media (max-width: 768px) { .p-36-upto-m { padding: 2.25rem !important; } } @media (max-width: 576px) { .p-36-upto-s { padding: 2.25rem !important; } } @media (min-width: 577px) { .p-36-from-s { padding: 2.25rem !important; } } @media screen and (max-width: 767px) { .p-36-upto-md { padding: 2.25rem !important; } } @media screen and (min-width: 768px) { .p-36-from-md { padding: 2.25rem !important; } } .pb-36 { padding-bottom: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-36-upto-l { padding-bottom: 2.25rem !important; } } @media (max-width: 768px) { .pb-36-upto-m { padding-bottom: 2.25rem !important; } } @media (max-width: 576px) { .pb-36-upto-s { padding-bottom: 2.25rem !important; } } @media (min-width: 577px) { .pb-36-from-s { padding-bottom: 2.25rem !important; } } @media screen and (max-width: 767px) { .pb-36-upto-md { padding-bottom: 2.25rem !important; } } @media screen and (min-width: 768px) { .pb-36-from-md { padding-bottom: 2.25rem !important; } } .pt-36 { padding-top: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-36-upto-l { padding-top: 2.25rem !important; } } @media (max-width: 768px) { .pt-36-upto-m { padding-top: 2.25rem !important; } } @media (max-width: 576px) { .pt-36-upto-s { padding-top: 2.25rem !important; } } @media (min-width: 577px) { .pt-36-from-s { padding-top: 2.25rem !important; } } @media screen and (max-width: 767px) { .pt-36-upto-md { padding-top: 2.25rem !important; } } @media screen and (min-width: 768px) { .pt-36-from-md { padding-top: 2.25rem !important; } } .pr-36 { padding-right: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-36-upto-l { padding-right: 2.25rem !important; } } @media (max-width: 768px) { .pr-36-upto-m { padding-right: 2.25rem !important; } } @media (max-width: 576px) { .pr-36-upto-s { padding-right: 2.25rem !important; } } @media (min-width: 577px) { .pr-36-from-s { padding-right: 2.25rem !important; } } @media screen and (max-width: 767px) { .pr-36-upto-md { padding-right: 2.25rem !important; } } @media screen and (min-width: 768px) { .pr-36-from-md { padding-right: 2.25rem !important; } } .pl-36 { padding-left: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-36-upto-l { padding-left: 2.25rem !important; } } @media (max-width: 768px) { .pl-36-upto-m { padding-left: 2.25rem !important; } } @media (max-width: 576px) { .pl-36-upto-s { padding-left: 2.25rem !important; } } @media (min-width: 577px) { .pl-36-from-s { padding-left: 2.25rem !important; } } @media screen and (max-width: 767px) { .pl-36-upto-md { padding-left: 2.25rem !important; } } @media screen and (min-width: 768px) { .pl-36-from-md { padding-left: 2.25rem !important; } } .p-40 { padding: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-40-upto-l { padding: 2.5rem !important; } } @media (max-width: 768px) { .p-40-upto-m { padding: 2.5rem !important; } } @media (max-width: 576px) { .p-40-upto-s { padding: 2.5rem !important; } } @media (min-width: 577px) { .p-40-from-s { padding: 2.5rem !important; } } @media screen and (max-width: 767px) { .p-40-upto-md { padding: 2.5rem !important; } } @media screen and (min-width: 768px) { .p-40-from-md { padding: 2.5rem !important; } } .pb-40 { padding-bottom: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-40-upto-l { padding-bottom: 2.5rem !important; } } @media (max-width: 768px) { .pb-40-upto-m { padding-bottom: 2.5rem !important; } } @media (max-width: 576px) { .pb-40-upto-s { padding-bottom: 2.5rem !important; } } @media (min-width: 577px) { .pb-40-from-s { padding-bottom: 2.5rem !important; } } @media screen and (max-width: 767px) { .pb-40-upto-md { padding-bottom: 2.5rem !important; } } @media screen and (min-width: 768px) { .pb-40-from-md { padding-bottom: 2.5rem !important; } } .pt-40 { padding-top: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-40-upto-l { padding-top: 2.5rem !important; } } @media (max-width: 768px) { .pt-40-upto-m { padding-top: 2.5rem !important; } } @media (max-width: 576px) { .pt-40-upto-s { padding-top: 2.5rem !important; } } @media (min-width: 577px) { .pt-40-from-s { padding-top: 2.5rem !important; } } @media screen and (max-width: 767px) { .pt-40-upto-md { padding-top: 2.5rem !important; } } @media screen and (min-width: 768px) { .pt-40-from-md { padding-top: 2.5rem !important; } } .pr-40 { padding-right: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-40-upto-l { padding-right: 2.5rem !important; } } @media (max-width: 768px) { .pr-40-upto-m { padding-right: 2.5rem !important; } } @media (max-width: 576px) { .pr-40-upto-s { padding-right: 2.5rem !important; } } @media (min-width: 577px) { .pr-40-from-s { padding-right: 2.5rem !important; } } @media screen and (max-width: 767px) { .pr-40-upto-md { padding-right: 2.5rem !important; } } @media screen and (min-width: 768px) { .pr-40-from-md { padding-right: 2.5rem !important; } } .pl-40 { padding-left: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-40-upto-l { padding-left: 2.5rem !important; } } @media (max-width: 768px) { .pl-40-upto-m { padding-left: 2.5rem !important; } } @media (max-width: 576px) { .pl-40-upto-s { padding-left: 2.5rem !important; } } @media (min-width: 577px) { .pl-40-from-s { padding-left: 2.5rem !important; } } @media screen and (max-width: 767px) { .pl-40-upto-md { padding-left: 2.5rem !important; } } @media screen and (min-width: 768px) { .pl-40-from-md { padding-left: 2.5rem !important; } } .p-48 { padding: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-48-upto-l { padding: 3rem !important; } } @media (max-width: 768px) { .p-48-upto-m { padding: 3rem !important; } } @media (max-width: 576px) { .p-48-upto-s { padding: 3rem !important; } } @media (min-width: 577px) { .p-48-from-s { padding: 3rem !important; } } @media screen and (max-width: 767px) { .p-48-upto-md { padding: 3rem !important; } } @media screen and (min-width: 768px) { .p-48-from-md { padding: 3rem !important; } } .pb-48 { padding-bottom: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-48-upto-l { padding-bottom: 3rem !important; } } @media (max-width: 768px) { .pb-48-upto-m { padding-bottom: 3rem !important; } } @media (max-width: 576px) { .pb-48-upto-s { padding-bottom: 3rem !important; } } @media (min-width: 577px) { .pb-48-from-s { padding-bottom: 3rem !important; } } @media screen and (max-width: 767px) { .pb-48-upto-md { padding-bottom: 3rem !important; } } @media screen and (min-width: 768px) { .pb-48-from-md { padding-bottom: 3rem !important; } } .pt-48 { padding-top: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-48-upto-l { padding-top: 3rem !important; } } @media (max-width: 768px) { .pt-48-upto-m { padding-top: 3rem !important; } } @media (max-width: 576px) { .pt-48-upto-s { padding-top: 3rem !important; } } @media (min-width: 577px) { .pt-48-from-s { padding-top: 3rem !important; } } @media screen and (max-width: 767px) { .pt-48-upto-md { padding-top: 3rem !important; } } @media screen and (min-width: 768px) { .pt-48-from-md { padding-top: 3rem !important; } } .pr-48 { padding-right: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-48-upto-l { padding-right: 3rem !important; } } @media (max-width: 768px) { .pr-48-upto-m { padding-right: 3rem !important; } } @media (max-width: 576px) { .pr-48-upto-s { padding-right: 3rem !important; } } @media (min-width: 577px) { .pr-48-from-s { padding-right: 3rem !important; } } @media screen and (max-width: 767px) { .pr-48-upto-md { padding-right: 3rem !important; } } @media screen and (min-width: 768px) { .pr-48-from-md { padding-right: 3rem !important; } } .pl-48 { padding-left: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-48-upto-l { padding-left: 3rem !important; } } @media (max-width: 768px) { .pl-48-upto-m { padding-left: 3rem !important; } } @media (max-width: 576px) { .pl-48-upto-s { padding-left: 3rem !important; } } @media (min-width: 577px) { .pl-48-from-s { padding-left: 3rem !important; } } @media screen and (max-width: 767px) { .pl-48-upto-md { padding-left: 3rem !important; } } @media screen and (min-width: 768px) { .pl-48-from-md { padding-left: 3rem !important; } } .p-64 { padding: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-64-upto-l { padding: 4rem !important; } } @media (max-width: 768px) { .p-64-upto-m { padding: 4rem !important; } } @media (max-width: 576px) { .p-64-upto-s { padding: 4rem !important; } } @media (min-width: 577px) { .p-64-from-s { padding: 4rem !important; } } @media screen and (max-width: 767px) { .p-64-upto-md { padding: 4rem !important; } } @media screen and (min-width: 768px) { .p-64-from-md { padding: 4rem !important; } } .pb-64 { padding-bottom: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-64-upto-l { padding-bottom: 4rem !important; } } @media (max-width: 768px) { .pb-64-upto-m { padding-bottom: 4rem !important; } } @media (max-width: 576px) { .pb-64-upto-s { padding-bottom: 4rem !important; } } @media (min-width: 577px) { .pb-64-from-s { padding-bottom: 4rem !important; } } @media screen and (max-width: 767px) { .pb-64-upto-md { padding-bottom: 4rem !important; } } @media screen and (min-width: 768px) { .pb-64-from-md { padding-bottom: 4rem !important; } } .pt-64 { padding-top: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-64-upto-l { padding-top: 4rem !important; } } @media (max-width: 768px) { .pt-64-upto-m { padding-top: 4rem !important; } } @media (max-width: 576px) { .pt-64-upto-s { padding-top: 4rem !important; } } @media (min-width: 577px) { .pt-64-from-s { padding-top: 4rem !important; } } @media screen and (max-width: 767px) { .pt-64-upto-md { padding-top: 4rem !important; } } @media screen and (min-width: 768px) { .pt-64-from-md { padding-top: 4rem !important; } } .pr-64 { padding-right: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-64-upto-l { padding-right: 4rem !important; } } @media (max-width: 768px) { .pr-64-upto-m { padding-right: 4rem !important; } } @media (max-width: 576px) { .pr-64-upto-s { padding-right: 4rem !important; } } @media (min-width: 577px) { .pr-64-from-s { padding-right: 4rem !important; } } @media screen and (max-width: 767px) { .pr-64-upto-md { padding-right: 4rem !important; } } @media screen and (min-width: 768px) { .pr-64-from-md { padding-right: 4rem !important; } } .pl-64 { padding-left: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-64-upto-l { padding-left: 4rem !important; } } @media (max-width: 768px) { .pl-64-upto-m { padding-left: 4rem !important; } } @media (max-width: 576px) { .pl-64-upto-s { padding-left: 4rem !important; } } @media (min-width: 577px) { .pl-64-from-s { padding-left: 4rem !important; } } @media screen and (max-width: 767px) { .pl-64-upto-md { padding-left: 4rem !important; } } @media screen and (min-width: 768px) { .pl-64-from-md { padding-left: 4rem !important; } } .p-72 { padding: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p-72-upto-l { padding: 4.5rem !important; } } @media (max-width: 768px) { .p-72-upto-m { padding: 4.5rem !important; } } @media (max-width: 576px) { .p-72-upto-s { padding: 4.5rem !important; } } @media (min-width: 577px) { .p-72-from-s { padding: 4.5rem !important; } } @media screen and (max-width: 767px) { .p-72-upto-md { padding: 4.5rem !important; } } @media screen and (min-width: 768px) { .p-72-from-md { padding: 4.5rem !important; } } .pb-72 { padding-bottom: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb-72-upto-l { padding-bottom: 4.5rem !important; } } @media (max-width: 768px) { .pb-72-upto-m { padding-bottom: 4.5rem !important; } } @media (max-width: 576px) { .pb-72-upto-s { padding-bottom: 4.5rem !important; } } @media (min-width: 577px) { .pb-72-from-s { padding-bottom: 4.5rem !important; } } @media screen and (max-width: 767px) { .pb-72-upto-md { padding-bottom: 4.5rem !important; } } @media screen and (min-width: 768px) { .pb-72-from-md { padding-bottom: 4.5rem !important; } } .pt-72 { padding-top: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt-72-upto-l { padding-top: 4.5rem !important; } } @media (max-width: 768px) { .pt-72-upto-m { padding-top: 4.5rem !important; } } @media (max-width: 576px) { .pt-72-upto-s { padding-top: 4.5rem !important; } } @media (min-width: 577px) { .pt-72-from-s { padding-top: 4.5rem !important; } } @media screen and (max-width: 767px) { .pt-72-upto-md { padding-top: 4.5rem !important; } } @media screen and (min-width: 768px) { .pt-72-from-md { padding-top: 4.5rem !important; } } .pr-72 { padding-right: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr-72-upto-l { padding-right: 4.5rem !important; } } @media (max-width: 768px) { .pr-72-upto-m { padding-right: 4.5rem !important; } } @media (max-width: 576px) { .pr-72-upto-s { padding-right: 4.5rem !important; } } @media (min-width: 577px) { .pr-72-from-s { padding-right: 4.5rem !important; } } @media screen and (max-width: 767px) { .pr-72-upto-md { padding-right: 4.5rem !important; } } @media screen and (min-width: 768px) { .pr-72-from-md { padding-right: 4.5rem !important; } } .pl-72 { padding-left: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl-72-upto-l { padding-left: 4.5rem !important; } } @media (max-width: 768px) { .pl-72-upto-m { padding-left: 4.5rem !important; } } @media (max-width: 576px) { .pl-72-upto-s { padding-left: 4.5rem !important; } } @media (min-width: 577px) { .pl-72-from-s { padding-left: 4.5rem !important; } } @media screen and (max-width: 767px) { .pl-72-upto-md { padding-left: 4.5rem !important; } } @media screen and (min-width: 768px) { .pl-72-from-md { padding-left: 4.5rem !important; } } .p--4 { padding: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--4-upto-l { padding: -0.25rem !important; } } @media (max-width: 768px) { .p--4-upto-m { padding: -0.25rem !important; } } @media (max-width: 576px) { .p--4-upto-s { padding: -0.25rem !important; } } @media (min-width: 577px) { .p--4-from-s { padding: -0.25rem !important; } } @media screen and (max-width: 767px) { .p--4-upto-md { padding: -0.25rem !important; } } @media screen and (min-width: 768px) { .p--4-from-md { padding: -0.25rem !important; } } .pb--4 { padding-bottom: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--4-upto-l { padding-bottom: -0.25rem !important; } } @media (max-width: 768px) { .pb--4-upto-m { padding-bottom: -0.25rem !important; } } @media (max-width: 576px) { .pb--4-upto-s { padding-bottom: -0.25rem !important; } } @media (min-width: 577px) { .pb--4-from-s { padding-bottom: -0.25rem !important; } } @media screen and (max-width: 767px) { .pb--4-upto-md { padding-bottom: -0.25rem !important; } } @media screen and (min-width: 768px) { .pb--4-from-md { padding-bottom: -0.25rem !important; } } .pt--4 { padding-top: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--4-upto-l { padding-top: -0.25rem !important; } } @media (max-width: 768px) { .pt--4-upto-m { padding-top: -0.25rem !important; } } @media (max-width: 576px) { .pt--4-upto-s { padding-top: -0.25rem !important; } } @media (min-width: 577px) { .pt--4-from-s { padding-top: -0.25rem !important; } } @media screen and (max-width: 767px) { .pt--4-upto-md { padding-top: -0.25rem !important; } } @media screen and (min-width: 768px) { .pt--4-from-md { padding-top: -0.25rem !important; } } .pr--4 { padding-right: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--4-upto-l { padding-right: -0.25rem !important; } } @media (max-width: 768px) { .pr--4-upto-m { padding-right: -0.25rem !important; } } @media (max-width: 576px) { .pr--4-upto-s { padding-right: -0.25rem !important; } } @media (min-width: 577px) { .pr--4-from-s { padding-right: -0.25rem !important; } } @media screen and (max-width: 767px) { .pr--4-upto-md { padding-right: -0.25rem !important; } } @media screen and (min-width: 768px) { .pr--4-from-md { padding-right: -0.25rem !important; } } .pl--4 { padding-left: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--4-upto-l { padding-left: -0.25rem !important; } } @media (max-width: 768px) { .pl--4-upto-m { padding-left: -0.25rem !important; } } @media (max-width: 576px) { .pl--4-upto-s { padding-left: -0.25rem !important; } } @media (min-width: 577px) { .pl--4-from-s { padding-left: -0.25rem !important; } } @media screen and (max-width: 767px) { .pl--4-upto-md { padding-left: -0.25rem !important; } } @media screen and (min-width: 768px) { .pl--4-from-md { padding-left: -0.25rem !important; } } .p--8 { padding: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--8-upto-l { padding: -0.5rem !important; } } @media (max-width: 768px) { .p--8-upto-m { padding: -0.5rem !important; } } @media (max-width: 576px) { .p--8-upto-s { padding: -0.5rem !important; } } @media (min-width: 577px) { .p--8-from-s { padding: -0.5rem !important; } } @media screen and (max-width: 767px) { .p--8-upto-md { padding: -0.5rem !important; } } @media screen and (min-width: 768px) { .p--8-from-md { padding: -0.5rem !important; } } .pb--8 { padding-bottom: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--8-upto-l { padding-bottom: -0.5rem !important; } } @media (max-width: 768px) { .pb--8-upto-m { padding-bottom: -0.5rem !important; } } @media (max-width: 576px) { .pb--8-upto-s { padding-bottom: -0.5rem !important; } } @media (min-width: 577px) { .pb--8-from-s { padding-bottom: -0.5rem !important; } } @media screen and (max-width: 767px) { .pb--8-upto-md { padding-bottom: -0.5rem !important; } } @media screen and (min-width: 768px) { .pb--8-from-md { padding-bottom: -0.5rem !important; } } .pt--8 { padding-top: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--8-upto-l { padding-top: -0.5rem !important; } } @media (max-width: 768px) { .pt--8-upto-m { padding-top: -0.5rem !important; } } @media (max-width: 576px) { .pt--8-upto-s { padding-top: -0.5rem !important; } } @media (min-width: 577px) { .pt--8-from-s { padding-top: -0.5rem !important; } } @media screen and (max-width: 767px) { .pt--8-upto-md { padding-top: -0.5rem !important; } } @media screen and (min-width: 768px) { .pt--8-from-md { padding-top: -0.5rem !important; } } .pr--8 { padding-right: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--8-upto-l { padding-right: -0.5rem !important; } } @media (max-width: 768px) { .pr--8-upto-m { padding-right: -0.5rem !important; } } @media (max-width: 576px) { .pr--8-upto-s { padding-right: -0.5rem !important; } } @media (min-width: 577px) { .pr--8-from-s { padding-right: -0.5rem !important; } } @media screen and (max-width: 767px) { .pr--8-upto-md { padding-right: -0.5rem !important; } } @media screen and (min-width: 768px) { .pr--8-from-md { padding-right: -0.5rem !important; } } .pl--8 { padding-left: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--8-upto-l { padding-left: -0.5rem !important; } } @media (max-width: 768px) { .pl--8-upto-m { padding-left: -0.5rem !important; } } @media (max-width: 576px) { .pl--8-upto-s { padding-left: -0.5rem !important; } } @media (min-width: 577px) { .pl--8-from-s { padding-left: -0.5rem !important; } } @media screen and (max-width: 767px) { .pl--8-upto-md { padding-left: -0.5rem !important; } } @media screen and (min-width: 768px) { .pl--8-from-md { padding-left: -0.5rem !important; } } .p--12 { padding: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--12-upto-l { padding: -0.75rem !important; } } @media (max-width: 768px) { .p--12-upto-m { padding: -0.75rem !important; } } @media (max-width: 576px) { .p--12-upto-s { padding: -0.75rem !important; } } @media (min-width: 577px) { .p--12-from-s { padding: -0.75rem !important; } } @media screen and (max-width: 767px) { .p--12-upto-md { padding: -0.75rem !important; } } @media screen and (min-width: 768px) { .p--12-from-md { padding: -0.75rem !important; } } .pb--12 { padding-bottom: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--12-upto-l { padding-bottom: -0.75rem !important; } } @media (max-width: 768px) { .pb--12-upto-m { padding-bottom: -0.75rem !important; } } @media (max-width: 576px) { .pb--12-upto-s { padding-bottom: -0.75rem !important; } } @media (min-width: 577px) { .pb--12-from-s { padding-bottom: -0.75rem !important; } } @media screen and (max-width: 767px) { .pb--12-upto-md { padding-bottom: -0.75rem !important; } } @media screen and (min-width: 768px) { .pb--12-from-md { padding-bottom: -0.75rem !important; } } .pt--12 { padding-top: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--12-upto-l { padding-top: -0.75rem !important; } } @media (max-width: 768px) { .pt--12-upto-m { padding-top: -0.75rem !important; } } @media (max-width: 576px) { .pt--12-upto-s { padding-top: -0.75rem !important; } } @media (min-width: 577px) { .pt--12-from-s { padding-top: -0.75rem !important; } } @media screen and (max-width: 767px) { .pt--12-upto-md { padding-top: -0.75rem !important; } } @media screen and (min-width: 768px) { .pt--12-from-md { padding-top: -0.75rem !important; } } .pr--12 { padding-right: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--12-upto-l { padding-right: -0.75rem !important; } } @media (max-width: 768px) { .pr--12-upto-m { padding-right: -0.75rem !important; } } @media (max-width: 576px) { .pr--12-upto-s { padding-right: -0.75rem !important; } } @media (min-width: 577px) { .pr--12-from-s { padding-right: -0.75rem !important; } } @media screen and (max-width: 767px) { .pr--12-upto-md { padding-right: -0.75rem !important; } } @media screen and (min-width: 768px) { .pr--12-from-md { padding-right: -0.75rem !important; } } .pl--12 { padding-left: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--12-upto-l { padding-left: -0.75rem !important; } } @media (max-width: 768px) { .pl--12-upto-m { padding-left: -0.75rem !important; } } @media (max-width: 576px) { .pl--12-upto-s { padding-left: -0.75rem !important; } } @media (min-width: 577px) { .pl--12-from-s { padding-left: -0.75rem !important; } } @media screen and (max-width: 767px) { .pl--12-upto-md { padding-left: -0.75rem !important; } } @media screen and (min-width: 768px) { .pl--12-from-md { padding-left: -0.75rem !important; } } .p--16 { padding: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--16-upto-l { padding: -1rem !important; } } @media (max-width: 768px) { .p--16-upto-m { padding: -1rem !important; } } @media (max-width: 576px) { .p--16-upto-s { padding: -1rem !important; } } @media (min-width: 577px) { .p--16-from-s { padding: -1rem !important; } } @media screen and (max-width: 767px) { .p--16-upto-md { padding: -1rem !important; } } @media screen and (min-width: 768px) { .p--16-from-md { padding: -1rem !important; } } .pb--16 { padding-bottom: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--16-upto-l { padding-bottom: -1rem !important; } } @media (max-width: 768px) { .pb--16-upto-m { padding-bottom: -1rem !important; } } @media (max-width: 576px) { .pb--16-upto-s { padding-bottom: -1rem !important; } } @media (min-width: 577px) { .pb--16-from-s { padding-bottom: -1rem !important; } } @media screen and (max-width: 767px) { .pb--16-upto-md { padding-bottom: -1rem !important; } } @media screen and (min-width: 768px) { .pb--16-from-md { padding-bottom: -1rem !important; } } .pt--16 { padding-top: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--16-upto-l { padding-top: -1rem !important; } } @media (max-width: 768px) { .pt--16-upto-m { padding-top: -1rem !important; } } @media (max-width: 576px) { .pt--16-upto-s { padding-top: -1rem !important; } } @media (min-width: 577px) { .pt--16-from-s { padding-top: -1rem !important; } } @media screen and (max-width: 767px) { .pt--16-upto-md { padding-top: -1rem !important; } } @media screen and (min-width: 768px) { .pt--16-from-md { padding-top: -1rem !important; } } .pr--16 { padding-right: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--16-upto-l { padding-right: -1rem !important; } } @media (max-width: 768px) { .pr--16-upto-m { padding-right: -1rem !important; } } @media (max-width: 576px) { .pr--16-upto-s { padding-right: -1rem !important; } } @media (min-width: 577px) { .pr--16-from-s { padding-right: -1rem !important; } } @media screen and (max-width: 767px) { .pr--16-upto-md { padding-right: -1rem !important; } } @media screen and (min-width: 768px) { .pr--16-from-md { padding-right: -1rem !important; } } .pl--16 { padding-left: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--16-upto-l { padding-left: -1rem !important; } } @media (max-width: 768px) { .pl--16-upto-m { padding-left: -1rem !important; } } @media (max-width: 576px) { .pl--16-upto-s { padding-left: -1rem !important; } } @media (min-width: 577px) { .pl--16-from-s { padding-left: -1rem !important; } } @media screen and (max-width: 767px) { .pl--16-upto-md { padding-left: -1rem !important; } } @media screen and (min-width: 768px) { .pl--16-from-md { padding-left: -1rem !important; } } .p--24 { padding: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--24-upto-l { padding: -1.5rem !important; } } @media (max-width: 768px) { .p--24-upto-m { padding: -1.5rem !important; } } @media (max-width: 576px) { .p--24-upto-s { padding: -1.5rem !important; } } @media (min-width: 577px) { .p--24-from-s { padding: -1.5rem !important; } } @media screen and (max-width: 767px) { .p--24-upto-md { padding: -1.5rem !important; } } @media screen and (min-width: 768px) { .p--24-from-md { padding: -1.5rem !important; } } .pb--24 { padding-bottom: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--24-upto-l { padding-bottom: -1.5rem !important; } } @media (max-width: 768px) { .pb--24-upto-m { padding-bottom: -1.5rem !important; } } @media (max-width: 576px) { .pb--24-upto-s { padding-bottom: -1.5rem !important; } } @media (min-width: 577px) { .pb--24-from-s { padding-bottom: -1.5rem !important; } } @media screen and (max-width: 767px) { .pb--24-upto-md { padding-bottom: -1.5rem !important; } } @media screen and (min-width: 768px) { .pb--24-from-md { padding-bottom: -1.5rem !important; } } .pt--24 { padding-top: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--24-upto-l { padding-top: -1.5rem !important; } } @media (max-width: 768px) { .pt--24-upto-m { padding-top: -1.5rem !important; } } @media (max-width: 576px) { .pt--24-upto-s { padding-top: -1.5rem !important; } } @media (min-width: 577px) { .pt--24-from-s { padding-top: -1.5rem !important; } } @media screen and (max-width: 767px) { .pt--24-upto-md { padding-top: -1.5rem !important; } } @media screen and (min-width: 768px) { .pt--24-from-md { padding-top: -1.5rem !important; } } .pr--24 { padding-right: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--24-upto-l { padding-right: -1.5rem !important; } } @media (max-width: 768px) { .pr--24-upto-m { padding-right: -1.5rem !important; } } @media (max-width: 576px) { .pr--24-upto-s { padding-right: -1.5rem !important; } } @media (min-width: 577px) { .pr--24-from-s { padding-right: -1.5rem !important; } } @media screen and (max-width: 767px) { .pr--24-upto-md { padding-right: -1.5rem !important; } } @media screen and (min-width: 768px) { .pr--24-from-md { padding-right: -1.5rem !important; } } .pl--24 { padding-left: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--24-upto-l { padding-left: -1.5rem !important; } } @media (max-width: 768px) { .pl--24-upto-m { padding-left: -1.5rem !important; } } @media (max-width: 576px) { .pl--24-upto-s { padding-left: -1.5rem !important; } } @media (min-width: 577px) { .pl--24-from-s { padding-left: -1.5rem !important; } } @media screen and (max-width: 767px) { .pl--24-upto-md { padding-left: -1.5rem !important; } } @media screen and (min-width: 768px) { .pl--24-from-md { padding-left: -1.5rem !important; } } .p--32 { padding: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--32-upto-l { padding: -2rem !important; } } @media (max-width: 768px) { .p--32-upto-m { padding: -2rem !important; } } @media (max-width: 576px) { .p--32-upto-s { padding: -2rem !important; } } @media (min-width: 577px) { .p--32-from-s { padding: -2rem !important; } } @media screen and (max-width: 767px) { .p--32-upto-md { padding: -2rem !important; } } @media screen and (min-width: 768px) { .p--32-from-md { padding: -2rem !important; } } .pb--32 { padding-bottom: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--32-upto-l { padding-bottom: -2rem !important; } } @media (max-width: 768px) { .pb--32-upto-m { padding-bottom: -2rem !important; } } @media (max-width: 576px) { .pb--32-upto-s { padding-bottom: -2rem !important; } } @media (min-width: 577px) { .pb--32-from-s { padding-bottom: -2rem !important; } } @media screen and (max-width: 767px) { .pb--32-upto-md { padding-bottom: -2rem !important; } } @media screen and (min-width: 768px) { .pb--32-from-md { padding-bottom: -2rem !important; } } .pt--32 { padding-top: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--32-upto-l { padding-top: -2rem !important; } } @media (max-width: 768px) { .pt--32-upto-m { padding-top: -2rem !important; } } @media (max-width: 576px) { .pt--32-upto-s { padding-top: -2rem !important; } } @media (min-width: 577px) { .pt--32-from-s { padding-top: -2rem !important; } } @media screen and (max-width: 767px) { .pt--32-upto-md { padding-top: -2rem !important; } } @media screen and (min-width: 768px) { .pt--32-from-md { padding-top: -2rem !important; } } .pr--32 { padding-right: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--32-upto-l { padding-right: -2rem !important; } } @media (max-width: 768px) { .pr--32-upto-m { padding-right: -2rem !important; } } @media (max-width: 576px) { .pr--32-upto-s { padding-right: -2rem !important; } } @media (min-width: 577px) { .pr--32-from-s { padding-right: -2rem !important; } } @media screen and (max-width: 767px) { .pr--32-upto-md { padding-right: -2rem !important; } } @media screen and (min-width: 768px) { .pr--32-from-md { padding-right: -2rem !important; } } .pl--32 { padding-left: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--32-upto-l { padding-left: -2rem !important; } } @media (max-width: 768px) { .pl--32-upto-m { padding-left: -2rem !important; } } @media (max-width: 576px) { .pl--32-upto-s { padding-left: -2rem !important; } } @media (min-width: 577px) { .pl--32-from-s { padding-left: -2rem !important; } } @media screen and (max-width: 767px) { .pl--32-upto-md { padding-left: -2rem !important; } } @media screen and (min-width: 768px) { .pl--32-from-md { padding-left: -2rem !important; } } .p--40 { padding: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .p--40-upto-l { padding: -2.5rem !important; } } @media (max-width: 768px) { .p--40-upto-m { padding: -2.5rem !important; } } @media (max-width: 576px) { .p--40-upto-s { padding: -2.5rem !important; } } @media (min-width: 577px) { .p--40-from-s { padding: -2.5rem !important; } } @media screen and (max-width: 767px) { .p--40-upto-md { padding: -2.5rem !important; } } @media screen and (min-width: 768px) { .p--40-from-md { padding: -2.5rem !important; } } .pb--40 { padding-bottom: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pb--40-upto-l { padding-bottom: -2.5rem !important; } } @media (max-width: 768px) { .pb--40-upto-m { padding-bottom: -2.5rem !important; } } @media (max-width: 576px) { .pb--40-upto-s { padding-bottom: -2.5rem !important; } } @media (min-width: 577px) { .pb--40-from-s { padding-bottom: -2.5rem !important; } } @media screen and (max-width: 767px) { .pb--40-upto-md { padding-bottom: -2.5rem !important; } } @media screen and (min-width: 768px) { .pb--40-from-md { padding-bottom: -2.5rem !important; } } .pt--40 { padding-top: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pt--40-upto-l { padding-top: -2.5rem !important; } } @media (max-width: 768px) { .pt--40-upto-m { padding-top: -2.5rem !important; } } @media (max-width: 576px) { .pt--40-upto-s { padding-top: -2.5rem !important; } } @media (min-width: 577px) { .pt--40-from-s { padding-top: -2.5rem !important; } } @media screen and (max-width: 767px) { .pt--40-upto-md { padding-top: -2.5rem !important; } } @media screen and (min-width: 768px) { .pt--40-from-md { padding-top: -2.5rem !important; } } .pr--40 { padding-right: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pr--40-upto-l { padding-right: -2.5rem !important; } } @media (max-width: 768px) { .pr--40-upto-m { padding-right: -2.5rem !important; } } @media (max-width: 576px) { .pr--40-upto-s { padding-right: -2.5rem !important; } } @media (min-width: 577px) { .pr--40-from-s { padding-right: -2.5rem !important; } } @media screen and (max-width: 767px) { .pr--40-upto-md { padding-right: -2.5rem !important; } } @media screen and (min-width: 768px) { .pr--40-from-md { padding-right: -2.5rem !important; } } .pl--40 { padding-left: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .pl--40-upto-l { padding-left: -2.5rem !important; } } @media (max-width: 768px) { .pl--40-upto-m { padding-left: -2.5rem !important; } } @media (max-width: 576px) { .pl--40-upto-s { padding-left: -2.5rem !important; } } @media (min-width: 577px) { .pl--40-from-s { padding-left: -2.5rem !important; } } @media screen and (max-width: 767px) { .pl--40-upto-md { padding-left: -2.5rem !important; } } @media screen and (min-width: 768px) { .pl--40-from-md { padding-left: -2.5rem !important; } } .p-auto { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-auto:not(:last-child) { padding: auto !important; } @media (max-width: 1024px) { .p-auto-upto-l:not(:last-child) { padding: auto !important; } } @media (max-width: 768px) { .p-auto-upto-m:not(:last-child) { padding: auto !important; } } .pb-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-auto-except-last:not(:last-child) { padding-bottom: auto !important; } @media (max-width: 1024px) { .pb-auto-except-last-upto-l:not(:last-child) { padding-bottom: auto !important; } } @media (max-width: 768px) { .pb-auto-except-last-upto-m:not(:last-child) { padding-bottom: auto !important; } } .pt-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-auto-except-last:not(:last-child) { padding-top: auto !important; } @media (max-width: 1024px) { .pt-auto-except-last-upto-l:not(:last-child) { padding-top: auto !important; } } @media (max-width: 768px) { .pt-auto-except-last-upto-m:not(:last-child) { padding-top: auto !important; } } .pr-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-auto-except-last:not(:last-child) { padding-right: auto !important; } @media (max-width: 1024px) { .pr-auto-except-last-upto-l:not(:last-child) { padding-right: auto !important; } } @media (max-width: 768px) { .pr-auto-except-last-upto-m:not(:last-child) { padding-right: auto !important; } } .pl-auto-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-auto-except-last:not(:last-child) { padding-left: auto !important; } @media (max-width: 1024px) { .pl-auto-except-last-upto-l:not(:last-child) { padding-left: auto !important; } } @media (max-width: 768px) { .pl-auto-except-last-upto-m:not(:last-child) { padding-left: auto !important; } } .p-0 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-0:not(:last-child) { padding: 0 !important; } @media (max-width: 1024px) { .p-0-upto-l:not(:last-child) { padding: 0 !important; } } @media (max-width: 768px) { .p-0-upto-m:not(:last-child) { padding: 0 !important; } } .pb-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-0-except-last:not(:last-child) { padding-bottom: 0 !important; } @media (max-width: 1024px) { .pb-0-except-last-upto-l:not(:last-child) { padding-bottom: 0 !important; } } @media (max-width: 768px) { .pb-0-except-last-upto-m:not(:last-child) { padding-bottom: 0 !important; } } .pt-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-0-except-last:not(:last-child) { padding-top: 0 !important; } @media (max-width: 1024px) { .pt-0-except-last-upto-l:not(:last-child) { padding-top: 0 !important; } } @media (max-width: 768px) { .pt-0-except-last-upto-m:not(:last-child) { padding-top: 0 !important; } } .pr-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-0-except-last:not(:last-child) { padding-right: 0 !important; } @media (max-width: 1024px) { .pr-0-except-last-upto-l:not(:last-child) { padding-right: 0 !important; } } @media (max-width: 768px) { .pr-0-except-last-upto-m:not(:last-child) { padding-right: 0 !important; } } .pl-0-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-0-except-last:not(:last-child) { padding-left: 0 !important; } @media (max-width: 1024px) { .pl-0-except-last-upto-l:not(:last-child) { padding-left: 0 !important; } } @media (max-width: 768px) { .pl-0-except-last-upto-m:not(:last-child) { padding-left: 0 !important; } } .p-2 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-2:not(:last-child) { padding: 0.125rem !important; } @media (max-width: 1024px) { .p-2-upto-l:not(:last-child) { padding: 0.125rem !important; } } @media (max-width: 768px) { .p-2-upto-m:not(:last-child) { padding: 0.125rem !important; } } .pb-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-2-except-last:not(:last-child) { padding-bottom: 0.125rem !important; } @media (max-width: 1024px) { .pb-2-except-last-upto-l:not(:last-child) { padding-bottom: 0.125rem !important; } } @media (max-width: 768px) { .pb-2-except-last-upto-m:not(:last-child) { padding-bottom: 0.125rem !important; } } .pt-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-2-except-last:not(:last-child) { padding-top: 0.125rem !important; } @media (max-width: 1024px) { .pt-2-except-last-upto-l:not(:last-child) { padding-top: 0.125rem !important; } } @media (max-width: 768px) { .pt-2-except-last-upto-m:not(:last-child) { padding-top: 0.125rem !important; } } .pr-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-2-except-last:not(:last-child) { padding-right: 0.125rem !important; } @media (max-width: 1024px) { .pr-2-except-last-upto-l:not(:last-child) { padding-right: 0.125rem !important; } } @media (max-width: 768px) { .pr-2-except-last-upto-m:not(:last-child) { padding-right: 0.125rem !important; } } .pl-2-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-2-except-last:not(:last-child) { padding-left: 0.125rem !important; } @media (max-width: 1024px) { .pl-2-except-last-upto-l:not(:last-child) { padding-left: 0.125rem !important; } } @media (max-width: 768px) { .pl-2-except-last-upto-m:not(:last-child) { padding-left: 0.125rem !important; } } .p-4 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-4:not(:last-child) { padding: 0.25rem !important; } @media (max-width: 1024px) { .p-4-upto-l:not(:last-child) { padding: 0.25rem !important; } } @media (max-width: 768px) { .p-4-upto-m:not(:last-child) { padding: 0.25rem !important; } } .pb-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-4-except-last:not(:last-child) { padding-bottom: 0.25rem !important; } @media (max-width: 1024px) { .pb-4-except-last-upto-l:not(:last-child) { padding-bottom: 0.25rem !important; } } @media (max-width: 768px) { .pb-4-except-last-upto-m:not(:last-child) { padding-bottom: 0.25rem !important; } } .pt-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-4-except-last:not(:last-child) { padding-top: 0.25rem !important; } @media (max-width: 1024px) { .pt-4-except-last-upto-l:not(:last-child) { padding-top: 0.25rem !important; } } @media (max-width: 768px) { .pt-4-except-last-upto-m:not(:last-child) { padding-top: 0.25rem !important; } } .pr-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-4-except-last:not(:last-child) { padding-right: 0.25rem !important; } @media (max-width: 1024px) { .pr-4-except-last-upto-l:not(:last-child) { padding-right: 0.25rem !important; } } @media (max-width: 768px) { .pr-4-except-last-upto-m:not(:last-child) { padding-right: 0.25rem !important; } } .pl-4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-4-except-last:not(:last-child) { padding-left: 0.25rem !important; } @media (max-width: 1024px) { .pl-4-except-last-upto-l:not(:last-child) { padding-left: 0.25rem !important; } } @media (max-width: 768px) { .pl-4-except-last-upto-m:not(:last-child) { padding-left: 0.25rem !important; } } .p-8 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-8:not(:last-child) { padding: 0.5rem !important; } @media (max-width: 1024px) { .p-8-upto-l:not(:last-child) { padding: 0.5rem !important; } } @media (max-width: 768px) { .p-8-upto-m:not(:last-child) { padding: 0.5rem !important; } } .pb-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-8-except-last:not(:last-child) { padding-bottom: 0.5rem !important; } @media (max-width: 1024px) { .pb-8-except-last-upto-l:not(:last-child) { padding-bottom: 0.5rem !important; } } @media (max-width: 768px) { .pb-8-except-last-upto-m:not(:last-child) { padding-bottom: 0.5rem !important; } } .pt-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-8-except-last:not(:last-child) { padding-top: 0.5rem !important; } @media (max-width: 1024px) { .pt-8-except-last-upto-l:not(:last-child) { padding-top: 0.5rem !important; } } @media (max-width: 768px) { .pt-8-except-last-upto-m:not(:last-child) { padding-top: 0.5rem !important; } } .pr-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-8-except-last:not(:last-child) { padding-right: 0.5rem !important; } @media (max-width: 1024px) { .pr-8-except-last-upto-l:not(:last-child) { padding-right: 0.5rem !important; } } @media (max-width: 768px) { .pr-8-except-last-upto-m:not(:last-child) { padding-right: 0.5rem !important; } } .pl-8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-8-except-last:not(:last-child) { padding-left: 0.5rem !important; } @media (max-width: 1024px) { .pl-8-except-last-upto-l:not(:last-child) { padding-left: 0.5rem !important; } } @media (max-width: 768px) { .pl-8-except-last-upto-m:not(:last-child) { padding-left: 0.5rem !important; } } .p-12 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-12:not(:last-child) { padding: 0.75rem !important; } @media (max-width: 1024px) { .p-12-upto-l:not(:last-child) { padding: 0.75rem !important; } } @media (max-width: 768px) { .p-12-upto-m:not(:last-child) { padding: 0.75rem !important; } } .pb-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-12-except-last:not(:last-child) { padding-bottom: 0.75rem !important; } @media (max-width: 1024px) { .pb-12-except-last-upto-l:not(:last-child) { padding-bottom: 0.75rem !important; } } @media (max-width: 768px) { .pb-12-except-last-upto-m:not(:last-child) { padding-bottom: 0.75rem !important; } } .pt-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-12-except-last:not(:last-child) { padding-top: 0.75rem !important; } @media (max-width: 1024px) { .pt-12-except-last-upto-l:not(:last-child) { padding-top: 0.75rem !important; } } @media (max-width: 768px) { .pt-12-except-last-upto-m:not(:last-child) { padding-top: 0.75rem !important; } } .pr-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-12-except-last:not(:last-child) { padding-right: 0.75rem !important; } @media (max-width: 1024px) { .pr-12-except-last-upto-l:not(:last-child) { padding-right: 0.75rem !important; } } @media (max-width: 768px) { .pr-12-except-last-upto-m:not(:last-child) { padding-right: 0.75rem !important; } } .pl-12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-12-except-last:not(:last-child) { padding-left: 0.75rem !important; } @media (max-width: 1024px) { .pl-12-except-last-upto-l:not(:last-child) { padding-left: 0.75rem !important; } } @media (max-width: 768px) { .pl-12-except-last-upto-m:not(:last-child) { padding-left: 0.75rem !important; } } .p-16 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-16:not(:last-child) { padding: 1rem !important; } @media (max-width: 1024px) { .p-16-upto-l:not(:last-child) { padding: 1rem !important; } } @media (max-width: 768px) { .p-16-upto-m:not(:last-child) { padding: 1rem !important; } } .pb-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-16-except-last:not(:last-child) { padding-bottom: 1rem !important; } @media (max-width: 1024px) { .pb-16-except-last-upto-l:not(:last-child) { padding-bottom: 1rem !important; } } @media (max-width: 768px) { .pb-16-except-last-upto-m:not(:last-child) { padding-bottom: 1rem !important; } } .pt-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-16-except-last:not(:last-child) { padding-top: 1rem !important; } @media (max-width: 1024px) { .pt-16-except-last-upto-l:not(:last-child) { padding-top: 1rem !important; } } @media (max-width: 768px) { .pt-16-except-last-upto-m:not(:last-child) { padding-top: 1rem !important; } } .pr-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-16-except-last:not(:last-child) { padding-right: 1rem !important; } @media (max-width: 1024px) { .pr-16-except-last-upto-l:not(:last-child) { padding-right: 1rem !important; } } @media (max-width: 768px) { .pr-16-except-last-upto-m:not(:last-child) { padding-right: 1rem !important; } } .pl-16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-16-except-last:not(:last-child) { padding-left: 1rem !important; } @media (max-width: 1024px) { .pl-16-except-last-upto-l:not(:last-child) { padding-left: 1rem !important; } } @media (max-width: 768px) { .pl-16-except-last-upto-m:not(:last-child) { padding-left: 1rem !important; } } .p-20 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-20:not(:last-child) { padding: 1.25rem !important; } @media (max-width: 1024px) { .p-20-upto-l:not(:last-child) { padding: 1.25rem !important; } } @media (max-width: 768px) { .p-20-upto-m:not(:last-child) { padding: 1.25rem !important; } } .pb-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-20-except-last:not(:last-child) { padding-bottom: 1.25rem !important; } @media (max-width: 1024px) { .pb-20-except-last-upto-l:not(:last-child) { padding-bottom: 1.25rem !important; } } @media (max-width: 768px) { .pb-20-except-last-upto-m:not(:last-child) { padding-bottom: 1.25rem !important; } } .pt-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-20-except-last:not(:last-child) { padding-top: 1.25rem !important; } @media (max-width: 1024px) { .pt-20-except-last-upto-l:not(:last-child) { padding-top: 1.25rem !important; } } @media (max-width: 768px) { .pt-20-except-last-upto-m:not(:last-child) { padding-top: 1.25rem !important; } } .pr-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-20-except-last:not(:last-child) { padding-right: 1.25rem !important; } @media (max-width: 1024px) { .pr-20-except-last-upto-l:not(:last-child) { padding-right: 1.25rem !important; } } @media (max-width: 768px) { .pr-20-except-last-upto-m:not(:last-child) { padding-right: 1.25rem !important; } } .pl-20-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-20-except-last:not(:last-child) { padding-left: 1.25rem !important; } @media (max-width: 1024px) { .pl-20-except-last-upto-l:not(:last-child) { padding-left: 1.25rem !important; } } @media (max-width: 768px) { .pl-20-except-last-upto-m:not(:last-child) { padding-left: 1.25rem !important; } } .p-24 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-24:not(:last-child) { padding: 1.5rem !important; } @media (max-width: 1024px) { .p-24-upto-l:not(:last-child) { padding: 1.5rem !important; } } @media (max-width: 768px) { .p-24-upto-m:not(:last-child) { padding: 1.5rem !important; } } .pb-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-24-except-last:not(:last-child) { padding-bottom: 1.5rem !important; } @media (max-width: 1024px) { .pb-24-except-last-upto-l:not(:last-child) { padding-bottom: 1.5rem !important; } } @media (max-width: 768px) { .pb-24-except-last-upto-m:not(:last-child) { padding-bottom: 1.5rem !important; } } .pt-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-24-except-last:not(:last-child) { padding-top: 1.5rem !important; } @media (max-width: 1024px) { .pt-24-except-last-upto-l:not(:last-child) { padding-top: 1.5rem !important; } } @media (max-width: 768px) { .pt-24-except-last-upto-m:not(:last-child) { padding-top: 1.5rem !important; } } .pr-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-24-except-last:not(:last-child) { padding-right: 1.5rem !important; } @media (max-width: 1024px) { .pr-24-except-last-upto-l:not(:last-child) { padding-right: 1.5rem !important; } } @media (max-width: 768px) { .pr-24-except-last-upto-m:not(:last-child) { padding-right: 1.5rem !important; } } .pl-24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-24-except-last:not(:last-child) { padding-left: 1.5rem !important; } @media (max-width: 1024px) { .pl-24-except-last-upto-l:not(:last-child) { padding-left: 1.5rem !important; } } @media (max-width: 768px) { .pl-24-except-last-upto-m:not(:last-child) { padding-left: 1.5rem !important; } } .p-26 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-26:not(:last-child) { padding: 1.625rem !important; } @media (max-width: 1024px) { .p-26-upto-l:not(:last-child) { padding: 1.625rem !important; } } @media (max-width: 768px) { .p-26-upto-m:not(:last-child) { padding: 1.625rem !important; } } .pb-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-26-except-last:not(:last-child) { padding-bottom: 1.625rem !important; } @media (max-width: 1024px) { .pb-26-except-last-upto-l:not(:last-child) { padding-bottom: 1.625rem !important; } } @media (max-width: 768px) { .pb-26-except-last-upto-m:not(:last-child) { padding-bottom: 1.625rem !important; } } .pt-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-26-except-last:not(:last-child) { padding-top: 1.625rem !important; } @media (max-width: 1024px) { .pt-26-except-last-upto-l:not(:last-child) { padding-top: 1.625rem !important; } } @media (max-width: 768px) { .pt-26-except-last-upto-m:not(:last-child) { padding-top: 1.625rem !important; } } .pr-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-26-except-last:not(:last-child) { padding-right: 1.625rem !important; } @media (max-width: 1024px) { .pr-26-except-last-upto-l:not(:last-child) { padding-right: 1.625rem !important; } } @media (max-width: 768px) { .pr-26-except-last-upto-m:not(:last-child) { padding-right: 1.625rem !important; } } .pl-26-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-26-except-last:not(:last-child) { padding-left: 1.625rem !important; } @media (max-width: 1024px) { .pl-26-except-last-upto-l:not(:last-child) { padding-left: 1.625rem !important; } } @media (max-width: 768px) { .pl-26-except-last-upto-m:not(:last-child) { padding-left: 1.625rem !important; } } .p-32 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-32:not(:last-child) { padding: 2rem !important; } @media (max-width: 1024px) { .p-32-upto-l:not(:last-child) { padding: 2rem !important; } } @media (max-width: 768px) { .p-32-upto-m:not(:last-child) { padding: 2rem !important; } } .pb-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-32-except-last:not(:last-child) { padding-bottom: 2rem !important; } @media (max-width: 1024px) { .pb-32-except-last-upto-l:not(:last-child) { padding-bottom: 2rem !important; } } @media (max-width: 768px) { .pb-32-except-last-upto-m:not(:last-child) { padding-bottom: 2rem !important; } } .pt-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-32-except-last:not(:last-child) { padding-top: 2rem !important; } @media (max-width: 1024px) { .pt-32-except-last-upto-l:not(:last-child) { padding-top: 2rem !important; } } @media (max-width: 768px) { .pt-32-except-last-upto-m:not(:last-child) { padding-top: 2rem !important; } } .pr-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-32-except-last:not(:last-child) { padding-right: 2rem !important; } @media (max-width: 1024px) { .pr-32-except-last-upto-l:not(:last-child) { padding-right: 2rem !important; } } @media (max-width: 768px) { .pr-32-except-last-upto-m:not(:last-child) { padding-right: 2rem !important; } } .pl-32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-32-except-last:not(:last-child) { padding-left: 2rem !important; } @media (max-width: 1024px) { .pl-32-except-last-upto-l:not(:last-child) { padding-left: 2rem !important; } } @media (max-width: 768px) { .pl-32-except-last-upto-m:not(:last-child) { padding-left: 2rem !important; } } .p-36 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-36:not(:last-child) { padding: 2.25rem !important; } @media (max-width: 1024px) { .p-36-upto-l:not(:last-child) { padding: 2.25rem !important; } } @media (max-width: 768px) { .p-36-upto-m:not(:last-child) { padding: 2.25rem !important; } } .pb-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-36-except-last:not(:last-child) { padding-bottom: 2.25rem !important; } @media (max-width: 1024px) { .pb-36-except-last-upto-l:not(:last-child) { padding-bottom: 2.25rem !important; } } @media (max-width: 768px) { .pb-36-except-last-upto-m:not(:last-child) { padding-bottom: 2.25rem !important; } } .pt-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-36-except-last:not(:last-child) { padding-top: 2.25rem !important; } @media (max-width: 1024px) { .pt-36-except-last-upto-l:not(:last-child) { padding-top: 2.25rem !important; } } @media (max-width: 768px) { .pt-36-except-last-upto-m:not(:last-child) { padding-top: 2.25rem !important; } } .pr-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-36-except-last:not(:last-child) { padding-right: 2.25rem !important; } @media (max-width: 1024px) { .pr-36-except-last-upto-l:not(:last-child) { padding-right: 2.25rem !important; } } @media (max-width: 768px) { .pr-36-except-last-upto-m:not(:last-child) { padding-right: 2.25rem !important; } } .pl-36-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-36-except-last:not(:last-child) { padding-left: 2.25rem !important; } @media (max-width: 1024px) { .pl-36-except-last-upto-l:not(:last-child) { padding-left: 2.25rem !important; } } @media (max-width: 768px) { .pl-36-except-last-upto-m:not(:last-child) { padding-left: 2.25rem !important; } } .p-40 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-40:not(:last-child) { padding: 2.5rem !important; } @media (max-width: 1024px) { .p-40-upto-l:not(:last-child) { padding: 2.5rem !important; } } @media (max-width: 768px) { .p-40-upto-m:not(:last-child) { padding: 2.5rem !important; } } .pb-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-40-except-last:not(:last-child) { padding-bottom: 2.5rem !important; } @media (max-width: 1024px) { .pb-40-except-last-upto-l:not(:last-child) { padding-bottom: 2.5rem !important; } } @media (max-width: 768px) { .pb-40-except-last-upto-m:not(:last-child) { padding-bottom: 2.5rem !important; } } .pt-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-40-except-last:not(:last-child) { padding-top: 2.5rem !important; } @media (max-width: 1024px) { .pt-40-except-last-upto-l:not(:last-child) { padding-top: 2.5rem !important; } } @media (max-width: 768px) { .pt-40-except-last-upto-m:not(:last-child) { padding-top: 2.5rem !important; } } .pr-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-40-except-last:not(:last-child) { padding-right: 2.5rem !important; } @media (max-width: 1024px) { .pr-40-except-last-upto-l:not(:last-child) { padding-right: 2.5rem !important; } } @media (max-width: 768px) { .pr-40-except-last-upto-m:not(:last-child) { padding-right: 2.5rem !important; } } .pl-40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-40-except-last:not(:last-child) { padding-left: 2.5rem !important; } @media (max-width: 1024px) { .pl-40-except-last-upto-l:not(:last-child) { padding-left: 2.5rem !important; } } @media (max-width: 768px) { .pl-40-except-last-upto-m:not(:last-child) { padding-left: 2.5rem !important; } } .p-48 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-48:not(:last-child) { padding: 3rem !important; } @media (max-width: 1024px) { .p-48-upto-l:not(:last-child) { padding: 3rem !important; } } @media (max-width: 768px) { .p-48-upto-m:not(:last-child) { padding: 3rem !important; } } .pb-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-48-except-last:not(:last-child) { padding-bottom: 3rem !important; } @media (max-width: 1024px) { .pb-48-except-last-upto-l:not(:last-child) { padding-bottom: 3rem !important; } } @media (max-width: 768px) { .pb-48-except-last-upto-m:not(:last-child) { padding-bottom: 3rem !important; } } .pt-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-48-except-last:not(:last-child) { padding-top: 3rem !important; } @media (max-width: 1024px) { .pt-48-except-last-upto-l:not(:last-child) { padding-top: 3rem !important; } } @media (max-width: 768px) { .pt-48-except-last-upto-m:not(:last-child) { padding-top: 3rem !important; } } .pr-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-48-except-last:not(:last-child) { padding-right: 3rem !important; } @media (max-width: 1024px) { .pr-48-except-last-upto-l:not(:last-child) { padding-right: 3rem !important; } } @media (max-width: 768px) { .pr-48-except-last-upto-m:not(:last-child) { padding-right: 3rem !important; } } .pl-48-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-48-except-last:not(:last-child) { padding-left: 3rem !important; } @media (max-width: 1024px) { .pl-48-except-last-upto-l:not(:last-child) { padding-left: 3rem !important; } } @media (max-width: 768px) { .pl-48-except-last-upto-m:not(:last-child) { padding-left: 3rem !important; } } .p-64 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-64:not(:last-child) { padding: 4rem !important; } @media (max-width: 1024px) { .p-64-upto-l:not(:last-child) { padding: 4rem !important; } } @media (max-width: 768px) { .p-64-upto-m:not(:last-child) { padding: 4rem !important; } } .pb-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-64-except-last:not(:last-child) { padding-bottom: 4rem !important; } @media (max-width: 1024px) { .pb-64-except-last-upto-l:not(:last-child) { padding-bottom: 4rem !important; } } @media (max-width: 768px) { .pb-64-except-last-upto-m:not(:last-child) { padding-bottom: 4rem !important; } } .pt-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-64-except-last:not(:last-child) { padding-top: 4rem !important; } @media (max-width: 1024px) { .pt-64-except-last-upto-l:not(:last-child) { padding-top: 4rem !important; } } @media (max-width: 768px) { .pt-64-except-last-upto-m:not(:last-child) { padding-top: 4rem !important; } } .pr-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-64-except-last:not(:last-child) { padding-right: 4rem !important; } @media (max-width: 1024px) { .pr-64-except-last-upto-l:not(:last-child) { padding-right: 4rem !important; } } @media (max-width: 768px) { .pr-64-except-last-upto-m:not(:last-child) { padding-right: 4rem !important; } } .pl-64-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-64-except-last:not(:last-child) { padding-left: 4rem !important; } @media (max-width: 1024px) { .pl-64-except-last-upto-l:not(:last-child) { padding-left: 4rem !important; } } @media (max-width: 768px) { .pl-64-except-last-upto-m:not(:last-child) { padding-left: 4rem !important; } } .p-72 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p-72:not(:last-child) { padding: 4.5rem !important; } @media (max-width: 1024px) { .p-72-upto-l:not(:last-child) { padding: 4.5rem !important; } } @media (max-width: 768px) { .p-72-upto-m:not(:last-child) { padding: 4.5rem !important; } } .pb-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb-72-except-last:not(:last-child) { padding-bottom: 4.5rem !important; } @media (max-width: 1024px) { .pb-72-except-last-upto-l:not(:last-child) { padding-bottom: 4.5rem !important; } } @media (max-width: 768px) { .pb-72-except-last-upto-m:not(:last-child) { padding-bottom: 4.5rem !important; } } .pt-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt-72-except-last:not(:last-child) { padding-top: 4.5rem !important; } @media (max-width: 1024px) { .pt-72-except-last-upto-l:not(:last-child) { padding-top: 4.5rem !important; } } @media (max-width: 768px) { .pt-72-except-last-upto-m:not(:last-child) { padding-top: 4.5rem !important; } } .pr-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr-72-except-last:not(:last-child) { padding-right: 4.5rem !important; } @media (max-width: 1024px) { .pr-72-except-last-upto-l:not(:last-child) { padding-right: 4.5rem !important; } } @media (max-width: 768px) { .pr-72-except-last-upto-m:not(:last-child) { padding-right: 4.5rem !important; } } .pl-72-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl-72-except-last:not(:last-child) { padding-left: 4.5rem !important; } @media (max-width: 1024px) { .pl-72-except-last-upto-l:not(:last-child) { padding-left: 4.5rem !important; } } @media (max-width: 768px) { .pl-72-except-last-upto-m:not(:last-child) { padding-left: 4.5rem !important; } } .p--4 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--4:not(:last-child) { padding: -0.25rem !important; } @media (max-width: 1024px) { .p--4-upto-l:not(:last-child) { padding: -0.25rem !important; } } @media (max-width: 768px) { .p--4-upto-m:not(:last-child) { padding: -0.25rem !important; } } .pb--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--4-except-last:not(:last-child) { padding-bottom: -0.25rem !important; } @media (max-width: 1024px) { .pb--4-except-last-upto-l:not(:last-child) { padding-bottom: -0.25rem !important; } } @media (max-width: 768px) { .pb--4-except-last-upto-m:not(:last-child) { padding-bottom: -0.25rem !important; } } .pt--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--4-except-last:not(:last-child) { padding-top: -0.25rem !important; } @media (max-width: 1024px) { .pt--4-except-last-upto-l:not(:last-child) { padding-top: -0.25rem !important; } } @media (max-width: 768px) { .pt--4-except-last-upto-m:not(:last-child) { padding-top: -0.25rem !important; } } .pr--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--4-except-last:not(:last-child) { padding-right: -0.25rem !important; } @media (max-width: 1024px) { .pr--4-except-last-upto-l:not(:last-child) { padding-right: -0.25rem !important; } } @media (max-width: 768px) { .pr--4-except-last-upto-m:not(:last-child) { padding-right: -0.25rem !important; } } .pl--4-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--4-except-last:not(:last-child) { padding-left: -0.25rem !important; } @media (max-width: 1024px) { .pl--4-except-last-upto-l:not(:last-child) { padding-left: -0.25rem !important; } } @media (max-width: 768px) { .pl--4-except-last-upto-m:not(:last-child) { padding-left: -0.25rem !important; } } .p--8 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--8:not(:last-child) { padding: -0.5rem !important; } @media (max-width: 1024px) { .p--8-upto-l:not(:last-child) { padding: -0.5rem !important; } } @media (max-width: 768px) { .p--8-upto-m:not(:last-child) { padding: -0.5rem !important; } } .pb--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--8-except-last:not(:last-child) { padding-bottom: -0.5rem !important; } @media (max-width: 1024px) { .pb--8-except-last-upto-l:not(:last-child) { padding-bottom: -0.5rem !important; } } @media (max-width: 768px) { .pb--8-except-last-upto-m:not(:last-child) { padding-bottom: -0.5rem !important; } } .pt--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--8-except-last:not(:last-child) { padding-top: -0.5rem !important; } @media (max-width: 1024px) { .pt--8-except-last-upto-l:not(:last-child) { padding-top: -0.5rem !important; } } @media (max-width: 768px) { .pt--8-except-last-upto-m:not(:last-child) { padding-top: -0.5rem !important; } } .pr--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--8-except-last:not(:last-child) { padding-right: -0.5rem !important; } @media (max-width: 1024px) { .pr--8-except-last-upto-l:not(:last-child) { padding-right: -0.5rem !important; } } @media (max-width: 768px) { .pr--8-except-last-upto-m:not(:last-child) { padding-right: -0.5rem !important; } } .pl--8-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--8-except-last:not(:last-child) { padding-left: -0.5rem !important; } @media (max-width: 1024px) { .pl--8-except-last-upto-l:not(:last-child) { padding-left: -0.5rem !important; } } @media (max-width: 768px) { .pl--8-except-last-upto-m:not(:last-child) { padding-left: -0.5rem !important; } } .p--12 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--12:not(:last-child) { padding: -0.75rem !important; } @media (max-width: 1024px) { .p--12-upto-l:not(:last-child) { padding: -0.75rem !important; } } @media (max-width: 768px) { .p--12-upto-m:not(:last-child) { padding: -0.75rem !important; } } .pb--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--12-except-last:not(:last-child) { padding-bottom: -0.75rem !important; } @media (max-width: 1024px) { .pb--12-except-last-upto-l:not(:last-child) { padding-bottom: -0.75rem !important; } } @media (max-width: 768px) { .pb--12-except-last-upto-m:not(:last-child) { padding-bottom: -0.75rem !important; } } .pt--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--12-except-last:not(:last-child) { padding-top: -0.75rem !important; } @media (max-width: 1024px) { .pt--12-except-last-upto-l:not(:last-child) { padding-top: -0.75rem !important; } } @media (max-width: 768px) { .pt--12-except-last-upto-m:not(:last-child) { padding-top: -0.75rem !important; } } .pr--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--12-except-last:not(:last-child) { padding-right: -0.75rem !important; } @media (max-width: 1024px) { .pr--12-except-last-upto-l:not(:last-child) { padding-right: -0.75rem !important; } } @media (max-width: 768px) { .pr--12-except-last-upto-m:not(:last-child) { padding-right: -0.75rem !important; } } .pl--12-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--12-except-last:not(:last-child) { padding-left: -0.75rem !important; } @media (max-width: 1024px) { .pl--12-except-last-upto-l:not(:last-child) { padding-left: -0.75rem !important; } } @media (max-width: 768px) { .pl--12-except-last-upto-m:not(:last-child) { padding-left: -0.75rem !important; } } .p--16 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--16:not(:last-child) { padding: -1rem !important; } @media (max-width: 1024px) { .p--16-upto-l:not(:last-child) { padding: -1rem !important; } } @media (max-width: 768px) { .p--16-upto-m:not(:last-child) { padding: -1rem !important; } } .pb--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--16-except-last:not(:last-child) { padding-bottom: -1rem !important; } @media (max-width: 1024px) { .pb--16-except-last-upto-l:not(:last-child) { padding-bottom: -1rem !important; } } @media (max-width: 768px) { .pb--16-except-last-upto-m:not(:last-child) { padding-bottom: -1rem !important; } } .pt--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--16-except-last:not(:last-child) { padding-top: -1rem !important; } @media (max-width: 1024px) { .pt--16-except-last-upto-l:not(:last-child) { padding-top: -1rem !important; } } @media (max-width: 768px) { .pt--16-except-last-upto-m:not(:last-child) { padding-top: -1rem !important; } } .pr--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--16-except-last:not(:last-child) { padding-right: -1rem !important; } @media (max-width: 1024px) { .pr--16-except-last-upto-l:not(:last-child) { padding-right: -1rem !important; } } @media (max-width: 768px) { .pr--16-except-last-upto-m:not(:last-child) { padding-right: -1rem !important; } } .pl--16-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--16-except-last:not(:last-child) { padding-left: -1rem !important; } @media (max-width: 1024px) { .pl--16-except-last-upto-l:not(:last-child) { padding-left: -1rem !important; } } @media (max-width: 768px) { .pl--16-except-last-upto-m:not(:last-child) { padding-left: -1rem !important; } } .p--24 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--24:not(:last-child) { padding: -1.5rem !important; } @media (max-width: 1024px) { .p--24-upto-l:not(:last-child) { padding: -1.5rem !important; } } @media (max-width: 768px) { .p--24-upto-m:not(:last-child) { padding: -1.5rem !important; } } .pb--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--24-except-last:not(:last-child) { padding-bottom: -1.5rem !important; } @media (max-width: 1024px) { .pb--24-except-last-upto-l:not(:last-child) { padding-bottom: -1.5rem !important; } } @media (max-width: 768px) { .pb--24-except-last-upto-m:not(:last-child) { padding-bottom: -1.5rem !important; } } .pt--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--24-except-last:not(:last-child) { padding-top: -1.5rem !important; } @media (max-width: 1024px) { .pt--24-except-last-upto-l:not(:last-child) { padding-top: -1.5rem !important; } } @media (max-width: 768px) { .pt--24-except-last-upto-m:not(:last-child) { padding-top: -1.5rem !important; } } .pr--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--24-except-last:not(:last-child) { padding-right: -1.5rem !important; } @media (max-width: 1024px) { .pr--24-except-last-upto-l:not(:last-child) { padding-right: -1.5rem !important; } } @media (max-width: 768px) { .pr--24-except-last-upto-m:not(:last-child) { padding-right: -1.5rem !important; } } .pl--24-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--24-except-last:not(:last-child) { padding-left: -1.5rem !important; } @media (max-width: 1024px) { .pl--24-except-last-upto-l:not(:last-child) { padding-left: -1.5rem !important; } } @media (max-width: 768px) { .pl--24-except-last-upto-m:not(:last-child) { padding-left: -1.5rem !important; } } .p--32 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--32:not(:last-child) { padding: -2rem !important; } @media (max-width: 1024px) { .p--32-upto-l:not(:last-child) { padding: -2rem !important; } } @media (max-width: 768px) { .p--32-upto-m:not(:last-child) { padding: -2rem !important; } } .pb--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--32-except-last:not(:last-child) { padding-bottom: -2rem !important; } @media (max-width: 1024px) { .pb--32-except-last-upto-l:not(:last-child) { padding-bottom: -2rem !important; } } @media (max-width: 768px) { .pb--32-except-last-upto-m:not(:last-child) { padding-bottom: -2rem !important; } } .pt--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--32-except-last:not(:last-child) { padding-top: -2rem !important; } @media (max-width: 1024px) { .pt--32-except-last-upto-l:not(:last-child) { padding-top: -2rem !important; } } @media (max-width: 768px) { .pt--32-except-last-upto-m:not(:last-child) { padding-top: -2rem !important; } } .pr--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--32-except-last:not(:last-child) { padding-right: -2rem !important; } @media (max-width: 1024px) { .pr--32-except-last-upto-l:not(:last-child) { padding-right: -2rem !important; } } @media (max-width: 768px) { .pr--32-except-last-upto-m:not(:last-child) { padding-right: -2rem !important; } } .pl--32-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--32-except-last:not(:last-child) { padding-left: -2rem !important; } @media (max-width: 1024px) { .pl--32-except-last-upto-l:not(:last-child) { padding-left: -2rem !important; } } @media (max-width: 768px) { .pl--32-except-last-upto-m:not(:last-child) { padding-left: -2rem !important; } } .p--40 { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .p--40:not(:last-child) { padding: -2.5rem !important; } @media (max-width: 1024px) { .p--40-upto-l:not(:last-child) { padding: -2.5rem !important; } } @media (max-width: 768px) { .p--40-upto-m:not(:last-child) { padding: -2.5rem !important; } } .pb--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pb--40-except-last:not(:last-child) { padding-bottom: -2.5rem !important; } @media (max-width: 1024px) { .pb--40-except-last-upto-l:not(:last-child) { padding-bottom: -2.5rem !important; } } @media (max-width: 768px) { .pb--40-except-last-upto-m:not(:last-child) { padding-bottom: -2.5rem !important; } } .pt--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pt--40-except-last:not(:last-child) { padding-top: -2.5rem !important; } @media (max-width: 1024px) { .pt--40-except-last-upto-l:not(:last-child) { padding-top: -2.5rem !important; } } @media (max-width: 768px) { .pt--40-except-last-upto-m:not(:last-child) { padding-top: -2.5rem !important; } } .pr--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pr--40-except-last:not(:last-child) { padding-right: -2.5rem !important; } @media (max-width: 1024px) { .pr--40-except-last-upto-l:not(:last-child) { padding-right: -2.5rem !important; } } @media (max-width: 768px) { .pr--40-except-last-upto-m:not(:last-child) { padding-right: -2.5rem !important; } } .pl--40-except-last { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .pl--40-except-last:not(:last-child) { padding-left: -2.5rem !important; } @media (max-width: 1024px) { .pl--40-except-last-upto-l:not(:last-child) { padding-left: -2.5rem !important; } } @media (max-width: 768px) { .pl--40-except-last-upto-m:not(:last-child) { padding-left: -2.5rem !important; } } /* Adds styles like: w-inherit, w-min-0, w-max-content, w-N (where N is percentage), w-N-px Each of these classes has responsive suffix: *-upto-l */ .w-inherit { width: inherit !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-inherit-upto-l { width: inherit !important; } } @media (max-width: 768px) { .w-inherit-upto-m { width: inherit !important; } } .w-min-0 { min-width: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-min-0-upto-l { min-width: 0 !important; } } @media (max-width: 768px) { .w-min-0-upto-m { min-width: 0 !important; } } .w-max-content { width: -o-max-content; width: -ms-max-content; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-max-content-upto-l { width: -o-max-content; width: -ms-max-content; } } @media (max-width: 768px) { .w-max-content-upto-m { width: -o-max-content; width: -ms-max-content; } } .w-10 { width: 10% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-10-upto-l { width: 10% !important; } } @media (max-width: 768px) { .w-10-upto-m { width: 10% !important; } } .w-20 { width: 20% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-20-upto-l { width: 20% !important; } } @media (max-width: 768px) { .w-20-upto-m { width: 20% !important; } } .w-30 { width: 30% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-30-upto-l { width: 30% !important; } } @media (max-width: 768px) { .w-30-upto-m { width: 30% !important; } } .w-40 { width: 40% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-40-upto-l { width: 40% !important; } } @media (max-width: 768px) { .w-40-upto-m { width: 40% !important; } } .w-50 { width: 50% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-50-upto-l { width: 50% !important; } } @media (max-width: 768px) { .w-50-upto-m { width: 50% !important; } } .w-60 { width: 60% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-60-upto-l { width: 60% !important; } } @media (max-width: 768px) { .w-60-upto-m { width: 60% !important; } } .w-70 { width: 70% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-70-upto-l { width: 70% !important; } } @media (max-width: 768px) { .w-70-upto-m { width: 70% !important; } } .w-80 { width: 80% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-80-upto-l { width: 80% !important; } } @media (max-width: 768px) { .w-80-upto-m { width: 80% !important; } } .w-90 { width: 90% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-90-upto-l { width: 90% !important; } } @media (max-width: 768px) { .w-90-upto-m { width: 90% !important; } } .w-100 { width: 100% !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-100-upto-l { width: 100% !important; } } @media (max-width: 768px) { .w-100-upto-m { width: 100% !important; } } .w-auto-px { width: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-auto-px-upto-l { width: auto !important; } } @media (max-width: 768px) { .w-auto-px-upto-m { width: auto !important; } } .w-0-px { width: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-0-px-upto-l { width: 0 !important; } } @media (max-width: 768px) { .w-0-px-upto-m { width: 0 !important; } } .w-2-px { width: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-2-px-upto-l { width: 0.125rem !important; } } @media (max-width: 768px) { .w-2-px-upto-m { width: 0.125rem !important; } } .w-4-px { width: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-4-px-upto-l { width: 0.25rem !important; } } @media (max-width: 768px) { .w-4-px-upto-m { width: 0.25rem !important; } } .w-8-px { width: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-8-px-upto-l { width: 0.5rem !important; } } @media (max-width: 768px) { .w-8-px-upto-m { width: 0.5rem !important; } } .w-12-px { width: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-12-px-upto-l { width: 0.75rem !important; } } @media (max-width: 768px) { .w-12-px-upto-m { width: 0.75rem !important; } } .w-16-px { width: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-16-px-upto-l { width: 1rem !important; } } @media (max-width: 768px) { .w-16-px-upto-m { width: 1rem !important; } } .w-20-px { width: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-20-px-upto-l { width: 1.25rem !important; } } @media (max-width: 768px) { .w-20-px-upto-m { width: 1.25rem !important; } } .w-24-px { width: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-24-px-upto-l { width: 1.5rem !important; } } @media (max-width: 768px) { .w-24-px-upto-m { width: 1.5rem !important; } } .w-26-px { width: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-26-px-upto-l { width: 1.625rem !important; } } @media (max-width: 768px) { .w-26-px-upto-m { width: 1.625rem !important; } } .w-32-px { width: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-32-px-upto-l { width: 2rem !important; } } @media (max-width: 768px) { .w-32-px-upto-m { width: 2rem !important; } } .w-36-px { width: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-36-px-upto-l { width: 2.25rem !important; } } @media (max-width: 768px) { .w-36-px-upto-m { width: 2.25rem !important; } } .w-40-px { width: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-40-px-upto-l { width: 2.5rem !important; } } @media (max-width: 768px) { .w-40-px-upto-m { width: 2.5rem !important; } } .w-48-px { width: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-48-px-upto-l { width: 3rem !important; } } @media (max-width: 768px) { .w-48-px-upto-m { width: 3rem !important; } } .w-64-px { width: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-64-px-upto-l { width: 4rem !important; } } @media (max-width: 768px) { .w-64-px-upto-m { width: 4rem !important; } } .w-72-px { width: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w-72-px-upto-l { width: 4.5rem !important; } } @media (max-width: 768px) { .w-72-px-upto-m { width: 4.5rem !important; } } .w--4-px { width: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--4-px-upto-l { width: -0.25rem !important; } } @media (max-width: 768px) { .w--4-px-upto-m { width: -0.25rem !important; } } .w--8-px { width: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--8-px-upto-l { width: -0.5rem !important; } } @media (max-width: 768px) { .w--8-px-upto-m { width: -0.5rem !important; } } .w--12-px { width: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--12-px-upto-l { width: -0.75rem !important; } } @media (max-width: 768px) { .w--12-px-upto-m { width: -0.75rem !important; } } .w--16-px { width: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--16-px-upto-l { width: -1rem !important; } } @media (max-width: 768px) { .w--16-px-upto-m { width: -1rem !important; } } .w--24-px { width: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--24-px-upto-l { width: -1.5rem !important; } } @media (max-width: 768px) { .w--24-px-upto-m { width: -1.5rem !important; } } .w--32-px { width: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--32-px-upto-l { width: -2rem !important; } } @media (max-width: 768px) { .w--32-px-upto-m { width: -2rem !important; } } .w--40-px { width: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .w--40-px-upto-l { width: -2.5rem !important; } } @media (max-width: 768px) { .w--40-px-upto-m { width: -2.5rem !important; } } .h-auto { height: auto !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-auto-upto-l { height: auto !important; } } .h-0 { height: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-0-upto-l { height: 0 !important; } } .h-2 { height: 0.125rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-2-upto-l { height: 0.125rem !important; } } .h-4 { height: 0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-4-upto-l { height: 0.25rem !important; } } .h-8 { height: 0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-8-upto-l { height: 0.5rem !important; } } .h-12 { height: 0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-12-upto-l { height: 0.75rem !important; } } .h-16 { height: 1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-16-upto-l { height: 1rem !important; } } .h-20 { height: 1.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-20-upto-l { height: 1.25rem !important; } } .h-24 { height: 1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-24-upto-l { height: 1.5rem !important; } } .h-26 { height: 1.625rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-26-upto-l { height: 1.625rem !important; } } .h-32 { height: 2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-32-upto-l { height: 2rem !important; } } .h-36 { height: 2.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-36-upto-l { height: 2.25rem !important; } } .h-40 { height: 2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-40-upto-l { height: 2.5rem !important; } } .h-48, button.kebab-btn, .ce-theme button.kebab-btn { height: 3rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-48-upto-l { height: 3rem !important; } } .h-64 { height: 4rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-64-upto-l { height: 4rem !important; } } .h-72 { height: 4.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h-72-upto-l { height: 4.5rem !important; } } .h--4 { height: -0.25rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--4-upto-l { height: -0.25rem !important; } } .h--8 { height: -0.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--8-upto-l { height: -0.5rem !important; } } .h--12 { height: -0.75rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--12-upto-l { height: -0.75rem !important; } } .h--16 { height: -1rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--16-upto-l { height: -1rem !important; } } .h--24 { height: -1.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--24-upto-l { height: -1.5rem !important; } } .h--32 { height: -2rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--32-upto-l { height: -2rem !important; } } .h--40 { height: -2.5rem !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .h--40-upto-l { height: -2.5rem !important; } } /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ .align-top { vertical-align: top !important; } .block { display: block; } .inline-block { display: inline-block; } .relative { position: relative; } .float-left { float: left; } .float-right { float: right; } .absolute, .MainDatagridPage .gridContainer .gridSubContainer { position: absolute; } .absolute-x-stretch { left: 0; right: 0; } .position-inherit { position: inherit !important; } .full, .MainDatagridPage .gridContainer .gridSubContainer, button.kebab-btn, .ce-theme button.kebab-btn { width: 100% !important; } .pointer { cursor: pointer; } .mobile-show { display: none !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .mobile-show { display: flex !important; } } .mobile-hide { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .mobile-hide { display: none !important; } } /************************************************** BORDERS ***************************************************/ .bd { border-bottom: 1px solid var(--border-color); } .bt { border-top: 1px solid var(--border-color); } .bd-dashed { border-bottom: 1px dashed var(--border-color); } .bt-dashed { border-top: 1px dashed var(--border-color); } .border { border: 1px solid var(--border-color) !important; } .border-top { border-top: 1px solid var(--border-color) !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-top-upto-l { border-top: 1px solid var(--border-color) !important; } } .border-top-none { border-top: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-top-none-upto-l { border-top: 0 !important; } } .border-bottom { border-bottom: 1px solid var(--border-color) !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-bottom-upto-l { border-bottom: 1px solid var(--border-color) !important; } } .border-bottom-none { border-bottom: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-bottom-none-upto-l { border-bottom: 0 !important; } } .border-left { border-left: 1px solid var(--border-color) !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-left-upto-l { border-left: 1px solid var(--border-color) !important; } } .border-left-none { border-left: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-left-none-upto-l { border-left: 0 !important; } } .border-right { border-right: 1px solid var(--border-color) !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-right-upto-l { border-right: 1px solid var(--border-color) !important; } } .border-right-none { border-right: 0 !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .border-right-none-upto-l { border-right: 0 !important; } } .border-black { box-shadow: none !important; border-color: rgb(38, 38, 38) !important; } .gray { background: #f9f9f9 !important; } .Template-header { position: relative; background: linear-gradient(to bottom, var(--template-header-background-color-start), var(--template-header-background-color-stop)); } .Template-header .Template-header-text { color: var(--template-header-text-color) !important; } .h-24 { height: 1.5rem !important; } .h-52 { height: 3.25rem !important; } .full-height, .MainDatagridPage .gridContainer .gridSubContainer { height: 100%; } .full-max-height { max-height: 100%; } .table-fixed { table-layout: fixed; } .middle { vertical-align: middle !important; } .display-none { display: none !important; } .visibility-hidden { visibility: hidden !important; } .shadow-none { box-shadow: 0 0 0 !important; } .clearfix:after { content: ""; clear: both; display: block; } .overflow-x { overflow-x: inherit; } .overflow-y { overflow-y: auto; } .overflow-hidden { overflow: hidden; padding: 4px !important; margin: -4px !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .last-mr-0 > *:last-child { margin-right: 0 !important; } .first-ml-0 > *:first-child { margin-left: 0 !important; } /************ * OUTLINE * ************/ textarea.outline-override.focus, input[type=text].outline-override.focus { border: 2px solid rgb(77, 144, 254) !important; border: 2px solid rgb(77, 144, 254); position: initial; } textarea.outline-override.focus:before, input[type=text].outline-override.focus:before { display: none; } textarea.outline-override.mouse-down, input[type=text].outline-override.mouse-down { border: 1px solid rgb(77, 144, 254) !important; border: 1px solid rgb(77, 144, 254); } input[type=checkbox].outline-override.focus:before { border: 2px solid black; } .outline-override { outline-width: 0; } .outline-override.focus { position: relative; } .dark-background .outline-override.focus, .dark-background.outline-override.focus { position: relative; } .dark-background .outline-override.focus:before, .dark-background.outline-override.focus:before { content: ""; border: 2px solid white !important; border: 2px solid white; border-radius: 2px; position: absolute; display: flex; top: 0; bottom: 0; left: 0; right: 0; opacity: 1 !important; } .separator-right { border-right: 2px solid #d5d5d5; } .separator-bottom { border-bottom: 1px dashed #d5d5d5; } /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ .d-show-upto-md { display: none !important; } @media screen and (max-width: 767px) { .d-show-upto-md { display: inherit !important; } } .d-show-upto-lg { display: none !important; } @media screen and (max-width: 1199px) { .d-show-upto-lg { display: inherit !important; } } .d-show-from-md { display: none !important; } @media screen and (min-width: 768px) { .d-show-from-md { display: inherit !important; } } .d-show-from-lg { display: none !important; } @media screen and (min-width: 1200px) { .d-show-from-lg { display: inherit !important; } } .show-upto-l { display: none !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .show-upto-l { display: inherit !important; } } .show-upto-l3 { display: none !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 893px) { .show-upto-l3 { display: inherit !important; } } .show-from-l { display: inherit !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .show-from-l { display: none !important; } } .show-upto-m { display: none !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .show-upto-m { display: inherit !important; } } .word-break-word { word-break: break-word; -ms-word-break: break-all; white-space: break-spaces; } @supports (-ms-ime-align: auto) { .word-break-word { word-break: break-all; } } .word-break-oneline { white-space: pre; word-break: break-all; text-overflow: ellipsis; overflow: hidden; } .word-break-nowrap { white-space: nowrap !important; } .mat-icon { fill: inherit; } .mat-icon.clear-transform svg g path { transform: none !important; } .mat-icon.rotate-180 { transform: rotate(180deg); } .mat-icon svg #svg-ce-Checked-sm { fill: white; } .mat-icon[size=small] { height: 1.25rem; width: 1.25rem; } .mat-icon svg > path[fill=none]:first-child { fill: transparent; } .mat-icon svg #svg-Artboard, .mat-icon[svgicon=svg-ce-clock] svg path:nth-child(2) { fill: transparent; } .mat-icon svg #svg-ce-ExpandAlt-sm, .mat-icon svg #svg-ce-Folder-sm, .mat-icon svg #svg-ce-Flowchart-sm, .mat-icon svg #svg-ce-Backup-container * { fill: var(--icons-color); } /* Colors CE Icons ______________________________________*/ .icon-remove { font-size: 16px; font-weight: bold; } mat-icon.mat-icon g *, mat-icon.mat-icon svg *, mat-icon.mat-icon path * { color: var(--icons-color); } mat-icon.mat-icon.green svg * { fill: rgb(21, 137, 21); } mat-icon.mat-icon.red svg * { fill: rgb(188, 41, 30); } mat-icon.mat-icon.blue svg * { fill: rgb(33, 112, 191); } mat-icon.mat-icon.amber svg * { fill: #D95A00; } mat-icon.mat-icon.upside-down svg { transform: rotate(180deg); } mat-icon.mat-icon[svgicon=svg-ce-TextSelection-sm] svg g rect { fill: transparent; stroke: var(--icons-color); } mat-icon.mat-icon[svgicon=svg-ce-TextSelection-sm] svg g path { fill: var(--icons-color); } mat-icon.mat-icon[svgicon=svg-ce-contactsaved] svg g path, mat-icon.mat-icon[svgicon=svg-ce-contactlocal] svg g path, mat-icon.mat-icon[svgicon=svg-ce-contactsaved-sm] svg g path, mat-icon.mat-icon[svgicon=svg-ce-contactlocal-sm] svg g path { fill: none; } mat-icon.mat-icon[svgicon=svg-ce-contactsaved] svg g path[fill], mat-icon.mat-icon[svgicon=svg-ce-contactlocal] svg g path[fill], mat-icon.mat-icon[svgicon=svg-ce-contactsaved-sm] svg g path[fill], mat-icon.mat-icon[svgicon=svg-ce-contactlocal-sm] svg g path[fill] { fill: var(--icons-color); } mat-icon.mat-icon[svgicon=svg-ce-rectangle] g *, mat-icon.mat-icon[svgicon=svg-ce-rectangle] svg *, mat-icon.mat-icon[svgicon=svg-ce-diamond] g *, mat-icon.mat-icon[svgicon=svg-ce-diamond] svg *, mat-icon.mat-icon[svgicon=svg-ce-circle] g *, mat-icon.mat-icon[svgicon=svg-ce-circle] svg *, mat-icon.mat-icon[svgicon=svg-ce-arrow] g *, mat-icon.mat-icon[svgicon=svg-ce-arrow] svg * { fill: #1976d2; } mat-icon.mat-icon[svgicon=svg-ce-rectangle] g * rect, mat-icon.mat-icon[svgicon=svg-ce-rectangle] g * circle, mat-icon.mat-icon[svgicon=svg-ce-rectangle] svg * rect, mat-icon.mat-icon[svgicon=svg-ce-rectangle] svg * circle, mat-icon.mat-icon[svgicon=svg-ce-diamond] g * rect, mat-icon.mat-icon[svgicon=svg-ce-diamond] g * circle, mat-icon.mat-icon[svgicon=svg-ce-diamond] svg * rect, mat-icon.mat-icon[svgicon=svg-ce-diamond] svg * circle, mat-icon.mat-icon[svgicon=svg-ce-circle] g * rect, mat-icon.mat-icon[svgicon=svg-ce-circle] g * circle, mat-icon.mat-icon[svgicon=svg-ce-circle] svg * rect, mat-icon.mat-icon[svgicon=svg-ce-circle] svg * circle, mat-icon.mat-icon[svgicon=svg-ce-arrow] g * rect, mat-icon.mat-icon[svgicon=svg-ce-arrow] g * circle, mat-icon.mat-icon[svgicon=svg-ce-arrow] svg * rect, mat-icon.mat-icon[svgicon=svg-ce-arrow] svg * circle { fill: #e5f2fe; } mat-icon.mat-icon[svgicon=svg-ce-tag] svg { transform: translateY(3px); } mat-icon.mat-icon[svgicon=svg-filter-sm] svg g { transform: translate(0px, 0px) !important; } mat-icon.mat-icon.list-icon { transform: scale(0.9) translateX(-3px); } mat-icon.mat-icon svg:not(:root) { overflow: visible; } mat-icon.mat-icon[size=small] svg { width: 1.25rem; height: 1.25rem; } mat-icon.mat-icon[svgicon=svg-ce-flowchart-sm].state-normal g *, mat-icon.mat-icon[svgicon=svg-ce-flowchart-sm].state-normal svg * { color: var(--icons-color); fill: var(--icons-color); } mat-icon.mat-icon[svgicon=svg-ce-flowchart-sm].state-light g *, mat-icon.mat-icon[svgicon=svg-ce-flowchart-sm].state-light svg * { color: var(--icons-color); fill: var(--icons-color); opacity: 0.5; } mat-icon.mat-icon[svgicon=svg-ce-flowchart-sm].state-disabled g *, mat-icon.mat-icon[svgicon=svg-ce-flowchart-sm].state-disabled svg * { color: #BDBDBD !important; fill: #BDBDBD !important; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 1.5rem; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: "liga"; } .material-icons.state-normal { color: var(--icons-color); } .material-icons.state-light { color: var(--icons-color); opacity: 0.5; } .material-icons.state-disabled { color: #BDBDBD !important; } .material-icons.white { color: #ffffff; } .material-icons.green { color: #19b001; } .material-icons.red { color: rgb(188, 41, 30); } .material-icons.orange { color: #df9500; } .material-icons.grey { color: rgb(153, 153, 153); } .material-icons.black { color: #303030; } .material-icons.blue { color: #1976d2; } .Toolbar-button[disabled] mat-icon svg g path { stroke: rgb(153, 153, 153); fill: rgb(153, 153, 153); } .Toolbar-button[disabled] mat-icon svg g circle { stroke: rgb(153, 153, 153); fill: #e9e9e9; } .material-icons-attach { font-size: 1.125rem; transform: rotate(45deg); } .material-icons-drag { position: relative; left: -0.375rem; } .material-icons-drag:before { content: "more_vert"; position: absolute; left: 0.375rem; font-family: "Material Icons"; } .material-icons:not(.no-color) { color: var(--icons-color) !important; } /* Rules for sizing the icon. */ .material-icons.md-16 { font-size: 1rem; } .material-icons.md-18 { font-size: 1.125rem; } .material-icons.md-20 { font-size: 1.25rem; } .material-icons.md-24 { font-size: 1.5rem; } .material-icons.md-36 { font-size: 2.25rem; } .material-icons.md-48 { font-size: 3rem; } .richTextEditorContainer div.angular-editor-toolbar-set button.angular-editor-button i.fa { font-family: FontAwesome; } .ce-theme { /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ } .ce-theme button { background: transparent; border: 0; color: inherit; } .ce-theme button.kebab-btn { padding-top: 0; padding-bottom: 0; font-size: 0.875rem; transition: ease-in-out 0.125s all; } .ce-theme button.kebab-btn:active { background-color: #f9f9f9; } .ce-theme a button span { text-decoration: none; } .ce-theme a button span:hover, .ce-theme a button span:active, .ce-theme a button span:focus { text-decoration: inherit; } .ce-theme .btn { align-items: center; border-radius: 0.125rem; border-width: 1px; border-style: solid; border-color: transparent; cursor: pointer; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; display: flex; font-size: 1rem; padding: 0 1rem; justify-content: center; height: 2rem; white-space: nowrap; text-transform: uppercase; } .ce-theme .btn span { text-transform: inherit; } .ce-theme .btn.case-sensitive { text-transform: none; } .ce-theme .btn.case-sensitive span.small-text-nav-btn { font-size: 0.875rem; } .ce-theme .btn.text-as-link:active, .ce-theme .btn.text-as-link:hover { text-decoration: underline; } .ce-theme .btn.text-as-link:active[disabled], .ce-theme .btn.text-as-link:hover[disabled] { text-decoration: none; } .ce-theme .btn-primary:not(.btn-icon) i, .ce-theme .btn-secondary:not(.btn-icon) i { margin-right: 0.25rem; margin-left: -0.25rem; } .ce-theme .btn mat-icon.mat-icon svg g g g path { fill: var(--secondary-button-text-color); } .ce-theme .btn mat-icon.mat-icon svg g path { fill: var(--icons-color); } .ce-theme .btn i.material-icons { color: var(--icons-color); } .ce-theme .btn i.material-icons svg g path { fill: var(--icons-color); } .ce-theme .btn-primary, .ce-theme .btn-secondary, .ce-theme .btn-tertiary { padding: 0 0.625rem; } .ce-theme .btn-primary.icon-right i, .ce-theme .btn-secondary.icon-right i, .ce-theme .btn-tertiary.icon-right i { margin-right: -0.25rem; margin-left: 0.25rem; } .ce-theme .btn-primary[disabled], .ce-theme .btn-secondary[disabled], .ce-theme .btn-tertiary[disabled] { cursor: default; opacity: 0.5; border-color: transparent; } .ce-theme .btn-primary.small, .ce-theme .btn-secondary.small, .ce-theme .btn-tertiary.small { padding: 0 0.625rem; } .ce-theme .btn-primary.small i, .ce-theme .btn-secondary.small i, .ce-theme .btn-tertiary.small i { font-size: 1.125rem; } .ce-theme .btn-primary i.material-icons { color: var(--primary-button-text-color) !important; } .ce-theme .btn-primary mat-icon.mat-icon svg g g g path { fill: var(--primary-button-text-color) !important; } .ce-theme .btn-secondary i.material-icons { color: var(--secondary-button-text-color) !important; } .ce-theme .btn-tertiary { background: #737373; color: white; border-color: #303030; } .ce-theme .btn-tertiary[disabled] { cursor: default; opacity: 0.5; } .ce-theme .btn-tertiary:hover:not([disabled]) { background: #4b4b4b; border-color: #737373; } .ce-theme .btn-tertiary:active:not([disabled]) { background: #303030; border-color: #737373; } .ce-theme .btn-secondary, .ce-theme .btn-icon { background: linear-gradient(to bottom, var(--secondary-button-background-color-start), var(--secondary-button-background-color-end)); color: var(--secondary-button-text-color); border-color: var(--secondary-button-border-color) !important; } .ce-theme .btn-secondary i, .ce-theme .btn-icon i { color: var(--secondary-button-text-color); } .ce-theme .btn-secondary a, .ce-theme .btn-icon a { color: var(--secondary-button-text-color) !important; } .ce-theme .btn-secondary[disabled], .ce-theme .btn-icon[disabled] { cursor: default; opacity: 0.5; border-color: transparent; } .ce-theme .btn-secondary:hover:not([disabled]), .ce-theme .btn-icon:hover:not([disabled]) { background: var(--secondary-button-hover-background-color); border-color: var(--secondary-button-hover-border-color); } .ce-theme .btn-secondary:focus:not([disabled]), .ce-theme .btn-secondary:active:not([disabled]), .ce-theme .btn-icon:focus:not([disabled]), .ce-theme .btn-icon:active:not([disabled]) { background: var(--secondary-button-active-background-color); border-color: var(--secondary-button-active-border-color); } .ce-theme .btn-secondary.btn-icon-size-auto, .ce-theme .btn-icon.btn-icon-size-auto { height: auto !important; width: auto !important; } .ce-theme .btn-secondary.btn-icon-size-auto mat-icon, .ce-theme .btn-icon.btn-icon-size-auto mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-0, .ce-theme .btn-icon.btn-icon-size-0 { height: 0 !important; width: 0 !important; } .ce-theme .btn-secondary.btn-icon-size-0 mat-icon, .ce-theme .btn-icon.btn-icon-size-0 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-2, .ce-theme .btn-icon.btn-icon-size-2 { height: 0.125rem !important; width: 0.125rem !important; } .ce-theme .btn-secondary.btn-icon-size-2 mat-icon, .ce-theme .btn-icon.btn-icon-size-2 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-4, .ce-theme .btn-icon.btn-icon-size-4 { height: 0.25rem !important; width: 0.25rem !important; } .ce-theme .btn-secondary.btn-icon-size-4 mat-icon, .ce-theme .btn-icon.btn-icon-size-4 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-8, .ce-theme .btn-icon.btn-icon-size-8 { height: 0.5rem !important; width: 0.5rem !important; } .ce-theme .btn-secondary.btn-icon-size-8 mat-icon, .ce-theme .btn-icon.btn-icon-size-8 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-12, .ce-theme .btn-icon.btn-icon-size-12 { height: 0.75rem !important; width: 0.75rem !important; } .ce-theme .btn-secondary.btn-icon-size-12 mat-icon, .ce-theme .btn-icon.btn-icon-size-12 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-16, .ce-theme .btn-icon.btn-icon-size-16 { height: 1rem !important; width: 1rem !important; } .ce-theme .btn-secondary.btn-icon-size-16 mat-icon, .ce-theme .btn-icon.btn-icon-size-16 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-20, .ce-theme .btn-icon.btn-icon-size-20 { height: 1.25rem !important; width: 1.25rem !important; } .ce-theme .btn-secondary.btn-icon-size-20 mat-icon, .ce-theme .btn-icon.btn-icon-size-20 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-24, .ce-theme .btn-icon.btn-icon-size-24 { height: 1.5rem !important; width: 1.5rem !important; } .ce-theme .btn-secondary.btn-icon-size-24 mat-icon, .ce-theme .btn-icon.btn-icon-size-24 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-26, .ce-theme .btn-icon.btn-icon-size-26 { height: 1.625rem !important; width: 1.625rem !important; } .ce-theme .btn-secondary.btn-icon-size-26 mat-icon, .ce-theme .btn-icon.btn-icon-size-26 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-32, .ce-theme .btn-icon.btn-icon-size-32 { height: 2rem !important; width: 2rem !important; } .ce-theme .btn-secondary.btn-icon-size-32 mat-icon, .ce-theme .btn-icon.btn-icon-size-32 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-36, .ce-theme .btn-icon.btn-icon-size-36 { height: 2.25rem !important; width: 2.25rem !important; } .ce-theme .btn-secondary.btn-icon-size-36 mat-icon, .ce-theme .btn-icon.btn-icon-size-36 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-40, .ce-theme .btn-icon.btn-icon-size-40 { height: 2.5rem !important; width: 2.5rem !important; } .ce-theme .btn-secondary.btn-icon-size-40 mat-icon, .ce-theme .btn-icon.btn-icon-size-40 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-48, .ce-theme .btn-icon.btn-icon-size-48 { height: 3rem !important; width: 3rem !important; } .ce-theme .btn-secondary.btn-icon-size-48 mat-icon, .ce-theme .btn-icon.btn-icon-size-48 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-64, .ce-theme .btn-icon.btn-icon-size-64 { height: 4rem !important; width: 4rem !important; } .ce-theme .btn-secondary.btn-icon-size-64 mat-icon, .ce-theme .btn-icon.btn-icon-size-64 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size-72, .ce-theme .btn-icon.btn-icon-size-72 { height: 4.5rem !important; width: 4.5rem !important; } .ce-theme .btn-secondary.btn-icon-size-72 mat-icon, .ce-theme .btn-icon.btn-icon-size-72 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--4, .ce-theme .btn-icon.btn-icon-size--4 { height: -0.25rem !important; width: -0.25rem !important; } .ce-theme .btn-secondary.btn-icon-size--4 mat-icon, .ce-theme .btn-icon.btn-icon-size--4 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--8, .ce-theme .btn-icon.btn-icon-size--8 { height: -0.5rem !important; width: -0.5rem !important; } .ce-theme .btn-secondary.btn-icon-size--8 mat-icon, .ce-theme .btn-icon.btn-icon-size--8 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--12, .ce-theme .btn-icon.btn-icon-size--12 { height: -0.75rem !important; width: -0.75rem !important; } .ce-theme .btn-secondary.btn-icon-size--12 mat-icon, .ce-theme .btn-icon.btn-icon-size--12 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--16, .ce-theme .btn-icon.btn-icon-size--16 { height: -1rem !important; width: -1rem !important; } .ce-theme .btn-secondary.btn-icon-size--16 mat-icon, .ce-theme .btn-icon.btn-icon-size--16 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--24, .ce-theme .btn-icon.btn-icon-size--24 { height: -1.5rem !important; width: -1.5rem !important; } .ce-theme .btn-secondary.btn-icon-size--24 mat-icon, .ce-theme .btn-icon.btn-icon-size--24 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--32, .ce-theme .btn-icon.btn-icon-size--32 { height: -2rem !important; width: -2rem !important; } .ce-theme .btn-secondary.btn-icon-size--32 mat-icon, .ce-theme .btn-icon.btn-icon-size--32 mat-icon { width: auto; height: auto; } .ce-theme .btn-secondary.btn-icon-size--40, .ce-theme .btn-icon.btn-icon-size--40 { height: -2.5rem !important; width: -2.5rem !important; } .ce-theme .btn-secondary.btn-icon-size--40 mat-icon, .ce-theme .btn-icon.btn-icon-size--40 mat-icon { width: auto; height: auto; } .ce-theme .btn-flat.btn { border-radius: 0.25rem; background-color: var(--flat-button-background-color); border: 1px solid var(--flat-button-border-color); box-shadow: 0 0 0; color: var(--flat-button-text-color); display: inline-block; font-size: 0.875rem !important; line-height: 1rem; height: 1.25rem; padding: 0 0.5rem; text-transform: uppercase; } .ce-theme .btn-flat.btn > span { font-size: 14px; text-transform: inherit; } .ce-theme .btn-flat.btn[disabled] { cursor: default; opacity: 0.5; } .ce-theme .btn-flat.btn:hover:not([disabled]) { border-color: var(--flat-button-hover-border-color); } .ce-theme .btn-flat.btn:active:not([disabled]) { background: var(--flat-button-active-background-color); border-color: var(--flat-button-hover-border-color); } .ce-theme .btn-flat-icon { background: #f9f9f9; color: #303030; border-color: #bdbdbd; box-shadow: none; padding: 0; height: 2rem; width: 2rem; } .ce-theme .btn-flat-icon i { color: var(--plain-text-color); padding: 0 0.125rem; } .ce-theme .btn-flat-icon[disabled] { cursor: default; opacity: 0.3; } .ce-theme .btn-flat-icon:hover:not([disabled]) { border-color: #737373; } .ce-theme .btn-flat-icon:active:not([disabled]) { background: #d5d5d5; border-color: #737373; } .ce-theme .btn-flat-icon:focus:before { content: none; } .ce-theme .btn-flat-icon.no-border { background-color: white; border: none; } .ce-theme .btn-flat-icon.no-border:hover { border-color: var(--flat-button-text-color); border-style: solid; border-width: 1px; } .ce-theme .btn.input-icon { color: #1976d2; border-color: transparent; box-shadow: none; } .ce-theme .btn.input-icon i { color: var(--icons-color); font-size: 1.125rem; } .ce-theme .btn.input-icon:hover { border-color: #1976d2; } .ce-theme .btn.small, .ce-theme .btn-small { height: 1.5rem; font-size: 14px; } .ce-theme .btn.small > span, .ce-theme .btn-small > span { font-size: inherit; line-height: 1; text-transform: uppercase; } .ce-theme .btn-icon { background: linear-gradient(to bottom, var(--secondary-button-background-color-start), var(--secondary-button-background-color-end)); padding: 0; width: 2rem; height: 2rem; } .ce-theme .btn-icon .Icomoon { margin: 0; } .ce-theme .btn-icon.simple { background: none; color: #303030; display: flex; flex-direction: row; justify-content: center; align-items: center; } .ce-theme .btn-icon.simple[disabled] { pointer-events: none; } .ce-theme .btn-icon.simple:hover { border: 1px solid #737373; border-radius: 0.125rem; } .ce-theme .btn-icon.simple:hover, .ce-theme .btn-icon.simple:focus, .ce-theme .btn-icon.simple:active { background: none; } .ce-theme .btn-icon.small { line-height: 0; align-content: center; align-items: center; display: flex; padding: 0; height: 1.5rem; width: 1.5rem; } .ce-theme .btn-icon.small svg g path { transform: translateX(10%) translateY(10%); } .ce-theme .btn-icon.small i.material-icons { padding: 0 0.125rem; font-size: 1.125rem; } .ce-theme .btn-icon.small i.material-icons.no-color { color: var(--secondary-button-text-color); } .ce-theme .btn-icon.small.no-color:not(.btn-primary) { background: white; border-color: #d5d5d5 !important; } .ce-theme .btn-icon.small.no-color:not(.btn-primary) mat-icon svg path { fill: #303030; } .ce-theme .btn-icon.small.no-color:not(.btn-primary):hover { border-color: #737373 !important; } .ce-theme .btn-icon.small.no-color:not(.btn-primary):focus, .ce-theme .btn-icon.small.no-color:not(.btn-primary):active { background: #e9e9e9; } .ce-theme .btn-icon.small.no-color:not(.btn-primary).pressed:not(:hover) { background: #19b001; } .ce-theme .btn-icon.small.no-color:not(.btn-primary).pressed:not(:hover) mat-icon svg path { fill: white; } .ce-theme .btn-icon.toggled { background: #e0e0e0 !important; border-radius: 2px !important; border: 1px solid #a6a6a6 !important; box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.4); } .ce-theme .btn-icon-template-prev { background: var(--icon-button-template-prev-background-color); border-color: var(--icon-button-template-prev-border-color) !important; box-shadow: none; padding: 0 0.1875rem; height: 2rem; width: 2rem; } .ce-theme .btn-icon-template-prev i.material-icons { color: var(--template-header-text-color); } .ce-theme .btn-icon-template-prev[disabled] { cursor: default; opacity: 0.5; border-color: transparent; } .ce-theme .btn-icon-template-prev:hover i.material-icons { color: var(--icon-button-template-prev-background-color); } .ce-theme .btn-icon-template-prev:hover:not([disabled]) { background: var(--icon-button-template-prev-hover-background-color); border-color: var(--icon-button-template-prev-hover-border-color); } .ce-theme .btn-icon-template-prev:active i.material-icons { color: var(--template-header-text-color); } .ce-theme .btn-icon-template-prev:active:not([disabled]) { background: var(--icon-button-template-prev-background-color); border-color: var(--icon-button-template-prev-border-color); } .ce-theme .btn-icon-hamburger { height: 2rem; width: 2rem; padding: 0 0.1875rem; } .ce-theme .btn-icon-hamburger:hover { border-color: var(--icon-button-hamburger-hover-border-color); } .ce-theme .btn-icon-hamburger:active { border-color: var(--icon-button-hamburger-active-border-color); } .ce-theme .btn-icon-hamburger i.material-icons { color: var(--icon-button-hamburger-text-color) !important; } .ce-theme .btn-icon-drag { height: 1.5rem; width: 1.5rem; border: none; background-color: transparent; box-shadow: none; outline: none; padding: 0; } .ce-theme .btn-icon-drag i.material-icons { color: var(--icon-button-drag-background-color); } .ce-theme .btn-icon-drag[disabled] { cursor: default; opacity: 0.5; } .ce-theme .btn-icon-drag:hover:not([disabled]) i.material-icons { color: var(--icon-button-drag-hover-background-color); } .ce-theme .btn .backToTop { position: fixed; float: right; cursor: pointer; right: 2rem; bottom: 2rem; z-index: 100; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); border-radius: 0.25rem; } .ce-theme .border-none, .ce-theme .border0, .ce-theme .border0 { border-width: 0; border-color: transparent; box-shadow: none !important; } .ce-theme .border-none:hover, .ce-theme .border0:hover, .ce-theme .border-none:active, .ce-theme .border0:active { box-shadow: none; } .ce-theme .border-none:hover:not([disabled]) i, .ce-theme .border0:hover:not([disabled]) i, .ce-theme .border-none:active:not([disabled]) i, .ce-theme .border0:active:not([disabled]) i { border-color: transparent; } .ce-theme .border-none[disabled], .ce-theme [disabled].border0 { cursor: default; background-color: transparent; border: none; } .ce-theme .border0 { color: #737373; } .ce-theme .border0:hover:not([disabled]) i, .ce-theme .border0:active:not([disabled]) i { color: #303030; } .ce-theme .border0[disabled] { opacity: 0.5; } .ce-theme .Button { cursor: pointer; width: auto !important; } .ce-theme .Button.disabled { cursor: default; opacity: 0.5; pointer-events: none; } .ce-theme .Button-text { word-break: keep-all !important; } .ce-theme .Button--moreLoad { background-color: white; border: 1px solid var(--border-color); border-radius: 0.25rem; color: black; position: relative; height: 2.25rem; width: 3rem; z-index: 2; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); } .ce-theme .Button--moreLoad > span { justify-content: center; } .ce-theme .moreButtonWhiteContainer { background: white; padding: 0.5rem; position: relative; z-index: 2; } .ce-theme .moreButton { background: white; bottom: 0; width: 100%; z-index: 10; } .ce-theme .moreButtonLine { background: var(--border-color); height: 1px; position: absolute; width: 100%; z-index: 1; left: 0; } .ce-theme .btn-icon.btn-primary-icon, .ce-theme .btn-primary, .ce-theme .btn-primary { background: linear-gradient(to bottom, var(--primary-button-background-color-start), var(--primary-button-background-color-end)); border-color: var(--primary-button-border-color) !important; color: var(--primary-button-text-color); } .ce-theme .btn-icon.btn-primary-icon:hover:not([disabled]), .ce-theme .btn-primary:hover:not([disabled]) { background: var(--primary-button-hover-background-color); border-color: var(--primary-button-hover-border-color); } .ce-theme .btn-icon.btn-primary-icon:focus:not([disabled]), .ce-theme .btn-primary:focus:not([disabled]), .ce-theme .btn-icon.btn-primary-icon:active:not([disabled]), .ce-theme .btn-primary:active:not([disabled]) { background: var(--primary-button-active-background-color); border-color: var(--primary-button-active-border-color); } .ce-theme .btn-icon.btn-primary-icon mat-icon.mat-icon svg g path, .ce-theme .btn-primary mat-icon.mat-icon svg g path { fill: var(--icons-color); } .ce-theme .btn-icon.btn-primary-icon i.material-icons, .ce-theme .btn-primary i.material-icons { color: var(--icons-color); } .ce-theme .border0, .ce-theme .border0 { align-content: center; align-items: center; display: flex; padding: 0; height: 1.5rem; width: 1.5rem; } .ce-theme .border0 svg g path { transform: translateX(10%) translateY(10%) !important; } .ce-theme .border0 i.material-icons { padding: 0 0.125rem; font-size: 1.125rem; } .ce-theme .border0 i.material-icons.no-color { color: var(--secondary-button-text-color); } .ActionsPanel { display: inline-block; } .ActionsPanel-item { display: inline-block; margin-left: 1rem; } .ActionsPanel-item:first-child { margin-left: 0; } .ActionsPanel-host { height: 1.75rem; } .AlertPanel { background-color: white; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3); color: #303030; max-width: 580px; min-width: 288px; margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .AlertPanel--single { padding-bottom: 0; } .AlertPanel-body { padding: 0.5rem 2.25rem 0 1rem; margin-bottom: 0.5rem; } .AlertPanel-body:last-child { margin: 0; } .AlertPanel-body--single { margin-right: 0.5rem; padding: 0.5rem 0 0.5rem 1rem; } .AlertPanel-body--closeButton { height: 1rem; cursor: pointer; } .AlertPanel-body--closeButton i { font-size: 1rem; font-weight: bold; } .AlertPanel-item { align-items: flex-start; display: flex; margin-bottom: 0.5rem; word-break: break-word; word-wrap: break-word; } .AlertPanel-item:first-child { margin-top: 0; } .AlertPanel-item:last-child { margin-bottom: 0; } .AlertPanel-item--single { justify-content: space-between; margin-right: 1rem; } .AlertPanel-media { line-height: 1; margin-right: 0.5rem; padding-top: 0.125rem; min-width: 1.125rem; } .AlertPanel-description { display: flex; } .AlertPanel-description p { margin: 0; padding-right: 1rem; } .AlertPanel-expansion { max-height: 0; opacity: 0; overflow-y: hidden; visibility: collapse; margin-left: 1.5rem; } .AlertPanel-expansion.is-expanded { max-height: 100%; opacity: 1; overflow-y: visible; visibility: visible; padding-right: 1rem; } .Dialog-alerts ce-alert { max-width: 18rem; } /************************************************* Name: Forms Description: Global form control component styles. SCSS Source: assets/styles/global/_global.forms.scss Version: 1.0 **************************************************/ /* Primary -------------------------------------------*/ .Form { /* Fieldset -------------------------------------------*/ /* Item -------------------------------------------*/ /* Label -------------------------------------------*/ /* Radio Buttons * Apply on<mat-radio-group class="Form-inputRadio Form-inputRadio--vertical">-------------------------------------------*/ } .Form-fieldset { border: 0; border-bottom: 1px solid #d5d5d5; margin: 0 0 1rem; padding: 0 0 1rem; } .Form-fieldset:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .Form-item { margin-bottom: 0.5rem; } .Form-item:last-child { margin-bottom: 0; } .Form-item--sm { margin-bottom: 0.25rem; } .Form-item--md { margin-bottom: 1rem; } .Form-item--lg { margin-bottom: 1.25rem; } .Form-item--xlg { margin-bottom: 1.5rem; } .Form-itemGroup { display: flex; margin-left: -0.5rem; margin-right: -0.5rem; } .Form-itemGroup .mat-mdc-form-field { margin-left: 0.5rem; margin-right: 0.5rem; } .Form-label { display: block; font-weight: 600; margin-bottom: 0.25rem; } .Form-inputRadio--vertical { display: flex; flex-direction: column; } .Form-inputRadio--vertical .mat-mdc-radio-button { margin-bottom: 0.5rem; } .Form-inputRadio--vertical .mat-mdc-radio-button:last-child { margin-bottom: 0; } .Form-inputRadio--vertical--sm .mat-mdc-radio-button { margin-bottom: 0.25rem; } .Form-inputRadio--vertical--md .mat-mdc-radio-button { margin-bottom: 1rem; } .Form-inputRadio--vertical--lg .mat-mdc-radio-button { margin-bottom: 1.25rem; } .Form-inputRadio--vertical--xlg .mat-mdc-radio-button { margin-bottom: 1.5rem; } .Form-inputRadio--vertical--xxlg .mat-mdc-radio-button { margin-bottom: 1.75rem; } .Input { border: 1px solid var(--border-color); text-align: left; } mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix input.mat-mdc-input-element, .Input { background: transparent; box-sizing: border-box; padding: 0.5rem 0.25rem 0.375rem; height: 1.625rem; } .Access { border: 1px solid #eaeaea; border-radius: 4px; display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 17px; text-transform: uppercase; line-height: 20px; padding: 0 10px; } .Access:hover, .Access:focus, .Access:active { outline: none; text-decoration: none; } .FormFieldInfo-label { font-weight: 600; margin: 0 0.5rem 0 0; } .italic { font-style: italic; } .textdiff { min-height: 40px; max-height: 800px; padding: 5px; margin: 0 0 20px 0; overflow: auto; white-space: pre-wrap; border: thin solid black; flex: 1; } .textdiff .match { color: gray; } .textdiff .ins { color: black; background: #bbffbb; } .textdiff .del { color: black; background: #ffbbbb; } /************************************************* Name: Loading Description: Loading component styles. SCSS Source: assets/styles/components/_components.loading.scss Version: 1.0 **************************************************/ /* Primary -------------------------------------------*/ .Loading { align-items: center; display: block; flex-direction: column; justify-content: center; margin: 1rem auto; max-width: 160px; text-align: center; } .Loading-text { margin-top: 1rem; } .Loading .mat-mdc-progress-spinner { margin-left: auto; margin-right: auto; } .Option, .Button, .ce-theme .Button { border: 1px solid #d5d5d5; border-radius: 4px; display: inline-block; color: #1976d2; font-size: 14px !important; text-transform: uppercase; text-decoration: none; line-height: 20px; padding: 0 0.5rem; white-space: nowrap; } .Option:focus, .Option:active, .Option:hover, .Button:focus, .ce-theme .Button:focus, .Button:active, .ce-theme .Button:active, .Button:hover, .ce-theme .Button:hover { outline: none; text-decoration: none; } /************************************************* Material overlay Description: Material overlay overrides styles Structure: **************************************************/ .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.8); opacity: 1; } /************************************************* Name: Progress Spinner Description: Overrides to Material Progress Spinner styles. SCSS Source: assets/styles/components/_components.mat-progress-spinner.scss Version: 1.0 **************************************************/ mat-progress-spinner path, mat-spinner path, mat-progress-circle path { stroke: #1976d2; } mat-progress-spinner.mat-accent path, mat-spinner.mat-accent path, mat-progress-circle.mat-accent path { stroke: black; } mat-progress-spinner.mat-warn path, mat-spinner.mat-warn path, mat-progress-circle.mat-warn path { stroke: black; } /************************************************* Name: Material Select Description: Material select styling overrides. SCSS Source: assets/styles/components/_components.mat-select.scss Version: 1.0 **************************************************/ /* Primary -------------------------------------------*/ /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ mat-select { padding: 0.1875rem 0; height: 1.625rem; /* Icon -------------------------------------------*/ /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ } mat-select .mat-select-arrow { color: #303030; } /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ .mat-select-trigger { min-height: 1.5rem; } /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ .mat-select-value { vertical-align: middle; } /*TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/ mat-option { /*TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/ } mat-option.mat-mdc-option.mat-selected:not(.mat-option-disabled) { color: #1976d2; } /*TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/ .mat-primary .mat-mdc-option.mat-selected:not(.mat-option-disabled) { color: var(--plain-text-color); } .mat-form-field-hide-placeholder { /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ } .mat-form-field-hide-placeholder .mat-select-value { /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ } .mat-form-field-hide-placeholder .mat-select-value .mat-select-placeholder { display: none; } .option-icon .mat-icon { margin-right: 0 !important; } .State { font-size: 1rem; color: var(--plain-text-color); display: inline-block; padding-left: 1rem; position: relative; } .State:before { content: ""; border-radius: 50%; height: 0.5rem; left: 0; position: absolute; top: 33%; width: 0.5rem; } .State--awaitingApproval:before, .State--required:before, .State--incomplete:before, .State--requiresApproval:before, .State--sentforSignature:before, .State--negotiating:before, .State--waiting:before { background-color: #df9500; } .State--finalReview:before, .State--internalReview:before, .State--externalReview:before, .State--rejected:before, .State--error:before { background-color: #d0021b; } .State--executed:before, .State--exported:before, .State--ready:before, .State--approved:before { background-color: #19b001; } /* STYLES */ /* indents */ /*COLORS */ /* Main Pallet */ /* others */ :root { --plain-text-color: #303030; --icons-color: #303030; --border-color: #d5d5d5; --mat-checkbox-border-color: #757575; --header-bar-background-color-start: #296bac; --header-bar-background-color-stop: #296bac; --top-navigation-link-color: #fff; --top-navigation-link-highlighted-color: #fff; --template-header-background-color-start: #0e568c; --template-header-background-color-stop: #0e568c; --template-header-text-color: #fff; --icon-button-template-prev-background-color: var(--template-header-background-color-start); --icon-button-template-prev-border-color: var(--template-header-text-color); --icon-button-template-prev-hover-background-color: var(--template-header-text-color); --icon-button-template-prev-hover-border-color: var(--template-header-background-color-start); /* PRIMARY BUTTON */ --primary-button-background-color-start: #1976d2; --primary-button-background-color-end: #1976d2; --primary-button-border-color: #296bac; --primary-button-text-color: #fff; --primary-button-hover-background-color: #296bac; --primary-button-hover-border-color: #062340; --primary-button-active-background-color: #1a4c7e; --primary-button-active-border-color: #296bac; --primary-button-active-text-color: #296bac; /* SECONDARY BUTTON */ --secondary-button-background-color-start: #fff; --secondary-button-background-color-end: #fff; --secondary-button-border-color: #CCCCCC; --secondary-button-text-color: #303030; --secondary-button-hover-border-color: #767676; --secondary-button-active-background-color: #e9e9e9; --secondary-button-active-border-color: #767676; /* FLAT BUTTON */ --flat-button-background-color: #ffffff; --flat-button-border-color: #d5d5d5; --flat-button-text-color: #1976d2; --flat-button-hover-border-color: #767676; --flat-button-active-background-color: #e9e9e9; /* ICON BUTTON */ --icon-button-flat-background: #f9f9f9; --icon-button-flat-text-color: #303030; --icon-button-flat-border-color: #bdbdbd; --icon-button-flat-hover-border-color: #767676; --icon-button-flat-active-background-color: #d5d5d5; --icon-button-flat-active-border-color: #767676; --icon-button-hamburger-background-color: var(--header-bar-background-color-start); --icon-button-hamburger-text-color: var(--top-navigation-link-color); --icon-button-hamburger-hover-border-color: #bdbdbd; --icon-button-hamburger-active-border-color: var(--top-navigation-link-highlighted-color); --icon-button-drag-background-color: #d5d5d5; --icon-button-drag-hover-background-color: #303030; /* FOOTER BAR */ --footer-bar-background-color-start: #062340; --footer-bar-background-color-end: #062340; /* QUESTIONNAIRE */ --questionnaire-variable-selected-color: #1976D2; --questionnaire-variable-invalid-color: #d0021b; --questionnaire-variable-secondary-text-color: #303030; --questionnaire-variable-disabled-text-color: #757575; } /* Deprecated Variables - Replaced with status variables ______________________________________*/ /*	Components -------------------------------------------*/ /* Loader */ /* Alerts */ /* Alerts - error */ /* Alerts - warning/caution */ /* Alerts - success */ /* Alerts - default */ /* Button Group */ /* Global Header */ /* Tabs */ /* Tooltip */ /* Toast */ /* Modal */ /* Section Header */ /* Section Sidebar */ /* Header Navigation */ /* Questionnaire */ /*	Animations -------------------------------------------*/ /*	Text Formatting -------------------------------------------*/ .Table--noneBorder { border: 0; } .Table--noneBorder th, .Table--noneBorder td { border-bottom: 0; } .Table-row { height: 3rem; } .Table-rowRemove { padding-top: 0.125rem; margin-left: 1.25rem; } .Table-headerRow { height: 3rem; } .Table-row-editable:hover .Table-editRowControls { display: block; } .Table-headerCell--YTop, .Table-cell--YTop { vertical-align: top; padding-top: 1rem !important; } .Table-headerCell--YMiddle, .Table-cell--YMiddle { vertical-align: middle; } .Table-headerCell--checkbox, .Table-cell--checkbox { padding-left: 0; padding-right: 1rem; width: 1rem; } .Table-headerCell--checkbox .mat-mdc-checkbox, .Table-cell--checkbox .mat-mdc-checkbox { position: relative; top: -0.125rem; } .Table-headerCell--type, .Table-cell--type { padding-left: 0; padding-right: 0; text-align: center; width: 1rem; line-height: 0.2; } .Table .false i { display: none; } .Table .sort-true i { transform: rotate(-180deg); } .Table .sort-none i { visibility: hidden; } .Table-tools { align-content: center; align-items: center; display: flex; flex-direction: row; justify-content: flex-end; } .Table-tools > a { color: #737373; margin-right: 1rem; } .Table-tools > a:last-child { margin-right: 0; } .Table-tools > a i { color: #737373; } .Table-link { cursor: pointer; position: relative; top: 0.1875rem; } .Table-editRowControlsCell { padding: 0 0.25rem; width: 2.5rem; } .Table--disabled { padding: 0; width: 0; } .Table-editRowControls { display: none; } .Table .disabledArea { pointer-events: none; opacity: 0.5; } .Table-columnName { cursor: pointer; } .Table .Table-rowGroup { vertical-align: top; } table.Table { border-collapse: collapse; border-spacing: 0; margin-bottom: 0.5rem; width: 100%; } table.Table th, table.Table td { border-bottom-width: 0.0625rem !important; border-bottom-style: solid !important; border-bottom-color: var(--border-color) !important; box-sizing: border-box; line-height: 1.2; padding: 0.5rem; text-align: left; font-size: 1rem; color: var(--plain-text-color); } table.Table th { text-align: left; font-weight: 600; border-bottom-width: 0.0625rem !important; border-bottom-style: solid !important; border-bottom-color: var(--border-color) !important; } table.Table th a { color: black; cursor: pointer; text-decoration: none; } table.Table th a:focus, table.Table th a:active, table.Table th a:hover { text-decoration: none; } table.Table :not(.with-bb) tbody tr:last-child td { border-bottom: 0 !important; } .mdc-tooltip.mat-mdc-tooltip { --mdc-plain-tooltip-container-color: #262626; --mdc-plain-tooltip-supporting-text-size: pixel(14); --mdc-plain-tooltip-supporting-text-line-height: pixel(25); --mdc-plain-tooltip-supporting-text-tracking: 0; animation-name: tooltip; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-fill-mode: forwards; background: rgb(38, 38, 38); font-weight: 400; opacity: 0; font-size: 14px; border-radius: 0.25rem; } @keyframes tooltip { 0% { opacity: 0; max-height: 0; } 25% { opacity: 1; } 100% { max-height: 1000px; opacity: 1; } } .TooltipContainer { background-color: white; max-width: 30rem; padding: 0.625rem; font-size: 0.875rem; line-height: 1.125rem; color: #575757; border: 0.0625rem solid #BFBFBF; border-radius: 0.0625rem; box-shadow: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.3); word-break: break-word; overflow-wrap: break-word; } .TooltipContainer b { color: #303030; } .FormFieldInfo { display: flex; flex-direction: column; } .FormFieldInfo-content { display: flex; align-items: flex-start; flex-direction: row; } .FormFieldInfo-blockWithIcon { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; z-index: 999; line-height: 24px; } .FormFieldInfo-label { font-weight: 600; margin: 0 0.5rem 0 0; } .FormFieldInfo-info { font-size: 0.875rem; margin: 0 0 0.25rem 0.5rem; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3); padding: 0.5rem; max-width: 288px; } .FormFieldInfo .ShowInfo-icon { display: flex; flex-direction: row; vertical-align: bottom; cursor: pointer; } .FormFieldInfo .ShowInfo-icon i { font-size: 1.25rem; color: #1976d2; } .ce-theme .mat-drawer-content { /* Global Nav -------------------------------------------*/ } .ce-theme .mat-drawer-content .Nav { /* Admin Nav -------------------------------------------*/ /* Template Nav -------------------------------------------*/ } .ce-theme .mat-drawer-content .Nav-menu { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media all and (min-width: 1300px) { .ce-theme .mat-drawer-content .Nav-menu { max-width: 13vw; } } @media all and (max-width: 1299px) { .ce-theme .mat-drawer-content .Nav-menu { max-width: 8vw; } } @media (max-width: 1200px) { .ce-theme .mat-drawer-content .Nav-menu { max-width: 9.5vw; } } @media screen and (max-width: 575px) { .ce-theme .mat-drawer-content .Nav-menu { max-width: 11vw; } } .ce-theme .mat-drawer-content .Nav-main.mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: var(--top-navigation-link-highlighted-color); height: 0.5rem; } .ce-theme .mat-drawer-content .Nav-menuButton { outline: none; } .ce-theme .mat-drawer-content .Nav-menuButton.active { background: rgba(0, 0, 0, 0.1); } .ce-theme .mat-drawer-content .Nav-mobile { background: #33363C; box-shadow: 0px 2px 5px -3px rgba(0, 0, 0, 0.3); box-sizing: border-box; height: auto; position: fixed; top: 3.75rem; left: 0; width: 100%; z-index: 100; } .ce-theme .mat-drawer-content .Nav-mobile ul, .ce-theme .mat-drawer-content .Nav-mobile li { width: 100%; } .ce-theme .mat-drawer-content .Nav-mobile ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ce-theme .mat-drawer-content .Nav-mobile ul li:last-child { border-bottom: none; } .ce-theme .mat-drawer-content .Nav-mobile a { display: block; padding: 0.75rem 2rem 0.5rem; text-align: center; } .ce-theme .mat-drawer-content .Nav-mobile a, .ce-theme .mat-drawer-content .Nav-mobile a:hover, .ce-theme .mat-drawer-content .Nav-mobile a:focus, .ce-theme .mat-drawer-content .Nav-mobile a:active { color: white; } .ce-theme .mat-drawer-content .Nav-mobile .mat-ink-bar { display: none; } .ce-theme .mat-drawer-content .Nav-admin { padding: 1.5rem 2.5rem; padding-top: 0; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item { display: flex; overflow: visible; color: #bdbdbd; padding: 0.375rem 0; position: relative; transition: color 0.3s ease-in-out; margin: 0; line-height: 1; height: auto; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item:first-child { margin-top: 0; padding-top: 0; padding-bottom: 0; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item::before { background-color: white; content: ""; height: 100%; left: -40px; opacity: 0; position: absolute; transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; top: 0; width: 8px; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item.Nav-adminHeader .mat-mdc-list-item-unscoped-content { color: white; cursor: default; margin-bottom: 0; margin-top: 1rem; padding-bottom: 0; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item.Nav-adminHeader .mat-mdc-list-item-unscoped-content:before { content: none; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-list-item-unscoped-content { color: rgb(189, 189, 189); } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-list-item-unscoped-content:hover { color: #FFFFFF; transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active, .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.mat-mdc-focus-indicator, .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item:hover { background: none; color: white; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active::before, .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.mat-mdc-focus-indicator::before, .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item:hover::before { background-color: #1976d2; opacity: 1; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active::before { background-color: white; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active .mat-mdc-list-item-unscoped-content { color: white; } .ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-list-item-unscoped-content { padding: 0; } .ce-theme .mat-drawer-content .Nav-admin .mat-divider { border-color: #bdbdbd; margin-bottom: 0.5rem; } .ce-theme .mat-drawer-content .Nav-template { padding: 0.75rem 2.5rem; padding-top: 0; } .ce-theme .mat-drawer-content .Nav-template > .Nav-templateHeader.mat-mdc-list-item:first-child { margin-top: 0; padding-top: 0; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .mat-mdc-list-item { display: flex; overflow: visible; padding: 0.1875rem 0; position: relative; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-list-item-unscoped-content { color: #737373; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .mat-mdc-list-item { color: #737373; position: relative; transition: color 0.3s ease-in-out; height: auto; padding: 0.5625rem 0rem; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .mat-mdc-list-item::before { background-color: #303030; content: ""; height: 100%; left: -40px; opacity: 0; position: absolute; transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out; top: 0; width: 8px; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active, .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.mat-mdc-focus-indicator, .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item:hover { background: none; color: #303030; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active::before, .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.mat-mdc-focus-indicator::before, .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item:hover::before { background-color: #1976d2; opacity: 1; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active::before, .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.mat-mdc-focus-indicator::before, .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item:hover::before { background-color: #1976d2; opacity: 1; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active { font-weight: 600; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active::before { background-color: #303030; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active:hover::before { background-color: #1976d2; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active .mat-mdc-list-item-unscoped-content { font-weight: 600; color: black; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .Nav-templateHeader { color: #737373; cursor: default; margin-bottom: 0; margin-top: 1.5rem; padding-bottom: 0; font-weight: 600; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .Nav-templateHeader:before { content: none; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .Nav-templateHeader:hover.mat-mdc-list-item-.mat-mdc-list-item-unscoped-content { color: #737373; } .ce-theme .mat-drawer-content .Nav-template.mat-mdc-nav-list .Nav-templateHeader:before { content: none; } .ce-theme .mat-drawer-content .Nav-template .mat-divider { border-color: #737373; margin-bottom: 0.5rem; } .ce-theme .mat-drawer-content .Nav-logo { line-height: 3.375rem; } .ce-theme .mat-drawer-content .Nav-logoImage { vertical-align: middle; height: auto; max-width: 13.125rem; max-height: 2.5rem; } .ce-theme .mat-drawer-content .Nav-icon { display: none; flex-direction: column; align-items: center; vertical-align: middle; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .ce-theme .mat-drawer-content .Nav-icon { display: flex !important; } } .ce-theme .mat-drawer-content .Nav-icon svg { cursor: pointer; } .ce-theme .mat-drawer-content .Nav-icon svg > g { fill: white; } .ce-theme .mat-drawer-content .Nav-icon .mat-icon { display: flex; } .ce-theme .mat-drawer-content .Nav-list { flex-direction: row; align-content: center; white-space: nowrap; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 1200px) { .ce-theme .mat-drawer-content .Nav-list { display: flex; } } @media (max-width: 1200px) { .ce-theme .mat-drawer-content .Nav-list { display: flex; } .ce-theme .mat-drawer-content .Nav-list .mat-mdc-tab-link { padding: 0 1rem; } } @media (max-width: 992px) { .ce-theme .mat-drawer-content .Nav-list { display: none; position: absolute; top: 0; left: 0; } } .ce-theme .mat-drawer-content .Nav-list li:last-child { padding-right: 1.25rem; } .ce-theme .mat-drawer-content .Nav-list li:first-child { padding-left: 1.25rem; } .ce-theme .mat-drawer-content .Nav.Nav-main { margin: 0; } .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink { margin-left: 1rem; margin-right: 1rem; color: var(--top-navigation-link-color); height: 3.75rem; min-width: auto; opacity: 1; padding: 0.5rem 0; font-size: 1.25rem; line-height: 1.5rem; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink--active { padding-bottom: 0.625rem; border-bottom: 8px solid white; } .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink:focus, .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink:hover { color: var(--top-navigation-link-highlighted-color); text-decoration: none; } .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink.mdc-tab--active { color: var(--top-navigation-link-highlighted-color); } @media (min-width: 1025px) { .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink { font-size: 1.1875rem; margin-left: 1.03125rem; margin-right: 1.03125rem; } } @media (max-width: 1100px) { .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink { margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 992px) { .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink { margin-left: 0.5rem; margin-right: 0.5rem; } } @media (max-width: 768px) { .ce-theme .mat-drawer-content .Nav.Nav-main .Nav-mainLink { margin-left: 0; margin-right: 0; } } .ce-theme .mat-drawer-content .Nav-brand { align-items: center; color: white; display: flex; text-decoration: none; text-transform: uppercase; } .ce-theme .mat-drawer-content .Nav-brandLink { display: inline-block; font-size: 1.25rem; line-height: 1.5rem; } .ce-theme .mat-drawer-content .Nav-main { border-bottom: 0; margin-bottom: 0; margin-left: 0; } .ce-theme .mat-drawer-content .Nav-main .mat-ink-bar { background-color: white; } .ce-theme .mat-drawer-content .Nav-accountButton { align-items: center; align-content: center; cursor: pointer; color: var(--top-navigation-link-color); display: flex; flex-direction: row; justify-content: center; max-width: 4rem; width: 100%; } .ce-theme .mat-drawer-content .Nav-accountButton .mat-icon { display: flex; } .Nav-drawer--container { min-height: 100%; background: linear-gradient(var(--header-bar-background-color-start), var(--header-bar-background-color-stop)); } .Nav-drawer--content .Nav-mainLink { color: var(--top-navigation-link-color); } .Nav-drawer--content .Nav-mainLink:hover { color: var(--top-navigation-link-highlighted-color); } .WarningList-alert p { margin-top: 0; } .DragAndDrop-placeholder { height: 0.375rem; } .DragAndDrop-placeholder-line { background-color: var(--icons-color); height: 0.125rem; margin-top: 4px; width: 98%; float: right; } .DragAndDrop-placeholder-circle { background-color: white; height: 0.375rem; width: 0.375rem; border-radius: 0.375rem; border: 0.125rem solid var(--icons-color); position: absolute; } .DragAndDrop-preview { background: #f0f0f0; border: 1px solid #bfbfbf; box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.3); height: 3.0625rem; width: 24.0625rem; } .DragAndDrop-preview-icon { font-size: 1.125rem; } .DragAndDrop-handle { position: absolute; cursor: move; z-index: 999; top: 0.8125rem; left: 0.1875rem; } .DragAndDrop-handle-icon { cursor: move; } .ce-theme { /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ /* Space between cars */ /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version.*/ /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /* STYLES */ /* indents */ /*COLORS */ /* Main Pallet */ /* others */ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* Nav -------------------------------------------*/ /* Selection list -------------------------------------------*/ /* Checkbox inside Selection list -------------------------------------------*/ /* Progress Bar Modes ______________________________________*/ /* Indeterminate, Buffer, Query (modes) Overrides for progress bar primary colors */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Accent colors */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Warn colors */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Bad colors */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Buffer */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Determinate overrides */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Accent colors */ /* Warn colors */ /* Bad Colors */ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/ /* Focus styles*/ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Disabled Label */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Toggle Thumb */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Toggle default */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Toggle checked (ON) */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Disabled Toggle Thumb */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Toggle Bar */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Toggle Bar checked (ON) */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Disabled Toggle Bar */ /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ /* Table Element -------------------------------------------*/ /* Div-based Table -------------------------------------------*/ /* Tab Nav Bar -------------------------------------------*/ /* Tab Links -------------------------------------------*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* Tab Border -----------------------------------------*/ /* Tab Border -----------------------------------------*/ /* Tab for pages ----------------------------------------*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* Nested List styling ______________________________________*/ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* Forms in Toolbar */ /* List overrides specific to toolbars */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* STYLES */ /* indents */ /*COLORS */ /* Main Pallet */ /* others */ /* Deprecated Variables - Replaced with status variables ______________________________________*/ /*	Components -------------------------------------------*/ /* Loader */ /* Alerts */ /* Alerts - error */ /* Alerts - warning/caution */ /* Alerts - success */ /* Alerts - default */ /* Button Group */ /* Global Header */ /* Tabs */ /* Tooltip */ /* Toast */ /* Modal */ /* Section Header */ /* Section Sidebar */ /* Header Navigation */ /* Questionnaire */ /*	Animations -------------------------------------------*/ /*	Text Formatting -------------------------------------------*/ /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ /** * Remove the margin in all browsers (opinionated). */ /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ /** * Add the correct display in IE 9-. */ /** * Add the correct display in iOS 4-7. */ /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ /** * Add the correct font style in Android 4.3-. */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /** * Add the correct background and color in IE 9-. */ /** * Add the correct font size in all browsers. */ /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ /** * Hide the overflow in IE. */ /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /** * Add the correct margin in IE 8. */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ /** * Restore the font weight unset by the previous rule. */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ /** * Change the border, margin, and padding in all browsers (opinionated). */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * Remove the default vertical scrollbar in IE. */ /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ /* placeholder for take out containers */ /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /*********** * MIXINS * ************/ /*********** * STYLES * ************/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ /* Pseudo -------------------------------------------*/ /* Primary -------------------------------------------*/ /* Overlay -------------------------------------------*/ /* Radio Button -------------------------------------------*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version. */ } .ce-theme .mat-mdc-card { border: 1px solid var(--border-color); box-shadow: none; } .ce-theme mat-card-header .mat-mdc-card-title, .ce-theme .mat-mdc-card-content { font-size: 16px; font-size: 1rem; line-height: 21px; } .ce-theme .mat-card-header-text { flex-grow: 1; } .ce-theme mat-chip.mat-mdc-chip { font-size: 14px; align-content: center; display: inline-flex; justify-content: space-between; } .ce-theme mat-chip.mat-mdc-standard-chip { border-radius: 0; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); padding: 0.25rem 0.5rem; } .ce-theme mat-chip.mat-mdc-standard-chip:focus, .ce-theme mat-chip.mat-mdc-standard-chip:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.7); } .ce-theme mat-chip.mat-mdc-chip.mat-mdc-standard-chip { background-color: #e5f2fe; color: #303030; } .ce-theme mat-chip.full-width { width: 100%; } .ce-theme mat-chip .mat-icon { margin-left: 0.5rem; margin-right: -0.25rem; } .ce-theme mat-chip i { font-size: 1.125rem; } .ce-theme .mat-chip-list-wrapper .mat-mdc-standard-chip { margin: 0.5rem; } .ce-theme .mat-chip-list-wrapper { margin: 0.25rem 0; } .ce-theme .mat-calendar { /* refer to: https://stackoverflow.com/questions/28417056/how-to-target-only-ie-any-version-within-a-stylesheet */ height: 100% !important; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .ce-theme .mat-calendar { width: 100% !important; } } } .ce-theme .mat-calendar .mat-calendar-body-label { padding: 0 !important; visibility: hidden; } .ce-theme .mat-calendar .mat-calendar-content mat-month-view table thead tr th { font-size: 1rem; font-weight: normal; color: black; } .ce-theme .mat-calendar .mat-calendar-content mat-month-view table thead tr th abbr { text-decoration: none; } .ce-theme .mat-calendar .mat-calendar-content mat-month-view table tbody tr td { font-size: 1rem; font-weight: normal; } .ce-theme .mat-datepicker-popup { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .ce-theme .mat-datepicker-popup { width: 100%; bottom: 0 !important; left: 0 !important; right: 0 !important; top: 0 !important; } .ce-theme .mat-datepicker-popup .mat-datepicker-content { width: 100%; overflow-y: scroll; } .ce-theme .mat-datepicker-popup .mat-datepicker-content .mat-datepicker-content-container { display: flex; align-items: center; } } @media (min-width: 769px) { .ce-theme .mat-datepicker-popup { margin-bottom: -2.25rem; } } .ce-theme .mat-calendar-body-cell { position: absolute !important; } .ce-theme .mat-divider { border-color: var(--border-color); margin-bottom: 0.5rem; } .ce-theme .MatSideNav { background: white; max-width: 38.75rem; top: 0; width: 100%; } .ce-theme .MatSideNav-header { background: linear-gradient(to bottom, var(--modal-header-background-start), var(--modal-header-background-stop)); color: white; min-height: 3rem; } .ce-theme .MatSideNav-headerSection { align-content: stretch; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 48px; justify-content: flex-start; width: 100%; } .ce-theme .MatSideNav-headerSection * { align-self: auto; } .ce-theme .MatSideNav-content { width: 100%; } .ce-theme .MatSideNav-footer { padding: 2.25rem 0; } .ce-theme .MatSideNav-footer--flexPosition { display: flex; flex-direction: row; justify-content: center; } .ce-theme .MatSideNav-footer button { margin: 0 0.625rem; } .ce-theme .MatSideNav-title { font-size: 20px; color: white; font-weight: 400; margin: 0; } .ce-theme .MatSideNav .MatSideNav-close { position: absolute; top: 0.5rem; right: 0.625rem; z-index: 1; background: none; color: white; } .ce-theme .MatSideNav .MatSideNav-close:active, .ce-theme .MatSideNav .MatSideNav-close:hover { background-color: transparent; border: none; cursor: pointer; outline: none; } .ce-theme .MatSideNav-fixedHeight { height: 100vh; } .ce-theme .MatSideNav-fixedHeight section { height: calc(100vh - 5.25rem); } .ce-theme .MatSideNav-fixedHeight section .MatSideNav-content { height: 100%; } .ce-theme .MatDrawer { height: 100%; color: var(--plain-text-color); } .ce-theme .MatDrawer-content { flex: 1; overflow: auto; } .ce-theme .MatDrawer-footer { flex: 0 0 auto; background: #e9e9e9; padding: 1.25rem 0; border-top: 1px solid var(--border-color); } .ce-theme .mat-drawer-container { background: white; height: 100%; color: var(--plain-text-color); } .ce-theme .mat-drawer-container mat-sidenav { height: 100%; } .ce-theme mat-form-field { box-sizing: border-box; width: 100%; padding-bottom: 1rem; /* Label -------------------------------------------*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /* Fixed Label * Positioned above input * Apply on<mat-form-field class="mat-label--fixed">-------------------------------------------*/ /* No Label * Adjust margin with no label * Apply on<mat-form-field class="mat-label--none">-------------------------------------------*/ /* Prefix icon */ /* Input -------------------------------------------*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.empty-error-message.mat-mdc-form-field.mat-form-field-invalid { padding-bottom: 1rem; } .ce-theme mat-form-field.mat-mdc-form-field.mat-form-field-invalid { padding: 0; } .ce-theme mat-form-field * { box-sizing: border-box; } .ce-theme mat-form-field.DatePicker { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.DatePicker .mat-mdc-form-field-infix { border: 0; padding-top: 0; padding-bottom: 0; } .ce-theme mat-form-field.ColorPicker { padding-bottom: 0 !important; } .ce-theme mat-form-field.indents-reset { padding: 0 !important; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.indents-reset .mat-mdc-text-field-wrapper { margin: 0; } .ce-theme mat-form-field.indents-reset .mat-mdc-form-field-infix { margin: 0; } .ce-theme mat-form-field.errors-wrap { min-height: 4.5rem; } .ce-theme mat-form-field.errors-wrap.mat-mdc-form-field .mat-form-field-underline, .ce-theme mat-form-field.errors-wrap.mat-mdc-form-field .mat-form-field-subscript-wrapper { position: static; } .ce-theme mat-form-field.errors-wrap.mat-mdc-form-field .mat-form-field-wrapper { padding-bottom: 0; } .ce-theme mat-form-field.tabs-select { height: 4rem; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.tabs-select .mat-mdc-text-field-wrapper { height: 100%; display: flex; align-items: center; } .ce-theme mat-form-field.mat-form-field-can-float:not(.mat-label--fixed) .mat-mdc-floating-label { color: var(--plain-text-color); opacity: 0.54; font-weight: 600; transform: perspective(100px) translateX(8px); width: 100% !important; } .ce-theme mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-mdc-floating-label { color: var(--plain-text-color); opacity: 1; transform: translateX(0rem) translateY(-2rem) !important; width: 100%; } .ce-theme mat-form-field.mat-label--fixed { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.mat-label--fixed.mat-form-field-can-float .mat-mdc-floating-label, .ce-theme mat-form-field.mat-label--fixed.mat-form-field-can-float.mat-form-field-should-float .mat-mdc-floating-label { color: var(--plain-text-color); font-weight: 600; transform: translateX(0) translateY(-32px); } .ce-theme mat-form-field.should-float .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix { margin-top: 1.5rem; } .ce-theme mat-form-field.mat-label--none { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.mat-label--none.mat-form-field-appearance-fill { padding-bottom: 0; } .ce-theme mat-form-field.mat-label--none .mat-mdc-form-field-infix { margin-top: 0; } .ce-theme mat-form-field.mat-label--none.mat-form-field-appearance-fill .mat-mdc-form-field-subscript-wrapper { white-space: break-spaces; } .ce-theme mat-form-field.prefixIconField { position: relative; } .ce-theme mat-form-field.prefixIconField .prefixIconField-icon { position: absolute; top: 0.25rem; left: 0.3125rem; color: #737373; } .ce-theme mat-form-field.prefixIconField .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .prefixIconField-input { padding-left: 1.5rem; } .ce-theme mat-form-field.postfixIconField { position: relative; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.postfixIconField[floatLabel=never] .mat-mdc-floating-label { padding-left: 0.3125rem; transform: translateX(0rem) !important; } .ce-theme mat-form-field.postfixIconField .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-icon.mat-icon { cursor: pointer; } .ce-theme mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper { padding: 0; } .ce-theme mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error { color: #d0021b; } .ce-theme mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error::before { content: "warning"; font-family: "Material Icons"; padding-right: 4px; } .ce-theme mat-form-field.full-width .mat-mdc-text-field-wrapper.mdc-text-field { width: 100%; } .ce-theme mat-form-field.mat-form-field-appearance-fill { padding-bottom: 1rem; } .ce-theme mat-form-field.mat-form-field-appearance-fill[floatLabel=never] { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.mat-form-field-appearance-fill[floatLabel=never] .mat-mdc-floating-label-wrapper { padding: 0 0.5rem; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.mat-form-field-appearance-fill[floatLabel=never] .mat-mdc-floating-label-wrapper .mat-mdc-floating-label { left: 0.5rem; color: var(--plain-text-color); opacity: 0.54; } .ce-theme mat-form-field.mat-form-field-appearance-fill[floatLabel=never].mat-focused .mat-mdc-floating-label { opacity: 1; } .ce-theme mat-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix { background-color: #e9e9e9; } .ce-theme mat-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix { border-color: #1976d2; } .ce-theme mat-form-field.mat-form-field-invalid .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix, .ce-theme mat-form-field.mat-form-field-invalid.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix { border-color: #d0021b; } .ce-theme mat-form-field.readonly, .ce-theme mat-form-field.disabled { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field.readonly .mat-mdc-form-field-infix, .ce-theme mat-form-field.disabled .mat-mdc-form-field-infix { border: 0; padding-left: 0; } .ce-theme mat-form-field .mdc-text-field--no-label input:focus + span { display: none; } .ce-theme mat-form-field.mat-focused.mat-form-field-hide-placeholder:not(.mat-form-field-can-float) input:focus + span > label { display: none; } .ce-theme mat-form-field.mat-focused.mat-form-field-hide-placeholder:not(.mat-form-field-can-float) textarea:focus + span > label { display: none; } .ce-theme mat-form-field:not(.mat-form-field-can-float) { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field:not(.mat-form-field-can-float) label.mat-mdc-floating-label { color: var(--plain-text-color); font-weight: 600; transform: translateX(-0.5rem) translateY(-3.3125rem); } .ce-theme mat-form-field:not(.mat-form-field-can-float) label.mat-mdc-floating-label.mdc-floating-label { left: 0.5rem; } .ce-theme mat-form-field[size=large] .mat-mdc-text-field-wrapper.mdc-text-field { width: 100%; } .ce-theme mat-form-field[size=small] .mat-mdc-text-field-wrapper.mdc-text-field { width: 25%; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field { padding: 0; border-radius: 0; overflow: visible; width: 50%; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field--disabled { pointer-events: auto; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element::placeholder { color: transparent; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix { margin-top: 0; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-focus-overlay { display: none; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple { display: none; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-floating-label-wrapper { height: 3rem; overflow: visible; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix { align-items: center; background: white; border: 1px solid var(--border-color); border-radius: 2px; display: flex; flex-direction: row; justify-content: space-between; margin-top: 1.5rem; min-height: auto; padding: 0 0.5rem 0.25rem; width: 100%; /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/ /* Textarea -------------------------------------------*/ } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix > input { text-overflow: ellipsis; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix input.mat-mdc-input-element { margin-top: 0; min-height: 1.5rem; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix textarea.mat-mdc-input-element[disabled], .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix textarea.mat-mdc-input-element[readonly], .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix input.mat-mdc-input-element[disabled], .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix input.mat-mdc-input-element[readonly] { color: #737373; resize: none; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select[disabled] span { color: #737373; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix textarea.mat-mdc-input-element { min-height: 12.5rem; } .ce-theme mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix input { min-height: 1.75rem; } .ce-theme mat-form-field .mdc-text-field--filled { background-color: transparent; } .ce-theme .mat-radio-disabled { /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ } .ce-theme .mat-radio-disabled .mdc-radio__outer-circle { background: #d5d5d5; } .ce-theme .DocumentExportDetails mat-form-field.SelectExportConnection { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme .DocumentExportDetails mat-form-field.SelectExportConnection .mat-mdc-form-field-infix { margin-top: 0.5rem; } .ce-theme ce-usage-viewer { /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .ce-theme ce-usage-viewer .mat-mdc-form-field-infix { border: none; padding: 0; } .ce-theme .mat-mdc-list { padding-bottom: 0; } .ce-theme .mat-mdc-list .mat-mdc-list-item { padding: 0; /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-list .mat-mdc-list-item .mat-list-item-content { padding: 0 !important; } .ce-theme .mdc-list-item__content { white-space: break-spaces; } .ce-theme .mdc-list-item__content .mdc-list-item__primary-text { line-height: unset; font-weight: unset; letter-spacing: unset; white-space: break-spaces; } .ce-theme .mat-mdc-list-item { padding: 0; } .ce-theme .mat-mdc-list, .ce-theme .mat-mdc-nav-list, .ce-theme .mat-mdc-selection-list { padding-top: 0 !important; /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-list .mat-mdc-list-item, .ce-theme .mat-mdc-nav-list .mat-mdc-list-item, .ce-theme .mat-mdc-selection-list .mat-mdc-list-item { color: var(--plain-text-color); height: auto; margin-bottom: 0.25rem; margin-top: 0.25rem; } .ce-theme .mat-mdc-list .mat-mdc-list-item .mat-list-item-content, .ce-theme .mat-mdc-nav-list .mat-mdc-list-item .mat-list-item-content, .ce-theme .mat-mdc-selection-list .mat-mdc-list-item .mat-list-item-content { display: block; padding-left: 0; padding-right: 0; } .ce-theme .mdc-list-item__content { pointer-events: auto; } .ce-theme .mat-mdc-nav-list { /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-nav-list .mat-mdc-list-item { color: #1976d2; height: auto; margin-bottom: 0.25rem; margin-top: 0.25rem; padding: 0.5rem; transition: background-color 0.3s ease-in-out; } .ce-theme .mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item { /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.is-active, .ce-theme .mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item.mat-list-item-focus, .ce-theme .mat-mdc-nav-list:not(.mat-list--horizontal) .mat-mdc-list-item:hover { background-color: #e9e9e9; } .ce-theme .mat-mdc-selection-list { /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-selection-list .mat-mdc-list-item { border-bottom: 1px solid #d5d5d5; margin-top: 0; margin-bottom: 0; padding: 0.5rem; box-sizing: border-box; /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-selection-list .mat-mdc-list-item:first-child { border-top: 1px solid #d5d5d5; } .ce-theme .mat-mdc-selection-list .mat-mdc-list-item.mat-list-option { width: auto; } .ce-theme .mat-mdc-selection-list .mat-mdc-list-item .mat-list-item-content { display: flex; } .ce-theme .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox:hover .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .ce-theme .mat-mdc-list-option .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background { background-color: #19b001; border-color: var(--mat-checkbox-border-color); } .ce-theme .mat-mdc-list-option .mdc-checkbox__background { border: 1px solid currentColor; } .ce-theme .mat-mdc-menu-panel { min-height: 0; min-width: 15.625rem; max-width: inherit; } .ce-theme .mat-mdc-menu-panel .mat-mdc-form-field { padding: 1rem 1rem 0; } .ce-theme .mat-mdc-menu-content { font-size: 1rem; } .ce-theme .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text { display: flex; align-items: center; } .ce-theme .mat-mdc-progress-bar { height: 8px; } .ce-theme :not([mode=determinate]) .mdc-linear-progress__buffer, .ce-theme [color=good]:not([mode=determinate]) .mdc-linear-progress__buffer { background-color: #acf8ff; } .ce-theme :not([mode=determinate]) .mat-progress-bar-fill::after, .ce-theme [color=good]:not([mode=determinate]) .mat-progress-bar-fill::after { background-color: #33a49e; } .ce-theme :not([mode=determinate]) .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer, .ce-theme [color=default]:not([mode=determinate]) .mdc-linear-progress__buffer { background-color: rgb(216, 220, 235); } .ce-theme [color=accent]:not([mode=determinate]) .mat-progress-bar-fill::after, .ce-theme [color=default]:not([mode=determinate]) .mat-progress-bar-fill::after { background-color: #737373; } .ce-theme :not([mode=determinate]) .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer, .ce-theme [color=warn]:not([mode=determinate]):not([mode=buffer]) .mdc-linear-progress__buffer { background-color: #f3fb6f; } .ce-theme [color=warn]:not([mode=determinate]) .mat-progress-bar-fill::after { background-color: rgb(204, 134, 41); } .ce-theme [color=bad]:not([mode=determinate]):not([mode=buffer]) .mdc-linear-progress__buffer { background-color: #ffd7d7; } .ce-theme [color=bad]:not([mode=determinate]) .mat-progress-bar-fill::after { background-color: rgb(143, 34, 26); } .ce-theme [mode=buffer] .mat-progress-bar-background { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23beede4%27%2F%3E%3C%2Fsvg%3E"); background-position: 0 50%; } .ce-theme [mode=determinate] .mdc-linear-progress__buffer, .ce-theme [mode=determinate][color=good] .mdc-linear-progress__buffer { background-color: white; border: 1px solid #33a49e; } .ce-theme [mode=determinate] .mat-progress-bar-fill::after, .ce-theme [mode=determinate][color=good] .mat-progress-bar-fill::after { background-color: #33a49e; } .ce-theme .mat-mdc-progress-bar.mat-accent[mode=determinate] .mdc-linear-progress__buffer, .ce-theme [color=default].mat-progress-bar[mode=determinate] .mdc-linear-progress__buffer, .ce-theme [color=accent].mat-progress-bar[mode=determinate] .mdc-linear-progress__buffer { background-color: white; border: 1px solid #737373; } .ce-theme .mat-mdc-progress-bar.mat-accent[mode=determinate] .mat-progress-bar-fill::after, .ce-theme [color=default].mat-progress-bar[mode=determinate] .mat-progress-bar-fill::after, .ce-theme [color=accent].mat-progress-bar[mode=determinate] .mat-progress-bar-fill::after { background-color: #737373; } .ce-theme .mat-mdc-progress-bar.mat-warn[mode=determinate] .mdc-linear-progress__buffer, .ce-theme [color=warn].mat-progress-bar[mode=determinate] .mdc-linear-progress__buffer { background-color: white; border: 1px solid rgb(204, 134, 41); } .ce-theme .mat-mdc-progress-bar.mat-warn[mode=determinate] .mat-progress-bar-fill::after, .ce-theme [color=warn].mat-progress-bar[mode=determinate] .mat-progress-bar-fill::after { background-color: rgb(204, 134, 41); } .ce-theme [color=bad].mat-mdc-progress-bar[mode=determinate] .mdc-linear-progress__buffer { background-color: white; border: 1px solid rgb(143, 34, 26); } .ce-theme [color=bad].mat-mdc-progress-bar[mode=determinate] .mat-progress-bar-fill::after { background-color: rgb(143, 34, 26); } .ce-theme .mat-progress-bar-fill::after { background-color: var(--primary-button-background-color-start) !important; } .ce-theme .mdc-linear-progress__buffer { background-color: var(--primary-button-background-color-end) !important; } .ce-theme .cdk-focused + .mdc-switch__icons { outline: 2px solid #296bac; } .ce-theme .mat-checked .mat-slide-toggle-content { color: #19b001; } .ce-theme .mdc-switch--disabled .mat-slide-toggle-content { color: #bdbdbd; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle { --mdc-switch-unselected-hover-handle-color: unset; --mdc-switch-handle-surface-color: transparent!important; /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.cdk-focused.cdk-keyboard-focused.mat-mdc-slide-toggle-focused button.mdc-switch.outline-override[focus]::before { --mdc-switch-unselected-focus-handle-color: unset; --mdc-switch-selected-focus-handle-color: unset; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch { --mdc-switch-handle-width: 24px; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch.mdc-switch:enabled .mdc-switch__track::after { background-color: #19b001; --mdc-switch-selected-track-color: map_get($green, 500); } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after, .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after { background-color: unset; --mdc-switch-selected-handle-color: unset; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle { --mdc-switch-selected-pressed-handle-color: unset; --mdc-switch-selected-focus-handle-color: unset; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__shadow { --mdc-switch-handle-elevation-shadow: transparent; color: transparent; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked { /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mat-slide-toggle-thumb-container { left: -5px; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track { --mdc-switch-selected-hover-track-color: map_get($green, 500); } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track:hover { --mdc-switch-selected-hover-track-color: map_get($green, 500); } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked .mdc-switch__track:hover .mat-ripple.mat-mdc-slide-toggle-ripple { background-color: #19b001; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-hover-handle-color: unset; --mdc-switch-selected-hover-state-layer-color: #19b001; --mdc-switch-selected-pressed-state-layer-color: #0c8823; --mdc-switch-selected-focus-state-layer-color: #19b001; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle .mdc-switch__ripple .mat-ripple.mat-mdc-slide-toggle-ripple { top: calc(50% - 15px); left: calc(50% - 15px); height: 32px; width: 32px; } .ce-theme .mdc-switch__icons { height: 16px; width: 16px; top: 2px; /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/ } .ce-theme .mdc-switch__icons .mdc-switch__icon { background-color: white; border: 1px solid #d5d5d5; height: 14px; width: 14px; border-radius: 50%; --mdc-switch-selected-icon-size: 14px; --mdc-switch-unselected-icon-size: 14px; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle-checked:not(.mdc-switch--disabled) .mdc-switch__icon { background-color: white; border-color: #19b001; } .ce-theme .mdc-switch--disabled .mdc-switch__icon, .ce-theme mat-slide-toggle.mdc-switch--disabled.mat-mdc-slide-toggle-checked:not(.mdc-switch--disabled) .mdc-switch__icon { background-color: white; border: 1px solid #d5d5d5; } .ce-theme .mdc-switch__track { width: 26px; } .ce-theme mat-slide-toggle.mat-mdc-slide-toggle-checked:not(.mdc-switch--disabled) .mdc-switch__track { background-color: #19b001; border-color: #19b001; } .ce-theme .mdc-switch--disabled .mdc-switch__track, .ce-theme mat-slide-toggle.mdc-switch--disabled.mat-mdc-slide-toggle-checked:not(.mdc-switch--disabled) .mdc-switch__track { background-color: #f9f9f9; border: 1px solid #d5d5d5; } .ce-theme .mat-mdc-simple-snack-bar { align-items: center; font-size: 16px; font-size: 1rem; line-height: 21px; } .ce-theme snack-bar-container { background: rgb(38, 38, 38); left: 24px; bottom: 24px; position: absolute; } .ce-theme .mat-mdc-snack-bar-action { font-weight: 600; min-width: inherit; font-size: 16px; font-size: 1rem; line-height: 21px; } .ce-theme .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: rgba(0, 0, 0, 0.04); } .ce-theme tr.mat-mdc-header-row, .ce-theme tr.mat-mdc-row { height: auto; } .ce-theme th.mat-mdc-header-cell, .ce-theme td.mat-mdc-cell { padding-bottom: 1rem; padding-top: 1rem; padding-left: 0; padding-right: 0; } .ce-theme th.mat-mdc-header-cell:first-child, .ce-theme td.mat-mdc-cell:first-child { padding-left: 0; } .ce-theme th.mat-mdc-header-cell:last-child, .ce-theme td.mat-mdc-cell:last-child { padding-right: 0; } .ce-theme .mat-header-cell, .ce-theme .mat-mdc-header-cell { font-size: 16px; font-size: 1rem; line-height: 20px; color: var(--plain-text-color); font-weight: 600 !important; } .ce-theme div.mat-table { border-top: 1px solid var(--border-color); display: block; overflow-x: auto; } .ce-theme div.mat-header-row, .ce-theme div.mat-row { border-bottom: 1px solid var(--border-color); } .ce-theme div.mat-header-row-group, .ce-theme div.mat-row-group { width: 100%; } .ce-theme div.mat-header-row-group:after, .ce-theme div.mat-row-group:after { clear: both; display: block; content: ""; } .ce-theme div.mat-header-cell, .ce-theme div.mat-cell { border-bottom: 0; } .ce-theme div.mat-table { width: 100%; } .ce-theme div.mat-table .mat-header-cell, .ce-theme div.mat-table .mat-cell, .ce-theme div.mat-table .mat-mdc-header-cell, .ce-theme div.mat-table .mat-mdc-cell { align-items: center; display: flex; flex-direction: row; line-height: 1.5; padding: 0.75rem 0; color: var(--plain-text-color); font-size: 1rem; float: left; box-sizing: border-box; } .ce-theme div.mat-table .mat-header-cell.mat-checkbox, .ce-theme div.mat-table .mat-header-cell.mat-mdc-checkbox, .ce-theme div.mat-table .mat-cell.mat-checkbox, .ce-theme div.mat-table .mat-cell.mat-mdc-checkbox, .ce-theme div.mat-table .mat-mdc-header-cell.mat-checkbox, .ce-theme div.mat-table .mat-mdc-header-cell.mat-mdc-checkbox, .ce-theme div.mat-table .mat-mdc-cell.mat-checkbox, .ce-theme div.mat-table .mat-mdc-cell.mat-mdc-checkbox { display: block; } .ce-theme div.mat-table .mat-header-cell > div:not(.mat-small), .ce-theme div.mat-table .mat-cell > div:not(.mat-small), .ce-theme div.mat-table .mat-mdc-header-cell > div:not(.mat-small), .ce-theme div.mat-table .mat-mdc-cell > div:not(.mat-small) { width: 100%; } .ce-theme div.mat-table .mat-header-cell *:not(i), .ce-theme div.mat-table .mat-cell *:not(i), .ce-theme div.mat-table .mat-mdc-header-cell *:not(i), .ce-theme div.mat-table .mat-mdc-cell *:not(i) { font-size: inherit; } .ce-theme div.mat-table .mat-header-cell:first-child, .ce-theme div.mat-table .mat-cell:first-child, .ce-theme div.mat-table .mat-mdc-header-cell:first-child, .ce-theme div.mat-table .mat-mdc-cell:first-child { padding-left: 0; vertical-align: top; } .ce-theme div.mat-table .mat-header-cell:last-child, .ce-theme div.mat-table .mat-cell:last-child, .ce-theme div.mat-table .mat-mdc-header-cell:last-child, .ce-theme div.mat-table .mat-mdc-cell:last-child { padding-right: 0; } .ce-theme div.mat-table .mat-header-cell--xxsm, .ce-theme div.mat-table .mat-cell--xxsm, .ce-theme div.mat-table .mat-mdc-header-cell--xxsm, .ce-theme div.mat-table .mat-mdc-cell--xxsm { width: 12.5%; } .ce-theme div.mat-table .mat-header-cell--xsm, .ce-theme div.mat-table .mat-cell--xsm, .ce-theme div.mat-table .mat-mdc-header-cell--xsm, .ce-theme div.mat-table .mat-mdc-cell--xsm { width: 25%; } .ce-theme div.mat-table .mat-header-cell--sm, .ce-theme div.mat-table .mat-cell--sm, .ce-theme div.mat-table .mat-mdc-header-cell--sm, .ce-theme div.mat-table .mat-mdc-cell--sm { width: 37.5%; } .ce-theme div.mat-table .mat-header-cell--md, .ce-theme div.mat-table .mat-cell--md, .ce-theme div.mat-table .mat-mdc-header-cell--md, .ce-theme div.mat-table .mat-mdc-cell--md { width: 50%; } .ce-theme div.mat-table .mat-header-cell--lg, .ce-theme div.mat-table .mat-cell--lg, .ce-theme div.mat-table .mat-mdc-header-cell--lg, .ce-theme div.mat-table .mat-mdc-cell--lg { width: 62.5%; } .ce-theme div.mat-table .mat-header-cell--xlg, .ce-theme div.mat-table .mat-cell--xlg, .ce-theme div.mat-table .mat-mdc-header-cell--xlg, .ce-theme div.mat-table .mat-mdc-cell--xlg { width: 75%; } .ce-theme div.mat-table .mat-header-cell--xxlg, .ce-theme div.mat-table .mat-cell--xxlg, .ce-theme div.mat-table .mat-mdc-header-cell--xxlg, .ce-theme div.mat-table .mat-mdc-cell--xxlg { width: 87.5%; } .ce-theme div.mat-table .mat-header-cell-full, .ce-theme div.mat-table .mat-cell-full, .ce-theme div.mat-table .mat-mdc-header-cell-full, .ce-theme div.mat-table .mat-mdc-cell-full { padding: 0.5rem 1.5rem; border-top: 1px solid var(--border-color); background: rgba(0, 0, 0, 0.02); } .ce-theme div.mat-table .mat-header-cell, .ce-theme div.mat-table .mat-mdc-header-cell { align-items: flex-start; } .ce-theme div.mat-table .mat-small { min-width: 1.875rem; max-width: 1.875rem; } .ce-theme div.mat-table .mat-small.mat-checkbox, .ce-theme div.mat-table .mat-small.mat-mdc-checkbox, .ce-theme div.mat-table .mat-small.mat-icon-cell { padding-top: 0.9375rem; } .ce-theme div.mat-table .mat-header-row, .ce-theme div.mat-table .mat-mdc-header-row { background: white; border-bottom: 1px solid var(--border-color); position: relative; z-index: 1; } .ce-theme div.mat-table .mat-header-cell, .ce-theme div.mat-table .mat-mdc-header-cell { font-size: 1rem; line-height: 1.25rem; overflow-x: hidden; } .ce-theme div.mat-table .mat-cell, .ce-theme div.mat-table .mat-mdc-cell { font-size: 1rem; padding-right: 16px; white-space: pre-line; } .ce-theme div.mat-table .mat-cell.mat-small, .ce-theme div.mat-table .mat-mdc-cell.mat-small { padding-right: 0; } .ce-theme div.mat-table .mat-cell *:not(i), .ce-theme div.mat-table .mat-mdc-cell *:not(i) { white-space: inherit; word-wrap: break-word; word-break: break-word; -ms-word-break: break-all; -ms-word-wrap: break-word; } .ce-theme div.mat-table .mat-cell:not(.cell-name), .ce-theme div.mat-table .mat-mdc-cell:not(.cell-name) { word-wrap: break-word; } .ce-theme div.mat-table .mat-cell.cell-share, .ce-theme div.mat-table .mat-mdc-cell.cell-share { white-space: nowrap; } .ce-theme div.mat-table .mat-cell.cell-share span:hover, .ce-theme div.mat-table .mat-mdc-cell.cell-share span:hover { text-decoration: none; } .ce-theme .mat-cell, .ce-theme .mat-footer-cell, .ce-theme .mat-mdc-cell, .ce-theme .mat-mdc-footer-cell { color: var(--plain-text-color); } .ce-theme .MatTab { color: var(--plain-text-color); border: 0; bottom: 0; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* Fixes for other components, which we use in table Mat-Accordion fix. We have some special bugs with expresion's body height in table */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .MatTab .mat-mdc-tab { padding: 0; margin-right: 2.5rem; min-width: auto; } .ce-theme .MatTab .mat-mdc-tab:last-child { margin-right: 0; } .ce-theme .MatTab .mat-mdc-tab::before { margin: 0; } .ce-theme .MatTab .mdc-tab__text-label { letter-spacing: 0px; text-decoration: none !important; color: var(--plain-text-color); } .ce-theme .MatTab .mdc-tab__content { text-decoration: none; } .ce-theme .MatTab-buttonsSection { display: flex; flex-direction: row; padding: 0 2px; } .ce-theme .MatTab-buttonsSection--XRight { justify-content: flex-end; } .ce-theme .MatTab-buttonsSection--XLeft { justify-content: flex-start; } .ce-theme .MatTab .mat-expansion-panel-header { height: auto; } .ce-theme .MatTab mat-expansion-panel:not(.mat-expanded):not(.ng-animating) .mat-expansion-panel-content { display: none; } .ce-theme .MatTab .mat-mdc-tab-link, .ce-theme .MatTab .mat-mdc-tab { border-bottom: 4px solid transparent; color: var(--plain-text-color); height: 3rem; opacity: 1; padding: 0; margin-right: 2.5rem; min-width: auto; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .MatTab .mat-mdc-tab-link:focus, .ce-theme .MatTab .mat-mdc-tab-link:active, .ce-theme .MatTab .mat-mdc-tab-link:hover, .ce-theme .MatTab .mat-mdc-tab:focus, .ce-theme .MatTab .mat-mdc-tab:active, .ce-theme .MatTab .mat-mdc-tab:hover { text-decoration: none; border-bottom: 4px solid black; color: var(--plain-text-color); } .ce-theme .MatTab .mat-mdc-tab-link.mdc-tab--active, .ce-theme .MatTab .mat-mdc-tab.mdc-tab--active { border-bottom: 4px solid black; } .ce-theme .MatTab .mat-mdc-tab-link:last-child, .ce-theme .MatTab .mat-mdc-tab:last-child { margin-right: 0; } .ce-theme .MatTab .mat-mdc-tab-link:not(:first-child), .ce-theme .MatTab .mat-mdc-tab:not(:first-child) { margin-left: 1rem; } .ce-theme .MatTab .mat-mdc-tab-link::before, .ce-theme .MatTab .mat-mdc-tab::before { margin: 0; } .ce-theme .MatTab .mat-ink-bar { background-color: black; height: 4px; } .ce-theme .MatTab .mat-mdc-tab-nav-bar { border: 0; } .ce-theme .MatTab .mdc-tab-indicator { display: none; } .ce-theme .MatTab .mat-mdc-tab-header { border-bottom: 1px solid var(--border-color); } .ce-theme .MatTabDisabled { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .MatTabDisabled .mat-mdc-tab-link, .ce-theme .MatTabDisabled .mat-mdc-tab { pointer-events: none; color: #d5d5d5; } .ce-theme .mat-mdc-tab-list { display: flex; } .ce-theme .mat-mdc-tab-list .mat-mdc-tab-labels { flex: none; } .ce-theme .MatTabsLarge { margin: 0 -2.5rem; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .MatTabsLarge mat-tab-header { padding: 0 2.5rem !important; } .ce-theme .MatTabsLarge .mat-mdc-tab { padding: 0; margin-right: 2.5rem; min-width: auto; } .ce-theme .MatTabsLarge .mat-mdc-tab:last-child { margin-right: 0; } .ce-theme .mat-mdc-tab-nav-bar { border-bottom-color: #d5d5d5; } .ce-theme .mat-mdc-tab-link, .ce-theme .mat-mdc-tab { font-size: 16px; font-size: 1rem; line-height: 24px; color: #303030; margin-left: 1rem; margin-right: 1rem; min-width: auto; opacity: 1; padding: 0; } .ce-theme .mat-mdc-tab-link:first-of-type, .ce-theme .mat-mdc-tab:first-of-type { margin-left: 0; } .ce-theme .mat-mdc-tab-link:last-of-type, .ce-theme .mat-mdc-tab:last-of-type { margin-right: 0; } .ce-theme .mat-mdc-tab-link:focus, .ce-theme .mat-mdc-tab:focus { color: #303030; text-decoration: none; } .ce-theme .mat-mdc-tab-link:hover, .ce-theme .mat-mdc-tab:hover { color: #1976d2; text-decoration: none; } .ce-theme .mat-mdc-tab-link:hover .mdc-tab__ripple::before, .ce-theme .mat-mdc-tab:hover .mdc-tab__ripple::before { opacity: 0; } .ce-theme .mat-mdc-tab-group.mat-primary, .ce-theme .mat-mdc-tab-nav-bar.mat-primary { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-tab-group.mat-primary .mat-mdc-tab, .ce-theme .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link, .ce-theme .mat-mdc-tab-group.mat-primary .mdc-tab__text-label, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mdc-tab__text-label { color: var(--plain-text-color); /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .mat-mdc-tab-group.mat-primary .mat-mdc-tab:not(.mat-tab-disabled), .ce-theme .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link:not(.mat-tab-disabled), .ce-theme .mat-mdc-tab-group.mat-primary .mdc-tab__text-label:not(.mat-tab-disabled), .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab:not(.mat-tab-disabled), .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link:not(.mat-tab-disabled), .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mdc-tab__text-label:not(.mat-tab-disabled) { color: inherit; } .ce-theme .mat-mdc-tab-group.mat-primary .mat-mdc-tab:not(.mat-tab-disabled):focus, .ce-theme .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link:not(.mat-tab-disabled):focus, .ce-theme .mat-mdc-tab-group.mat-primary .mdc-tab__text-label:not(.mat-tab-disabled):focus, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab:not(.mat-tab-disabled):focus, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link:not(.mat-tab-disabled):focus, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mdc-tab__text-label:not(.mat-tab-disabled):focus { background-color: transparent; } .ce-theme .mat-mdc-tab-group.mat-primary .mat-ink-bar, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #303030; height: 4px; } .ce-theme .mat-mdc-tab-group.mat-primary .mat-ink-bar, .ce-theme .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #303030; height: 4px; } .ce-theme .PagesTab { margin: 0 -2.5rem; padding: 0 2.5rem; /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .PagesTab-container { background: #f9f9f9; position: relative; padding: 1rem 2.5rem 0; margin: -2.5rem -2.5rem 0; } .ce-theme .PagesTab-container--fixed { border-bottom: 1px solid #d5d5d5; box-sizing: border-box; position: absolute; top: 100px; width: 100%; } .ce-theme .PagesTab-tools { margin-bottom: -1.5rem; position: relative; z-index: 1; } .ce-theme .PagesTab-buttonsBlock .mat-mdc-button, .ce-theme .PagesTab-buttonsBlock .mat-mdc-icon-button, .ce-theme .PagesTab-buttonsBlock .mat-mdc-raised-button { margin-right: 1rem; } .ce-theme .PagesTab-buttonsBlock .mat-mdc-button:last-child, .ce-theme .PagesTab-buttonsBlock .mat-mdc-icon-button:last-child, .ce-theme .PagesTab-buttonsBlock .mat-mdc-raised-button:last-child { margin-right: 0; } .ce-theme .PagesTab-buttonsBlockSection { align-self: flex-end; margin-bottom: 1rem; width: 100%; } .ce-theme .PagesTab-buttonsBlockSection:last-child { margin-bottom: 0; } .ce-theme .PagesTab-containerBreadcrumb { align-items: flex-end; display: flex; justify-content: space-between; } .ce-theme .PagesTab-breadcrumbs { align-items: center; display: flex; } .ce-theme .PagesTab-backHeading { font-weight: 400; margin-bottom: 0; margin-left: 1rem; } .ce-theme .PagesTab .mat-mdc-tab-link { font-size: 16px; font-size: 1rem; line-height: 24px; color: var(--plain-text-color); } .ce-theme .PagesTab .mat-mdc-tab-link:hover, .ce-theme .PagesTab .mat-mdc-tab-link:active, .ce-theme .PagesTab .mat-mdc-tab-link:focus { color: var(--plain-text-color); text-decoration: none; } .ce-theme .PagesTab .mat-mdc-tab-header, .ce-theme .PagesTab mat-tab-nav-bar { background: rgb(153, 153, 153); padding: 0 2.5rem; } .ce-theme .PagesTab > .mat-mdc-tab-header .mat-mdc-tabs { padding-top: 1.5rem; } .ce-theme .PagesTab-container .mat-mdc-tab-group.mat-primary .mat-ink-bar, .ce-theme .PagesTab-container .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #303030; height: 4px; } .ce-theme .Main-scrollingContainer--fixedWithoutTools .PagesTab-container--fixed { border-bottom: 0; } .ce-theme .mat-mdc-tab-body-content { height: 100%; overflow: hidden; padding: 1.5rem 0; } .ce-theme .mat-mdc-tab-body.mat-mdc-tab-body-active { overflow: hidden; } .ce-theme .IE .mat-ink-bar { transform: translate3d(0%, 0px, 0px); } .ce-theme .VariableTabs { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .VariableTabs mat-tab-header { padding-left: 2rem; padding-right: 2rem; position: relative; box-shadow: 0px 2px 5px -3px rgba(0, 0, 0, 0.3); z-index: 2; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 1200px) { .ce-theme .VariableTabs mat-tab-header { padding-left: 2.5rem; padding-right: 2.5rem; } } .ce-theme .VariableTabs .mat-mdc-tab-body-content { height: calc(100vh - 24.0625rem); overflow-y: auto; padding: 1.5rem 2rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 1200px) { .ce-theme .VariableTabs .mat-mdc-tab-body-content { padding-left: 2.5rem; padding-right: 2.5rem; } } .ce-theme .VariableTabs .mat-mdc-tab-body.mat-mdc-tab-body-active { overflow: hidden; height: 100%; } .ce-theme .ContractDocumentComponent .MatTab, .ce-theme .ContractDetails-secondary .MatTab { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/ } .ce-theme .ContractDocumentComponent .MatTab .mat-mdc-tab-header-pagination, .ce-theme .ContractDetails-secondary .MatTab .mat-mdc-tab-header-pagination { display: none; } .ce-theme .ContractDocumentComponent .MatTab .mat-mdc-tab, .ce-theme .ContractDetails-secondary .MatTab .mat-mdc-tab { margin-right: 1.25rem; } .ce-theme .ContractDocumentComponent .MatTab .mat-mdc-tab:not(:first-child), .ce-theme .ContractDetails-secondary .MatTab .mat-mdc-tab:not(:first-child) { margin-left: 0rem; } .ce-theme .ContractDocumentComponent .MatTab .mat-mdc-tab-body-content, .ce-theme .ContractDetails-secondary .MatTab .mat-mdc-tab-body-content { padding-top: 1rem; } .ce-theme .mat-toolbar { border-bottom: 1px solid #d5d5d5; } .ce-theme .mat-toolbar .mat-toolbar-row { white-space: normal; } .ce-theme .mat-toolbar .mat-list-item-content { overflow: visible; } .ce-theme .mat-toolbar .Form-textSelect { margin-bottom: 0; } .ce-theme .mat-toolbar .mat-mdc-list .mat-mdc-list-item .mat-list-text > * { font-style: italic; font-size: 16px; font-size: 1rem; line-height: 21px; } .ce-theme :root { --plain-text-color: #303030; --icons-color: #303030; --border-color: #d5d5d5; --mat-checkbox-border-color: #757575; --header-bar-background-color-start: #296bac; --header-bar-background-color-stop: #296bac; --top-navigation-link-color: #fff; --top-navigation-link-highlighted-color: #fff; --template-header-background-color-start: #0e568c; --template-header-background-color-stop: #0e568c; --template-header-text-color: #fff; --icon-button-template-prev-background-color: var(--template-header-background-color-start); --icon-button-template-prev-border-color: var(--template-header-text-color); --icon-button-template-prev-hover-background-color: var(--template-header-text-color); --icon-button-template-prev-hover-border-color: var(--template-header-background-color-start); /* PRIMARY BUTTON */ --primary-button-background-color-start: #1976d2; --primary-button-background-color-end: #1976d2; --primary-button-border-color: #296bac; --primary-button-text-color: #fff; --primary-button-hover-background-color: #296bac; --primary-button-hover-border-color: #062340; --primary-button-active-background-color: #1a4c7e; --primary-button-active-border-color: #296bac; --primary-button-active-text-color: #296bac; /* SECONDARY BUTTON */ --secondary-button-background-color-start: #fff; --secondary-button-background-color-end: #fff; --secondary-button-border-color: #CCCCCC; --secondary-button-text-color: #303030; --secondary-button-hover-border-color: #767676; --secondary-button-active-background-color: #e9e9e9; --secondary-button-active-border-color: #767676; /* FLAT BUTTON */ --flat-button-background-color: #ffffff; --flat-button-border-color: #d5d5d5; --flat-button-text-color: #1976d2; --flat-button-hover-border-color: #767676; --flat-button-active-background-color: #e9e9e9; /* ICON BUTTON */ --icon-button-flat-background: #f9f9f9; --icon-button-flat-text-color: #303030; --icon-button-flat-border-color: #bdbdbd; --icon-button-flat-hover-border-color: #767676; --icon-button-flat-active-background-color: #d5d5d5; --icon-button-flat-active-border-color: #767676; --icon-button-hamburger-background-color: var(--header-bar-background-color-start); --icon-button-hamburger-text-color: var(--top-navigation-link-color); --icon-button-hamburger-hover-border-color: #bdbdbd; --icon-button-hamburger-active-border-color: var(--top-navigation-link-highlighted-color); --icon-button-drag-background-color: #d5d5d5; --icon-button-drag-hover-background-color: #303030; /* FOOTER BAR */ --footer-bar-background-color-start: #062340; --footer-bar-background-color-end: #062340; /* QUESTIONNAIRE */ --questionnaire-variable-selected-color: #1976D2; --questionnaire-variable-invalid-color: #d0021b; --questionnaire-variable-secondary-text-color: #303030; --questionnaire-variable-disabled-text-color: #757575; } .ce-theme html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } .ce-theme body { margin: 0; } .ce-theme article, .ce-theme aside, .ce-theme details, .ce-theme figcaption, .ce-theme figure, .ce-theme footer, .ce-theme header, .ce-theme main, .ce-theme menu, .ce-theme nav, .ce-theme section, .ce-theme summary { /* 1 */ display: block; } .ce-theme audio, .ce-theme canvas, .ce-theme progress, .ce-theme video { display: inline-block; } .ce-theme audio:not([controls]) { display: none; height: 0; } .ce-theme progress { vertical-align: baseline; } .ce-theme template, .ce-theme [hidden] { display: none; } .ce-theme a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } .ce-theme a:active, .ce-theme a:hover { outline-width: 0; } .ce-theme abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } .ce-theme b, .ce-theme strong { font-weight: inherit; } .ce-theme b, .ce-theme strong { font-weight: bolder; } .ce-theme dfn { font-style: italic; } .ce-theme h1 { font-size: 2em; margin: 0.67em 0; } .ce-theme mark { background-color: #ff0; color: #000; } .ce-theme small { font-size: 80%; } .ce-theme sub, .ce-theme sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .ce-theme sub { bottom: -0.25em; } .ce-theme sup { top: -0.5em; } .ce-theme img { border-style: none; } .ce-theme svg:not(:root) { overflow: hidden; } .ce-theme code, .ce-theme kbd, .ce-theme pre, .ce-theme samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } .ce-theme figure { margin: 1em 40px; } .ce-theme hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } .ce-theme button, .ce-theme input, .ce-theme select, .ce-theme textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } .ce-theme optgroup { font-weight: bold; } .ce-theme button, .ce-theme input { /* 1 */ overflow: visible; } .ce-theme button, .ce-theme select { /* 1 */ text-transform: none; } .ce-theme button, .ce-theme html [type=button], .ce-theme [type=reset], .ce-theme [type=submit] { -webkit-appearance: button; /* 2 */ } .ce-theme button::-moz-focus-inner, .ce-theme [type=button]::-moz-focus-inner, .ce-theme [type=reset]::-moz-focus-inner, .ce-theme [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } .ce-theme button:-moz-focusring, .ce-theme [type=button]:-moz-focusring, .ce-theme [type=reset]:-moz-focusring, .ce-theme [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } .ce-theme fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .ce-theme legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } .ce-theme textarea { overflow: auto; } .ce-theme [type=checkbox], .ce-theme [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } .ce-theme [type=number]::-webkit-inner-spin-button, .ce-theme [type=number]::-webkit-outer-spin-button { height: auto; } .ce-theme [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } .ce-theme [type=search]::-webkit-search-cancel-button, .ce-theme [type=search]::-webkit-search-decoration { -webkit-appearance: none; } .ce-theme ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } .ce-theme ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } .ce-theme .Search { align-content: stretch; align-items: center; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; } .ce-theme .MatSideNav-spinnerContent { align-content: center; align-items: center; display: flex; justify-content: center; } .ce-theme .MatAccordion-rowText { display: flex; align-items: center; } .ce-theme .MatAccordion-columnText { display: flex; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .ce-theme .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-header-cell a[role=gridcell]:focus:before, .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-header-cell .ce-theme a[role=gridcell]:focus:before, .ce-theme .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-cell a[role=gridcell]:focus:before, .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-cell .ce-theme a[role=gridcell]:focus:before, .ce-theme .outline-override.focus:before, .ce-theme .MatSideNav .MatSideNav-close :focus:before, .ce-theme .mat-mdc-tab-link:focus:before, .ce-theme .mat-mdc-tab:focus:before { content: ""; border: 2px solid rgb(77, 144, 254); border-radius: 2px; outline-style: solid; outline-width: 0; position: absolute; display: flex; top: 0; bottom: 0; left: 0; right: 0; opacity: 1 !important; } .ce-theme .is-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ce-theme .is-visually-hidden.fixed { position: fixed; } .ce-theme .Search-button { align-items: center; background: white; border-radius: 2px; border: 1px solid transparent; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; cursor: pointer; display: flex; font-size: 1rem; justify-content: center; outline: none; text-transform: uppercase; white-space: nowrap; } .ce-theme .textarea-is-visually-hidden { visibility: hidden; } .ce-theme html, .ce-theme body { height: 100%; } .ce-theme body.ce-theme { font-size: 1rem; line-height: 1.4; -webkit-font-smoothing: antialiased; } .ce-theme body.ce-theme *:not(.fas):not(.Icomoon):not(.material-icons) { font-family: "Source Sans Pro", Arial, sans-serif; text-rendering: geometricPrecision; } .ce-theme .Main { min-height: calc(100vh - 7.46875rem); } .ce-theme hr { opacity: 0.2; } .ce-theme ul:focus, .ce-theme li:focus { outline-width: 0px; } .ce-theme body.ce-theme strong, .ce-theme body.ce-theme b { font-weight: 600; } .ce-theme body.ce-theme h1, .ce-theme body.ce-theme .Heading1, .ce-theme body.ce-theme .Label1 { font-size: 1.625rem; line-height: 1.75rem; font-weight: normal !important; } .ce-theme body.ce-theme h2, .ce-theme body.ce-theme .Heading2, .ce-theme body.ce-theme .Label2 { font-size: 1.375rem; line-height: 1.5rem; } .ce-theme body.ce-theme h3, .ce-theme body.ce-theme .Heading3, .ce-theme body.ce-theme .Label3 { font-size: 1.25rem; font-weight: 600; line-height: 1.5rem; } .ce-theme body.ce-theme h4, .ce-theme body.ce-theme .Heading4, .ce-theme body.ce-theme .Label4 { font-size: 1.125rem; line-height: 1.5rem; font-weight: 600; } .ce-theme body.ce-theme h5, .ce-theme body.ce-theme .Heading5, .ce-theme body.ce-theme .Label5 { font-size: 1rem; line-height: 1.25rem; font-weight: 600; } .ce-theme body.ce-theme h6, .ce-theme body.ce-theme .Heading6, .ce-theme body.ce-theme .Label6 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; } .ce-theme body.ce-theme h1, .ce-theme body.ce-theme .Heading1, .ce-theme body.ce-theme .Label1, .ce-theme body.ce-theme h2, .ce-theme body.ce-theme .Heading2, .ce-theme body.ce-theme .Label2, .ce-theme body.ce-theme h3, .ce-theme body.ce-theme .Heading3, .ce-theme body.ce-theme .Label3, .ce-theme body.ce-theme h4, .ce-theme body.ce-theme .Heading4, .ce-theme body.ce-theme .Label4, .ce-theme body.ce-theme h5, .ce-theme body.ce-theme .Heading5, .ce-theme body.ce-theme .Label5, .ce-theme body.ce-theme h6, .ce-theme body.ce-theme .Heading6, .ce-theme body.ce-theme .Label6 { position: relative; color: var(--plain-text-color); font-weight: 600; margin-bottom: 0; margin-top: 0; } .ce-theme body.ce-theme h1-modal, .ce-theme body.ce-theme .Heading1-modal, .ce-theme body.ce-theme .Label1-modal, .ce-theme body.ce-theme h2-modal, .ce-theme body.ce-theme .Heading2-modal, .ce-theme body.ce-theme .Label2-modal, .ce-theme body.ce-theme h3-modal, .ce-theme body.ce-theme .Heading3-modal, body.ce-theme body.ce-theme .Dialog-heading, .ce-theme body.ce-theme .Label3-modal, .ce-theme body.ce-theme h4-modal, .ce-theme body.ce-theme .Heading4-modal, .ce-theme body.ce-theme .Label4-modal, .ce-theme body.ce-theme h5-modal, .ce-theme body.ce-theme .Heading5-modal, .ce-theme body.ce-theme .Label5-modal, .ce-theme body.ce-theme h6-modal, .ce-theme body.ce-theme .Heading6-modal, .ce-theme body.ce-theme .Label6-modal { color: var(--modal-header-text); } .ce-theme body.ce-theme .Heading3-modal, body.ce-theme body.ce-theme .Dialog-heading { font-weight: 400; } .ce-theme body.ce-theme .List-item, body.ce-theme body.ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list .mat-mdc-list-item, body.ce-theme .mat-drawer-content .Nav-admin.mat-mdc-nav-list body.ce-theme .mat-mdc-list-item { font-size: 1rem; line-height: 1.25rem; } .ce-theme body.ce-theme a { color: #1976d2; text-decoration: none; } .ce-theme body.ce-theme a.tab-text-color { color: var(--plain-text-color); } .ce-theme body.ce-theme a span:hover { text-decoration: underline; cursor: pointer; } .ce-theme body.ce-theme a i { color: var(--icons-color); } .ce-theme body.ce-theme a mat-icon svg g path { fill: var(--icons-color); } .ce-theme body.ce-theme a.no-underline span:hover { text-decoration: none; } .ce-theme body.ce-theme a.no-underline:hover { text-decoration: none; } .ce-theme body.ce-theme ol, .ce-theme body.ce-theme ul, .ce-theme body.ce-theme h1, .ce-theme body.ce-theme h2, .ce-theme body.ce-theme h3, .ce-theme body.ce-theme h4, .ce-theme body.ce-theme h5 { margin: 0; padding: 0; } .ce-theme body.ce-theme ul { list-style: none; } .ce-theme .Font { font-size: 16px; font-size: 1rem; line-height: 21px; color: var(--plain-text-color); } .ce-theme .Font--sm { font-size: 14px; font-size: 0.875rem; line-height: 17px; } .ce-theme .Font--md { font-size: 1rem; } .ce-theme .Font--smallest { font-size: 0.75rem; } .ce-theme .Font--emphasized { display: block; border-radius: 2px; border-width: 1px; border-style: solid; padding: 0 4px; text-transform: uppercase; line-height: 1.15; } .ce-theme .Font--emphasized-yellow { color: rgb(204, 134, 41); border-color: rgb(204, 134, 41); } .ce-theme .Font--weightNormal { font-weight: normal; } .ce-theme .Font--weightSemiBold { font-weight: 600; } .ce-theme .Font--gray { color: #737373; } .ce-theme .Font--red { color: #d0021b; } .ce-theme .Font--blue { color: #1976d2; } .ce-theme .Font--bold { font-weight: 600; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ce-theme .Font--bold-upto-l { font-weight: 600; } } .ce-theme .Font--highlighted { color: #d0021b !important; } .ce-theme .text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .ce-theme .text-overflow { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 96%; } .ce-theme .text-center { text-align: center; } .ce-theme .text-left { text-align: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ce-theme .text-left-upto-l { text-align: left; } } @media (min-width: 1025px) { .ce-theme .text-left-from-l { text-align: left; } } .ce-theme .text-right { text-align: right; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1024px) { .ce-theme .text-right-upto-l { text-align: right; } } @media (min-width: 1025px) { .ce-theme .text-right-from-l { text-align: right; } } .ce-theme .white-space-normal { white-space: normal; } .ce-theme .Notification--warning { color: #d0021b; } .ce-theme .Notification--warning .mat-icon svg * { fill: #d0021b; } .ce-theme .Notification--information { color: #9454cb; } .ce-theme .Notification--information .mat-icon svg * { fill: #9454cb; } .ce-theme .Notification .mat-icon { position: relative; top: 0.1875rem; } .ce-theme .Text, .ce-theme .Text * { color: var(--plain-text-color) !important; } .ce-theme .Text:hover, .ce-theme .Text:focus, .ce-theme .Text:active, .ce-theme .Text *:hover, .ce-theme .Text *:focus, .ce-theme .Text *:active { text-decoration: none !important; outline: none; cursor: text !important; color: var(--plain-text-color); } .ce-theme .container { padding: 0 1.25rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 577px) { .ce-theme .container { padding-left: 2.5rem; padding-right: 2.5rem; } } .ce-theme .outside-container { margin: 0 -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; position: relative; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .outside-container.analytics { display: flex; } @media (min-width: 1200px) { .ce-theme .outside-container { margin: 0 -2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; } } .ce-theme .outside-container-lg { margin: 0 -2.5rem; padding-left: 1.25rem; padding-right: 1.25rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 1200px) { .ce-theme .outside-container-lg { margin: 0 -5rem; padding-left: 2.5rem; padding-right: 2.5rem; } } .ce-theme .negative-margin-container { margin-right: -2.5rem; margin-left: -2.5rem; } .ce-theme .row-lg { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -1.25rem; } .ce-theme .row-lg .col-1, .ce-theme .row-lg .col-lg-1, .ce-theme .row-lg .col-md-1, .ce-theme .row-lg .col-sm-1 { flex: 0 1 calc(8.3333333333% - 2.5rem); width: calc(8.3333333333% - 2.5rem); } .ce-theme .row-lg .col-2, .ce-theme .row-lg .col-lg-2, .ce-theme .row-lg .col-md-2, .ce-theme .row-lg .col-sm-2 { flex: 0 1 calc(16.6666666667% - 2.5rem); width: calc(16.6666666667% - 2.5rem); } .ce-theme .row-lg .col-3, .ce-theme .row-lg .col-lg-3, .ce-theme .row-lg .col-md-3, .ce-theme .row-lg .col-sm-3 { flex: 0 1 calc(24.99% - 2.5rem); width: calc(24.99% - 2.5rem); } .ce-theme .row-lg .col-4, .ce-theme .row-lg .col-lg-4, .ce-theme .row-lg .col-md-4, .ce-theme .row-lg .col-sm-4 { flex: 0 1 calc(33.3333333333% - 2.5rem); width: calc(33.3333333333% - 2.5rem); } .ce-theme .row-lg .col-5, .ce-theme .row-lg .col-lg-5, .ce-theme .row-lg .col-md-5, .ce-theme .row-lg .col-sm-5 { flex: 0 1 calc(41.6666666667% - 2.5rem); width: calc(41.6666666667% - 2.5rem); } .ce-theme .row-lg .col-6, .ce-theme .row-lg .col-lg-6, .ce-theme .row-lg .col-md-6, .ce-theme .row-lg .col-sm-6 { flex: 0 1 calc(49.99% - 2.5rem); width: calc(49.99% - 2.5rem); } .ce-theme .row-lg .col-7, .ce-theme .row-lg .col-lg-7, .ce-theme .row-lg .col-md-7, .ce-theme .row-lg .col-sm-7 { flex: 0 1 calc(58.3333333333% - 2.5rem); width: calc(58.3333333333% - 2.5rem); } .ce-theme .row-lg .col-8, .ce-theme .row-lg .col-lg-8, .ce-theme .row-lg .col-md-8, .ce-theme .row-lg .col-sm-8 { flex: 0 1 calc(66.6666666667% - 2.5rem); width: calc(66.6666666667% - 2.5rem); } .ce-theme .row-lg .col-9, .ce-theme .row-lg .col-lg-9, .ce-theme .row-lg .col-md-9, .ce-theme .row-lg .col-sm-9 { flex: 0 1 calc(74.99% - 2.5rem); width: calc(74.99% - 2.5rem); } .ce-theme .row-lg .col-10, .ce-theme .row-lg .col-lg-10, .ce-theme .row-lg .col-md-10, .ce-theme .row-lg .col-sm-10 { flex: 0 1 calc(83.3333333333% - 2.5rem); width: calc(83.3333333333% - 2.5rem); } .ce-theme .row-lg .col-11, .ce-theme .row-lg .col-lg-11, .ce-theme .row-lg .col-md-11, .ce-theme .row-lg .col-sm-11 { flex: 0 1 calc(91.6666666667% - 2.5rem); width: calc(91.6666666667% - 2.5rem); } .ce-theme .row-lg .col-12, .ce-theme .row-lg .col-lg-12, .ce-theme .row-lg .col-md-12, .ce-theme .row-lg .col-sm-12 { flex: 0 1 calc(100% - 2.5rem); width: calc(100% - 2.5rem); } .ce-theme .row-lg .col-lg-1, .ce-theme .row-lg .col-lg-2, .ce-theme .row-lg .col-lg-3, .ce-theme .row-lg .col-lg-4, .ce-theme .row-lg .col-lg-5, .ce-theme .row-lg .col-lg-6, .ce-theme .row-lg .col-lg-7, .ce-theme .row-lg .col-lg-8, .ce-theme .row-lg .col-lg-9, .ce-theme .row-lg .col-lg-10, .ce-theme .row-lg .col-lg-11, .ce-theme .row-lg .col-lg-12 { margin: 0 1.25rem; box-sizing: border-box; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1200px) { .ce-theme .row-lg .col-lg-1, .ce-theme .row-lg .col-lg-2, .ce-theme .row-lg .col-lg-3, .ce-theme .row-lg .col-lg-4, .ce-theme .row-lg .col-lg-5, .ce-theme .row-lg .col-lg-6, .ce-theme .row-lg .col-lg-7, .ce-theme .row-lg .col-lg-8, .ce-theme .row-lg .col-lg-9, .ce-theme .row-lg .col-lg-10, .ce-theme .row-lg .col-lg-11, .ce-theme .row-lg .col-lg-12 { flex: 0 1 100%; } } .ce-theme .row-lg .col-md-1, .ce-theme .row-lg .col-md-2, .ce-theme .row-lg .col-md-3, .ce-theme .row-lg .col-md-4, .ce-theme .row-lg .col-md-5, .ce-theme .row-lg .col-md-6, .ce-theme .row-lg .col-md-7, .ce-theme .row-lg .col-md-8, .ce-theme .row-lg .col-md-9, .ce-theme .row-lg .col-md-10, .ce-theme .row-lg .col-md-11, .ce-theme .row-lg .col-md-12 { margin: 0 1.25rem; box-sizing: border-box; } .ce-theme .row-lg .col-md-1:not(.col-no-responsive), .ce-theme .row-lg .col-md-2:not(.col-no-responsive), .ce-theme .row-lg .col-md-3:not(.col-no-responsive), .ce-theme .row-lg .col-md-4:not(.col-no-responsive), .ce-theme .row-lg .col-md-5:not(.col-no-responsive), .ce-theme .row-lg .col-md-6:not(.col-no-responsive), .ce-theme .row-lg .col-md-7:not(.col-no-responsive), .ce-theme .row-lg .col-md-8:not(.col-no-responsive), .ce-theme .row-lg .col-md-9:not(.col-no-responsive), .ce-theme .row-lg .col-md-10:not(.col-no-responsive), .ce-theme .row-lg .col-md-11:not(.col-no-responsive), .ce-theme .row-lg .col-md-12:not(.col-no-responsive) { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .ce-theme .row-lg .col-md-1:not(.col-no-responsive), .ce-theme .row-lg .col-md-2:not(.col-no-responsive), .ce-theme .row-lg .col-md-3:not(.col-no-responsive), .ce-theme .row-lg .col-md-4:not(.col-no-responsive), .ce-theme .row-lg .col-md-5:not(.col-no-responsive), .ce-theme .row-lg .col-md-6:not(.col-no-responsive), .ce-theme .row-lg .col-md-7:not(.col-no-responsive), .ce-theme .row-lg .col-md-8:not(.col-no-responsive), .ce-theme .row-lg .col-md-9:not(.col-no-responsive), .ce-theme .row-lg .col-md-10:not(.col-no-responsive), .ce-theme .row-lg .col-md-11:not(.col-no-responsive), .ce-theme .row-lg .col-md-12:not(.col-no-responsive) { flex: 0 1 100%; margin-bottom: 1.5rem; } } .ce-theme .row-lg .col-lg-1, .ce-theme .row-lg .col-lg-2, .ce-theme .row-lg .col-lg-3, .ce-theme .row-lg .col-lg-4, .ce-theme .row-lg .col-lg-5, .ce-theme .row-lg .col-lg-6, .ce-theme .row-lg .col-lg-7, .ce-theme .row-lg .col-lg-8, .ce-theme .row-lg .col-lg-9, .ce-theme .row-lg .col-lg-10, .ce-theme .row-lg .col-lg-11, .ce-theme .row-lg .col-lg-12 { margin: 0 1.25rem; box-sizing: border-box; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .ce-theme .row-lg .col-lg-1, .ce-theme .row-lg .col-lg-2, .ce-theme .row-lg .col-lg-3, .ce-theme .row-lg .col-lg-4, .ce-theme .row-lg .col-lg-5, .ce-theme .row-lg .col-lg-6, .ce-theme .row-lg .col-lg-7, .ce-theme .row-lg .col-lg-8, .ce-theme .row-lg .col-lg-9, .ce-theme .row-lg .col-lg-10, .ce-theme .row-lg .col-lg-11, .ce-theme .row-lg .col-lg-12 { flex: 0 1 100%; } } .ce-theme .row-lg .test { background: pink; } .ce-theme .row { margin: 0 -0.5rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .row::after { display: block; clear: both; content: ""; } @media (max-width: 992px) { .ce-theme .row { margin: 0; } } @media (max-width: 768px) { .ce-theme .row { margin: 0; } } @media (max-width: 480px) { .ce-theme .row { margin: 0; } } .ce-theme .row .col-1, .ce-theme .row .col-lg-1, .ce-theme .row .col-md-1, .ce-theme .row .col-sm-1 { width: calc(8.3333333333% - 1rem); } .ce-theme .row .col-2, .ce-theme .row .col-lg-2, .ce-theme .row .col-md-2, .ce-theme .row .col-sm-2 { width: calc(16.6666666667% - 1rem); } .ce-theme .row .col-3, .ce-theme .row .col-lg-3, .ce-theme .row .col-md-3, .ce-theme .row .col-sm-3 { width: calc(24.99% - 1rem); } .ce-theme .row .col-4, .ce-theme .row .col-lg-4, .ce-theme .row .col-md-4, .ce-theme .row .col-sm-4 { width: calc(33.3333333333% - 1rem); } .ce-theme .row .col-5, .ce-theme .row .col-lg-5, .ce-theme .row .col-md-5, .ce-theme .row .col-sm-5 { width: calc(41.6666666667% - 1rem); } .ce-theme .row .col-6, .ce-theme .row .col-lg-6, .ce-theme .row .col-md-6, .ce-theme .row .col-sm-6 { width: calc(49.99% - 1rem); } .ce-theme .row .col-7, .ce-theme .row .col-lg-7, .ce-theme .row .col-md-7, .ce-theme .row .col-sm-7 { width: calc(58.3333333333% - 1rem); } .ce-theme .row .col-8, .ce-theme .row .col-lg-8, .ce-theme .row .col-md-8, .ce-theme .row .col-sm-8 { width: calc(66.6666666667% - 1rem); } .ce-theme .row .col-9, .ce-theme .row .col-lg-9, .ce-theme .row .col-md-9, .ce-theme .row .col-sm-9 { width: calc(74.99% - 1rem); } .ce-theme .row .col-10, .ce-theme .row .col-lg-10, .ce-theme .row .col-md-10, .ce-theme .row .col-sm-10 { width: calc(83.3333333333% - 1rem); } .ce-theme .row .col-11, .ce-theme .row .col-lg-11, .ce-theme .row .col-md-11, .ce-theme .row .col-sm-11 { width: calc(91.6666666667% - 1rem); } .ce-theme .row .col-12, .ce-theme .row .col-lg-12, .ce-theme .row .col-md-12, .ce-theme .row .col-sm-12 { width: calc(100% - 1rem); } .ce-theme .row .col-lg-1, .ce-theme .row .col-lg-2, .ce-theme .row .col-lg-3, .ce-theme .row .col-lg-4, .ce-theme .row .col-lg-5, .ce-theme .row .col-lg-6, .ce-theme .row .col-lg-7, .ce-theme .row .col-lg-8, .ce-theme .row .col-lg-9, .ce-theme .row .col-lg-10, .ce-theme .row .col-lg-11, .ce-theme .row .col-lg-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 1200px) { .ce-theme .row .col-lg-1, .ce-theme .row .col-lg-2, .ce-theme .row .col-lg-3, .ce-theme .row .col-lg-4, .ce-theme .row .col-lg-5, .ce-theme .row .col-lg-6, .ce-theme .row .col-lg-7, .ce-theme .row .col-lg-8, .ce-theme .row .col-lg-9, .ce-theme .row .col-lg-10, .ce-theme .row .col-lg-11, .ce-theme .row .col-lg-12 { width: 100%; margin: 0; } } .ce-theme .row .col-lg-1.m-0, .ce-theme .row .col-lg-2.m-0, .ce-theme .row .col-lg-3.m-0, .ce-theme .row .col-lg-4.m-0, .ce-theme .row .col-lg-5.m-0, .ce-theme .row .col-lg-6.m-0, .ce-theme .row .col-lg-7.m-0, .ce-theme .row .col-lg-8.m-0, .ce-theme .row .col-lg-9.m-0, .ce-theme .row .col-lg-10.m-0, .ce-theme .row .col-lg-11.m-0, .ce-theme .row .col-lg-12.m-0 { margin: 0; } .ce-theme .row .col-md-1, .ce-theme .row .col-md-2, .ce-theme .row .col-md-3, .ce-theme .row .col-md-4, .ce-theme .row .col-md-5, .ce-theme .row .col-md-6, .ce-theme .row .col-md-7, .ce-theme .row .col-md-8, .ce-theme .row .col-md-9, .ce-theme .row .col-md-10, .ce-theme .row .col-md-11, .ce-theme .row .col-md-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; } .ce-theme .row .col-md-1:not(.col-no-responsive), .ce-theme .row .col-md-2:not(.col-no-responsive), .ce-theme .row .col-md-3:not(.col-no-responsive), .ce-theme .row .col-md-4:not(.col-no-responsive), .ce-theme .row .col-md-5:not(.col-no-responsive), .ce-theme .row .col-md-6:not(.col-no-responsive), .ce-theme .row .col-md-7:not(.col-no-responsive), .ce-theme .row .col-md-8:not(.col-no-responsive), .ce-theme .row .col-md-9:not(.col-no-responsive), .ce-theme .row .col-md-10:not(.col-no-responsive), .ce-theme .row .col-md-11:not(.col-no-responsive), .ce-theme .row .col-md-12:not(.col-no-responsive) { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .ce-theme .row .col-md-1:not(.col-no-responsive), .ce-theme .row .col-md-2:not(.col-no-responsive), .ce-theme .row .col-md-3:not(.col-no-responsive), .ce-theme .row .col-md-4:not(.col-no-responsive), .ce-theme .row .col-md-5:not(.col-no-responsive), .ce-theme .row .col-md-6:not(.col-no-responsive), .ce-theme .row .col-md-7:not(.col-no-responsive), .ce-theme .row .col-md-8:not(.col-no-responsive), .ce-theme .row .col-md-9:not(.col-no-responsive), .ce-theme .row .col-md-10:not(.col-no-responsive), .ce-theme .row .col-md-11:not(.col-no-responsive), .ce-theme .row .col-md-12:not(.col-no-responsive) { width: 100%; margin: 0.5rem 0; } } .ce-theme .row .col-md-1.m-0, .ce-theme .row .col-md-2.m-0, .ce-theme .row .col-md-3.m-0, .ce-theme .row .col-md-4.m-0, .ce-theme .row .col-md-5.m-0, .ce-theme .row .col-md-6.m-0, .ce-theme .row .col-md-7.m-0, .ce-theme .row .col-md-8.m-0, .ce-theme .row .col-md-9.m-0, .ce-theme .row .col-md-10.m-0, .ce-theme .row .col-md-11.m-0, .ce-theme .row .col-md-12.m-0 { margin: 0; } .ce-theme .row .col-sm-1, .ce-theme .row .col-sm-2, .ce-theme .row .col-sm-3, .ce-theme .row .col-sm-4, .ce-theme .row .col-sm-5, .ce-theme .row .col-sm-6, .ce-theme .row .col-sm-7, .ce-theme .row .col-sm-8, .ce-theme .row .col-sm-9, .ce-theme .row .col-sm-10, .ce-theme .row .col-sm-11, .ce-theme .row .col-sm-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .ce-theme .row .col-sm-1, .ce-theme .row .col-sm-2, .ce-theme .row .col-sm-3, .ce-theme .row .col-sm-4, .ce-theme .row .col-sm-5, .ce-theme .row .col-sm-6, .ce-theme .row .col-sm-7, .ce-theme .row .col-sm-8, .ce-theme .row .col-sm-9, .ce-theme .row .col-sm-10, .ce-theme .row .col-sm-11, .ce-theme .row .col-sm-12 { width: 100%; margin: 0 0 1.5rem; } } @media (max-width: 480px) { .ce-theme .row .col-sm-1, .ce-theme .row .col-sm-2, .ce-theme .row .col-sm-3, .ce-theme .row .col-sm-4, .ce-theme .row .col-sm-5, .ce-theme .row .col-sm-6, .ce-theme .row .col-sm-7, .ce-theme .row .col-sm-8, .ce-theme .row .col-sm-9, .ce-theme .row .col-sm-10, .ce-theme .row .col-sm-11, .ce-theme .row .col-sm-12 { width: 100%; margin: 0 0 1.5rem; } } .ce-theme .row .col-sm-1.m-0, .ce-theme .row .col-sm-2.m-0, .ce-theme .row .col-sm-3.m-0, .ce-theme .row .col-sm-4.m-0, .ce-theme .row .col-sm-5.m-0, .ce-theme .row .col-sm-6.m-0, .ce-theme .row .col-sm-7.m-0, .ce-theme .row .col-sm-8.m-0, .ce-theme .row .col-sm-9.m-0, .ce-theme .row .col-sm-10.m-0, .ce-theme .row .col-sm-11.m-0, .ce-theme .row .col-sm-12.m-0 { margin: 0; } .ce-theme .row .col-1, .ce-theme .row .col-2, .ce-theme .row .col-3, .ce-theme .row .col-4, .ce-theme .row .col-5, .ce-theme .row .col-6, .ce-theme .row .col-7, .ce-theme .row .col-8, .ce-theme .row .col-9, .ce-theme .row .col-10, .ce-theme .row .col-11, .ce-theme .row .col-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; } .ce-theme .row .col-1.m-0, .ce-theme .row .col-2.m-0, .ce-theme .row .col-3.m-0, .ce-theme .row .col-4.m-0, .ce-theme .row .col-5.m-0, .ce-theme .row .col-6.m-0, .ce-theme .row .col-7.m-0, .ce-theme .row .col-8.m-0, .ce-theme .row .col-9.m-0, .ce-theme .row .col-10.m-0, .ce-theme .row .col-11.m-0, .ce-theme .row .col-12.m-0 { margin: 0; } .ce-theme .row .col-lg-1, .ce-theme .row .col-lg-2, .ce-theme .row .col-lg-3, .ce-theme .row .col-lg-4, .ce-theme .row .col-lg-5, .ce-theme .row .col-lg-6, .ce-theme .row .col-lg-7, .ce-theme .row .col-lg-8, .ce-theme .row .col-lg-9, .ce-theme .row .col-lg-10, .ce-theme .row .col-lg-11, .ce-theme .row .col-lg-12 { margin: 0 0.5rem; box-sizing: border-box; float: left; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .ce-theme .row .col-lg-1, .ce-theme .row .col-lg-2, .ce-theme .row .col-lg-3, .ce-theme .row .col-lg-4, .ce-theme .row .col-lg-5, .ce-theme .row .col-lg-6, .ce-theme .row .col-lg-7, .ce-theme .row .col-lg-8, .ce-theme .row .col-lg-9, .ce-theme .row .col-lg-10, .ce-theme .row .col-lg-11, .ce-theme .row .col-lg-12 { margin: 0; width: 100%; } } .ce-theme .row .col-lg-1.m-0, .ce-theme .row .col-lg-2.m-0, .ce-theme .row .col-lg-3.m-0, .ce-theme .row .col-lg-4.m-0, .ce-theme .row .col-lg-5.m-0, .ce-theme .row .col-lg-6.m-0, .ce-theme .row .col-lg-7.m-0, .ce-theme .row .col-lg-8.m-0, .ce-theme .row .col-lg-9.m-0, .ce-theme .row .col-lg-10.m-0, .ce-theme .row .col-lg-11.m-0, .ce-theme .row .col-lg-12.m-0 { margin: 0; } .ce-theme .disabled { pointer-events: none; cursor: default; text-decoration: none; opacity: 0.5; } .ce-theme .flex, .ce-theme button.kebab-btn { display: flex; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .flex-grid-1 { flex: 0.08; flex-basis: 8%; } .ce-theme .flex-grid-2 { flex: 0.16; flex-basis: 16%; } .ce-theme .flex-grid-3 { flex: 0.24; flex-basis: 24%; } .ce-theme .flex-grid-4 { flex: 0.33; flex-basis: 33%; } .ce-theme .flex-grid-5 { flex: 0.41; flex-basis: 41%; } .ce-theme .flex-grid-6 { flex: 0.49; flex-basis: 49%; } .ce-theme .flex-grid-7 { flex: 0.58; flex-basis: 58%; } .ce-theme .flex-grid-8 { flex: 0.66; flex-basis: 66%; } .ce-theme .flex-grid-9 { flex: 0.74; flex-basis: 74%; } .ce-theme .flex-grid-10 { flex: 0.83; flex-basis: 83%; } .ce-theme .flex-grid-11 { flex: 0.91; flex-basis: 91%; } .ce-theme .flex-grid-12 { flex: 0.99; flex-basis: 99%; } .ce-theme .flex-0-0-auto { flex: 0 0 auto; } .ce-theme .flex-0-0-0 { flex: 0 0 0px; } .ce-theme .flex-0-1-auto { flex: 0 1 auto; } .ce-theme .flex-0-1-0 { flex: 0 1 0px; } .ce-theme .flex-1-0-auto { flex: 1 0 auto; } .ce-theme .flex-1-0-0 { flex: 1 0 0px; } .ce-theme .flex-1-1-auto { flex: 1 1 auto; } .ce-theme .flex-1-1-0 { flex: 1 1 0px; } .ce-theme .flex.Xleft, .ce-theme button.Xleft.kebab-btn { justify-content: flex-start; } .ce-theme .flex.Xright, .ce-theme button.Xright.kebab-btn { justify-content: flex-end !important; } .ce-theme .flex.space-between-center, .ce-theme button.space-between-center.kebab-btn { align-items: center; justify-content: space-between; } .ce-theme .flex.space-between, .ce-theme button.space-between.kebab-btn { justify-content: space-between; } .ce-theme .flex.space-around, .ce-theme button.space-around.kebab-btn { justify-content: space-around; } .ce-theme .flex.flex-row.X-md-right, .ce-theme button.flex-row.X-md-right.kebab-btn, .ce-theme .flex.flex-column.X-md-right, .ce-theme button.flex-column.X-md-right.kebab-btn { justify-content: flex-end; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 992px) { .ce-theme .flex.flex-row.X-md-right, .ce-theme button.flex-row.X-md-right.kebab-btn, .ce-theme .flex.flex-column.X-md-right, .ce-theme button.flex-column.X-md-right.kebab-btn { justify-content: start; } } .ce-theme .flex.flex-row.Xleft-Ycenter, .ce-theme button.flex-row.Xleft-Ycenter.kebab-btn, .ce-theme .flex.flex-column.Xleft-Ycenter, .ce-theme button.flex-column.Xleft-Ycenter.kebab-btn { align-items: center; justify-content: flex-start; } .ce-theme .flex.flex-row.Xright-Ycenter, .ce-theme button.flex-row.Xright-Ycenter.kebab-btn, .ce-theme .flex.flex-column.Xright-Ycenter, .ce-theme button.flex-column.Xright-Ycenter.kebab-btn { align-items: center; justify-content: flex-end; } .ce-theme .flex.flex-row.Ycenter, .ce-theme button.flex-row.Ycenter.kebab-btn, .ce-theme .flex.flex-column.Ycenter, .ce-theme button.flex-column.Ycenter.kebab-btn { align-items: center !important; } .ce-theme .flex.flex-row.Xcenter, .ce-theme button.flex-row.Xcenter.kebab-btn, .ce-theme .flex.flex-column.Xcenter, .ce-theme button.flex-column.Xcenter.kebab-btn { justify-content: center !important; } .ce-theme .flex.flex-row.Yleft, .ce-theme button.flex-row.Yleft.kebab-btn, .ce-theme .flex.flex-column.Yleft, .ce-theme button.flex-column.Yleft.kebab-btn { align-items: flex-start; } .ce-theme .flex.flex-row.Ytop, .ce-theme button.flex-row.Ytop.kebab-btn, .ce-theme .flex.flex-column.Ytop, .ce-theme button.flex-column.Ytop.kebab-btn { align-items: flex-start !important; } .ce-theme .flex.flex-row.Ybottom, .ce-theme button.flex-row.Ybottom.kebab-btn, .ce-theme .flex.flex-column.Ybottom, .ce-theme button.flex-column.Ybottom.kebab-btn { align-items: flex-end !important; } .ce-theme .flex.flex-row.noWrap, .ce-theme button.flex-row.noWrap.kebab-btn, .ce-theme .flex.flex-column.noWrap, .ce-theme button.flex-column.noWrap.kebab-btn { flex-wrap: nowrap; } .ce-theme .flex.flex-row.wrap, .ce-theme button.flex-row.wrap.kebab-btn, .ce-theme .flex.flex-column.wrap, .ce-theme button.flex-column.wrap.kebab-btn { flex-wrap: wrap; } .ce-theme .flex.flex-row.wrap-reverse, .ce-theme button.flex-row.wrap-reverse.kebab-btn, .ce-theme .flex.flex-column.wrap-reverse, .ce-theme button.flex-column.wrap-reverse.kebab-btn { flex-wrap: wrap-reverse; } .ce-theme .flex.flex-row.stretch, .ce-theme button.flex-row.stretch.kebab-btn, .ce-theme .flex.flex-column.stretch, .ce-theme button.flex-column.stretch.kebab-btn { align-items: stretch; align-content: stretch; } .ce-theme .flex.flex-row, .ce-theme button.flex-row.kebab-btn { flex-direction: row; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .flex.flex-row-gap-auto .flex:nth-child(even), .ce-theme button.flex-row-gap-auto.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-auto button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-auto.kebab-btn button.kebab-btn:nth-child(even) { margin-left: auto; margin-right: auto; } .ce-theme .flex.flex-row-gap-auto .flex:last-child, .ce-theme button.flex-row-gap-auto.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-auto button.kebab-btn:last-child, .ce-theme button.flex-row-gap-auto.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-0 .flex:nth-child(even), .ce-theme button.flex-row-gap-0.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-0 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-0.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0; margin-right: 0; } .ce-theme .flex.flex-row-gap-0 .flex:last-child, .ce-theme button.flex-row-gap-0.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-0 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-0.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-2 .flex:nth-child(even), .ce-theme button.flex-row-gap-2.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-2 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-2.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.125rem; margin-right: 0.125rem; } .ce-theme .flex.flex-row-gap-2 .flex:last-child, .ce-theme button.flex-row-gap-2.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-2 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-2.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-4 .flex:nth-child(even), .ce-theme button.flex-row-gap-4.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-4 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-4.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.25rem; margin-right: 0.25rem; } .ce-theme .flex.flex-row-gap-4 .flex:last-child, .ce-theme button.flex-row-gap-4.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-4 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-4.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-8 .flex:nth-child(even), .ce-theme button.flex-row-gap-8.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-8 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-8.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.5rem; margin-right: 0.5rem; } .ce-theme .flex.flex-row-gap-8 .flex:last-child, .ce-theme button.flex-row-gap-8.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-8 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-8.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-12 .flex:nth-child(even), .ce-theme button.flex-row-gap-12.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-12 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-12.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 0.75rem; margin-right: 0.75rem; } .ce-theme .flex.flex-row-gap-12 .flex:last-child, .ce-theme button.flex-row-gap-12.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-12 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-12.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-16 .flex:nth-child(even), .ce-theme button.flex-row-gap-16.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-16 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-16.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1rem; margin-right: 1rem; } .ce-theme .flex.flex-row-gap-16 .flex:last-child, .ce-theme button.flex-row-gap-16.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-16 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-16.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-20 .flex:nth-child(even), .ce-theme button.flex-row-gap-20.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-20 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-20.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1.25rem; margin-right: 1.25rem; } .ce-theme .flex.flex-row-gap-20 .flex:last-child, .ce-theme button.flex-row-gap-20.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-20 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-20.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-24 .flex:nth-child(even), .ce-theme button.flex-row-gap-24.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-24 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-24.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1.5rem; margin-right: 1.5rem; } .ce-theme .flex.flex-row-gap-24 .flex:last-child, .ce-theme button.flex-row-gap-24.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-24 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-24.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-26 .flex:nth-child(even), .ce-theme button.flex-row-gap-26.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-26 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-26.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 1.625rem; margin-right: 1.625rem; } .ce-theme .flex.flex-row-gap-26 .flex:last-child, .ce-theme button.flex-row-gap-26.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-26 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-26.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-32 .flex:nth-child(even), .ce-theme button.flex-row-gap-32.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-32 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-32.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 2rem; margin-right: 2rem; } .ce-theme .flex.flex-row-gap-32 .flex:last-child, .ce-theme button.flex-row-gap-32.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-32 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-32.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-36 .flex:nth-child(even), .ce-theme button.flex-row-gap-36.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-36 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-36.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 2.25rem; margin-right: 2.25rem; } .ce-theme .flex.flex-row-gap-36 .flex:last-child, .ce-theme button.flex-row-gap-36.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-36 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-36.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-40 .flex:nth-child(even), .ce-theme button.flex-row-gap-40.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-40 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-40.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 2.5rem; margin-right: 2.5rem; } .ce-theme .flex.flex-row-gap-40 .flex:last-child, .ce-theme button.flex-row-gap-40.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-40 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-40.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-48 .flex:nth-child(even), .ce-theme button.flex-row-gap-48.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-48 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-48.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 3rem; margin-right: 3rem; } .ce-theme .flex.flex-row-gap-48 .flex:last-child, .ce-theme button.flex-row-gap-48.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-48 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-48.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-64 .flex:nth-child(even), .ce-theme button.flex-row-gap-64.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-64 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-64.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 4rem; margin-right: 4rem; } .ce-theme .flex.flex-row-gap-64 .flex:last-child, .ce-theme button.flex-row-gap-64.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-64 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-64.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap-72 .flex:nth-child(even), .ce-theme button.flex-row-gap-72.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap-72 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap-72.kebab-btn button.kebab-btn:nth-child(even) { margin-left: 4.5rem; margin-right: 4.5rem; } .ce-theme .flex.flex-row-gap-72 .flex:last-child, .ce-theme button.flex-row-gap-72.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap-72 button.kebab-btn:last-child, .ce-theme button.flex-row-gap-72.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--4 .flex:nth-child(even), .ce-theme button.flex-row-gap--4.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--4 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--4.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -0.25rem; margin-right: -0.25rem; } .ce-theme .flex.flex-row-gap--4 .flex:last-child, .ce-theme button.flex-row-gap--4.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--4 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--4.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--8 .flex:nth-child(even), .ce-theme button.flex-row-gap--8.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--8 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--8.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -0.5rem; margin-right: -0.5rem; } .ce-theme .flex.flex-row-gap--8 .flex:last-child, .ce-theme button.flex-row-gap--8.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--8 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--8.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--12 .flex:nth-child(even), .ce-theme button.flex-row-gap--12.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--12 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--12.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -0.75rem; margin-right: -0.75rem; } .ce-theme .flex.flex-row-gap--12 .flex:last-child, .ce-theme button.flex-row-gap--12.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--12 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--12.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--16 .flex:nth-child(even), .ce-theme button.flex-row-gap--16.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--16 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--16.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -1rem; margin-right: -1rem; } .ce-theme .flex.flex-row-gap--16 .flex:last-child, .ce-theme button.flex-row-gap--16.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--16 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--16.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--24 .flex:nth-child(even), .ce-theme button.flex-row-gap--24.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--24 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--24.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -1.5rem; margin-right: -1.5rem; } .ce-theme .flex.flex-row-gap--24 .flex:last-child, .ce-theme button.flex-row-gap--24.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--24 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--24.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--32 .flex:nth-child(even), .ce-theme button.flex-row-gap--32.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--32 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--32.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -2rem; margin-right: -2rem; } .ce-theme .flex.flex-row-gap--32 .flex:last-child, .ce-theme button.flex-row-gap--32.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--32 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--32.kebab-btn button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex.flex-row-gap--40 .flex:nth-child(even), .ce-theme button.flex-row-gap--40.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-row-gap--40 button.kebab-btn:nth-child(even), .ce-theme button.flex-row-gap--40.kebab-btn button.kebab-btn:nth-child(even) { margin-left: -2.5rem; margin-right: -2.5rem; } .ce-theme .flex.flex-row-gap--40 .flex:last-child, .ce-theme button.flex-row-gap--40.kebab-btn .flex:last-child, .ce-theme .flex.flex-row-gap--40 button.kebab-btn:last-child, .ce-theme button.flex-row-gap--40.kebab-btn button.kebab-btn:last-child { margin-right: 0; } @media (max-width: 768px) { .ce-theme .flex.flex-row-upto-m, .ce-theme button.flex-row-upto-m.kebab-btn { flex-direction: row !important; } } .ce-theme .flex.flex-column, .ce-theme button.flex-column.kebab-btn { flex-direction: column; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .flex.flex-column-gap-auto .flex:nth-child(even), .ce-theme button.flex-column-gap-auto.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-auto button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-auto.kebab-btn button.kebab-btn:nth-child(even) { margin-top: auto; margin-bottom: auto; } .ce-theme .flex.flex-column-gap-auto .flex:last-child, .ce-theme button.flex-column-gap-auto.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-auto button.kebab-btn:last-child, .ce-theme button.flex-column-gap-auto.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-0 .flex:nth-child(even), .ce-theme button.flex-column-gap-0.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-0 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-0.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0; margin-bottom: 0; } .ce-theme .flex.flex-column-gap-0 .flex:last-child, .ce-theme button.flex-column-gap-0.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-0 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-0.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-2 .flex:nth-child(even), .ce-theme button.flex-column-gap-2.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-2 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-2.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.125rem; margin-bottom: 0.125rem; } .ce-theme .flex.flex-column-gap-2 .flex:last-child, .ce-theme button.flex-column-gap-2.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-2 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-2.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-4 .flex:nth-child(even), .ce-theme button.flex-column-gap-4.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-4 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-4.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .ce-theme .flex.flex-column-gap-4 .flex:last-child, .ce-theme button.flex-column-gap-4.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-4 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-4.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-8 .flex:nth-child(even), .ce-theme button.flex-column-gap-8.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-8 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-8.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ce-theme .flex.flex-column-gap-8 .flex:last-child, .ce-theme button.flex-column-gap-8.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-8 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-8.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-12 .flex:nth-child(even), .ce-theme button.flex-column-gap-12.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-12 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-12.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .ce-theme .flex.flex-column-gap-12 .flex:last-child, .ce-theme button.flex-column-gap-12.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-12 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-12.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-16 .flex:nth-child(even), .ce-theme button.flex-column-gap-16.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-16 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-16.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1rem; margin-bottom: 1rem; } .ce-theme .flex.flex-column-gap-16 .flex:last-child, .ce-theme button.flex-column-gap-16.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-16 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-16.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-20 .flex:nth-child(even), .ce-theme button.flex-column-gap-20.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-20 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-20.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1.25rem; margin-bottom: 1.25rem; } .ce-theme .flex.flex-column-gap-20 .flex:last-child, .ce-theme button.flex-column-gap-20.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-20 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-20.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-24 .flex:nth-child(even), .ce-theme button.flex-column-gap-24.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-24 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-24.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .ce-theme .flex.flex-column-gap-24 .flex:last-child, .ce-theme button.flex-column-gap-24.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-24 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-24.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-26 .flex:nth-child(even), .ce-theme button.flex-column-gap-26.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-26 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-26.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 1.625rem; margin-bottom: 1.625rem; } .ce-theme .flex.flex-column-gap-26 .flex:last-child, .ce-theme button.flex-column-gap-26.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-26 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-26.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-32 .flex:nth-child(even), .ce-theme button.flex-column-gap-32.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-32 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-32.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 2rem; margin-bottom: 2rem; } .ce-theme .flex.flex-column-gap-32 .flex:last-child, .ce-theme button.flex-column-gap-32.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-32 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-32.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-36 .flex:nth-child(even), .ce-theme button.flex-column-gap-36.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-36 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-36.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 2.25rem; margin-bottom: 2.25rem; } .ce-theme .flex.flex-column-gap-36 .flex:last-child, .ce-theme button.flex-column-gap-36.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-36 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-36.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-40 .flex:nth-child(even), .ce-theme button.flex-column-gap-40.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-40 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-40.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 2.5rem; margin-bottom: 2.5rem; } .ce-theme .flex.flex-column-gap-40 .flex:last-child, .ce-theme button.flex-column-gap-40.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-40 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-40.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-48 .flex:nth-child(even), .ce-theme button.flex-column-gap-48.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-48 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-48.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 3rem; margin-bottom: 3rem; } .ce-theme .flex.flex-column-gap-48 .flex:last-child, .ce-theme button.flex-column-gap-48.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-48 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-48.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-64 .flex:nth-child(even), .ce-theme button.flex-column-gap-64.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-64 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-64.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 4rem; margin-bottom: 4rem; } .ce-theme .flex.flex-column-gap-64 .flex:last-child, .ce-theme button.flex-column-gap-64.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-64 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-64.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap-72 .flex:nth-child(even), .ce-theme button.flex-column-gap-72.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap-72 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap-72.kebab-btn button.kebab-btn:nth-child(even) { margin-top: 4.5rem; margin-bottom: 4.5rem; } .ce-theme .flex.flex-column-gap-72 .flex:last-child, .ce-theme button.flex-column-gap-72.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap-72 button.kebab-btn:last-child, .ce-theme button.flex-column-gap-72.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--4 .flex:nth-child(even), .ce-theme button.flex-column-gap--4.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--4 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--4.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -0.25rem; margin-bottom: -0.25rem; } .ce-theme .flex.flex-column-gap--4 .flex:last-child, .ce-theme button.flex-column-gap--4.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--4 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--4.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--8 .flex:nth-child(even), .ce-theme button.flex-column-gap--8.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--8 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--8.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -0.5rem; margin-bottom: -0.5rem; } .ce-theme .flex.flex-column-gap--8 .flex:last-child, .ce-theme button.flex-column-gap--8.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--8 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--8.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--12 .flex:nth-child(even), .ce-theme button.flex-column-gap--12.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--12 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--12.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -0.75rem; margin-bottom: -0.75rem; } .ce-theme .flex.flex-column-gap--12 .flex:last-child, .ce-theme button.flex-column-gap--12.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--12 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--12.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--16 .flex:nth-child(even), .ce-theme button.flex-column-gap--16.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--16 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--16.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -1rem; margin-bottom: -1rem; } .ce-theme .flex.flex-column-gap--16 .flex:last-child, .ce-theme button.flex-column-gap--16.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--16 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--16.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--24 .flex:nth-child(even), .ce-theme button.flex-column-gap--24.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--24 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--24.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -1.5rem; margin-bottom: -1.5rem; } .ce-theme .flex.flex-column-gap--24 .flex:last-child, .ce-theme button.flex-column-gap--24.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--24 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--24.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--32 .flex:nth-child(even), .ce-theme button.flex-column-gap--32.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--32 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--32.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -2rem; margin-bottom: -2rem; } .ce-theme .flex.flex-column-gap--32 .flex:last-child, .ce-theme button.flex-column-gap--32.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--32 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--32.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex.flex-column-gap--40 .flex:nth-child(even), .ce-theme button.flex-column-gap--40.kebab-btn .flex:nth-child(even), .ce-theme .flex.flex-column-gap--40 button.kebab-btn:nth-child(even), .ce-theme button.flex-column-gap--40.kebab-btn button.kebab-btn:nth-child(even) { margin-top: -2.5rem; margin-bottom: -2.5rem; } .ce-theme .flex.flex-column-gap--40 .flex:last-child, .ce-theme button.flex-column-gap--40.kebab-btn .flex:last-child, .ce-theme .flex.flex-column-gap--40 button.kebab-btn:last-child, .ce-theme button.flex-column-gap--40.kebab-btn button.kebab-btn:last-child { margin-bottom: 0; } @media (max-width: 768px) { .ce-theme .flex.flex-column-upto-m, .ce-theme button.flex-column-upto-m.kebab-btn { flex-direction: column !important; } } .ce-theme .flex.flex-column.stretch, .ce-theme button.flex-column.stretch.kebab-btn { align-items: stretch; align-content: stretch; } .ce-theme .flex.flex-center, .ce-theme button.flex-center.kebab-btn { align-content: center; align-items: center; justify-content: center; } .ce-theme .flex.flex-grow, .ce-theme button.flex-grow.kebab-btn { flex-grow: 1; } .ce-theme .flex .Y-self-top, .ce-theme button.kebab-btn .Y-self-top { align-self: flex-start; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 768px) { .ce-theme .flex .Y-self-top-upto-m, .ce-theme button.kebab-btn .Y-self-top-upto-m { align-self: flex-start; } } .ce-theme .flex .Y-self-bottom, .ce-theme button.kebab-btn .Y-self-bottom { align-self: flex-end; } .ce-theme .flex .Y-self-center, .ce-theme button.kebab-btn .Y-self-center { align-self: center; } .ce-theme .flex .no-shrink, .ce-theme button.kebab-btn .no-shrink { flex-shrink: 0; } .ce-theme .flex-1-auto { flex: 1 1 auto; } @media screen and (min-width: 768px) { .ce-theme .flex-grid-1-from-md { flex: 0.08; flex-basis: 8%; } .ce-theme .flex-grid-2-from-md { flex: 0.16; flex-basis: 16%; } .ce-theme .flex-grid-3-from-md { flex: 0.24; flex-basis: 24%; } .ce-theme .flex-grid-4-from-md { flex: 0.33; flex-basis: 33%; } .ce-theme .flex-grid-5-from-md { flex: 0.41; flex-basis: 41%; } .ce-theme .flex-grid-6-from-md { flex: 0.49; flex-basis: 49%; } .ce-theme .flex-grid-7-from-md { flex: 0.58; flex-basis: 58%; } .ce-theme .flex-grid-8-from-md { flex: 0.66; flex-basis: 66%; } .ce-theme .flex-grid-9-from-md { flex: 0.74; flex-basis: 74%; } .ce-theme .flex-grid-10-from-md { flex: 0.83; flex-basis: 83%; } .ce-theme .flex-grid-11-from-md { flex: 0.91; flex-basis: 91%; } .ce-theme .flex-grid-12-from-md { flex: 0.99; flex-basis: 99%; } .ce-theme .flex-row-from-md { flex-direction: row; flex-direction: row !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .flex-row-from-md-gap-auto .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-auto button.kebab-btn:nth-child(even) { margin-left: auto; margin-right: auto; } .ce-theme .flex-row-from-md-gap-auto .flex:last-child, .ce-theme .flex-row-from-md-gap-auto button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-0 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-0 button.kebab-btn:nth-child(even) { margin-left: 0; margin-right: 0; } .ce-theme .flex-row-from-md-gap-0 .flex:last-child, .ce-theme .flex-row-from-md-gap-0 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-2 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-2 button.kebab-btn:nth-child(even) { margin-left: 0.125rem; margin-right: 0.125rem; } .ce-theme .flex-row-from-md-gap-2 .flex:last-child, .ce-theme .flex-row-from-md-gap-2 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-4 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-4 button.kebab-btn:nth-child(even) { margin-left: 0.25rem; margin-right: 0.25rem; } .ce-theme .flex-row-from-md-gap-4 .flex:last-child, .ce-theme .flex-row-from-md-gap-4 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-8 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-8 button.kebab-btn:nth-child(even) { margin-left: 0.5rem; margin-right: 0.5rem; } .ce-theme .flex-row-from-md-gap-8 .flex:last-child, .ce-theme .flex-row-from-md-gap-8 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-12 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-12 button.kebab-btn:nth-child(even) { margin-left: 0.75rem; margin-right: 0.75rem; } .ce-theme .flex-row-from-md-gap-12 .flex:last-child, .ce-theme .flex-row-from-md-gap-12 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-16 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-16 button.kebab-btn:nth-child(even) { margin-left: 1rem; margin-right: 1rem; } .ce-theme .flex-row-from-md-gap-16 .flex:last-child, .ce-theme .flex-row-from-md-gap-16 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-20 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-20 button.kebab-btn:nth-child(even) { margin-left: 1.25rem; margin-right: 1.25rem; } .ce-theme .flex-row-from-md-gap-20 .flex:last-child, .ce-theme .flex-row-from-md-gap-20 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-24 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-24 button.kebab-btn:nth-child(even) { margin-left: 1.5rem; margin-right: 1.5rem; } .ce-theme .flex-row-from-md-gap-24 .flex:last-child, .ce-theme .flex-row-from-md-gap-24 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-26 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-26 button.kebab-btn:nth-child(even) { margin-left: 1.625rem; margin-right: 1.625rem; } .ce-theme .flex-row-from-md-gap-26 .flex:last-child, .ce-theme .flex-row-from-md-gap-26 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-32 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-32 button.kebab-btn:nth-child(even) { margin-left: 2rem; margin-right: 2rem; } .ce-theme .flex-row-from-md-gap-32 .flex:last-child, .ce-theme .flex-row-from-md-gap-32 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-36 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-36 button.kebab-btn:nth-child(even) { margin-left: 2.25rem; margin-right: 2.25rem; } .ce-theme .flex-row-from-md-gap-36 .flex:last-child, .ce-theme .flex-row-from-md-gap-36 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-40 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-40 button.kebab-btn:nth-child(even) { margin-left: 2.5rem; margin-right: 2.5rem; } .ce-theme .flex-row-from-md-gap-40 .flex:last-child, .ce-theme .flex-row-from-md-gap-40 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-48 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-48 button.kebab-btn:nth-child(even) { margin-left: 3rem; margin-right: 3rem; } .ce-theme .flex-row-from-md-gap-48 .flex:last-child, .ce-theme .flex-row-from-md-gap-48 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-64 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-64 button.kebab-btn:nth-child(even) { margin-left: 4rem; margin-right: 4rem; } .ce-theme .flex-row-from-md-gap-64 .flex:last-child, .ce-theme .flex-row-from-md-gap-64 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap-72 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap-72 button.kebab-btn:nth-child(even) { margin-left: 4.5rem; margin-right: 4.5rem; } .ce-theme .flex-row-from-md-gap-72 .flex:last-child, .ce-theme .flex-row-from-md-gap-72 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--4 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--4 button.kebab-btn:nth-child(even) { margin-left: -0.25rem; margin-right: -0.25rem; } .ce-theme .flex-row-from-md-gap--4 .flex:last-child, .ce-theme .flex-row-from-md-gap--4 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--8 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--8 button.kebab-btn:nth-child(even) { margin-left: -0.5rem; margin-right: -0.5rem; } .ce-theme .flex-row-from-md-gap--8 .flex:last-child, .ce-theme .flex-row-from-md-gap--8 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--12 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--12 button.kebab-btn:nth-child(even) { margin-left: -0.75rem; margin-right: -0.75rem; } .ce-theme .flex-row-from-md-gap--12 .flex:last-child, .ce-theme .flex-row-from-md-gap--12 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--16 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--16 button.kebab-btn:nth-child(even) { margin-left: -1rem; margin-right: -1rem; } .ce-theme .flex-row-from-md-gap--16 .flex:last-child, .ce-theme .flex-row-from-md-gap--16 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--24 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--24 button.kebab-btn:nth-child(even) { margin-left: -1.5rem; margin-right: -1.5rem; } .ce-theme .flex-row-from-md-gap--24 .flex:last-child, .ce-theme .flex-row-from-md-gap--24 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--32 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--32 button.kebab-btn:nth-child(even) { margin-left: -2rem; margin-right: -2rem; } .ce-theme .flex-row-from-md-gap--32 .flex:last-child, .ce-theme .flex-row-from-md-gap--32 button.kebab-btn:last-child { margin-right: 0; } .ce-theme .flex-row-from-md-gap--40 .flex:nth-child(even), .ce-theme .flex-row-from-md-gap--40 button.kebab-btn:nth-child(even) { margin-left: -2.5rem; margin-right: -2.5rem; } .ce-theme .flex-row-from-md-gap--40 .flex:last-child, .ce-theme .flex-row-from-md-gap--40 button.kebab-btn:last-child { margin-right: 0; } } @media screen and (min-width: 768px) and (max-width: 768px) { .ce-theme .flex-row-from-md-upto-m { flex-direction: row !important; } } @media screen and (max-width: 767px) { .ce-theme .flex-grid-1-upto-md { flex: 0.08; flex-basis: 8%; } .ce-theme .flex-grid-2-upto-md { flex: 0.16; flex-basis: 16%; } .ce-theme .flex-grid-3-upto-md { flex: 0.24; flex-basis: 24%; } .ce-theme .flex-grid-4-upto-md { flex: 0.33; flex-basis: 33%; } .ce-theme .flex-grid-5-upto-md { flex: 0.41; flex-basis: 41%; } .ce-theme .flex-grid-6-upto-md { flex: 0.49; flex-basis: 49%; } .ce-theme .flex-grid-7-upto-md { flex: 0.58; flex-basis: 58%; } .ce-theme .flex-grid-8-upto-md { flex: 0.66; flex-basis: 66%; } .ce-theme .flex-grid-9-upto-md { flex: 0.74; flex-basis: 74%; } .ce-theme .flex-grid-10-upto-md { flex: 0.83; flex-basis: 83%; } .ce-theme .flex-grid-11-upto-md { flex: 0.91; flex-basis: 91%; } .ce-theme .flex-grid-12-upto-md { flex: 0.99; flex-basis: 99%; } .ce-theme .flex .flex-order-0-upto-md, .ce-theme button.kebab-btn .flex-order-0-upto-md { order: 0; } .ce-theme .flex .flex-order-1-upto-md, .ce-theme button.kebab-btn .flex-order-1-upto-md { order: 1; } .ce-theme .flex .flex-order-2-upto-md, .ce-theme button.kebab-btn .flex-order-2-upto-md { order: 2; } .ce-theme .flex .flex-order-3-upto-md, .ce-theme button.kebab-btn .flex-order-3-upto-md { order: 3; } .ce-theme .flex .flex-order-4-upto-md, .ce-theme button.kebab-btn .flex-order-4-upto-md { order: 4; } .ce-theme .flex .flex-order-5-upto-md, .ce-theme button.kebab-btn .flex-order-5-upto-md { order: 5; } .ce-theme .flex .flex-order-6-upto-md, .ce-theme button.kebab-btn .flex-order-6-upto-md { order: 6; } .ce-theme .flex .flex-order-7-upto-md, .ce-theme button.kebab-btn .flex-order-7-upto-md { order: 7; } .ce-theme .flex .flex-order-8-upto-md, .ce-theme button.kebab-btn .flex-order-8-upto-md { order: 8; } .ce-theme .flex .flex-order-9-upto-md, .ce-theme button.kebab-btn .flex-order-9-upto-md { order: 9; } .ce-theme .flex .flex-order-10-upto-md, .ce-theme button.kebab-btn .flex-order-10-upto-md { order: 10; } .ce-theme .flex .flex-order-11-upto-md, .ce-theme button.kebab-btn .flex-order-11-upto-md { order: 11; } .ce-theme .flex .flex-order-12-upto-md, .ce-theme button.kebab-btn .flex-order-12-upto-md { order: 12; } .ce-theme .flex-wrap-upto-md { flex-wrap: wrap; } .ce-theme .flex-column-upto-md { flex-direction: column; flex-direction: column !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ flex-direction: column !important; } .ce-theme .flex-column-upto-md-gap-auto .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-auto button.kebab-btn:nth-child(even) { margin-top: auto; margin-bottom: auto; } .ce-theme .flex-column-upto-md-gap-auto .flex:last-child, .ce-theme .flex-column-upto-md-gap-auto button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-0 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-0 button.kebab-btn:nth-child(even) { margin-top: 0; margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-0 .flex:last-child, .ce-theme .flex-column-upto-md-gap-0 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-2 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-2 button.kebab-btn:nth-child(even) { margin-top: 0.125rem; margin-bottom: 0.125rem; } .ce-theme .flex-column-upto-md-gap-2 .flex:last-child, .ce-theme .flex-column-upto-md-gap-2 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-4 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-4 button.kebab-btn:nth-child(even) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .ce-theme .flex-column-upto-md-gap-4 .flex:last-child, .ce-theme .flex-column-upto-md-gap-4 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-8 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-8 button.kebab-btn:nth-child(even) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ce-theme .flex-column-upto-md-gap-8 .flex:last-child, .ce-theme .flex-column-upto-md-gap-8 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-12 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-12 button.kebab-btn:nth-child(even) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .ce-theme .flex-column-upto-md-gap-12 .flex:last-child, .ce-theme .flex-column-upto-md-gap-12 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-16 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-16 button.kebab-btn:nth-child(even) { margin-top: 1rem; margin-bottom: 1rem; } .ce-theme .flex-column-upto-md-gap-16 .flex:last-child, .ce-theme .flex-column-upto-md-gap-16 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-20 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-20 button.kebab-btn:nth-child(even) { margin-top: 1.25rem; margin-bottom: 1.25rem; } .ce-theme .flex-column-upto-md-gap-20 .flex:last-child, .ce-theme .flex-column-upto-md-gap-20 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-24 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-24 button.kebab-btn:nth-child(even) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .ce-theme .flex-column-upto-md-gap-24 .flex:last-child, .ce-theme .flex-column-upto-md-gap-24 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-26 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-26 button.kebab-btn:nth-child(even) { margin-top: 1.625rem; margin-bottom: 1.625rem; } .ce-theme .flex-column-upto-md-gap-26 .flex:last-child, .ce-theme .flex-column-upto-md-gap-26 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-32 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-32 button.kebab-btn:nth-child(even) { margin-top: 2rem; margin-bottom: 2rem; } .ce-theme .flex-column-upto-md-gap-32 .flex:last-child, .ce-theme .flex-column-upto-md-gap-32 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-36 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-36 button.kebab-btn:nth-child(even) { margin-top: 2.25rem; margin-bottom: 2.25rem; } .ce-theme .flex-column-upto-md-gap-36 .flex:last-child, .ce-theme .flex-column-upto-md-gap-36 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-40 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-40 button.kebab-btn:nth-child(even) { margin-top: 2.5rem; margin-bottom: 2.5rem; } .ce-theme .flex-column-upto-md-gap-40 .flex:last-child, .ce-theme .flex-column-upto-md-gap-40 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-48 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-48 button.kebab-btn:nth-child(even) { margin-top: 3rem; margin-bottom: 3rem; } .ce-theme .flex-column-upto-md-gap-48 .flex:last-child, .ce-theme .flex-column-upto-md-gap-48 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-64 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-64 button.kebab-btn:nth-child(even) { margin-top: 4rem; margin-bottom: 4rem; } .ce-theme .flex-column-upto-md-gap-64 .flex:last-child, .ce-theme .flex-column-upto-md-gap-64 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap-72 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap-72 button.kebab-btn:nth-child(even) { margin-top: 4.5rem; margin-bottom: 4.5rem; } .ce-theme .flex-column-upto-md-gap-72 .flex:last-child, .ce-theme .flex-column-upto-md-gap-72 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--4 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--4 button.kebab-btn:nth-child(even) { margin-top: -0.25rem; margin-bottom: -0.25rem; } .ce-theme .flex-column-upto-md-gap--4 .flex:last-child, .ce-theme .flex-column-upto-md-gap--4 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--8 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--8 button.kebab-btn:nth-child(even) { margin-top: -0.5rem; margin-bottom: -0.5rem; } .ce-theme .flex-column-upto-md-gap--8 .flex:last-child, .ce-theme .flex-column-upto-md-gap--8 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--12 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--12 button.kebab-btn:nth-child(even) { margin-top: -0.75rem; margin-bottom: -0.75rem; } .ce-theme .flex-column-upto-md-gap--12 .flex:last-child, .ce-theme .flex-column-upto-md-gap--12 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--16 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--16 button.kebab-btn:nth-child(even) { margin-top: -1rem; margin-bottom: -1rem; } .ce-theme .flex-column-upto-md-gap--16 .flex:last-child, .ce-theme .flex-column-upto-md-gap--16 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--24 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--24 button.kebab-btn:nth-child(even) { margin-top: -1.5rem; margin-bottom: -1.5rem; } .ce-theme .flex-column-upto-md-gap--24 .flex:last-child, .ce-theme .flex-column-upto-md-gap--24 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--32 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--32 button.kebab-btn:nth-child(even) { margin-top: -2rem; margin-bottom: -2rem; } .ce-theme .flex-column-upto-md-gap--32 .flex:last-child, .ce-theme .flex-column-upto-md-gap--32 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-md-gap--40 .flex:nth-child(even), .ce-theme .flex-column-upto-md-gap--40 button.kebab-btn:nth-child(even) { margin-top: -2.5rem; margin-bottom: -2.5rem; } .ce-theme .flex-column-upto-md-gap--40 .flex:last-child, .ce-theme .flex-column-upto-md-gap--40 button.kebab-btn:last-child { margin-bottom: 0; } } @media screen and (max-width: 767px) and (max-width: 768px) { .ce-theme .flex-column-upto-md-upto-m { flex-direction: column !important; } } @media (max-width: 992px) { .ce-theme .flex-grid-1-upto-tablet { flex: 0.08; flex-basis: 8%; } .ce-theme .flex-grid-2-upto-tablet { flex: 0.16; flex-basis: 16%; } .ce-theme .flex-grid-3-upto-tablet { flex: 0.24; flex-basis: 24%; } .ce-theme .flex-grid-4-upto-tablet { flex: 0.33; flex-basis: 33%; } .ce-theme .flex-grid-5-upto-tablet { flex: 0.41; flex-basis: 41%; } .ce-theme .flex-grid-6-upto-tablet { flex: 0.49; flex-basis: 49%; } .ce-theme .flex-grid-7-upto-tablet { flex: 0.58; flex-basis: 58%; } .ce-theme .flex-grid-8-upto-tablet { flex: 0.66; flex-basis: 66%; } .ce-theme .flex-grid-9-upto-tablet { flex: 0.74; flex-basis: 74%; } .ce-theme .flex-grid-10-upto-tablet { flex: 0.83; flex-basis: 83%; } .ce-theme .flex-grid-11-upto-tablet { flex: 0.91; flex-basis: 91%; } .ce-theme .flex-grid-12-upto-tablet { flex: 0.99; flex-basis: 99%; } .ce-theme .flex .flex-order-0-upto-tablet, .ce-theme button.kebab-btn .flex-order-0-upto-tablet { order: 0; } .ce-theme .flex .flex-order-1-upto-tablet, .ce-theme button.kebab-btn .flex-order-1-upto-tablet { order: 1; } .ce-theme .flex .flex-order-2-upto-tablet, .ce-theme button.kebab-btn .flex-order-2-upto-tablet { order: 2; } .ce-theme .flex .flex-order-3-upto-tablet, .ce-theme button.kebab-btn .flex-order-3-upto-tablet { order: 3; } .ce-theme .flex .flex-order-4-upto-tablet, .ce-theme button.kebab-btn .flex-order-4-upto-tablet { order: 4; } .ce-theme .flex .flex-order-5-upto-tablet, .ce-theme button.kebab-btn .flex-order-5-upto-tablet { order: 5; } .ce-theme .flex .flex-order-6-upto-tablet, .ce-theme button.kebab-btn .flex-order-6-upto-tablet { order: 6; } .ce-theme .flex .flex-order-7-upto-tablet, .ce-theme button.kebab-btn .flex-order-7-upto-tablet { order: 7; } .ce-theme .flex .flex-order-8-upto-tablet, .ce-theme button.kebab-btn .flex-order-8-upto-tablet { order: 8; } .ce-theme .flex .flex-order-9-upto-tablet, .ce-theme button.kebab-btn .flex-order-9-upto-tablet { order: 9; } .ce-theme .flex .flex-order-10-upto-tablet, .ce-theme button.kebab-btn .flex-order-10-upto-tablet { order: 10; } .ce-theme .flex .flex-order-11-upto-tablet, .ce-theme button.kebab-btn .flex-order-11-upto-tablet { order: 11; } .ce-theme .flex .flex-order-12-upto-tablet, .ce-theme button.kebab-btn .flex-order-12-upto-tablet { order: 12; } .ce-theme .flex-upto-tablet { display: flex; } .ce-theme .flex-column-upto-tablet { flex-direction: column; flex-direction: column !important; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } .ce-theme .flex-column-upto-tablet-gap-auto .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-auto button.kebab-btn:nth-child(even) { margin-top: auto; margin-bottom: auto; } .ce-theme .flex-column-upto-tablet-gap-auto .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-auto button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-0 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-0 button.kebab-btn:nth-child(even) { margin-top: 0; margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-0 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-0 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-2 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-2 button.kebab-btn:nth-child(even) { margin-top: 0.125rem; margin-bottom: 0.125rem; } .ce-theme .flex-column-upto-tablet-gap-2 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-2 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-4 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-4 button.kebab-btn:nth-child(even) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .ce-theme .flex-column-upto-tablet-gap-4 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-4 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-8 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-8 button.kebab-btn:nth-child(even) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ce-theme .flex-column-upto-tablet-gap-8 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-8 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-12 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-12 button.kebab-btn:nth-child(even) { margin-top: 0.75rem; margin-bottom: 0.75rem; } .ce-theme .flex-column-upto-tablet-gap-12 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-12 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-16 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-16 button.kebab-btn:nth-child(even) { margin-top: 1rem; margin-bottom: 1rem; } .ce-theme .flex-column-upto-tablet-gap-16 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-16 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-20 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-20 button.kebab-btn:nth-child(even) { margin-top: 1.25rem; margin-bottom: 1.25rem; } .ce-theme .flex-column-upto-tablet-gap-20 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-20 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-24 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-24 button.kebab-btn:nth-child(even) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .ce-theme .flex-column-upto-tablet-gap-24 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-24 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-26 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-26 button.kebab-btn:nth-child(even) { margin-top: 1.625rem; margin-bottom: 1.625rem; } .ce-theme .flex-column-upto-tablet-gap-26 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-26 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-32 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-32 button.kebab-btn:nth-child(even) { margin-top: 2rem; margin-bottom: 2rem; } .ce-theme .flex-column-upto-tablet-gap-32 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-32 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-36 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-36 button.kebab-btn:nth-child(even) { margin-top: 2.25rem; margin-bottom: 2.25rem; } .ce-theme .flex-column-upto-tablet-gap-36 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-36 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-40 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-40 button.kebab-btn:nth-child(even) { margin-top: 2.5rem; margin-bottom: 2.5rem; } .ce-theme .flex-column-upto-tablet-gap-40 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-40 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-48 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-48 button.kebab-btn:nth-child(even) { margin-top: 3rem; margin-bottom: 3rem; } .ce-theme .flex-column-upto-tablet-gap-48 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-48 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-64 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-64 button.kebab-btn:nth-child(even) { margin-top: 4rem; margin-bottom: 4rem; } .ce-theme .flex-column-upto-tablet-gap-64 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-64 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap-72 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap-72 button.kebab-btn:nth-child(even) { margin-top: 4.5rem; margin-bottom: 4.5rem; } .ce-theme .flex-column-upto-tablet-gap-72 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap-72 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--4 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--4 button.kebab-btn:nth-child(even) { margin-top: -0.25rem; margin-bottom: -0.25rem; } .ce-theme .flex-column-upto-tablet-gap--4 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--4 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--8 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--8 button.kebab-btn:nth-child(even) { margin-top: -0.5rem; margin-bottom: -0.5rem; } .ce-theme .flex-column-upto-tablet-gap--8 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--8 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--12 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--12 button.kebab-btn:nth-child(even) { margin-top: -0.75rem; margin-bottom: -0.75rem; } .ce-theme .flex-column-upto-tablet-gap--12 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--12 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--16 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--16 button.kebab-btn:nth-child(even) { margin-top: -1rem; margin-bottom: -1rem; } .ce-theme .flex-column-upto-tablet-gap--16 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--16 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--24 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--24 button.kebab-btn:nth-child(even) { margin-top: -1.5rem; margin-bottom: -1.5rem; } .ce-theme .flex-column-upto-tablet-gap--24 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--24 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--32 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--32 button.kebab-btn:nth-child(even) { margin-top: -2rem; margin-bottom: -2rem; } .ce-theme .flex-column-upto-tablet-gap--32 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--32 button.kebab-btn:last-child { margin-bottom: 0; } .ce-theme .flex-column-upto-tablet-gap--40 .flex:nth-child(even), .ce-theme .flex-column-upto-tablet-gap--40 button.kebab-btn:nth-child(even) { margin-top: -2.5rem; margin-bottom: -2.5rem; } .ce-theme .flex-column-upto-tablet-gap--40 .flex:last-child, .ce-theme .flex-column-upto-tablet-gap--40 button.kebab-btn:last-child { margin-bottom: 0; } } @media (max-width: 992px) and (max-width: 768px) { .ce-theme .flex-column-upto-tablet-upto-m { flex-direction: column !important; } } @media screen and (max-width: 1199px) { .ce-theme .flex.space-between-upto-md, .ce-theme button.space-between-upto-md.kebab-btn { justify-content: space-between; } } .ce-theme .Checkbox { cursor: pointer; display: flex; background: white; border: 1px solid #d5d5d5; border-radius: 0.125rem; height: 1rem; width: 1rem; position: relative; -moz-user-select: none; overflow: visible; } .ce-theme .Checkbox.focused:before { content: ""; outline: 2px black; border-radius: 2px; outline-style: solid; position: absolute; display: flex; top: 0; bottom: 0; left: 0; right: 0; opacity: 1 !important; } .ce-theme .Checkbox i { color: white !important; font-size: 1rem; } .ce-theme .Checkbox i::selection { color: white; } .ce-theme .Checkbox input[type=checkbox] { opacity: 0; height: 0; width: 0; position: absolute; cursor: pointer; } .ce-theme .Checkbox span { opacity: 0; height: 1rem; width: 1rem; } .ce-theme .Checkbox input:checked + span { opacity: 1; align-content: center; align-items: center; background-color: #19b001; display: flex; justify-content: center; overflow: hidden; } .ce-theme .Checkbox-label { cursor: pointer; } .ce-theme .LazyTree-ListItem--checkbox .mdc-form-field { margin-right: 0.5rem; padding-bottom: 0.09375rem; } .ce-theme .mdc-checkbox-inner-container { height: 1rem; width: 1rem; } .ce-theme .mdc-checkbox__checkmark { border: 1px solid var(--mat-checkbox-border-color); top: -0.0625rem; left: -0.0625rem; } .ce-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox { height: var(--mdc-checkbox-state-layer-size); width: var(--mdc-checkbox-state-layer-size); flex: 0 0 var(--mdc-checkbox-state-layer-size); } .ce-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mat-mdc-checkbox-touch-target { height: var(--mdc-checkbox-state-layer-size)0.5rem; width: var(--mdc-checkbox-state-layer-size)0.5rem; } .ce-theme .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mdc-checkbox__background { height: var(--mdc-checkbox-state-layer-size); width: var(--mdc-checkbox-state-layer-size); background-color: white; border: 1px solid var(--mat-checkbox-border-color); top: 0; left: 0; } .ce-theme .mat-checkbox-layout { white-space: normal !important; } .ce-theme .mdc-label { color: var(--plain-text-color); margin-left: 0.5rem; font-size: 1rem; } .ce-theme .mat-label--no-margin label { margin-left: 0rem; } .ce-theme .mdc-form-field .mdc-checkbox .mdc-checkbox__ripple { outline: 1.5px black; border-radius: 2px; outline-style: solid; background-color: white !important; } .ce-theme .mat-mdc-checkbox-checked .mdc-checkbox__background { background-color: #19b001 !important; border-color: var(--mat-checkbox-border-color) !important; } .ce-theme .mat-mdc-checkbox-disabled.mdc-checkbox--disabled:not(.mat-mdc-checkbox-checked) .mdc-checkbox__checkmark, .ce-theme .mat-mdc-checkbox-disabled.mdc-checkbox--disabled:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background { background-color: #e9e9e9; border-color: var(--mat-checkbox-border-color); } .ce-theme .mat-mdc-checkbox-disabled.mdc-checkbox--disabled.mat-mdc-checkbox-checked .mdc-checkbox__checkmark, .ce-theme .mat-mdc-checkbox-disabled.mdc-checkbox--disabled.mat-mdc-checkbox-checked .mdc-checkbox__background { background-color: white !important; border-color: var(--mat-checkbox-border-color) !important; } .ce-theme .mat-mdc-checkbox-disabled.mdc-checkbox--disabled.mat-mdc-checkbox-checked .mdc-checkbox__checkmark-path { stroke: var(--border-color) !important; } .ce-theme .mat-checkbox-layout { -ms-user-select: inherit; display: flex; align-items: center; /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/ } .ce-theme .mat-checkbox-layout .mdc-label { line-height: 1.0625rem; } .ce-theme .mdc-checkbox-inner-container { margin: 0; } .ce-theme .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { border: none; width: 70%; top: 0.1875rem; left: 0.125rem; } .ce-theme .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { background-color: transparent; } .ce-theme .mat-pseudo-checkbox { border-color: var(--mat-checkbox-border-color); border-width: 1px; height: 1rem; width: 1rem; } .ce-theme .mat-pseudo-checkbox.mat-pseudo-checkbox-checked { background-color: #19b001; border: 1px solid var(--mat-checkbox-border-color); } .ce-theme .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+ICA8ZyBpZD0ic3ZnLWNlLUNoZWNrZWQtc20iPiAgICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTYgNS40MUwxNC41OSA0bC04LjE4IDguMTNMMy40NSA5LjJsLTEuMzQgMS4zOSAyLjg5IDNMNi40MSAxNSAxNiA1LjQxeiIvPiAgPC9nPjwvc3ZnPg==); background-position: center center; border: none; top: 0; left: 0; height: 100%; transform: none; width: 100%; } .ce-theme .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element { background-color: black !important; } .ce-theme .mat-checkbox-inner-container:focus .mat-checkbox-persistent-ripple, .ce-theme .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple { opacity: 0.1; } .ce-theme .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple { opacity: var(--mdc-checkbox-selected-focus-state-layer-opacity); } .ce-theme .mdc-checkbox:hover .mdc-checkbox__native-control ~ .mdc-checkbox__ripple { opacity: var(--mdc-checkbox-selected-hover-state-layer-opacity); } .ce-theme .Dialog { padding: 0; } .ce-theme .Dialog--sm { max-width: 12.5rem; } .ce-theme .Dialog--md { max-width: 25rem; } .ce-theme .Dialog--minmd { min-width: 25rem; } .ce-theme .Dialog--lg { max-width: 37.5rem; } .ce-theme .Dialog--xlg { max-width: 80vw; } .ce-theme .Dialog-header { background: linear-gradient(to bottom, var(--modal-header-background-start), var(--modal-header-background-stop)); color: white; padding: 0.5rem 1rem; } .ce-theme .Dialog-heading { color: var(--modal-header-text); line-height: 1.2; } .ce-theme .Dialog-body { padding: 1rem; } .ce-theme .Dialog-footer { padding: 1rem; } .ce-theme .ContentAsDialog-header { flex-direction: row; display: flex; justify-content: space-between; } .ce-theme .ContentAsDialog-header.as-draggable { cursor: move; -webkit-user-select: none; user-select: none; } .ce-theme .ContentAsDialog-host .mat-mdc-dialog-container { border-radius: 0.25rem; } .ce-theme .ContentAsDialog-host.dragging { transform: scale(1.01); } .ce-theme .ContentAsDialog-host.dock-bottom { margin: 0 !important; position: fixed !important; bottom: 0; max-height: 70vw; } .ce-theme .ContentAsDialog-host.dock-bottom .mat-mdc-dialog-container { border-radius: 0; } .ce-theme .mat-mdc-dialog-container { background-color: white; border-radius: 0; color: var(--plain-text-color); padding: 0; } .ce-theme .mat-mdc-dialog-content, .ce-theme .mat-mdc-dialog-actions { margin: 0; padding: 0; } .ce-theme .mat-mdc-dialog-content { overflow-x: hidden; } @media screen and (max-width: 767px) { .ce-theme .dialog-full-screen-sm, .ce-theme .questionnaire-modal-host, .ce-theme .Dialog-host { width: 100%; height: 100%; max-width: none !important; margin-top: 0 !important; } } .ce-theme .cdk-overlay-dark-backdrop { background: rgba(6, 35, 64, 0.9); } .ce-theme mat-radio-button { /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/ } .ce-theme mat-radio-button .mdc-radio { padding: 0px; } .ce-theme mat-radio-button .mdc-radio input.outline-override.focus { position: absolute; } .ce-theme mat-radio-button .mat-radio-container { height: 1rem; width: 1rem; } .ce-theme mat-radio-button .mdc-radio__background { top: 0.1875rem; } .ce-theme mat-radio-button .mdc-radio__outer-circle { border: 1px solid var(--border-color) !important; height: 1rem; width: 1rem; } .ce-theme mat-radio-button .mdc-radio__inner-circle { border-width: 0.52rem; height: 0.5rem; width: 0.5rem; } .ce-theme mat-radio-button .mdc-label { padding-left: 0.5rem; padding-right: 0.5rem; font-size: 1rem; } .ce-theme mat-radio-button.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { color: #19b001; border-color: #19b001; } .ce-theme mat-radio-button.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { color: var(--plain-text-color); } .ce-theme mat-radio-button.mdc-radio--disabled.mat-mdc-radio-checked .mdc-radio__outer-circle { border-color: var(--border-color); } .ce-theme mat-radio-button.mdc-radio--disabled.mat-mdc-radio-checked .mdc-radio__inner-circle { background-color: var(--border-color); } .ce-theme mat-radio-button mat-ripple.mat-radio-ripple { display: none; } .ce-theme mat-radio-button.mat-mdc-radio-button.mat-accent._mat-animation-noopable .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle { --mdc-radio-selected-pressed-icon-color: map-get($green, 500); background-color: #19b001; } .ce-theme mat-radio-button.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field .mdc-radio .mdc-radio__background::before { --mat-radio-checked-ripple-color: #fff; } .ce-theme mat-radio-button.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before { --mat-radio-ripple-color: #fff; } .ce-theme mat-select .mat-select-value { color: var(--plain-text-color); } .ce-theme mat-select .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper { transform: none; } .ce-theme .mat-mdc-select-panel .mat-mdc-option, .ce-theme .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text, .ce-theme .mat-mdc-autocomplete-panel .mat-mdc-option, .ce-theme .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text { color: var(--plain-text-color); } .ce-theme .mat-mdc-select-panel .mat-mdc-option:not(.mat-mdc-option-multiple) .mat-mdc-option-pseudo-checkbox, .ce-theme .mat-mdc-autocomplete-panel .mat-mdc-option:not(.mat-mdc-option-multiple) .mat-mdc-option-pseudo-checkbox { display: none; } .ce-theme .mat-mdc-select-panel .mat-mdc-option-pseudo-checkbox, .ce-theme .mat-mdc-autocomplete-panel .mat-mdc-option-pseudo-checkbox { margin-right: 0.5rem; } .ce-theme .full-height.mat-mdc-select-panel, .ce-theme .MainDatagridPage .gridContainer .mat-mdc-select-panel.gridSubContainer, .MainDatagridPage .gridContainer .ce-theme .mat-mdc-select-panel.gridSubContainer { max-height: 100%; } .ce-theme .non-centered { margin-top: 30px; margin-left: 30px; margin-bottom: 30px; min-width: calc(100% + 20px) !important; } .ce-theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel { border-radius: 4px; } .ce-theme mat-label { color: var(--plain-text-color); } .Header { transition: all 0.15s ease-in-out 0.15s !important; position: relative; background: linear-gradient(var(--header-bar-background-color-start), var(--header-bar-background-color-stop)); color: white; } .Header-block { height: 3.75rem; } .Header .mat-icon svg g path { fill: white; } .TitleBlock { box-sizing: border-box; } .TitleBlock-primary { height: 4rem; } .TitleBlock-breadcrumb { height: 100%; display: flex; } .TitleBlock-buttonsBlock { align-items: center; display: inline-flex; justify-content: flex-end; min-width: 12.5rem; } @media screen and (max-width: 575px) { .TitleBlock-buttonsBlock { min-width: 6.25rem; } } .TitleBlock-dropdown { width: 25%; } @media screen and (max-width: 575px) { .TitleBlock-dropdown { width: 35%; } } @media screen and (max-width: 375px) { .TitleBlock-dropdown { width: 50%; } } /************************************************* Name: Public-Documents Description: Public-Documents component styles. SCSS Source: assets/styles/components/_components.public-documents.scss Version: 1.0 **************************************************/ /* Primary -------------------------------------------*/ .Public-Documents { /* Body -------------------------------------------*/ /* Section -------------------------------------------*/ } .Public-Documents-body { padding: 2.5rem 0; } .Public-Documents-section, .Public-Documents-sectionBody { margin-bottom: 1.75rem; } .Public-Documents-sectionHeader { margin-bottom: 1.25rem; } .Public-Documents-sectionHeader--divider { border-bottom: 1px solid #d5d5d5; margin-bottom: 1.25rem; padding-bottom: 1.25rem; } .Public-Documents-sectionHeader.Layout-gridRow { margin-left: -1.25rem; margin-right: -1.25rem; width: calc(100% + 40px); } .centered-wrapper-base, .centered-absolute-wrapper, .centered-wrapper, .centered-content ce-footer > div > div, .centered-content ce-navigation > div { max-width: 100rem; margin: 0 auto; } .centered-content ce-navigation > div > div:nth-child(1) { margin: 0; } .centered-content ce-navigation > div > div:nth-child(3) { margin: 0; } .centered-content ce-grid-tabs > div { border-bottom: none; } .centered-wrapper { width: 100%; } .centered-absolute-wrapper { margin: auto; top: 0; left: 0; right: 0; bottom: 0; } /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ button { background: transparent; border: 0; color: inherit; } button.kebab-btn { padding-top: 0; padding-bottom: 0; font-size: 0.875rem; transition: ease-in-out 0.125s all; } button.kebab-btn:active { background-color: #f9f9f9; } a button span { text-decoration: none; } a button span:hover, a button span:active, a button span:focus { text-decoration: inherit; } .btn { align-items: center; border-radius: 0.125rem; border-width: 1px; border-style: solid; border-color: transparent; cursor: pointer; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; display: flex; font-size: 1rem; padding: 0 1rem; justify-content: center; height: 2rem; white-space: nowrap; text-transform: uppercase; } .btn span { text-transform: inherit; } .btn.case-sensitive { text-transform: none; } .btn.case-sensitive span.small-text-nav-btn { font-size: 0.875rem; } .btn.text-as-link:active, .btn.text-as-link:hover { text-decoration: underline; } .btn.text-as-link:active[disabled], .btn.text-as-link:hover[disabled] { text-decoration: none; } .btn-primary:not(.btn-icon) i, .btn-secondary:not(.btn-icon) i { margin-right: 0.25rem; margin-left: -0.25rem; } .btn mat-icon.mat-icon svg g g g path { fill: var(--secondary-button-text-color); } .btn mat-icon.mat-icon svg g path { fill: var(--icons-color); } .btn i.material-icons { color: var(--icons-color); } .btn i.material-icons svg g path { fill: var(--icons-color); } .btn-primary, .btn-secondary, .btn-tertiary { padding: 0 0.625rem; } .btn-primary.icon-right i, .btn-secondary.icon-right i, .btn-tertiary.icon-right i { margin-right: -0.25rem; margin-left: 0.25rem; } .btn-primary[disabled], .btn-secondary[disabled], .btn-tertiary[disabled] { cursor: default; opacity: 0.5; border-color: transparent; } .btn-primary.small, .btn-secondary.small, .btn-tertiary.small { padding: 0 0.625rem; } .btn-primary.small i, .btn-secondary.small i, .btn-tertiary.small i { font-size: 1.125rem; } .btn-primary i.material-icons { color: var(--primary-button-text-color) !important; } .btn-primary mat-icon.mat-icon svg g g g path { fill: var(--primary-button-text-color) !important; } .btn-secondary i.material-icons { color: var(--secondary-button-text-color) !important; } .btn-tertiary { background: #737373; color: white; border-color: #303030; } .btn-tertiary[disabled] { cursor: default; opacity: 0.5; } .btn-tertiary:hover:not([disabled]) { background: #4b4b4b; border-color: #737373; } .btn-tertiary:active:not([disabled]) { background: #303030; border-color: #737373; } .btn-secondary, .btn-icon { background: linear-gradient(to bottom, var(--secondary-button-background-color-start), var(--secondary-button-background-color-end)); color: var(--secondary-button-text-color); border-color: var(--secondary-button-border-color) !important; } .btn-secondary i, .btn-icon i { color: var(--secondary-button-text-color); } .btn-secondary a, .btn-icon a { color: var(--secondary-button-text-color) !important; } .btn-secondary[disabled], .btn-icon[disabled] { cursor: default; opacity: 0.5; border-color: transparent; } .btn-secondary:hover:not([disabled]), .btn-icon:hover:not([disabled]) { background: var(--secondary-button-hover-background-color); border-color: var(--secondary-button-hover-border-color); } .btn-secondary:focus:not([disabled]), .btn-secondary:active:not([disabled]), .btn-icon:focus:not([disabled]), .btn-icon:active:not([disabled]) { background: var(--secondary-button-active-background-color); border-color: var(--secondary-button-active-border-color); } .btn-secondary.btn-icon-size-auto, .btn-icon.btn-icon-size-auto { height: auto !important; width: auto !important; } .btn-secondary.btn-icon-size-auto mat-icon, .btn-icon.btn-icon-size-auto mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-0, .btn-icon.btn-icon-size-0 { height: 0 !important; width: 0 !important; } .btn-secondary.btn-icon-size-0 mat-icon, .btn-icon.btn-icon-size-0 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-2, .btn-icon.btn-icon-size-2 { height: 0.125rem !important; width: 0.125rem !important; } .btn-secondary.btn-icon-size-2 mat-icon, .btn-icon.btn-icon-size-2 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-4, .btn-icon.btn-icon-size-4 { height: 0.25rem !important; width: 0.25rem !important; } .btn-secondary.btn-icon-size-4 mat-icon, .btn-icon.btn-icon-size-4 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-8, .btn-icon.btn-icon-size-8 { height: 0.5rem !important; width: 0.5rem !important; } .btn-secondary.btn-icon-size-8 mat-icon, .btn-icon.btn-icon-size-8 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-12, .btn-icon.btn-icon-size-12 { height: 0.75rem !important; width: 0.75rem !important; } .btn-secondary.btn-icon-size-12 mat-icon, .btn-icon.btn-icon-size-12 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-16, .btn-icon.btn-icon-size-16 { height: 1rem !important; width: 1rem !important; } .btn-secondary.btn-icon-size-16 mat-icon, .btn-icon.btn-icon-size-16 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-20, .btn-icon.btn-icon-size-20 { height: 1.25rem !important; width: 1.25rem !important; } .btn-secondary.btn-icon-size-20 mat-icon, .btn-icon.btn-icon-size-20 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-24, .btn-icon.btn-icon-size-24 { height: 1.5rem !important; width: 1.5rem !important; } .btn-secondary.btn-icon-size-24 mat-icon, .btn-icon.btn-icon-size-24 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-26, .btn-icon.btn-icon-size-26 { height: 1.625rem !important; width: 1.625rem !important; } .btn-secondary.btn-icon-size-26 mat-icon, .btn-icon.btn-icon-size-26 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-32, .btn-icon.btn-icon-size-32 { height: 2rem !important; width: 2rem !important; } .btn-secondary.btn-icon-size-32 mat-icon, .btn-icon.btn-icon-size-32 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-36, .btn-icon.btn-icon-size-36 { height: 2.25rem !important; width: 2.25rem !important; } .btn-secondary.btn-icon-size-36 mat-icon, .btn-icon.btn-icon-size-36 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-40, .btn-icon.btn-icon-size-40 { height: 2.5rem !important; width: 2.5rem !important; } .btn-secondary.btn-icon-size-40 mat-icon, .btn-icon.btn-icon-size-40 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-48, .btn-icon.btn-icon-size-48 { height: 3rem !important; width: 3rem !important; } .btn-secondary.btn-icon-size-48 mat-icon, .btn-icon.btn-icon-size-48 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-64, .btn-icon.btn-icon-size-64 { height: 4rem !important; width: 4rem !important; } .btn-secondary.btn-icon-size-64 mat-icon, .btn-icon.btn-icon-size-64 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size-72, .btn-icon.btn-icon-size-72 { height: 4.5rem !important; width: 4.5rem !important; } .btn-secondary.btn-icon-size-72 mat-icon, .btn-icon.btn-icon-size-72 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--4, .btn-icon.btn-icon-size--4 { height: -0.25rem !important; width: -0.25rem !important; } .btn-secondary.btn-icon-size--4 mat-icon, .btn-icon.btn-icon-size--4 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--8, .btn-icon.btn-icon-size--8 { height: -0.5rem !important; width: -0.5rem !important; } .btn-secondary.btn-icon-size--8 mat-icon, .btn-icon.btn-icon-size--8 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--12, .btn-icon.btn-icon-size--12 { height: -0.75rem !important; width: -0.75rem !important; } .btn-secondary.btn-icon-size--12 mat-icon, .btn-icon.btn-icon-size--12 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--16, .btn-icon.btn-icon-size--16 { height: -1rem !important; width: -1rem !important; } .btn-secondary.btn-icon-size--16 mat-icon, .btn-icon.btn-icon-size--16 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--24, .btn-icon.btn-icon-size--24 { height: -1.5rem !important; width: -1.5rem !important; } .btn-secondary.btn-icon-size--24 mat-icon, .btn-icon.btn-icon-size--24 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--32, .btn-icon.btn-icon-size--32 { height: -2rem !important; width: -2rem !important; } .btn-secondary.btn-icon-size--32 mat-icon, .btn-icon.btn-icon-size--32 mat-icon { width: auto; height: auto; } .btn-secondary.btn-icon-size--40, .btn-icon.btn-icon-size--40 { height: -2.5rem !important; width: -2.5rem !important; } .btn-secondary.btn-icon-size--40 mat-icon, .btn-icon.btn-icon-size--40 mat-icon { width: auto; height: auto; } .btn-flat.btn { border-radius: 0.25rem; background-color: var(--flat-button-background-color); border: 1px solid var(--flat-button-border-color); box-shadow: 0 0 0; color: var(--flat-button-text-color); display: inline-block; font-size: 0.875rem !important; line-height: 1rem; height: 1.25rem; padding: 0 0.5rem; text-transform: uppercase; } .btn-flat.btn > span { font-size: 14px; text-transform: inherit; } .btn-flat.btn[disabled] { cursor: default; opacity: 0.5; } .btn-flat.btn:hover:not([disabled]) { border-color: var(--flat-button-hover-border-color); } .btn-flat.btn:active:not([disabled]) { background: var(--flat-button-active-background-color); border-color: var(--flat-button-hover-border-color); } .btn-flat-icon { background: #f9f9f9; color: #303030; border-color: #bdbdbd; box-shadow: none; padding: 0; height: 2rem; width: 2rem; } .btn-flat-icon i { color: var(--plain-text-color); padding: 0 0.125rem; } .btn-flat-icon[disabled] { cursor: default; opacity: 0.3; } .btn-flat-icon:hover:not([disabled]) { border-color: #737373; } .btn-flat-icon:active:not([disabled]) { background: #d5d5d5; border-color: #737373; } .btn-flat-icon:focus:before { content: none; } .btn-flat-icon.no-border { background-color: white; border: none; } .btn-flat-icon.no-border:hover { border-color: var(--flat-button-text-color); border-style: solid; border-width: 1px; } .btn.input-icon { color: #1976d2; border-color: transparent; box-shadow: none; } .btn.input-icon i { color: var(--icons-color); font-size: 1.125rem; } .btn.input-icon:hover { border-color: #1976d2; } .btn.small, .btn-small { height: 1.5rem; font-size: 14px; } .btn.small > span, .btn-small > span { font-size: inherit; line-height: 1; text-transform: uppercase; } .btn-icon { background: linear-gradient(to bottom, var(--secondary-button-background-color-start), var(--secondary-button-background-color-end)); padding: 0; width: 2rem; height: 2rem; } .btn-icon .Icomoon { margin: 0; } .btn-icon.simple { background: none; color: #303030; display: flex; flex-direction: row; justify-content: center; align-items: center; } .btn-icon.simple[disabled] { pointer-events: none; } .btn-icon.simple:hover { border: 1px solid #737373; border-radius: 0.125rem; } .btn-icon.simple:hover, .btn-icon.simple:focus, .btn-icon.simple:active { background: none; } .btn-icon.small { line-height: 0; align-content: center; align-items: center; display: flex; padding: 0; height: 1.5rem; width: 1.5rem; } .btn-icon.small svg g path { transform: translateX(10%) translateY(10%); } .btn-icon.small i.material-icons { padding: 0 0.125rem; font-size: 1.125rem; } .btn-icon.small i.material-icons.no-color { color: var(--secondary-button-text-color); } .btn-icon.small.no-color:not(.btn-primary) { background: white; border-color: #d5d5d5 !important; } .btn-icon.small.no-color:not(.btn-primary) mat-icon svg path { fill: #303030; } .btn-icon.small.no-color:not(.btn-primary):hover { border-color: #737373 !important; } .btn-icon.small.no-color:not(.btn-primary):focus, .btn-icon.small.no-color:not(.btn-primary):active { background: #e9e9e9; } .btn-icon.small.no-color:not(.btn-primary).pressed:not(:hover) { background: #19b001; } .btn-icon.small.no-color:not(.btn-primary).pressed:not(:hover) mat-icon svg path { fill: white; } .btn-icon.toggled { background: #e0e0e0 !important; border-radius: 2px !important; border: 1px solid #a6a6a6 !important; box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.4); } .btn-icon-template-prev { background: var(--icon-button-template-prev-background-color); border-color: var(--icon-button-template-prev-border-color) !important; box-shadow: none; padding: 0 0.1875rem; height: 2rem; width: 2rem; } .btn-icon-template-prev i.material-icons { color: var(--template-header-text-color); } .btn-icon-template-prev[disabled] { cursor: default; opacity: 0.5; border-color: transparent; } .btn-icon-template-prev:hover i.material-icons { color: var(--icon-button-template-prev-background-color); } .btn-icon-template-prev:hover:not([disabled]) { background: var(--icon-button-template-prev-hover-background-color); border-color: var(--icon-button-template-prev-hover-border-color); } .btn-icon-template-prev:active i.material-icons { color: var(--template-header-text-color); } .btn-icon-template-prev:active:not([disabled]) { background: var(--icon-button-template-prev-background-color); border-color: var(--icon-button-template-prev-border-color); } .btn-icon-hamburger { height: 2rem; width: 2rem; padding: 0 0.1875rem; } .btn-icon-hamburger:hover { border-color: var(--icon-button-hamburger-hover-border-color); } .btn-icon-hamburger:active { border-color: var(--icon-button-hamburger-active-border-color); } .btn-icon-hamburger i.material-icons { color: var(--icon-button-hamburger-text-color) !important; } .btn-icon-drag { height: 1.5rem; width: 1.5rem; border: none; background-color: transparent; box-shadow: none; outline: none; padding: 0; } .btn-icon-drag i.material-icons { color: var(--icon-button-drag-background-color); } .btn-icon-drag[disabled] { cursor: default; opacity: 0.5; } .btn-icon-drag:hover:not([disabled]) i.material-icons { color: var(--icon-button-drag-hover-background-color); } .btn .backToTop { position: fixed; float: right; cursor: pointer; right: 2rem; bottom: 2rem; z-index: 100; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); border-radius: 0.25rem; } .border-none, .border0, .ce-theme .border0 { border-width: 0; border-color: transparent; box-shadow: none !important; } .border-none:hover, .border0:hover, .ce-theme .border0:hover, .border-none:active, .border0:active, .ce-theme .border0:active { box-shadow: none; } .border-none:hover:not([disabled]) i, .border0:hover:not([disabled]) i, .border-none:active:not([disabled]) i, .border0:active:not([disabled]) i { border-color: transparent; } .border-none[disabled], [disabled].border0, .ce-theme [disabled].border0 { cursor: default; background-color: transparent; border: none; } .border0 { color: #737373; } .border0:hover:not([disabled]) i, .border0:active:not([disabled]) i { color: #303030; } .border0[disabled] { opacity: 0.5; } .Button { cursor: pointer; width: auto !important; } .Button.disabled { cursor: default; opacity: 0.5; pointer-events: none; } .Button-text { word-break: keep-all !important; } .Button--moreLoad { background-color: white; border: 1px solid var(--border-color); border-radius: 0.25rem; color: black; position: relative; height: 2.25rem; width: 3rem; z-index: 2; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3); } .Button--moreLoad > span { justify-content: center; } .moreButtonWhiteContainer { background: white; padding: 0.5rem; position: relative; z-index: 2; } .moreButton { background: white; bottom: 0; width: 100%; z-index: 10; } .moreButtonLine { background: var(--border-color); height: 1px; position: absolute; width: 100%; z-index: 1; left: 0; } .ce-theme .btn-primary, .ce-theme .btn-icon.btn-primary-icon, .btn-primary, .btn-icon.btn-primary-icon { background: linear-gradient(to bottom, var(--primary-button-background-color-start), var(--primary-button-background-color-end)); border-color: var(--primary-button-border-color) !important; color: var(--primary-button-text-color); } .btn-primary:hover:not([disabled]), .btn-icon.btn-primary-icon:hover:not([disabled]) { background: var(--primary-button-hover-background-color); border-color: var(--primary-button-hover-border-color); } .btn-primary:focus:not([disabled]), .btn-icon.btn-primary-icon:focus:not([disabled]), .btn-primary:active:not([disabled]), .btn-icon.btn-primary-icon:active:not([disabled]) { background: var(--primary-button-active-background-color); border-color: var(--primary-button-active-border-color); } .btn-primary mat-icon.mat-icon svg g path, .btn-icon.btn-primary-icon mat-icon.mat-icon svg g path { fill: var(--icons-color); } .btn-primary i.material-icons, .btn-icon.btn-primary-icon i.material-icons { color: var(--icons-color); } .ce-theme .border0, .border0 { align-content: center; align-items: center; display: flex; padding: 0; height: 1.5rem; width: 1.5rem; } .ce-theme .border0 svg g path, .border0 svg g path { transform: translateX(10%) translateY(10%) !important; } .border0 i.material-icons { padding: 0 0.125rem; font-size: 1.125rem; } .border0 i.material-icons.no-color { color: var(--secondary-button-text-color); } :root { --plain-text-color: #303030; --icons-color: #303030; --border-color: #d5d5d5; --mat-checkbox-border-color: #757575; --header-bar-background-color-start: #296bac; --header-bar-background-color-stop: #296bac; --top-navigation-link-color: #fff; --top-navigation-link-highlighted-color: #fff; --template-header-background-color-start: #0e568c; --template-header-background-color-stop: #0e568c; --template-header-text-color: #fff; --icon-button-template-prev-background-color: var(--template-header-background-color-start); --icon-button-template-prev-border-color: var(--template-header-text-color); --icon-button-template-prev-hover-background-color: var(--template-header-text-color); --icon-button-template-prev-hover-border-color: var(--template-header-background-color-start); /* PRIMARY BUTTON */ --primary-button-background-color-start: #1976d2; --primary-button-background-color-end: #1976d2; --primary-button-border-color: #296bac; --primary-button-text-color: #fff; --primary-button-hover-background-color: #296bac; --primary-button-hover-border-color: #062340; --primary-button-active-background-color: #1a4c7e; --primary-button-active-border-color: #296bac; --primary-button-active-text-color: #296bac; /* SECONDARY BUTTON */ --secondary-button-background-color-start: #fff; --secondary-button-background-color-end: #fff; --secondary-button-border-color: #CCCCCC; --secondary-button-text-color: #303030; --secondary-button-hover-border-color: #767676; --secondary-button-active-background-color: #e9e9e9; --secondary-button-active-border-color: #767676; /* FLAT BUTTON */ --flat-button-background-color: #ffffff; --flat-button-border-color: #d5d5d5; --flat-button-text-color: #1976d2; --flat-button-hover-border-color: #767676; --flat-button-active-background-color: #e9e9e9; /* ICON BUTTON */ --icon-button-flat-background: #f9f9f9; --icon-button-flat-text-color: #303030; --icon-button-flat-border-color: #bdbdbd; --icon-button-flat-hover-border-color: #767676; --icon-button-flat-active-background-color: #d5d5d5; --icon-button-flat-active-border-color: #767676; --icon-button-hamburger-background-color: var(--header-bar-background-color-start); --icon-button-hamburger-text-color: var(--top-navigation-link-color); --icon-button-hamburger-hover-border-color: #bdbdbd; --icon-button-hamburger-active-border-color: var(--top-navigation-link-highlighted-color); --icon-button-drag-background-color: #d5d5d5; --icon-button-drag-hover-background-color: #303030; /* FOOTER BAR */ --footer-bar-background-color-start: #062340; --footer-bar-background-color-end: #062340; /* QUESTIONNAIRE */ --questionnaire-variable-selected-color: #1976D2; --questionnaire-variable-invalid-color: #d0021b; --questionnaire-variable-secondary-text-color: #303030; --questionnaire-variable-disabled-text-color: #757575; } /* Deprecated Variables - Replaced with status variables ______________________________________*/ /*	Components -------------------------------------------*/ /* Loader */ /* Alerts */ /* Alerts - error */ /* Alerts - warning/caution */ /* Alerts - success */ /* Alerts - default */ /* Button Group */ /* Global Header */ /* Tabs */ /* Tooltip */ /* Toast */ /* Modal */ /* Section Header */ /* Section Sidebar */ /* Header Navigation */ /* Questionnaire */ /*	Animations -------------------------------------------*/ /*	Text Formatting -------------------------------------------*/ /* * Generates suffix for responsive $point and $suffix. * Examples: 1) $point: 'fromL', $suffix: 'from' returns 'from-l' 2) $point: 'XXL', $suffix: 'from' returns 'xxl' 3) $point: 'uptoS', $suffix: 'upto' returns 'upto-s' **/ /* * Generates css class for responsive $point. **/ /* @deprecated Use "whenBrowser" mixin instead. */ /* @deprecated Use "whenBrowser" mixin instead. */ /* Word-wrap */ /* Font size */ /* Font size */ /* Appends all the icons from passed array to the hidden background for icons preloading */ /* [$iconsPathesArray] - array of the icons pathes (as strings, not urls), started from "assets/images..." */ /************* * VARIABLES * *************/ ce-questionnaire-variable-prompt, .QuestionnaireSecondaryText, ce-questionnaire-variable ce-questionnaire-guidance { font-family: "Source Sans Pro"; display: inline-block; } /******************** * BOOTSTRAP STYLES * ********************/ .ce-themeNoScroll div.ResizerHorizontalLeftFramed { overflow-y: auto; } /***************** * LAYOUT * *****************/ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ @media (max-width: 576px) { #cecEditQuestionnaireFrame { background-color: #ffffff; position: fixed; overflow-y: hidden; } #cecEditQuestionnaireFrame div.ResizerHorizontal { height: 100%; } } #cecMainPageContainer { position: relative; } #SpecialIdentifierQuestionnaireLocation:not(.Questionnaire) { overflow-x: hidden; position: fixed; max-height: 100%; } body.Questionnaire { padding: 0 2.5rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 576px) { body.Questionnaire { padding: 0; } body.Questionnaire ce-questionnaire-actions, body.Questionnaire ce-questionnaire-actions-section { padding: 1rem 0rem 0.75rem; } } body.Questionnaire input { line-height: normal !important; } body.Questionnaire div.StructuralBottom { padding: 0; } body.Questionnaire div.LoadingMessage:empty { display: none; visibility: hidden; } body.Questionnaire div.ResizerHorizontalLeftScroll, body.Questionnaire div.StructuralBottomWideLeft { padding-top: 16px; padding-bottom: 16px; } body.Questionnaire div.StructuralBottomWideLeft { width: 30%; } body.Questionnaire div.StructuralBottomWideRight { width: calc(100% - 30%); } body.Questionnaire div.ResizerHorizontalLeftFramed div.Questionnaire, body.Questionnaire div.ResizerHorizontalLeftNotFramed div.Questionnaire { padding-top: 14px; padding-right: 40px; padding-left: 40px; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 893px) { body.Questionnaire div.ResizerHorizontalLeftFramed div.Questionnaire, body.Questionnaire div.ResizerHorizontalLeftNotFramed div.Questionnaire { padding-top: 0; padding-right: 0.25rem; padding-left: 20px; padding-bottom: 0; } } @media (max-width: 576px) { body.Questionnaire div.ResizerHorizontalLeftFramed div.Questionnaire, body.Questionnaire div.ResizerHorizontalLeftNotFramed div.Questionnaire { padding-top: 0; padding-right: 1rem; padding-left: 1rem; } } body.Questionnaire div.ResizerHorizontalLeftScroll div.Questionnaire { padding: 0 16px; } body.Questionnaire input[type=radio], body.Questionnaire input[type=checkbox] { height: 1rem; width: 1rem; margin-top: 0.25rem; margin-bottom: 0.25rem; flex-shrink: 0; } body.Questionnaire .btn, body.Questionnaire .btn-icon { min-width: 2.25rem; } @media (max-width: 1024px) { body.Questionnaire .btn, body.Questionnaire .btn-icon { box-sizing: border-box; min-height: 2.25rem; } body.Questionnaire ul { display: flex; flex-direction: column; } body.Questionnaire li { box-sizing: border-box; align-items: center; min-height: 2.75rem; } body.Questionnaire option { box-sizing: border-box; display: flex; align-items: center; min-height: 2.75rem; } body.Questionnaire input[type=radio], body.Questionnaire input[type=checkbox] { margin-top: 0.875rem; margin-bottom: 0.875rem; position: relative; } body.Questionnaire input[type=radio]:after, body.Questionnaire input[type=checkbox]:after { content: ""; position: absolute; width: 2.75rem; height: 2.75rem; top: -0.875rem; left: -0.875rem; } body.Questionnaire input[type=text] { box-sizing: border-box; min-height: 2.25rem; } } .NoPaddings { padding: 0 !important; } /****************** * RESIZER * ******************/ .ResizerHorizontalDragInner:after, .ResizerVerticalDragInner:after { color: var(--primary-button-border-color) !important; } /********************* * COMPONENTS STYLES * *********************/ div.LoadingMessage { z-index: 999; position: absolute; display: flex; align-items: center; max-width: 350px; margin: 14px 0px; padding: 0 16px; background: #3b3f4a; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); top: 0; left: 0; border-width: 0; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #ffffff; font-size: 1rem; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 576px) { div.LoadingMessage { max-width: 100%; width: calc(100% - 16px); bottom: 0px; top: auto; left: auto; height: auto; box-sizing: border-box; padding: 0.875rem 1rem; margin: 0.5rem; } div.LoadingMessage > div { white-space: normal; word-break: break-word; } } .stringSearchList { /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .stringSearchList .mdc-line-ripple { background-color: transparent !important; display: none; } .stringSearchList .mat-mdc-form-text-infix { padding: 0 !important; border: none !important; margin-top: 0 !important; } .stringSearchList .mat-mdc-form-field-flex { width: 100% !important; } ce-questionnaire-variable .hidden { display: none; } ce-questionnaire-variable .ghosted { position: relative; pointer-events: none; } ce-questionnaire-variable:after { background: var(--questionnaire-variable-selected-color); } ce-questionnaire-variable ce-string-search-list mat-form-field.mat-mdc-form-field.mat-form-field-appearance-fill { padding-bottom: 0; } ce-questionnaire-variable ce-string-search-list mat-form-field.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix { border: none; padding: 0; } ce-questionnaire-variable.Invalid ce-dropbox button.select-trigger, ce-questionnaire-variable.invalid ce-dropbox button.select-trigger { border: 1px solid var(--questionnaire-variable-invalid-color); } ce-questionnaire-variable.Invalid ce-questionnaire-text-input textarea.InputField, ce-questionnaire-variable.Invalid ce-questionnaire-text-input input.InputField, ce-questionnaire-variable.Invalid ce-string-search-list textarea.InputField, ce-questionnaire-variable.Invalid ce-string-search-list input.InputField, ce-questionnaire-variable.invalid ce-questionnaire-text-input textarea.InputField, ce-questionnaire-variable.invalid ce-questionnaire-text-input input.InputField, ce-questionnaire-variable.invalid ce-string-search-list textarea.InputField, ce-questionnaire-variable.invalid ce-string-search-list input.InputField { border: 1px solid var(--questionnaire-variable-invalid-color); } ce-questionnaire-variable.Invalid ce-string-rich-edit-box .cke_contents, ce-questionnaire-variable.invalid ce-string-rich-edit-box .cke_contents { border: 1px solid var(--questionnaire-variable-invalid-color); margin: -2px -1px 0px -1px; } ce-questionnaire-variable.Selected ce-dropbox button.select-trigger { border: 2px solid var(--questionnaire-variable-selected-color); } ce-questionnaire-variable.Selected ce-questionnaire-text-input textarea.InputField, ce-questionnaire-variable.Selected ce-questionnaire-text-input input.InputField, ce-questionnaire-variable.Selected ce-string-search-list textarea.InputField, ce-questionnaire-variable.Selected ce-string-search-list input.InputField { border: 1px solid var(--questionnaire-variable-selected-color); } ce-questionnaire-variable.Selected ce-string-rich-edit-box .cke_contents { border: 1px solid var(--questionnaire-variable-selected-color); margin: -2px -1px 0px -1px; } ce-questionnaire-variable.Selected ce-string-list-select-list select.ValueSelectList { border: 1px solid var(--questionnaire-variable-selected-color); } ce-questionnaire-variable label { font-size: 95%; font-weight: 400; } ce-questionnaire-variable ce-questionnaire-text-input.width-side-by-side { width: 100%; } ce-questionnaire-variable ce-questionnaire-guidance { color: var(--questionnaire-variable-disabled-text-color); } ce-questionnaire-variable-prompt .compulsory { color: var(--questionnaire-variable-invalid-color); } ce-questionnaire-group-title .btn-edit { font-size: 85%; } ce-questionnaire-guidance div.TellMeMoreActiveText { margin: 0 !important; } ce-questionnaire-repeat-group.hidden { display: none !important; } ce-questionnaire-repeat-group:not(:first).ghosted { display: none; } ce-questionnaire-repeat-group ce-questionnaire-repeat-group-title ce-show-warning .ShowWarning { margin: 0 !important; display: flex; flex-direction: row; } ce-questionnaire-repeat-group-title ce-show-warning .ShowWarning .ShowWarning-content, ce-entity-select-list, ce-string-edit-box .btn-search, ce-questionnaire-repeat-management, ce-questionnaire-repeat-navigation { font-size: 0.75rem !important; } ce-questionnaire-repeat-group-title ce-show-warning .ShowWarning .ShowWarning-content .btn-secondary, ce-entity-select-list .btn-secondary, ce-string-edit-box .btn-search .btn-secondary, ce-questionnaire-repeat-management .btn-secondary, ce-questionnaire-repeat-navigation .btn-secondary { font-size: 0.75rem !important; } ce-questionnaire-repeat-navigation .btn-secondary { width: 1.5rem; } ce-questionnaire-repeat-navigation .btn-secondary .material-icons { margin: 0 !important; } ce-questionnaire-variable-state .dropdown { width: 80px; } ce-questionnaire-variable-prompt, .QuestionnaireSecondaryText { font-size: 104%; font-weight: 400; line-height: 20px; color: var(--questionnaire-variable-secondary-text-color); } ce-dropbox .select-menu { position: absolute; min-width: 100%; z-index: 2; color: #212529; text-align: left; list-style: none; overflow-x: hidden; background-color: #fff; border: 1px solid var(--questionnaire-variable-selected-color); max-height: 300px; overflow: auto; } ce-dropbox .select-trigger { width: 100%; border: 1px solid #303030; text-align: left; font-size: 15px; color: #212529; border-radius: 2px; cursor: pointer; } ce-dropbox .select-trigger:focus { border-color: var(--questionnaire-variable-selected-color); } ce-dropbox .select-item { max-width: 100%; max-height: -moz-fit-content; max-height: fit-content; display: flex; align-items: center; padding: 0 7px; cursor: pointer; font-size: 15px; } ce-dropbox .select-item:hover, ce-dropbox .select-item:focus { background-color: whitesmoke; } ce-dropbox .select-item.active { background-color: var(--questionnaire-variable-selected-color); color: #fff; } ce-questionnaire-grid-repeat-group ce-dropbox .select-menu { max-height: 120px; } ce-questionnaire-grid-repeat-group .InputField { min-width: 15rem; } ce-questionnaire-grid-repeat-group label.ValueButtonList, ce-questionnaire-grid-repeat-group label.ValueButtonListDisabled { word-break: normal; } ce-search-address-modal, ce-search-company-modal, ce-select-entity-modal, ce-search-user-drawer { display: block; width: 100%; } ce-questionnaire-edit .PreviewText ul { list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; padding-inline-end: 0; padding-left: 40px; margin: auto; line-height: normal; } span.committed { font-style: italic; white-space: pre-line; overflow-wrap: break-word; } span.unknown { font-style: normal; color: red; } ce-questionnaire-variable-value fieldset { margin: 0 !important; } /************************* * QUESTIONNAIRE ACTIONS * *************************/ .questionnaire-kebab-item.mat-mdc-menu-item:hover:not([disabled]) { background: #ebebeb; } .questionnaire-kebab-item.mat-mdc-menu-item[disabled] .questionnaire-kebab-icon { opacity: 0.5; } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon { display: inline-block; } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Download-icon { margin-right: 0.75rem; width: 1.125rem; height: 1.125rem; background-repeat: no-repeat; background-position: center; background-image: url('Download_kebab.3767371f1aea97cb.svg'); } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Download-icon:before { content: ""; display: block; height: 100%; background-color: var(--icons-color); -webkit-mask-image: url('Download_kebab.3767371f1aea97cb.svg'); mask-image: url('Download_kebab.3767371f1aea97cb.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Refresh-icon { margin-right: 0.75rem; width: 1.125rem; height: 1.125rem; background-repeat: no-repeat; background-position: center; background-image: url('Refresh_kebab.cde12b865bdf7852.svg'); } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Refresh-icon:before { content: ""; display: block; height: 100%; background-color: var(--icons-color); -webkit-mask-image: url('Refresh_kebab.cde12b865bdf7852.svg'); mask-image: url('Refresh_kebab.cde12b865bdf7852.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Settings-icon { margin-right: 0.75rem; width: 1.125rem; height: 1.125rem; background-repeat: no-repeat; background-position: center; background-image: url('Settings_kebab.23e3d8cc2f3de54e.svg'); } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Settings-icon:before { content: ""; display: block; height: 100%; background-color: var(--icons-color); -webkit-mask-image: url('Settings_kebab.23e3d8cc2f3de54e.svg'); mask-image: url('Settings_kebab.23e3d8cc2f3de54e.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Troubleshoot-icon { margin-right: 0.75rem; width: 1.125rem; height: 1.125rem; background-repeat: no-repeat; background-position: center; background-image: url('Troubleshoot_kebab.1ac567d22d02768b.svg'); } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Troubleshoot-icon:before { content: ""; display: block; height: 100%; background-color: var(--icons-color); -webkit-mask-image: url('Troubleshoot_kebab.1ac567d22d02768b.svg'); mask-image: url('Troubleshoot_kebab.1ac567d22d02768b.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Upload-icon { margin-right: 0.75rem; width: 1.125rem; height: 1.125rem; background-repeat: no-repeat; background-position: center; background-image: url('Upload_kebab.f37d03989fe0e0e2.svg'); } .questionnaire-kebab-item.mat-mdc-menu-item .questionnaire-kebab-icon.Upload-icon:before { content: ""; display: block; height: 100%; background-color: var(--icons-color); -webkit-mask-image: url('Upload_kebab.f37d03989fe0e0e2.svg'); mask-image: url('Upload_kebab.f37d03989fe0e0e2.svg'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } ce-questionnaire-actions, ce-questionnaire-actions-section { display: flex; border-radius: 0px; background: #ffffff; border-radius: 0px; box-shadow: inset 0px -1px 0px 0px #D9D9D9, 0px 1px 0px 0px #D9D9D9; } ce-questionnaire-actions ce-kebab-menu, ce-questionnaire-actions-section ce-kebab-menu { background-image: url('Download_kebab.3767371f1aea97cb.svg'), url('Refresh_kebab.cde12b865bdf7852.svg'), url('Settings_kebab.23e3d8cc2f3de54e.svg'), url('Troubleshoot_kebab.1ac567d22d02768b.svg'), url('Upload_kebab.f37d03989fe0e0e2.svg'); background-size: 0; } /*********************** * QUESTIONNAIRE MODAL * ***********************/ .cdk-overlay-backdrop { opacity: 0.5 !important; } .questionnaire-modal { min-height: 30%; max-height: 95%; flex-direction: column; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 576px) { .questionnaire-modal { display: flex; justify-content: space-between; max-height: 100% !important; height: 100vh; } } @media screen and (max-width: 767px) { @supports (-webkit-overflow-scrolling: touch) { .questionnaire-modal { max-height: 45vh; } } } .questionnaire-modal-host .mat-mdc-dialog-container { border-radius: 0.125rem !important; width: 45rem; min-height: 30%; max-height: 95%; } @media screen and (max-width: 767px) { .questionnaire-modal-host .mat-mdc-dialog-container { width: 100%; min-height: initial; max-height: none; max-width: none; } } .questionnaire-modal-header { padding-left: 2rem; padding-right: 2rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-family: "Source Sans Pro"; color: #303030; border-bottom: solid 1px #bdbdbd; } .questionnaire-modal-header.bottom-shade { box-shadow: 0 3px 6px 0 #CCC9C9; } .questionnaire-modal-header .cross { cursor: pointer; } .questionnaire-modal-body { padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 3.25rem; max-height: 50vh; /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 576px) { .questionnaire-modal-body { max-height: 100vh !important; } } .questionnaire-modal-body-placeholder { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (max-width: 576px) { .questionnaire-modal-body-placeholder { max-height: 100vh !important; } } .questionnaire-modal-footer { border-top: solid 1px #bdbdbd; padding-left: 2rem; padding-right: 2rem; padding-top: 1rem; padding-bottom: 1rem; background-color: #f9f9f9; } body.Questionnaire .ContentAsDialog-host .mat-mdc-dialog-container { box-shadow: 0 1px 6px 1px #CCC9C9; } body.Questionnaire .ContentAsDialog-host.dragging .mat-mdc-dialog-container { box-shadow: 0 0 6px 0 #CCC9C9; } body.Questionnaire .ContentAsDialog-body-placeholder { max-height: 100%; } /****************************** * QUESTIONNAIRE EXPAND PANEL * ******************************/ .ContentAsDialog-host.dock-bottom div.QuestionnaireExpandPanelHeader.expand-panel-header, .ContentAsDialog-host.dock-bottom div.QuestionnaireExpandPanelBody.expand-panel-body [ceExpandPanelBody] { border-radius: 0; border-left: 0; border-right: 0; } div.QuestionnaireExpandPanelHeader.expand-panel-header { border-width: 0.0625rem; border-radius: 0.25rem; border-style: solid; background-color: #ebebeb; border-color: #bababa; line-height: 1.125rem; padding: 0.875rem 1rem; margin: 0; position: relative; z-index: 2; transition-property: margin-bottom; transition-delay: 0.3s; cursor: pointer; } div.QuestionnaireExpandPanelHeader.expand-panel-header.expanded { transition-delay: 0s; margin-bottom: -0.125rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } div.QuestionnaireExpandPanelHeader.expand-panel-header [ceExpandPanelHeader] { width: 100%; } div.QuestionnaireExpandPanelHeader.expand-panel-header .expand-panel-icon { order: 2; transform: rotate(90deg); width: 1.125rem; height: 1.125rem; margin: 0 0 0 0.75rem; background-size: 100% 150%; } div.QuestionnaireExpandPanelHeader.expand-panel-header .expand-panel-icon.expanded { transform: rotate(-90deg); } div.QuestionnaireExpandPanelBody.expand-panel-body { margin-left: 0px; padding-bottom: 0px !important; opacity: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0.0625rem #bababa solid; border-radius: 0px 0px 0.25rem 0.25rem; } div.QuestionnaireExpandPanelBody.expand-panel-body.expanded { opacity: 1; } div.QuestionnaireExpandPanelBody.expand-panel-body [ceExpandPanelBody] { width: 100%; margin: 0px; padding: 0px; display: block; } div.QuestionnaireExpandPanelBody.expand-panel-body [ceExpandPanelBody] .expand-panel-body-element { margin: 0px; border-width: 0.0625rem 0px 0px 0px; border-style: solid; border-color: #d5d5d5; padding: 0.75rem 1rem; display: flex; text-decoration: none; overflow-y: hidden; cursor: pointer; } /************* * TOOLTIPS * ************/ .mat-mdc-tooltip._mat-animation-noopable { animation: mat-mdc-tooltip-show 200ms cubic-bezier(0, 0, 0.2, 1) forwards !important; margin: 0 0 0 14px !important; } .mat-mdc-tooltip.QuestionnaireTooltip { background: #3b3f4a; border-radius: 0.125rem; } .mat-mdc-tooltip.QuestionnaireTooltip.NewWarnings { animation-name: tooltipSlideUp; animation-duration: 5s; animation-delay: 0s; animation-fill-mode: none; margin-bottom: 0.625rem; } @keyframes tooltipSlideUp { 0% { opacity: 0; margin-bottom: -0.3125rem; } 40% { margin-bottom: 0.625rem; opacity: 1; } 100% { opacity: 0; } } /**************** * PREVIEW MODE * ****************/ body.Questionnaire { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media screen and (max-width: 1024px) and (min-width: 769px) { body.Questionnaire.WithPreview { padding-right: 0; } body.Questionnaire.WithPreview ce-questionnaire-actions, body.Questionnaire.WithPreview ce-questionnaire-actions-section { padding-right: 2.5rem; } } @media screen and (max-width: 768px) and (min-width: 577px) { body.Questionnaire.WithPreview { padding-right: 0; padding-left: 0.5rem; } body.Questionnaire.WithPreview ce-questionnaire-actions, body.Questionnaire.WithPreview ce-questionnaire-actions-section { padding-right: 1rem; } } @media (max-width: 576px) { body.Questionnaire { padding: 0px; } body.Questionnaire.WithPreview ce-questionnaire-actions, body.Questionnaire.WithPreview ce-questionnaire-actions-section { padding-bottom: 1rem; } body.Questionnaire.WithPreview .actions-container .actions-button-wrapper { margin-bottom: 0 !important; } body.Questionnaire.WithPreview .actions-container .other-actions-container, body.Questionnaire.WithPreview .actions-container .border-top { display: none; } } div.ResizerHorizontalRightScroll { /* Deprecated values: desktop,laptop,tablet,phablet,mobile */ } @media (min-width: 577px) { div.ResizerHorizontalRightScroll { min-width: 24.125rem; } } .ResizerHorizontalLeftScroll .Questionnaire, .ResizerVerticalTopScroll .Questionnaire { overflow-x: hidden; overflow-y: auto; border: 0.0625rem solid #d0d0d0; padding-top: 0; } .StructuralBottomWideLeftHidden { display: none; } .ql-picker-options { max-height: 9.375rem; overflow: auto; } .ql-formats, .ql-size { margin-right: 0.25rem !important; padding-right: 0.25rem; border-right: 0.0625rem solid #cccccc; } .ql-size { width: 3.125rem !important; } .ql-formats:last-child { border: none; } ce-questionnaire-preview .QuestionnairePreview-small .preview .document .PreviewDocumentContent, ce-questionnaire-preview-section .QuestionnairePreview-small .preview .document .PreviewDocumentContent { padding: 1.375rem 1.5rem !important; } ce-questionnaire-preview .QuestionnairePreview-small ce-dropbox .dropdown, ce-questionnaire-preview .QuestionnairePreview-medium ce-dropbox .dropdown, ce-questionnaire-preview-section .QuestionnairePreview-small ce-dropbox .dropdown, ce-questionnaire-preview-section .QuestionnairePreview-medium ce-dropbox .dropdown { border: none; } ce-questionnaire-preview .QuestionnairePreview-small ce-dropbox .dropdown .select-trigger, ce-questionnaire-preview .QuestionnairePreview-medium ce-dropbox .dropdown .select-trigger, ce-questionnaire-preview-section .QuestionnairePreview-small ce-dropbox .dropdown .select-trigger, ce-questionnaire-preview-section .QuestionnairePreview-medium ce-dropbox .dropdown .select-trigger { height: 2.25rem; background: #ffffff; border-radius: 2px; border: 1px solid #808080; align-items: center; padding-left: 0.625rem; } ce-questionnaire-preview .QuestionnairePreview-large ce-dropbox .dropdown, ce-questionnaire-preview-section .QuestionnairePreview-large ce-dropbox .dropdown { border: none; } ce-questionnaire-preview .QuestionnairePreview-large ce-dropbox .dropdown .select-trigger, ce-questionnaire-preview-section .QuestionnairePreview-large ce-dropbox .dropdown .select-trigger { height: 3.5rem; align-items: center; font-weight: 600; font-size: 1rem; border: none; padding-left: 1.5rem; } ce-questionnaire-preview ce-dropbox[disabled=true], ce-questionnaire-preview-section ce-dropbox[disabled=true] { pointer-events: none; } ce-questionnaire-preview ce-dropbox[disabled=true] .select-trigger .material-icons, ce-questionnaire-preview-section ce-dropbox[disabled=true] .select-trigger .material-icons { opacity: 0.4; } ce-questionnaire-preview ce-dropbox .select-menu, ce-questionnaire-preview-section ce-dropbox .select-menu { border: none; box-shadow: 0 1px 6px 0 #CCC9C9; } ce-questionnaire-preview ce-dropbox .select-menu .select-item, ce-questionnaire-preview-section ce-dropbox .select-menu .select-item { border: none; padding: 0.75rem 0.5rem; } .SelectTemplate { /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ } .SelectTemplate mat-tab-body { display: none; } .MainDatagridPage { display: flex; flex-direction: column; height: 100%; } .MainDatagridPage .gridContainer { flex-grow: 1; position: relative; } .Datagrid-wrapper.fixed { height: 100%; display: flex; flex-direction: column; } .Datagrid-wrapper.fixed .Datagrid-container { height: 100%; flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; } .Datagrid-wrapper.fixed .Datagrid-container .Table { flex-grow: 1; overflow: hidden; display: flex; flex-direction: column; } .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-header-row { display: table; width: 100%; } .Datagrid-wrapper.fixed .Datagrid-container .Table .Datagrid-header { overflow-x: hidden; position: sticky; top: 0; z-index: 9999; width: 100%; } .Datagrid-wrapper.fixed .Datagrid-container .Table .Datagrid-header .no-transition { transition: none !important; } .Datagrid-wrapper.fixed .Datagrid-container .Table .Datagrid-header .Column-label { word-wrap: break-word; overflow: hidden; text-align: left; } .Datagrid-wrapper.fixed .Datagrid-container .Table .Datagrid-header .mat-header-row-group { display: flex; flex-direction: row; align-items: flex-start; padding-right: 5rem; } .Datagrid-wrapper.fixed .Datagrid-container .Table .Datagrid-header .mat-header-row-group .mat-header-cell { flex-shrink: 0; } .Datagrid-wrapper.fixed .Datagrid-container .Table .Datagrid-content { outline: none; flex-grow: 1; } .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-header-cell, .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-cell { padding-right: 1.5rem; position: relative; } .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-small { padding-right: 0; } @media screen and (max-width: 767px) { .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-header-cell, .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-cell { display: none; padding-right: 0px; } .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-select-box, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-filter, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-modifiedAt, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-status, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-matterId, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-dueDate, .Datagrid-wrapper.fixed .Datagrid-container .Table .mat-icon-cell { min-width: 0px; flex: 1 1 0px; display: flex; } .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-status, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-dueDate { width: 9.375rem !important; } .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-name, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-projectsName, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-contractName { min-width: 0px; flex: 1.5 1.5 0px; display: flex; width: 50% !important; } } @media screen and (max-width: 767px) and (max-width: 575px) { .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-status, .Datagrid-wrapper.fixed .Datagrid-container .Table .cell-matterId { display: none; } } .Datagrid-wrapper.fixed .Datagrid-container .Table em { background-color: yellow; } .Datagrid-actionsPanel { display: flex; flex-direction: row; } .Datagrid-actionsPanel button:not(:last-child) { margin-right: 0.5rem; } .Search { min-width: 308px; position: relative; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ } .Search input { outline: none; } .Search .Search-formField { padding: 0 !important; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ } .Search .Search-formField .mat-mdc-text-field-wrapper.mdc-text-field { width: 100%; } .Search .Search-formField .mat-mdc-form-field-infix { margin: 0 !important; } .Search-button { box-sizing: border-box; border-radius: 2px; height: 1.875rem; right: 0; top: 0; padding: 0; position: absolute; width: 2rem; } .Search-button:hover { background: var(--secondary-button-hover-background-color); border-color: var(--secondary-button-hover-border-color); } .Search-button:focus, .Search-button:active { background: var(--secondary-button-active-background-color); border-color: var(--secondary-button-active-border-color); } .Search-resetSearch { position: absolute; top: 0.3125rem; right: 1.875rem; cursor: pointer; outline: none; } .Search-resetSearch i { font-size: 1.125rem; } .Search .mat-mdc-form-text-infix { min-width: 19.25rem; } .Search .mat-mdc-input-element { padding-right: 4rem; } .Search span label.mat-mdc-floating-label { padding-left: 0.75rem !important; } /************************************************* Name: Table Tools Description: Table tools component styles. SCSS Source: assets/styles/components/_components.table-tools.scss Version: 1.0 **************************************************/ .TableTools { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; padding-bottom: 0.75rem; padding-top: 0.75rem; /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/ } .TableTools mat-form-field.mat-form-field-appearance-legacy .mat-mdc-text-field-wrapper { padding-bottom: 0; } .TableTools .mat-mdc-form-text-infix { margin-top: 0; } .TableTools .Mat-input.mat-form-field-can-float.mat-form-field-should-float .mat-mdc-floating-label, .TableTools .Mat-input.mat-form-field-can-float .mat-input-server:focus + .mat-mdc-floating-label-wrapper .mat-mdc-floating-label { transform: translateY(-1.4em) scale(0.75) perspective(100px) translateZ(0.001px); } .input { border: 0.0625rem solid var(--border-color); padding: 0.25rem; color: var(--plain-text-color); } .input:-ms-input-placeholder { /* IE 10+ */ color: #d5d5d5; } .Splash { position: relative; width: 100%; height: 100%; } .Splash .lds-dual-ring { position: absolute; top: calc(50% - 32px); left: calc(50% - 32px); display: inline-block; width: 64px; height: 64px; } .Splash .lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid; border-color: rgb(59, 63, 74) transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .Footer-group { font-size: 14px; background: linear-gradient(to bottom, var(--footer-bar-background-color-start), var(--footer-bar-background-color-end)); color: #bdbdbd; min-height: 2.5rem; padding: 0.6rem 1rem; } @font-face { font-family: "Source Sans Pro ExtraLight"; src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url('sourcesansproextralight.b3d7fb171f69a0d0.woff2') format("woff2"), url('sourcesansproextralight.c9a73b8bb9b381b7.woff') format("woff"), url('sourcesansproextralight.e9505f044ccf2fc7.ttf') format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: "Source Sans Pro ExtraLight Italic"; src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightIt"), url('sourcesansproextralightitalic.2d3c09a563ca98fa.woff2') format("woff2"), url('sourcesansproextralightitalic.169e43bf6b20c15b.woff') format("woff"), url('sourcesansproextralightitalic.b1aeb65c84853eab.ttf') format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: "Source Sans Pro Light"; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url('sourcesansprolight.c8491d0fb39ade07.woff2') format("woff2"), url('sourcesansprolight.baccde14a1c0848c.woff') format("woff"), url('sourcesansprolight.e7c565859dbc9bcd.ttf') format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Source Sans Pro Light Italic"; src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightIt"), url('sourcesansprolightitalic.67a3fcc3efc0af94.woff2') format("woff2"), url('sourcesansprolightitalic.a78a34df53d4dce1.woff') format("woff"), url('sourcesansprolightitalic.d2d89e82276454b4.ttf') format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "Source Sans Pro"; src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url('sourcesanspro.6f9193e4f149e5f3.woff2') format("woff2"), url('sourcesanspro.edd7aa217c3a9adf.woff') format("woff"), url('sourcesanspro.bf151e407ccc53f2.ttf') format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Source Sans Pro Italic"; src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url('sourcesansproitalic.5c45ee1d24795afa.woff2') format("woff2"), url('sourcesansproitalic.b3444cadcbfd88e0.woff') format("woff"), url('sourcesansproitalic.66e06fe69bf627ad.ttf') format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Source Sans Pro Semibold"; src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url('sourcesansprosemibold.8f11fc0190aa6c42.woff2') format("woff2"), url('sourcesansprosemibold.90e7aa0051e7be25.woff') format("woff"), url('sourcesansprosemibold.6eafd5156f274d5f.ttf') format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Source Sans Pro Semibold Italic"; src: local("Source Sans Pro Semibold Italic"), local("SourceSansPro-SemiboldIt"), url('sourcesansprosemibolditalic.3143b05a91d9c999.woff2') format("woff2"), url('sourcesansprosemibolditalic.71fd0bb5d0c2b603.woff') format("woff"), url('sourcesansprosemibolditalic.fc0b5d9e45172810.ttf') format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Source Sans Pro Bold"; src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url('sourcesansprobold.756e58d983d91279.woff2') format("woff2"), url('sourcesansprobold.a5c727dba945daa0.woff') format("woff"), url('sourcesansprobold.05798b907ec81fd7.ttf') format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Source Sans Pro Bold Italic"; src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldIt"), url('sourcesansprobolditalic.0e5941794de76ab8.woff2') format("woff2"), url('sourcesansprobolditalic.16213c9956ab92ab.woff') format("woff"), url('sourcesansprobolditalic.f628651907b34258.ttf') format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "Source Sans Pro Black"; src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url('sourcesansproblack.b4c7350af2eaa6a0.woff2') format("woff2"), url('sourcesansproblack.8f6b75826e12b648.woff') format("woff"), url('sourcesansproblack.6c8151e47ec3215b.ttf') format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Source Sans Pro Black Italic"; src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackIt"), url('sourcesansproblackitalic.0909dfa3b8c9447c.woff2') format("woff2"), url('sourcesansproblackitalic.6f78154aecab67eb.woff') format("woff"), url('sourcesansproblackitalic.35974f34de8e3632.ttf') format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: "Source Code Pro"; src: local("Source Code Pro"), local("SourceCodePro-Regular"), url('SourceCodePro-Regular.02b93117df901cc8.ttf') format("truetype"); font-weight: 400; font-style: normal; } /* Material Icons version: 4.0.0 */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url('MaterialIcons-Regular.b8846fb877b762df.woff2') format("woff2"), url('MaterialIcons-Regular.ac136f67c16f978e.woff') format("woff"), url('MaterialIcons-Regular.f2f78d19b778412c.ttf') format("truetype"), url('MaterialIcons-Regular.7c1f17da80e45559.svg') format("svg"); } @font-face { font-family: "Lucida Grande"; font-style: normal; font-weight: 400; src: local("Lucida Grande"), local("LucidaGrande"), local("LucidaGrande-Regular"), url('LucidaGrande-Regular.4fca903322a0da5c.ttf') format("truetype"); } .f-auto { font-size: auto; } .f-0 { font-size: 0; } .f-2 { font-size: 0.125rem; } .f-4 { font-size: 0.25rem; } .f-8 { font-size: 0.5rem; } .f-12 { font-size: 0.75rem; } .f-16 { font-size: 1rem; } .f-20 { font-size: 1.25rem; } .f-24 { font-size: 1.5rem; } .f-26 { font-size: 1.625rem; } .f-32 { font-size: 2rem; } .f-36 { font-size: 2.25rem; } .f-40 { font-size: 2.5rem; } .f-48 { font-size: 3rem; } .f-64 { font-size: 4rem; } .f-72 { font-size: 4.5rem; } .f--4 { font-size: -0.25rem; } .f--8 { font-size: -0.5rem; } .f--12 { font-size: -0.75rem; } .f--16 { font-size: -1rem; } .f--24 { font-size: -1.5rem; } .f--32 { font-size: -2rem; } .f--40 { font-size: -2.5rem; } .MatAccordion .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: none; } .MatAccordion .mat-expansion-panel-header { box-sizing: border-box; color: var(--plain-text-color); height: 3.125rem; padding: 0.25rem 1.5rem; position: relative; border-top: 1px solid var(--border-color); border-radius: 0 !important; border-bottom: none; z-index: 2; } .MatAccordion .mat-expansion-panel-header:hover, .MatAccordion .mat-expansion-panel-header:focus { background: none !important; } .MatAccordion .mat-expansion-indicator { position: absolute; left: 0; } .MatAccordion .mat-expansion-panel-spacing { margin: 0; } .MatAccordion .mat-expansion-panel { color: var(--plain-text-color); background-color: transparent; position: relative; } .MatAccordion .mat-expansion-panel::after { content: ""; display: block; background: url('svg-ce-ExpandAlt-sm.41c98a872f0d80fe.svg') no-repeat; background-size: cover; position: absolute; top: 1.0625rem; left: 0; transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1); height: 1rem; width: 1rem; } .MatAccordion .mat-expansion-panel.mat-expanded::after { transform: rotate(90deg); top: 0.9375rem; } .MatAccordion .mat-expansion-panel--open::after { display: none; } .MatAccordion .mat-expansion-panel-content { font-size: 1rem; } .MatAccordion .mat-expansion-panel.expanded-for-h4::after { top: 1.125rem; } .MatAccordion .mat-expansion-panel.expanded-for-h4.mat-expanded::after { transform: rotate(90deg); top: 1.5rem; } .MatAccordion .mat-expansion-panel.expanded-for-h5::after { top: 1.125rem; } .MatAccordion .mat-expansion-panel.expanded-for-h5.mat-expanded::after { transform: rotate(90deg); top: 1rem; } .MatAccordion .mat-expansion-panel.expanded-comment::after { top: 0.875rem; } .MatAccordion .mat-expansion-panel.expanded-comment.mat-expanded::after { transform: rotate(90deg); top: 0.5rem; } .MatAccordion .mat-expansion-panel.expanded-with-icon mat-expansion-panel-header, .MatAccordion .mat-expansion-panel.expanded-with-icon .mat-expansion-panel-body { padding: 0; border-top: 0; } .MatAccordion .mat-expansion-panel.expanded-with-icon::after { top: 1.125rem; left: 2.625rem; } .MatAccordion .mat-expansion-panel.expanded-with-icon.mat-expanded::after { transform: rotate(90deg); top: 1.125rem; } .MatAccordion-rowText--margin { margin-bottom: 1rem; } .MatAccordion-columnText { flex-direction: column; } .MatAccordion-columnText--margin { margin-bottom: 1rem; } .MatAccordion-label { margin-right: 1rem; min-width: 4.5rem; } .MatAccordion--large .mat-expansion-panel-header { height: 4.375rem; } .MatAccordion--noBorders .mat-expansion-panel-header { border: none; } .DictionaryPages-matAcordion .mat-expansion-panel-body { padding: 0; } .ck-editor__editable_inline ol, .ck-editor__editable_inline ul, .ck-editor__editable_inline dl { list-style-type: revert !important; margin-right: 0 !important; padding: 0 2.5rem !important; } .ck.ck-editor { position: static; } .ck-toolbar__items .ck-font-size-dropdown .ck-dropdown__panel { height: 5rem; overflow-y: auto; } .mat-mdc-menu-content { padding-top: 0 !important; padding-bottom: 0 !important; } :root { --mdc-checkbox-state-layer-size: 16px; --mdc-checkbox-selected-icon-color: map_get($green, 500); --mdc-checkbox-selected-pressed-icon-color: unset; --mdc-checkbox-selected-focus-icon-color: unset; --mdc-checkbox-selected-hover-icon-color: unset; --mdc-checkbox-selected-focus-state-layer-opacity: 1; --mdc-checkbox-selected-hover-state-layer-opacity: 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/quill/dist/quill.bubble.css?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover { outline: none; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #fff; } @media (pointer: coarse) { .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) { color: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #ccc; } } .ql-bubble { box-sizing: border-box; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ''; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #ccc; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code, .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "\D7"; font-size: 16px; font-weight: bold; } .ql-container.ql-bubble:not(.ql-disabled) a { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a::before { background-color: #444; border-radius: 15px; top: -5px; font-size: 12px; color: #fff; content: attr(href); font-weight: normal; overflow: hidden; padding: 5px 15px; text-decoration: none; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a::after { border-top: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 0; content: " "; height: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 200ms; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { visibility: visible; } /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** 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]!./clientApp/assets/quill/quill.snow.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); left: 0px !important; } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; position: relative; right: 150%; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/quill-mention/dist/quill.mention.min.css?ngGlobalStyle ***! \*************************************************************************************************************************************************************************************************************************************************************/ .ql-mention-list-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);overflow:auto;width:270px;z-index:9001}.ql-mention-loading{font-size:16px;line-height:44px;padding:0 20px;vertical-align:middle}.ql-mention-list{list-style:none;margin:0;overflow:hidden;padding:0}.ql-mention-list-item{cursor:pointer;font-size:16px;line-height:44px;padding:0 20px;vertical-align:middle}.ql-mention-list-item.disabled{cursor:auto}.ql-mention-list-item.selected{background-color:#d3e1eb;text-decoration:none}.mention{background-color:#d3e1eb;border-radius:6px;height:24px;margin-right:2px;padding:3px 0;-webkit-user-select:all;user-select:all;width:65px}.mention>span{margin:0 3px} /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** 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/quill/dist/quill.core.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; }</mat-form-field></mat-form-field></mat-radio-group>