/*! * 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.eot?v=4.7.0');src:url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fontawesome-webfont.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} @charset "UTF-8"; @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1} .animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both} .animate__animated.animate__infinite{animation-iteration-count:infinite} .animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)} .animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)} .animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)} .animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)} .animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)} .animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)} .animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)} .animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)} .animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)} .animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)} .animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)} .animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)} @media (prefers-reduced-motion:reduce), print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}} @keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}} .animate__bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}} .animate__flash{animation-name:flash} @keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}} .animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out} @keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}} .animate__rubberBand{animation-name:rubberBand} @keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}} .animate__shakeX{animation-name:shakeX} @keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}} .animate__shakeY{animation-name:shakeY} @keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}} .animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}} .animate__swing{transform-origin:top center;animation-name:swing} @keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} .animate__tada{animation-name:tada} @keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}} .animate__wobble{animation-name:wobble} @keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}} .animate__jello{animation-name:jello;transform-origin:center} @keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}} .animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out} @keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInDown{animation-name:backInDown} @keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInLeft{animation-name:backInLeft} @keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInRight{animation-name:backInRight} @keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInUp{animation-name:backInUp} @keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}} .animate__backOutDown{animation-name:backOutDown} @keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}} .animate__backOutLeft{animation-name:backOutLeft} @keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}} .animate__backOutRight{animation-name:backOutRight} @keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}} .animate__backOutUp{animation-name:backOutUp} @keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}} .animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn} @keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}} .animate__bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} .animate__bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} .animate__bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}} .animate__bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}} .animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}} .animate__bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}} .animate__bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}} .animate__bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}} .animate__bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{0%{opacity:0}to{opacity:1}} .animate__fadeIn{animation-name:fadeIn} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInTopLeft{animation-name:fadeInTopLeft} @keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInTopRight{animation-name:fadeInTopRight} @keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInBottomLeft{animation-name:fadeInBottomLeft} @keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInBottomRight{animation-name:fadeInBottomRight} @keyframes fadeOut{0%{opacity:1}to{opacity:0}} .animate__fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}} .animate__fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}} .animate__fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}} .animate__fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}} .animate__fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}} .animate__fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}} .animate__fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}} .animate__fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}} .animate__fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}} .animate__fadeOutTopLeft{animation-name:fadeOutTopLeft} @keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}} .animate__fadeOutTopRight{animation-name:fadeOutTopRight} @keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}} .animate__fadeOutBottomRight{animation-name:fadeOutBottomRight} @keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}} .animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft} @keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}} .animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}} .animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}} .animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}} .animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}} .animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}} .animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out} @keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}} .animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out} @keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}} .animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in} @keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}} .animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in} @keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateIn{animation-name:rotateIn;transform-origin:center} @keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom} @keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom} @keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom} @keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom} @keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}} .animate__rotateOut{animation-name:rotateOut;transform-origin:center} @keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}} .animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom} @keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} .animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom} @keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} .animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom} @keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}} .animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom} @keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}} .animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}} .animate__jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}} .animate__rollIn{animation-name:rollIn} @keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}} .animate__rollOut{animation-name:rollOut} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} .animate__zoomIn{animation-name:zoomIn} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}} .animate__zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}} .animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}} .animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInDown{animation-name:slideInDown} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInRight{animation-name:slideInRight} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInUp{animation-name:slideInUp} @keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}} .animate__slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}} .animate__slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}} .animate__slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}} .animate__slideOutUp{animation-name:slideOutUp} /*! * Bootstrap v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { -webkit-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip { left: 5px; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip { left: 5px; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item.center { z-index: 5; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } @font-face { font-family: "themify"; src: url('themify.eot?-fvbane'); src: url('themify.eot?#iefix-fvbane') format("embedded-opentype"), url('themify.woff?-fvbane') format("woff"), url('themify.ttf?-fvbane') format("truetype"), url('themify.svg?-fvbane#themify') format("svg"); font-weight: normal; font-style: normal; } [class^=ti-], [class*=" ti-"] { font-family: "themify"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: ""; } .ti-volume:before { content: ""; } .ti-user:before { content: ""; } .ti-unlock:before { content: ""; } .ti-unlink:before { content: ""; } .ti-trash:before { content: ""; } .ti-thought:before { content: ""; } .ti-target:before { content: ""; } .ti-tag:before { content: ""; } .ti-tablet:before { content: ""; } .ti-star:before { content: ""; } .ti-spray:before { content: ""; } .ti-signal:before { content: ""; } .ti-shopping-cart:before { content: ""; } .ti-shopping-cart-full:before { content: ""; } .ti-settings:before { content: ""; } .ti-search:before { content: ""; } .ti-zoom-in:before { content: ""; } .ti-zoom-out:before { content: ""; } .ti-cut:before { content: ""; } .ti-ruler:before { content: ""; } .ti-ruler-pencil:before { content: ""; } .ti-ruler-alt:before { content: ""; } .ti-bookmark:before { content: ""; } .ti-bookmark-alt:before { content: ""; } .ti-reload:before { content: ""; } .ti-plus:before { content: ""; } .ti-pin:before { content: ""; } .ti-pencil:before { content: ""; } .ti-pencil-alt:before { content: ""; } .ti-paint-roller:before { content: ""; } .ti-paint-bucket:before { content: ""; } .ti-na:before { content: ""; } .ti-mobile:before { content: ""; } .ti-minus:before { content: ""; } .ti-medall:before { content: ""; } .ti-medall-alt:before { content: ""; } .ti-marker:before { content: ""; } .ti-marker-alt:before { content: ""; } .ti-arrow-up:before { content: ""; } .ti-arrow-right:before { content: ""; } .ti-arrow-left:before { content: ""; } .ti-arrow-down:before { content: ""; } .ti-lock:before { content: ""; } .ti-location-arrow:before { content: ""; } .ti-link:before { content: ""; } .ti-layout:before { content: ""; } .ti-layers:before { content: ""; } .ti-layers-alt:before { content: ""; } .ti-key:before { content: ""; } .ti-import:before { content: ""; } .ti-image:before { content: ""; } .ti-heart:before { content: ""; } .ti-heart-broken:before { content: ""; } .ti-hand-stop:before { content: ""; } .ti-hand-open:before { content: ""; } .ti-hand-drag:before { content: ""; } .ti-folder:before { content: ""; } .ti-flag:before { content: ""; } .ti-flag-alt:before { content: ""; } .ti-flag-alt-2:before { content: ""; } .ti-eye:before { content: ""; } .ti-export:before { content: ""; } .ti-exchange-vertical:before { content: ""; } .ti-desktop:before { content: ""; } .ti-cup:before { content: ""; } .ti-crown:before { content: ""; } .ti-comments:before { content: ""; } .ti-comment:before { content: ""; } .ti-comment-alt:before { content: ""; } .ti-close:before { content: ""; } .ti-clip:before { content: ""; } .ti-angle-up:before { content: ""; } .ti-angle-right:before { content: ""; } .ti-angle-left:before { content: ""; } .ti-angle-down:before { content: ""; } .ti-check:before { content: ""; } .ti-check-box:before { content: ""; } .ti-camera:before { content: ""; } .ti-announcement:before { content: ""; } .ti-brush:before { content: ""; } .ti-briefcase:before { content: ""; } .ti-bolt:before { content: ""; } .ti-bolt-alt:before { content: ""; } .ti-blackboard:before { content: ""; } .ti-bag:before { content: ""; } .ti-move:before { content: ""; } .ti-arrows-vertical:before { content: ""; } .ti-arrows-horizontal:before { content: ""; } .ti-fullscreen:before { content: ""; } .ti-arrow-top-right:before { content: ""; } .ti-arrow-top-left:before { content: ""; } .ti-arrow-circle-up:before { content: ""; } .ti-arrow-circle-right:before { content: ""; } .ti-arrow-circle-left:before { content: ""; } .ti-arrow-circle-down:before { content: ""; } .ti-angle-double-up:before { content: ""; } .ti-angle-double-right:before { content: ""; } .ti-angle-double-left:before { content: ""; } .ti-angle-double-down:before { content: ""; } .ti-zip:before { content: ""; } .ti-world:before { content: ""; } .ti-wheelchair:before { content: ""; } .ti-view-list:before { content: ""; } .ti-view-list-alt:before { content: ""; } .ti-view-grid:before { content: ""; } .ti-uppercase:before { content: ""; } .ti-upload:before { content: ""; } .ti-underline:before { content: ""; } .ti-truck:before { content: ""; } .ti-timer:before { content: ""; } .ti-ticket:before { content: ""; } .ti-thumb-up:before { content: ""; } .ti-thumb-down:before { content: ""; } .ti-text:before { content: ""; } .ti-stats-up:before { content: ""; } .ti-stats-down:before { content: ""; } .ti-split-v:before { content: ""; } .ti-split-h:before { content: ""; } .ti-smallcap:before { content: ""; } .ti-shine:before { content: ""; } .ti-shift-right:before { content: ""; } .ti-shift-left:before { content: ""; } .ti-shield:before { content: ""; } .ti-notepad:before { content: ""; } .ti-server:before { content: ""; } .ti-quote-right:before { content: ""; } .ti-quote-left:before { content: ""; } .ti-pulse:before { content: ""; } .ti-printer:before { content: ""; } .ti-power-off:before { content: ""; } .ti-plug:before { content: ""; } .ti-pie-chart:before { content: ""; } .ti-paragraph:before { content: ""; } .ti-panel:before { content: ""; } .ti-package:before { content: ""; } .ti-music:before { content: ""; } .ti-music-alt:before { content: ""; } .ti-mouse:before { content: ""; } .ti-mouse-alt:before { content: ""; } .ti-money:before { content: ""; } .ti-microphone:before { content: ""; } .ti-menu:before { content: ""; } .ti-menu-alt:before { content: ""; } .ti-map:before { content: ""; } .ti-map-alt:before { content: ""; } .ti-loop:before { content: ""; } .ti-location-pin:before { content: ""; } .ti-list:before { content: ""; } .ti-light-bulb:before { content: ""; } .ti-Italic:before { content: ""; } .ti-info:before { content: ""; } .ti-infinite:before { content: ""; } .ti-id-badge:before { content: ""; } .ti-hummer:before { content: ""; } .ti-home:before { content: ""; } .ti-help:before { content: ""; } .ti-headphone:before { content: ""; } .ti-harddrives:before { content: ""; } .ti-harddrive:before { content: ""; } .ti-gift:before { content: ""; } .ti-game:before { content: ""; } .ti-filter:before { content: ""; } .ti-files:before { content: ""; } .ti-file:before { content: ""; } .ti-eraser:before { content: ""; } .ti-envelope:before { content: ""; } .ti-download:before { content: ""; } .ti-direction:before { content: ""; } .ti-direction-alt:before { content: ""; } .ti-dashboard:before { content: ""; } .ti-control-stop:before { content: ""; } .ti-control-shuffle:before { content: ""; } .ti-control-play:before { content: ""; } .ti-control-pause:before { content: ""; } .ti-control-forward:before { content: ""; } .ti-control-backward:before { content: ""; } .ti-cloud:before { content: ""; } .ti-cloud-up:before { content: ""; } .ti-cloud-down:before { content: ""; } .ti-clipboard:before { content: ""; } .ti-car:before { content: ""; } .ti-calendar:before { content: ""; } .ti-book:before { content: ""; } .ti-bell:before { content: ""; } .ti-basketball:before { content: ""; } .ti-bar-chart:before { content: ""; } .ti-bar-chart-alt:before { content: ""; } .ti-back-right:before { content: ""; } .ti-back-left:before { content: ""; } .ti-arrows-corner:before { content: ""; } .ti-archive:before { content: ""; } .ti-anchor:before { content: ""; } .ti-align-right:before { content: ""; } .ti-align-left:before { content: ""; } .ti-align-justify:before { content: ""; } .ti-align-center:before { content: ""; } .ti-alert:before { content: ""; } .ti-alarm-clock:before { content: ""; } .ti-agenda:before { content: ""; } .ti-write:before { content: ""; } .ti-window:before { content: ""; } .ti-widgetized:before { content: ""; } .ti-widget:before { content: ""; } .ti-widget-alt:before { content: ""; } .ti-wallet:before { content: ""; } .ti-video-clapper:before { content: ""; } .ti-video-camera:before { content: ""; } .ti-vector:before { content: ""; } .ti-themify-logo:before { content: ""; } .ti-themify-favicon:before { content: ""; } .ti-themify-favicon-alt:before { content: ""; } .ti-support:before { content: ""; } .ti-stamp:before { content: ""; } .ti-split-v-alt:before { content: ""; } .ti-slice:before { content: ""; } .ti-shortcode:before { content: ""; } .ti-shift-right-alt:before { content: ""; } .ti-shift-left-alt:before { content: ""; } .ti-ruler-alt-2:before { content: ""; } .ti-receipt:before { content: ""; } .ti-pin2:before { content: ""; } .ti-pin-alt:before { content: ""; } .ti-pencil-alt2:before { content: ""; } .ti-palette:before { content: ""; } .ti-more:before { content: ""; } .ti-more-alt:before { content: ""; } .ti-microphone-alt:before { content: ""; } .ti-magnet:before { content: ""; } .ti-line-double:before { content: ""; } .ti-line-dotted:before { content: ""; } .ti-line-dashed:before { content: ""; } .ti-layout-width-full:before { content: ""; } .ti-layout-width-default:before { content: ""; } .ti-layout-width-default-alt:before { content: ""; } .ti-layout-tab:before { content: ""; } .ti-layout-tab-window:before { content: ""; } .ti-layout-tab-v:before { content: ""; } .ti-layout-tab-min:before { content: ""; } .ti-layout-slider:before { content: ""; } .ti-layout-slider-alt:before { content: ""; } .ti-layout-sidebar-right:before { content: ""; } .ti-layout-sidebar-none:before { content: ""; } .ti-layout-sidebar-left:before { content: ""; } .ti-layout-placeholder:before { content: ""; } .ti-layout-menu:before { content: ""; } .ti-layout-menu-v:before { content: ""; } .ti-layout-menu-separated:before { content: ""; } .ti-layout-menu-full:before { content: ""; } .ti-layout-media-right-alt:before { content: ""; } .ti-layout-media-right:before { content: ""; } .ti-layout-media-overlay:before { content: ""; } .ti-layout-media-overlay-alt:before { content: ""; } .ti-layout-media-overlay-alt-2:before { content: ""; } .ti-layout-media-left-alt:before { content: ""; } .ti-layout-media-left:before { content: ""; } .ti-layout-media-center-alt:before { content: ""; } .ti-layout-media-center:before { content: ""; } .ti-layout-list-thumb:before { content: ""; } .ti-layout-list-thumb-alt:before { content: ""; } .ti-layout-list-post:before { content: ""; } .ti-layout-list-large-image:before { content: ""; } .ti-layout-line-solid:before { content: ""; } .ti-layout-grid4:before { content: ""; } .ti-layout-grid3:before { content: ""; } .ti-layout-grid2:before { content: ""; } .ti-layout-grid2-thumb:before { content: ""; } .ti-layout-cta-right:before { content: ""; } .ti-layout-cta-left:before { content: ""; } .ti-layout-cta-center:before { content: ""; } .ti-layout-cta-btn-right:before { content: ""; } .ti-layout-cta-btn-left:before { content: ""; } .ti-layout-column4:before { content: ""; } .ti-layout-column3:before { content: ""; } .ti-layout-column2:before { content: ""; } .ti-layout-accordion-separated:before { content: ""; } .ti-layout-accordion-merged:before { content: ""; } .ti-layout-accordion-list:before { content: ""; } .ti-ink-pen:before { content: ""; } .ti-info-alt:before { content: ""; } .ti-help-alt:before { content: ""; } .ti-headphone-alt:before { content: ""; } .ti-hand-point-up:before { content: ""; } .ti-hand-point-right:before { content: ""; } .ti-hand-point-left:before { content: ""; } .ti-hand-point-down:before { content: ""; } .ti-gallery:before { content: ""; } .ti-face-smile:before { content: ""; } .ti-face-sad:before { content: ""; } .ti-credit-card:before { content: ""; } .ti-control-skip-forward:before { content: ""; } .ti-control-skip-backward:before { content: ""; } .ti-control-record:before { content: ""; } .ti-control-eject:before { content: ""; } .ti-comments-smiley:before { content: ""; } .ti-brush-alt:before { content: ""; } .ti-youtube:before { content: ""; } .ti-vimeo:before { content: ""; } .ti-twitter:before { content: ""; } .ti-time:before { content: ""; } .ti-tumblr:before { content: ""; } .ti-skype:before { content: ""; } .ti-share:before { content: ""; } .ti-share-alt:before { content: ""; } .ti-rocket:before { content: ""; } .ti-pinterest:before { content: ""; } .ti-new-window:before { content: ""; } .ti-microsoft:before { content: ""; } .ti-list-ol:before { content: ""; } .ti-linkedin:before { content: ""; } .ti-layout-sidebar-2:before { content: ""; } .ti-layout-grid4-alt:before { content: ""; } .ti-layout-grid3-alt:before { content: ""; } .ti-layout-grid2-alt:before { content: ""; } .ti-layout-column4-alt:before { content: ""; } .ti-layout-column3-alt:before { content: ""; } .ti-layout-column2-alt:before { content: ""; } .ti-instagram:before { content: ""; } .ti-google:before { content: ""; } .ti-github:before { content: ""; } .ti-flickr:before { content: ""; } .ti-facebook:before { content: ""; } .ti-dropbox:before { content: ""; } .ti-dribbble:before { content: ""; } .ti-apple:before { content: ""; } .ti-android:before { content: ""; } .ti-save:before { content: ""; } .ti-save-alt:before { content: ""; } .ti-yahoo:before { content: ""; } .ti-wordpress:before { content: ""; } .ti-vimeo-alt:before { content: ""; } .ti-twitter-alt:before { content: ""; } .ti-tumblr-alt:before { content: ""; } .ti-trello:before { content: ""; } .ti-stack-overflow:before { content: ""; } .ti-soundcloud:before { content: ""; } .ti-sharethis:before { content: ""; } .ti-sharethis-alt:before { content: ""; } .ti-reddit:before { content: ""; } .ti-pinterest-alt:before { content: ""; } .ti-microsoft-alt:before { content: ""; } .ti-linux:before { content: ""; } .ti-jsfiddle:before { content: ""; } .ti-joomla:before { content: ""; } .ti-html5:before { content: ""; } .ti-flickr-alt:before { content: ""; } .ti-email:before { content: ""; } .ti-drupal:before { content: ""; } .ti-dropbox-alt:before { content: ""; } .ti-css3:before { content: ""; } .ti-rss:before { content: ""; } .ti-rss-alt:before { content: ""; } :root { --theme-deafult: #ff4c3b; --theme-gradient1: #01effc; --theme-gradient2: #485ff2; } /*----------------------------------------------------------------------------------- Template Name:Giftoholics Template URI: themes.pixelstrap.com/multikart Description: This is E-commerce website Author: Pixelstrap Author URI: https://themeforest.net/user/pixelstrap ----------------------------------------------------------------------------------- */ /* 1. General CSS 1.1. Button CSS 1.2. Title CSS 1.3. Brand logo CSS */ /* 02. Header CSS */ /* 03. Home slider CSS */ /* 04. Instagram CSS */ /* 05. Blog CSS */ /* 06. Service CSS */ /* 07. About CSS */ /* 08. Banner Timer CSS */ /* 09. Product Box CSS */ /* 10. Theme tab CSS */ /* 11. Banner CSS */ /* 12. Collection Banner CSS */ /* 13. Product-box slider CSS */ /* 14. Modal popup CSS */ /* 15. Lookbook CSS */ /* 16. Footer CSS */ /* 17. Loader CSS*/ /* 18. Tap to top CSS */ /* 19. color CSS */ /* 20. Facebook Chat CSS */ /* 21. Inner pages CSS */ /* 22. RTL CSS */ /* 23. Menu CSS */ /* 24. Responsive CSS */ /*===================== 1.General CSS start ==========================*/ html { overflow-x: hidden; scroll-behavior: smooth; } body { font-family: Lato, sans-serif; position: relative; background: #ffffff; font-size: 14px; overflow-x: hidden; } h1 { font-size: 60px; color: #222222; font-weight: 700; text-transform: uppercase; } h1 span { font-size: 107px; font-weight: 700; color: var(--theme-deafult); } h2 { font-size: 36px; color: #222222; text-transform: uppercase; font-weight: 700; line-height: 1; letter-spacing: 0.02em; } h3 { font-size: 24px; font-weight: 400; color: #777777; letter-spacing: 0.03em; } h4 { font-size: 18px; text-transform: capitalize; font-weight: 400; letter-spacing: 0.03em; line-height: 1; } h5 { font-size: 16px; font-weight: 400; color: #222222; line-height: 24px; letter-spacing: 0.05em; } h6 { font-size: 14px; font-weight: 400; color: #777777; line-height: 24px; } ul { padding-left: 0; margin-bottom: 0; } li { display: inline-block; } p { font-size: 14px; color: #777777; line-height: 1; } a { transition: 0.5s ease; } a:hover { text-decoration: none; transition: 0.5s ease; } a:focus { outline: none; } button:focus { outline: none; } section, .section-t-space { padding-top: 70px; } :focus { outline: unset; } .form-control { height: 50px; } [data-notify=progressbar] { margin-bottom: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; } .progress-bar { background-color: #19a340; } .progress-bar-info { background-color: #00829a; } .section-b-space { padding-bottom: 70px; } .p-t-0 { padding-top: 0; } hr.style1 { width: 75px; height: 3px; margin-top: 13px; background-color: var(--theme-deafult); text-align: center; } .no-arrow .owl-next, .no-arrow .owl-prev { display: none !important; } .form-control { border-radius: 0; } .small-section { padding-top: 35px; padding-bottom: 35px; } .banner-padding { padding-top: 30px; } .border-section { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .border-b { border-bottom: 1px solid #38352f; } .border-bottom-grey { border-bottom: 1px solid #efefef; } .border-top-grey { border-top: 1px solid #efefef; } .darken-layout { background-color: #393230; } .dark-layout { background-color: #2d2a25; } .light-layout { background-color: #f9f9f9; } .white-layout { background-color: #ffffff; } .bg-light0 { background-color: #d0edff; } .bg-light1 { background-color: #ffc0cb; } .bg-light2 { background-color: #63b4f2; } .white { background-color: #ffffff; border: 1px solid #aaa; } .pink { background-color: #ffc0cb; } .red { background-color: #ff647f; } .green { background-color: #6fb866; } .yellow { background-color: #f2f896; } .skyblue { background-color: #7ee7ec; } .blue { background-color: #63b4f2; } .orange { background-color: #ffb17a; } .purple { background-color: #eeb1d7; } .violet { background-color: #a06da0; } .brown { background-color: #a57372; } .lightgreen { background-color: #90ee90; } .olive { background-color: #808000; } .navy { background-color: #505c80; } .black { background-color: #000000; } .gray, .grey { background-color: #777777; } .bg-blog { background-color: #eeeeee; } del { font-size: 14px; color: #aaaaaa; font-weight: 400; } .br-default .br-unit { font-size: 18px !important; width: unset !important; height: unset !important; } .br-default .br-selected:after { color: #ffa200 !important; } .owl-prev, .owl-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .sticky.fixed { position: fixed; width: 100%; top: 0; z-index: 999; transition: all 300ms ease; background: #fff; box-shadow: 0px 0px 8px #ddd; } .sticky.fixed .top-header { display: none; } .sticky.header2.fixed .top-header { display: none; } .sticky.header2.fixed .main-menu .brand-logo { padding-top: 26px; padding-bottom: 26px; } .sticky.header2.fixed .main-menu .menu-left .navbar { padding: 28px 45px 28px 0; } .sticky.header2.fixed .main-menu .menu-right .icon-nav li.onhover-div { padding-top: 30px; padding-bottom: 30px; } .sticky.header2.fixed .main-nav-center .sm > li > a { padding-top: 16px; padding-bottom: 16px; } .sticky.header2.fixed .main-nav-center .sm > li .lable-nav { top: 1px; } .rtl-btn { position: fixed; right: 0; width: 42px; height: 41px; color: #000000; transition: all ease-in 0.3s; display: flex; align-items: center; justify-content: center; font-size: 22px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; text-decoration: none; background: #ffffff; top: 33%; border: 1px solid white; box-shadow: 0 0 5px rgba(4, 4, 4, 0.28); } .rtl-btn .RTL_cls { position: relative; z-index: 99; display: block; float: right; font-size: 14px; text-decoration: none; padding-left: 8px; white-space: nowrap; color: black; } .rtl-btn .RTL_cls .cart_qty_cls { font-weight: 400; } .bg-grey { background-color: #f7f7f7; } /*===================== 1.1.Button CSS start ==========================*/ button { cursor: pointer; } .btn { line-height: 20px; text-transform: uppercase; font-size: 14px; font-weight: 700; border-radius: 0; transition: 0.3s ease-in-out; } .btn:hover { transition: 0.3s ease-in-out; } .btn:focus { box-shadow: none; } .btn-solid { padding: 13px 29px; color: #ffffff; letter-spacing: 0.05em; border: 2px solid var(--theme-deafult); background-image: linear-gradient(30deg, var(--theme-deafult) 50%, transparent 50%); background-size: 850px; background-repeat: no-repeat; background-position: 0; transition: background 300ms ease-in-out; } .btn-solid:hover { background-position: 100%; color: #000000; background-color: #ffffff; } .btn-solid.black-btn { background-image: linear-gradient(30deg, #222222 50%, transparent 50%); border: 2px solid #222222; } .btn-solid:focus { color: #ffffff; } .btn-solid.btn-gradient { background: var(--theme-deafult); background: linear-gradient(180deg, var(--theme-gradient1) 0%, var(--theme-gradient2) 99%); transition: background 300ms ease-in-out; background-size: 300% 100%; border: none; } .btn-solid.btn-gradient:hover { background: linear-gradient(-180deg, var(--theme-gradient2) 0%, var(--theme-gradient1) 99%); transition: background 300ms ease-in-out; color: white; } .btn-solid.btn-green { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); border: none; background-color: var(--theme-deafult); } .btn-solid.btn-green:hover { background-color: var(--theme-deafult); background-image: none; color: white; } .btn-solid.btn-sm, .btn-group-sm > .btn-solid.btn { padding: 9px 16px; } .btn-solid.btn-xs { padding: 5px 8px; text-transform: capitalize; } .btn-outline { display: inline-block; padding: 13px 29px; letter-spacing: 0.05em; border: 2px solid var(--theme-deafult); position: relative; color: #000000; } .btn-outline:before { transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ""; background-color: var(--theme-deafult); z-index: -2; } .btn-outline:hover, .btn-outline:focus { color: #ffffff !important; background-color: var(--theme-deafult); } .btn-outline:hover i, .btn-outline:focus i { color: #ffffff !important; } .btn-outline:hover:before, .btn-outline:focus:before { transition: 0.5s all ease; left: 0; right: 0; opacity: 1; } .btn-outline.btn-sm, .btn-group-sm > .btn-outline.btn { padding: 9px 16px; font-size: 12px; } button.btn.btn-solid:active, button.btn.btn-outline:active { background-image: linear-gradient(30deg, var(--theme-deafult) 50%, transparent 50%); color: #ffffff; background: var(--theme-deafult); } .btn-classic:hover { background-color: var(--theme-deafult); } .btn-theme { background-color: var(--theme-deafult); color: #ffffff; } /*===================== 1.2.Title CSS start ==========================*/ .title1 { text-align: center; } .title1 h4 { color: var(--theme-deafult); padding-bottom: 10px; margin-bottom: 0; margin-top: -3px; } .title1 .title-inner1 { padding-bottom: 15px; margin-bottom: 30px; position: relative; } .title1 .title-inner1:after { position: absolute; height: 5px; width: 70px; background-color: var(--theme-deafult); content: ""; left: 0; right: 0; margin: 0 auto; bottom: 0; } .title1.title5 .title-inner1 { padding-bottom: 0; margin-bottom: 0; } .title1.title5 .title-inner1:after { display: none; } .title1.title5 hr[role=tournament6] { border: 0px solid; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--theme-deafult), rgba(0, 0, 0, 0)); display: block; width: 25%; margin: 15px auto 30px auto; } .title1.title5 hr[role=tournament6]::before { position: absolute; background-color: #efefef; border: 1px solid; border-color: var(--theme-deafult); padding: 5px; transform: rotate(45deg); left: 50%; margin: -6px 0px 0px 0; content: ""; } .title2 { text-align: center; } .title2 h4 { color: var(--theme-deafult); padding-bottom: 10px; margin-bottom: 0; text-transform: uppercase; margin-top: -3px; } .title2 .title-inner2 { margin-bottom: 50px; position: relative; display: inline-block; padding: 0 25px; } .title2 .title-inner2:after { position: absolute; height: 5px; width: 100%; background-color: var(--theme-deafult); content: ""; left: 0; right: 0; margin: 0 auto; bottom: 3px; z-index: -1; } .title3 { text-align: center; } .title3 h4 { color: var(--theme-deafult); padding-bottom: 10px; margin-bottom: 5px; margin-top: -3px; } .title3 .title-inner3 { margin-bottom: 20px; position: relative; margin-top: -5px; } .title3 .line { position: relative; height: 5px; width: 45px; background-color: var(--theme-deafult); content: ""; left: 0; right: 0; margin: 0 auto; bottom: 0; margin-bottom: 50px; } .title3 .line:after, .title3 .line:before { position: absolute; height: 5px; width: 10px; content: ""; background-color: var(--theme-deafult); } .title3 .line:after { right: 50px; } .title3 .line:before { left: 50px; } .title4 { text-align: center; } .title4 .title-inner4 { padding-bottom: 25px; margin-bottom: 0; position: relative; margin-top: -5px; } .title4 .line { position: relative; height: 1px; width: 180px; background-color: var(--theme-deafult); margin: 0 auto; margin-bottom: 55px; bottom: 0; top: 0; } .title4 .line:after, .title4 .line:before { position: absolute; height: 10px; width: 10px; content: ""; background-color: var(--theme-deafult); top: -4px; } .title4 .line:after { left: 78px; } .title4 .line:before { left: 64px; } .title4 .line span:after, .title4 .line span:before { position: absolute; height: 10px; width: 10px; content: ""; background-color: var(--theme-deafult); top: -4px; } .title4 .line span:after { right: 78px; } .title4 .line span:before { right: 64px; } .title-borderless { margin-bottom: 30px; text-align: center; margin-top: -5px; } /*===================== 1.3.Brand logo CSS start ==========================*/ .logo-block a:focus { outline: none; } .logo-block img { filter: grayscale(100%); opacity: 0.5; transition: 0.5s ease; margin: 0 auto; } .logo-block img:focus { outline: none; } .logo-block img:hover { filter: grayscale(0); opacity: 1; transition: 0.5s ease; } /*===================== 02.Header CSS start ==========================*/ header { background-color: #ffffff; } .left-header .top-header .header-dropdown > li { padding: 15px 25px !important; } .left-header .top-header .header-dropdown > li:first-child { padding-right: 0 !important; } .onhover-dropdown { position: relative; font-size: 14px; } .onhover-dropdown:before { content: ""; font-family: FontAwesome; position: absolute; right: 3px; } .onhover-dropdown .onhover-show-div { top: 50px; position: absolute; z-index: 10; background-color: #ffffff; transition: all linear 0.3s; min-width: 160px; text-align: left; box-shadow: 0 0 1px 0 #ebebeb; transform: translateY(30px); opacity: 0; visibility: hidden; right: 0; padding: 15px 20px; border-radius: 0 !important; } .onhover-dropdown .onhover-show-div.product-page-full { z-index: 99999; } .onhover-dropdown:hover .onhover-show-div { opacity: 1; transform: translateY(0px); visibility: visible; } .onhover-div { position: relative; padding-top: 40px; padding-bottom: 40px; font-family: Lato, sans-serif; } .onhover-div img, .onhover-div i { cursor: pointer; } .onhover-div .show-div { top: 103px; position: absolute; z-index: 9; background-color: #ffffff; transition: all linear 0.3s; min-width: 236px; text-align: left; box-shadow: 0 0 1px 0 #ebebeb; transform: translateY(30px); opacity: 0; visibility: hidden; right: 0; padding: 0; border-radius: 0 !important; } .onhover-div:hover .show-div { opacity: 1; transform: translateY(0px); visibility: visible; } .search-overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 10; top: 0; left: 0; background-color: white; } .search-overlay > div { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .search-overlay > div .overlay-content { width: 100%; } .search-overlay > div .overlay-content .form-control:focus { box-shadow: none; } .search-overlay > div .overlay-content input { background-color: transparent; border: 0; border-bottom: 2px solid #777777; border-radius: 0; padding: 20px 0; } .search-overlay > div .overlay-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #777777; font-size: 18px; } .search-overlay > div .overlay-content input::-moz-placeholder { /* Firefox 19+ */ color: #777777; font-size: 18px; } .search-overlay > div .overlay-content input:-ms-input-placeholder { /* IE 10+ */ color: #777777; font-size: 18px; } .search-overlay > div .overlay-content input:-moz-placeholder { /* Firefox 18- */ color: #777777; font-size: 18px; } .search-overlay > div .overlay-content button { position: absolute; top: 10px; background-color: transparent; border: 0; font-size: 24px; color: #777777; right: 10px; } .search-overlay > div .closebtn { position: fixed; top: 10px; right: 25px; color: #777777; font-size: 40px; cursor: pointer; } .top-header { background-color: #f8f8f8; } .top-header .header-contact { padding: 15px 0; } .top-header .header-contact li { color: #999999; font-size: 14px; padding-right: 25px; } .top-header .header-contact li i { color: var(--theme-deafult); padding-right: 10px; } .top-header .header-dropdown li { cursor: pointer; color: #999999; padding: 15px 25px; } .top-header .header-dropdown li:first-child { padding-right: 0; } .top-header .header-dropdown li:last-child { padding-left: 0; } .top-header .header-dropdown li a { text-transform: capitalize; color: #999999; } .top-header .header-dropdown li i { padding-right: 5px; transition: all 0.5s ease; } .top-header .header-dropdown li ul li { padding-top: 0; padding-bottom: 0; } .top-header .header-dropdown li a i { color: #999999; transition: all 0.5s ease; } .top-header .header-dropdown li a:hover i { color: var(--theme-deafult); transition: all 0.5s ease; } .top-header .header-dropdown li:hover i { color: var(--theme-deafult); transition: all 0.5s ease; } .top-header .header-dropdown li:hover a { color: var(--theme-deafult); transition: all 0.5s ease; } .top-header .header-dropdown .onhover-dropdown .onhover-show-div li { padding-left: 0; display: flex; font-size: 15px; padding-bottom: 5px; } .top-header .header-dropdown .onhover-dropdown .onhover-show-div li:last-child { padding-bottom: 0; } .top-header .header-dropdown .onhover-dropdown .onhover-show-div li a { color: #333333; } .top-header .header-dropdown .onhover-dropdown .onhover-show-div li:hover a { color: var(--theme-deafult); } .top-header.top-header-dark { background-color: #222222; } .top-header.top-header-dark .header-contact li { color: #777777; } .top-header.top-header-dark .header-contact li i { color: #777777; } .top-header.top-header-dark .header-dropdown li { color: #777777; } .top-header.top-header-dark .header-dropdown li a { color: #777777; } .top-header.top-header-dark .header-dropdown li a i { color: #777777; } .top-header.top-header-dark .header-dropdown li a:hover i { color: var(--theme-deafult); } .top-header .layout3-menu .main-menu .menu-left .navbar i { font-size: 22px; } .top-header.top-header-dark2 { background-color: #2d2a25; } .top-header.top-header-dark2 .header-contact li { color: #7f786d; } .top-header.top-header-dark2 .header-contact li i { color: #7f786d; } .top-header.top-header-dark2 .header-dropdown li { color: #7f786d; } .top-header.top-header-dark2 .header-dropdown li a { color: #7f786d; } .top-header.top-header-dark2 .header-dropdown li a i { color: #7f786d; } .top-header.top-header-dark2 .header-dropdown li a:hover i { color: var(--theme-deafult); } .top-header.top-header-dark3 { background-color: #393230; } .top-header.top-header-dark3 .header-contact li { color: #948e8c; } .top-header.top-header-dark3 .header-contact li i { color: #948e8c; } .top-header.top-header-dark3 .header-dropdown li { color: #948e8c; } .top-header.top-header-dark3 .header-dropdown li a { color: #948e8c; } .top-header.top-header-dark3 .header-dropdown li a i { color: #948e8c; } .top-header.top-header-dark3 .header-dropdown li a:hover i { color: var(--theme-deafult); } .absolute-logo { position: absolute; left: 50%; transform: translateX(-50%); } .main-menu { position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 9; } .main-menu.product-full-page { z-index: 9999; } .main-menu .brand-logo { display: inline-block; padding-top: 35px; padding-bottom: 35px; } .main-menu .menu-left { display: flex; align-items: center; } .main-menu .menu-left .navbar { display: inline-block; padding: 40px 45px 40px 0; } .main-menu .menu-left .navbar i { font-size: 24px; color: #222222; cursor: pointer; } .main-menu .menu-left .navbar.white-navbar i { color: #ffffff; } .main-menu .menu-left.around-border .navbar > a { border: 2px solid var(--theme-deafult); padding: 11px 10px 6px; } .main-menu .menu-left.category-nav-right .navbar { padding-right: 0; padding-left: 45px; } .main-menu .menu-left.category-nav-right .navbar > a { border: 2px solid #f5f2f2; padding: 11px 10px 6px; } .main-menu .menu-left.category-nav-right .navbar i { color: #938d8c; } .main-menu .menu-right { display: flex; float: right; } .main-menu .menu-right .icon-nav { display: inline-block; } .main-menu .menu-right .icon-nav li { padding-left: 20px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart { padding: 15px 15px; min-width: 270px; left: unset; right: 0; max-height: 315px; overflow: auto; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart::-webkit-scrollbar { width: 3px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart::-webkit-scrollbar-track { background: #f1f1f1; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart::-webkit-scrollbar-thumb { background: var(--theme-deafult); } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart::-webkit-scrollbar-thumb:hover { background: #555; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart h5 { margin-bottom: 0; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li { position: relative; padding-bottom: 10px; width: 100%; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li:last-child { padding-bottom: 0; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media img { height: 90px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body { align-self: center; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 { color: #333333; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 span { color: #777777; font-size: 16px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle { position: absolute; top: 0; right: 0; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i { color: #a1a1a1; transition: all 0.3s ease; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i:hover { color: #000000; transition: all 0.3s ease; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total { border-top: 1px solid #f1f5f4; border-bottom: 1px solid #f1f5f4; padding-top: 10px; padding-bottom: 10px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 { text-transform: capitalize; margin-bottom: 0; color: #999999; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 span { float: right; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a { font-size: 16px; color: #333333; text-transform: capitalize; font-weight: 700; } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover { color: var(--theme-deafult); } .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons .checkout { float: right; } .main-menu .menu-right .icon-nav .onhover-div .show-div.setting { padding: 15px 20px 20px; min-width: 175px; right: 0; left: unset; } .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6 { font-size: 16px; text-transform: capitalize; color: #333333; font-weight: 700; margin-bottom: 0; margin-top: 5px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6:first-child { margin-top: 0; } .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li { display: flex; padding-bottom: 0; padding-left: 17px; padding-top: 5px; } .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li a { color: #333333; font-weight: 400; font-size: 16px; text-transform: capitalize; } .main-menu .menu-right .icon-nav .onhover-div .show-div li { padding: 0; } .main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control { border-radius: 0; } .main-menu .menu-right .icon-nav .onhover-div .show-div li .form-control:focus { border: 1px solid #ced4da; box-shadow: none; } .main-menu .menu-right .icon-nav .onhover-div .show-div li .search-btn { padding: 8px 12px; background-color: var(--theme-deafult); color: #ffffff; } .main-menu .menu-right .icon-nav.white-icon .onhover-div img { filter: brightness(5); } .main-menu .menu-right .icon-nav.white-icon .onhover-div .show-div img { filter: none; } .nav-cat li { position: relative; display: flex; padding-left: 25px; padding-right: 25px; } .nav-cat li .round-cat { height: 50px; width: 50px; border: 1px solid #dddddd; padding: 12px; border-radius: 100%; margin-right: 10px; } .nav-cat li a { color: #222222; font-size: 16px; text-transform: uppercase; } /*===================== 03.Home slider CSS start ==========================*/ .home-slider .layout-7 .home, .center-slider .layout-7 .home { height: 60vh; } .home-slider .layout-7 .home .slider-contain, .center-slider .layout-7 .home .slider-contain { height: 60vh; } .home-slider .owl-prev, .home-slider .owl-next, .center-slider .owl-prev, .center-slider .owl-next { opacity: 0; transform: scale(1); transition: all 0.5s ease; margin-top: -10px; border-radius: 100% !important; display: flex !important; align-items: center; justify-content: center; } .home-slider .owl-prev i, .home-slider .owl-next i, .center-slider .owl-prev i, .center-slider .owl-next i { font-size: 8px; } .home-slider .owl-next, .center-slider .owl-next { right: 1px; } .home-slider .owl-prev, .center-slider .owl-prev { left: 1px; z-index: 1; } .home-slider .home, .center-slider .home { background-size: cover; background-repeat: no-repeat; background-position: center; height: 97vh; } .home-slider .slider-contain, .center-slider .slider-contain { width: 100%; height: 75vh; display: flex; align-items: center; } .home-slider .slider-contain h1, .center-slider .slider-contain h1 { margin-bottom: 0; margin-top: 10px; color: #222222; } .home-slider .slider-contain h4, .center-slider .slider-contain h4 { font-weight: 700; letter-spacing: 0.4em; color: #777777; margin-bottom: 0; margin-top: -3px; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline, .center-slider .slider-contain .btn-solid, .center-slider .slider-contain .btn-outline { margin-top: 20px; } .home-slider .p-left .slider-contain, .center-slider .p-left .slider-contain { justify-content: flex-start; } .home-slider .p-right .slider-contain, .center-slider .p-right .slider-contain { justify-content: flex-end; } .home-slider .p-center .slider-contain, .center-slider .p-center .slider-contain { justify-content: center; } .home-slider.text-white .slider-contain h1, .home-slider.text-white .slider-contain h4, .center-slider.text-white .slider-contain h1, .center-slider.text-white .slider-contain h4 { color: #ffffff; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next, .center-slider:hover .owl-prev, .center-slider:hover .owl-next { opacity: 1; transform: scale(2.5); transition: all 0.5s ease; } .home-slider:hover .owl-prev:before, .home-slider:hover .owl-next:before, .center-slider:hover .owl-prev:before, .center-slider:hover .owl-next:before { opacity: 1; } .home-slider:hover .owl-next, .center-slider:hover .owl-next { right: 100px; } .home-slider:hover .owl-prev, .center-slider:hover .owl-prev { left: 100px; } .home-slider-container .slider-contain { padding: 0 100px; } .center-slider { border-left: 1px solid #f1f5f4; border-right: 1px solid #f1f5f4; } .banner-slider .height-banner { height: 100%; } .banner-slider .home { height: 81vh; } .banner-slider .home .slider-contain { height: 81vh; } .banner-slider .home-banner > div img { width: 100%; } .banner-slider .home-banner > div:last-child img { margin-top: 30px; } .absolute-banner { margin-top: -105px; } .absolute-banner .absolute-bg { background-color: white; position: relative; padding: 25px; box-shadow: 0 0 8px 0 #ddd; z-index: 1; } /*===================== 04.Instagram CSS start ==========================*/ .slick-instagram { margin-bottom: -5px; } .instagram-box { position: relative; background-color: var(--theme-deafult); overflow: hidden; } .instagram-box img { width: 100%; } .instagram-box .overlay { transition: 0.5s ease; opacity: 0; position: absolute; height: 100%; width: 100%; background-color: var(--theme-deafult); top: 0; text-align: center; display: flex; align-items: center; justify-content: center; transform: scale(3) rotate(90deg); } .instagram-box .overlay i { font-size: 60px; color: #ffffff; } .instagram-box:hover .overlay { opacity: 0.5; transition: 0.5s ease; transform: scale(1) rotate(0deg); } /*===================== 05.Blog CSS start ==========================*/ .blog-bg { background-color: #f1f5f4; } .blog .owl-item { line-height: 1; } .classic-effect { position: relative; overflow: hidden; } .classic-effect:before, .classic-effect:after { background: var(--theme-deafult); width: 25%; position: absolute; content: ""; opacity: 0; transition: all 0.3s steps(4); z-index: 1; bottom: 100%; top: 0; } .classic-effect:before { left: 0; transition-delay: 0s; } .classic-effect:after { left: 25%; transition-delay: 0.025s; } .classic-effect span:before, .classic-effect span:after { background: var(--theme-deafult); width: 25%; position: absolute; content: ""; opacity: 0; transition: all 0.3s steps(4); z-index: 1; bottom: 100%; top: 0; } .classic-effect span:before { left: 50%; transition-delay: 0.05s; } .classic-effect span:after { left: 75%; transition-delay: 0.15s; } .classic-effect:hover:before, .classic-effect:hover:after { bottom: 0; opacity: 0.5; } .classic-effect:hover span:before, .classic-effect:hover span:after { bottom: 0; opacity: 0.5; } .basic-effect { position: relative; overflow: hidden; } .basic-effect img { transition: all 0.5s ease; } .basic-effect:after { position: absolute; content: ""; background: linear-gradient(-180deg, rgba(var(--theme-gradient1), 0.8) 0%, rgba(var(--theme-gradient2), 0.8) 99%); width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; } .basic-effect:hover:after { opacity: 1; transition: all 0.5s ease; } .basic-effect:hover img { transform: scale(1.2) rotate(5deg); transition: all 0.5s ease; } .blog-details { text-align: center; padding-left: 15px; padding-right: 15px; } .blog-details h4 { color: var(--theme-deafult); margin-top: 25px; line-height: 1; margin-bottom: 0; } .blog-details p { color: #222222; font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 1.5; letter-spacing: 0.03em; margin-top: 10px; margin-bottom: 0; transition: all 0.5s ease; } .blog-details p:hover { color: var(--theme-deafult); transition: all 0.5s ease; } .blog-details h6 { line-height: 1; letter-spacing: 0.1em; margin-bottom: 0; } .blog-2 .blog-details h6 { padding: 5px 0; } /*===================== 06.Service CSS start ==========================*/ .service-block { display: flex; align-items: center; justify-content: center; } .service-block .media { padding-top: 23px; padding-bottom: 23px; align-items: center; } .service-block svg { margin-right: 12px; width: 60px; height: 60px; transition: all 0.5s ease; } .service-block svg path { fill: var(--theme-deafult); } .service-block img { margin-right: 12px; } .service-block h4 { font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; } .service-block p { text-transform: capitalize; margin-bottom: 0; } .service-block + .service-block { border-left: 1px solid #dddddd; } .service-block:hover svg { animation: pulse 1000ms ease-in-out; transition: all 0.3s ease; } .service-block:hover h4 { color: var(--theme-deafult); transition: all 0.3s ease; } .service-block1 { text-align: center; } .service-block1 svg { margin-bottom: 20px; width: 60px; height: 60px; } .service-block1 svg path { fill: var(--theme-deafult); } .service-block1 img { margin-bottom: 20px; } .service-block1 h4 { font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .service-block1 p { letter-spacing: 0.03em; margin-bottom: -3px; line-height: 1.5; } .service-block1:hover svg { animation: pulse 1000ms ease-in-out; transition: all 0.3s ease; } .service-block1:hover h4 { color: var(--theme-deafult); transition: all 0.3s ease; } /*===================== 07.About CSS start ==========================*/ .about-text p { line-height: 28px; letter-spacing: 0.06em; text-align: center; margin-bottom: 50px; } /*===================== 08.Banner Timer CSS start ==========================*/ .banner-timer { background-size: cover; margin-left: 20px; margin-right: 20px; } .banner-timer .banner-text { padding-top: 45px; padding-bottom: 45px; } .banner-timer .banner-text h2 { margin-bottom: 0; text-align: center; } .banner-timer .banner-text h2 span { color: var(--theme-deafult); } .banner-timer .timer-box { justify-content: center; display: flex; } .timer { padding-top: 15px; padding-bottom: 15px; padding-left: 40px; margin-top: 30px; background-color: #2d2a25; display: inline-block; } .timer p { font-size: 18px; color: #ffffff; margin-bottom: 0; } .timer span { width: 70px; display: inline-block; } .timer span .timer-cal { font-size: 12px; color: #777777; } .timer span .padding-l { padding-left: 22px; display: inline; } .timer span .timer-num { width: auto !important; } /*===================== 9.Category CSS start ==========================*/ .category-block .category-image { margin: 0 auto; text-align: center; border: 1px solid #dddddd; border-radius: 100%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; transition: 0.5s ease; } .category-block .category-details { margin-top: 15px; text-align: center; } .category-block .category-details h5 { font-weight: 700; margin: 0 auto; transition: 0.5s ease; text-transform: uppercase; } .category-block:hover .category-image { background-color: var(--theme-deafult); transition: all 0.5s ease; } .category-block:hover .category-image img { filter: brightness(0) invert(1); transition: all 0.5s ease; } .category-block:hover .category-details h5 { color: var(--theme-deafult); transition: all 0.5s ease; } .category-border { background-color: #f1f5f4; padding: 20px 10px; } .category-border .border-padding { padding: 0 10px; } .category-border div .category-banner { padding: 0; position: relative; overflow: hidden; } .category-border div .category-banner img { transform: scale(1); transition: 0.5s ease; } .category-border div .category-banner:hover img { transform: scale(1.1) translateX(14px); transition: 0.5s ease; } .category-border div .category-banner:hover h2 { color: var(--theme-deafult); transition: 0.5s ease; } .category-border div .category-banner .category-box { z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; } .category-border div .category-banner .category-box h2 { background-color: #ffffff; display: inline-block; padding: 20px 35px; margin-bottom: 0; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); transition: 0.5s ease; } .category-bg { position: relative; z-index: 1; padding: 40px 50px; } .category-bg .image-block img { width: 100%; } .category-bg .image-block.even:after { bottom: 94%; } .category-bg .image-block:after { content: ""; position: absolute; background-color: var(--theme-deafult); height: 0; width: 40px; z-index: 1; right: 0; left: 0; margin: 0 auto; opacity: 0; transition: 0.5s ease; margin-top: -40px; } .category-bg .image-block:hover:after { opacity: 1; transition: 0.5s ease; height: 80px; } .category-bg .contain-block { display: flex; text-align: center; align-items: center; justify-content: center; height: 100%; background-color: #ffffff; } .category-bg .contain-block.even:after { top: 94%; } .category-bg .contain-block:after { content: ""; position: absolute; background-color: var(--theme-deafult); height: 0; width: 40px; z-index: 1; right: 0; left: 0; margin: 0 auto; opacity: 0; transition: 0.5s ease; bottom: 94%; } .category-bg .contain-block:hover h2 { color: var(--theme-deafult); transition: all 0.5s ease; } .category-bg .contain-block:hover h6 span { color: var(--theme-deafult); transition: all 0.5s ease; } .category-bg .contain-block:hover .category-btn { background-image: linear-gradient(30deg, #222222 50%, transparent 50%); border: 2px solid #222222; transition: all 0.5s ease; } .category-bg .contain-block:hover:after { opacity: 1; transition: all 0.5s ease; height: 80px; } .category-bg .contain-block h2 { margin-bottom: 0; margin-top: 15px; transition: 0.5s ease; } .category-bg .contain-block h6 { color: var(--theme-deafult); text-transform: uppercase; letter-spacing: 0.3em; line-height: 1; margin-bottom: 0; } .category-bg .contain-block h6 span { color: #7f786d; letter-spacing: 0.03em; font-weight: 700; transition: all 0.5s ease; } .category-bg .contain-block .category-btn { letter-spacing: 0.07em; margin-bottom: 25px; margin-top: 25px; transition: all 0.5s ease; } .category-bg:after { position: absolute; content: ""; left: 0; top: 0; background-color: var(--theme-deafult); opacity: 0.3; width: 100%; height: 100%; z-index: -1; } .category-m .owl-item > div { margin: 0 20px; } .category-m .category-wrapper { border: 1px solid #dddada; margin: 0 auto; text-align: center; justify-content: center; padding-top: 40px; padding-bottom: 40px; position: relative; } .category-m .category-wrapper > div:after, .category-m .category-wrapper > div:before { content: ""; width: 1px; height: 0; position: absolute; transition: all 0.2s linear; background: var(--theme-deafult); transition-delay: 0s; } .category-m .category-wrapper > div:before { left: 0; top: 0; } .category-m .category-wrapper > div:after { right: 0; bottom: 0; } .category-m .category-wrapper:after, .category-m .category-wrapper:before { content: ""; width: 0; height: 1px; position: absolute; transition: all 0.2s linear; background: var(--theme-deafult); } .category-m .category-wrapper:before { right: 0; top: 0; } .category-m .category-wrapper:after { left: 0; bottom: 0; } .category-m .category-wrapper:hover { transition: all 0.5s ease; } .category-m .category-wrapper:hover:after, .category-m .category-wrapper:hover:before { transition-delay: 0s; width: 100%; } .category-m .category-wrapper:hover > div:after, .category-m .category-wrapper:hover > div:before { transition-delay: 0.2s; height: 100%; } .category-m .category-wrapper img { display: inline; } .category-m .category-wrapper h4 { text-transform: uppercase; color: #2d2a25; font-weight: 700; margin-bottom: 0; padding-bottom: 25px; padding-top: 25px; } .category-m .category-wrapper .btn { margin-top: 20px; } .category-m .category-wrapper .category-link li { display: block; text-transform: capitalize; margin-top: 5px; } .category-m .category-wrapper .category-link li:first-child { margin-top: 0; } .category-m .category-wrapper .category-link li a { color: #948e8c; } .category-m .category-wrapper .category-link li a:hover { color: var(--theme-deafult); } .background { background-color: #f1f5f4; padding: 20px 10px; margin: 0; } .background .contain-bg { width: 100%; background-color: #ffffff; padding-top: 45px; padding-bottom: 45px; text-align: center; transition: all 0.5s ease; } .background .contain-bg h4 { color: #222222; text-transform: uppercase; font-weight: 700; margin-bottom: 0; transition: all 0.5s ease; } .background .contain-bg:hover { background-color: var(--theme-deafult); } .background .contain-bg:hover h4 { color: white; transition: all 0.5s ease; } /*===================== 09.Product Box CSS start ==========================*/ .br[_ngcontent-c25] { margin-top: 5px !important; } .br[_ngcontent-c16] { margin-top: 5px !important; } .br[_ngcontent-c17] { margin-top: 5px !important; } .search-product .product-box .product-detail, .search-product .product-box .product-info, .search-product .product-wrap .product-detail, .search-product .product-wrap .product-info { padding-left: 0; } .product-m .owl-item .img-wrapper { margin: 0 10px; } .color-variant li { display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; transition: all 0.1s ease; vertical-align: middle; } .size-variant { padding-top: 10px; } .size-variant li { display: inline-block; width: 24px; height: 24px; font-size: 14px; text-align: center; color: #777777; border: 1px solid; line-height: 20px; margin-right: 5px; text-transform: lowercase; cursor: pointer; } .size-variant li.square { border-radius: 0; } .size-variant li.round { border-radius: 100%; } .no-slider .product-box { width: 100%; flex: 0 0 25%; max-width: calc(25% - 30px); margin: 0 15px 30px; } .no-slider .product-box:nth-last-child(-n+4) { margin: 0 15px 0; } .product-para p { margin-bottom: 0; padding-bottom: 30px; line-height: 24px; letter-spacing: 0.05em; } .product-box .product-detail h4 del, .product-box .product-info h4 del, .product-wrap .product-detail h4 del, .product-wrap .product-info h4 del { color: #aaa; font-size: 14px; } .product-box .img-wrapper .product-thumb-list li img, .product-wrap .img-wrapper .product-thumb-list li img { width: 45px; } .product-box, .product-wrap { position: relative; transition: all 0.5s ease; } .product-box .img-block, .product-wrap .img-block { background-color: #f9f9f9; position: relative; overflow: hidden; } .product-box .img-block .front, .product-wrap .img-block .front { opacity: 1; top: 0; left: 0; transition: all 0.5s ease; } .product-box .img-block .back, .product-wrap .img-block .back { opacity: 0; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; transition: all 0.5s ease; transform: translateX(-100px); } .product-box .img-block .lable-wrapper, .product-wrap .img-block .lable-wrapper { margin: 0 auto; top: 40px; position: absolute; left: 0; right: 0; text-align: center; transition: all 0.5s ease; z-index: 2; } .product-box .img-block .lable-wrapper .lable1, .product-box .img-block .lable-wrapper .lable2, .product-wrap .img-block .lable-wrapper .lable1, .product-wrap .img-block .lable-wrapper .lable2 { font-size: 14px; padding: 10px 14px 10px 20px; display: inline-block; text-transform: uppercase; text-align: center; } .product-box .img-block .lable-wrapper .lable1, .product-wrap .img-block .lable-wrapper .lable1 { background-color: var(--theme-deafult); color: #ffffff; border-bottom-left-radius: 25px; border-top-left-radius: 25px; } .product-box .img-block .lable-wrapper .lable2, .product-wrap .img-block .lable-wrapper .lable2 { background-color: #ffffff; color: #000000; border-bottom-right-radius: 25px; border-top-right-radius: 25px; } .product-box .img-wrapper, .product-wrap .img-wrapper { position: relative; overflow: hidden; } .product-box .img-wrapper .front, .product-wrap .img-wrapper .front { opacity: 1; top: 0; left: 0; text-align: center; transition: all 0.5s ease; } .product-box .img-wrapper .back, .product-wrap .img-wrapper .back { opacity: 0; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; transition: all 0.5s ease; transform: translateX(-100px); } .product-box .img-wrapper .cart-box, .product-wrap .img-wrapper .cart-box { position: absolute; margin: 0 auto; display: inline-block; right: 0; left: 0; border-radius: 50px; width: max-content; padding: 12px 15px; box-shadow: 0 0 12px 0 #dddddd; bottom: 30px; background-color: #ffffff; opacity: 0; transition: all 0.2s ease; } .product-box .img-wrapper .cart-box button, .product-wrap .img-wrapper .cart-box button { background: none; box-shadow: none; border: none; padding: 0; } .product-box .img-wrapper .cart-box i, .product-wrap .img-wrapper .cart-box i { color: #6f6f6f; font-size: 18px; padding-left: 8px; padding-right: 8px; transition: all 0.2s ease; display: inline-block; } .product-box .img-wrapper .cart-box i:hover, .product-wrap .img-wrapper .cart-box i:hover { color: var(--theme-deafult); transition: all 0.2s ease; } .product-box .img-wrapper .lable-block .lable3, .product-wrap .img-wrapper .lable-block .lable3 { border-radius: 100%; background-color: var(--theme-deafult); text-align: center; font-size: 13px; font-weight: 700; position: absolute; padding: 9px 4px; text-transform: uppercase; color: #ffffff; top: 7px; left: 7px; z-index: 1; } .product-box .img-wrapper .lable-block .lable4, .product-wrap .img-wrapper .lable-block .lable4 { position: absolute; font-size: 14px; font-weight: 700; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg); top: 7px; right: 7px; letter-spacing: 0.1em; z-index: 1; color: #212529; } .product-box .cart-info, .product-box .cart-wrap, .product-wrap .cart-info, .product-wrap .cart-wrap { position: absolute; bottom: 40px; text-align: center; margin: 0 auto; display: inline-block; right: 0; left: 0; justify-content: center; opacity: 0; transition: all 0.5s ease; } .product-box .cart-info a [class^=icon-], .product-box .cart-info a [class*=" icon-"], .product-box .cart-wrap a [class^=icon-], .product-box .cart-wrap a [class*=" icon-"], .product-wrap .cart-info a [class^=icon-], .product-wrap .cart-info a [class*=" icon-"], .product-wrap .cart-wrap a [class^=icon-], .product-wrap .cart-wrap a [class*=" icon-"] { display: inline-block; } .product-box .cart-info.cart-wrap, .product-box .cart-wrap.cart-wrap, .product-wrap .cart-info.cart-wrap, .product-wrap .cart-wrap.cart-wrap { bottom: 0; text-align: right; left: unset; } .product-box .cart-info.cart-wrap i, .product-box .cart-wrap.cart-wrap i, .product-wrap .cart-info.cart-wrap i, .product-wrap .cart-wrap.cart-wrap i { display: block; padding-bottom: 10px; padding-top: 10px; } .product-box .cart-info.cart-wrap.cart-effect-left, .product-box .cart-wrap.cart-wrap.cart-effect-left, .product-wrap .cart-info.cart-wrap.cart-effect-left, .product-wrap .cart-wrap.cart-wrap.cart-effect-left { left: 0; right: unset; } .product-box .cart-info button, .product-box .cart-wrap button, .product-wrap .cart-info button, .product-wrap .cart-wrap button { background: none; box-shadow: none; border: none; padding: 0; } .product-box .cart-info i, .product-box .cart-wrap i, .product-wrap .cart-info i, .product-wrap .cart-wrap i { color: #6f6f6f; font-size: 18px; padding-right: 10px; padding-left: 10px; } .product-box .cart-info i:hover, .product-box .cart-wrap i:hover, .product-wrap .cart-info i:hover, .product-wrap .cart-wrap i:hover { color: var(--theme-deafult); } .product-box .cart-detail, .product-wrap .cart-detail { position: absolute; top: 15px; right: 20px; opacity: 0; } .product-box .cart-detail i, .product-wrap .cart-detail i { color: #6f6f6f; font-size: 18px; display: flex; padding-top: 8px; padding-bottom: 8px; } .product-box .cart-detail button, .product-wrap .cart-detail button { background: none; box-shadow: none; border: none; padding: 0; } .product-box .product-detail, .product-box .product-info, .product-wrap .product-detail, .product-wrap .product-info { padding-left: 10px; } .product-box .product-detail .rating, .product-box .product-info .rating, .product-wrap .product-detail .rating, .product-wrap .product-info .rating { margin-top: 15px; } .product-box .product-detail .rating .pro-rating .br-units, .product-box .product-info .rating .pro-rating .br-units, .product-wrap .product-detail .rating .pro-rating .br-units, .product-wrap .product-info .rating .pro-rating .br-units { justify-content: center; } .product-box .product-detail .rating i, .product-box .product-info .rating i, .product-wrap .product-detail .rating i, .product-wrap .product-info .rating i { padding-right: 5px; } .product-box .product-detail .rating i:nth-child(-n+4), .product-box .product-info .rating i:nth-child(-n+4), .product-wrap .product-detail .rating i:nth-child(-n+4), .product-wrap .product-info .rating i:nth-child(-n+4) { color: #ffa200; } .product-box .product-detail .rating i:last-child, .product-box .product-info .rating i:last-child, .product-wrap .product-detail .rating i:last-child, .product-wrap .product-info .rating i:last-child { color: #dddddd; } .product-box .product-detail p, .product-box .product-info p, .product-wrap .product-detail p, .product-wrap .product-info p { display: none; } .product-box .product-detail h6, .product-box .product-info h6, .product-wrap .product-detail h6, .product-wrap .product-info h6 { line-height: 1; margin-bottom: 0; padding-top: 0; padding-bottom: 5px; transition: all 0.5s ease; font-size: 16px; margin-top: -17px; } .product-box .product-detail h4, .product-box .product-info h4, .product-wrap .product-detail h4, .product-wrap .product-info h4 { font-size: 18px; color: #222222; font-weight: 700; margin-bottom: 0; transition: all 0.5s ease; } .product-box .product-detail .color-variant, .product-box .product-info .color-variant, .product-wrap .product-detail .color-variant, .product-wrap .product-info .color-variant { padding-top: 12px; } .product-box .product-detail .color-variant li, .product-box .product-info .color-variant li, .product-wrap .product-detail .color-variant li, .product-wrap .product-info .color-variant li { display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; transition: all 0.1s ease; cursor: pointer; vertical-align: middle; } .product-box .product-detail .color-variant li.white, .product-box .product-info .color-variant li.white, .product-wrap .product-detail .color-variant li.white, .product-wrap .product-info .color-variant li.white { background-color: #ffffff; border: 1px solid #aaa; } .product-box .product-detail .color-variant li.pink, .product-box .product-info .color-variant li.pink, .product-wrap .product-detail .color-variant li.pink, .product-wrap .product-info .color-variant li.pink { background-color: #ffc0cb; } .product-box .product-detail .color-variant li.red, .product-box .product-info .color-variant li.red, .product-wrap .product-detail .color-variant li.red, .product-wrap .product-info .color-variant li.red { background-color: #ff647f; } .product-box .product-detail .color-variant li.green, .product-box .product-info .color-variant li.green, .product-wrap .product-detail .color-variant li.green, .product-wrap .product-info .color-variant li.green { background-color: #6fb866; } .product-box .product-detail .color-variant li.yellow, .product-box .product-info .color-variant li.yellow, .product-wrap .product-detail .color-variant li.yellow, .product-wrap .product-info .color-variant li.yellow { background-color: #f2f896; } .product-box .product-detail .color-variant li.skyblue, .product-box .product-info .color-variant li.skyblue, .product-wrap .product-detail .color-variant li.skyblue, .product-wrap .product-info .color-variant li.skyblue { background-color: #7ee7ec; } .product-box .product-detail .color-variant li.blue, .product-box .product-info .color-variant li.blue, .product-wrap .product-detail .color-variant li.blue, .product-wrap .product-info .color-variant li.blue { background-color: #63b4f2; } .product-box .product-detail .color-variant li.orange, .product-box .product-info .color-variant li.orange, .product-wrap .product-detail .color-variant li.orange, .product-wrap .product-info .color-variant li.orange { background-color: #ffb17a; } .product-box .product-detail .color-variant li.purple, .product-box .product-info .color-variant li.purple, .product-wrap .product-detail .color-variant li.purple, .product-wrap .product-info .color-variant li.purple { background-color: #eeb1d7; } .product-box .product-detail .color-variant li.violet, .product-box .product-info .color-variant li.violet, .product-wrap .product-detail .color-variant li.violet, .product-wrap .product-info .color-variant li.violet { background-color: #a06da0; } .product-box .product-detail .color-variant li.brown, .product-box .product-info .color-variant li.brown, .product-wrap .product-detail .color-variant li.brown, .product-wrap .product-info .color-variant li.brown { background-color: #a57372; } .product-box .product-detail .color-variant li.lightgreen, .product-box .product-info .color-variant li.lightgreen, .product-wrap .product-detail .color-variant li.lightgreen, .product-wrap .product-info .color-variant li.lightgreen { background-color: #90ee90; } .product-box .product-detail .color-variant li.olive, .product-box .product-info .color-variant li.olive, .product-wrap .product-detail .color-variant li.olive, .product-wrap .product-info .color-variant li.olive { background-color: #808000; } .product-box .product-detail .color-variant li.navy, .product-box .product-info .color-variant li.navy, .product-wrap .product-detail .color-variant li.navy, .product-wrap .product-info .color-variant li.navy { background-color: #505c80; } .product-box .product-detail .color-variant li.black, .product-box .product-info .color-variant li.black, .product-wrap .product-detail .color-variant li.black, .product-wrap .product-info .color-variant li.black { background-color: #000000; } .product-box .product-detail .color-variant li.gray, .product-box .product-detail .color-variant li .grey, .product-box .product-info .color-variant li.gray, .product-box .product-info .color-variant li .grey, .product-wrap .product-detail .color-variant li.gray, .product-wrap .product-detail .color-variant li .grey, .product-wrap .product-info .color-variant li.gray, .product-wrap .product-info .color-variant li .grey { background-color: #777777; } .product-box .product-info, .product-wrap .product-info { padding: 0; text-align: center; position: relative; } .product-box .product-info .br-default .br-units, .product-wrap .product-info .br-default .br-units { justify-content: center; } .product-box .product-info .add-btn, .product-wrap .product-info .add-btn { position: absolute; bottom: 110px; margin: 0 auto; left: 0; right: 0; opacity: 0; transition: all 0.2s ease; z-index: 1; } .product-box .product-info .add-btn i, .product-wrap .product-info .add-btn i { color: var(--theme-deafult); } .product-box .product-info .add-btn .btn-outline, .product-wrap .product-info .add-btn .btn-outline { transition: all 0.2s ease; color: var(--theme-deafult); } .product-box .product-info .add-btn .btn-outline:hover, .product-wrap .product-info .add-btn .btn-outline:hover { color: #ffffff; } .product-box .product-info .add-btn .btn-outline:hover i, .product-wrap .product-info .add-btn .btn-outline:hover i { color: #ffffff; } .product-box.effect-center .front img, .product-wrap.effect-center .front img { transition: all 0.5s ease; } .product-box.effect-center .img-wrapper .cart-box, .product-wrap.effect-center .img-wrapper .cart-box { bottom: 20%; transition: all 0.5s ease; } .product-box:hover.effect-center .front img, .product-wrap:hover.effect-center .front img { opacity: 0.3; transition: all 0.5s ease; } .product-box:hover.effect-center .img-wrapper .cart-box, .product-wrap:hover.effect-center .img-wrapper .cart-box { bottom: 35%; transition: all 0.5s ease; } .product-box:hover .img-block .first, .product-box:hover .img-wrapper .first, .product-wrap:hover .img-block .first, .product-wrap:hover .img-wrapper .first { opacity: 0; transition: all 0.5s ease; } .product-box:hover .img-block .back, .product-box:hover .img-wrapper .back, .product-wrap:hover .img-block .back, .product-wrap:hover .img-wrapper .back { opacity: 1; transition: all 0.5s ease; transform: translateX(0); } .product-box:hover .cart-info, .product-wrap:hover .cart-info { opacity: 1; transition: all 0.5s ease; } .product-box:hover .cart-info button, .product-wrap:hover .cart-info button { animation: fadeInUp 300ms ease-in-out; } .product-box:hover .cart-info a:nth-child(2) i, .product-wrap:hover .cart-info a:nth-child(2) i { animation: fadeInUp 500ms ease-in-out; } .product-box:hover .cart-info a:nth-child(3) i, .product-wrap:hover .cart-info a:nth-child(3) i { animation: fadeInUp 700ms ease-in-out; } .product-box:hover .cart-info a:nth-child(4) i, .product-wrap:hover .cart-info a:nth-child(4) i { animation: fadeInUp 1000ms ease-in-out; } .product-box:hover .cart-wrap button, .product-wrap:hover .cart-wrap button { animation: fadeInRight 300ms ease-in-out; } .product-box:hover .cart-wrap a:nth-child(2) i, .product-wrap:hover .cart-wrap a:nth-child(2) i { animation: fadeInRight 500ms ease-in-out; } .product-box:hover .cart-wrap a:nth-child(3) i, .product-wrap:hover .cart-wrap a:nth-child(3) i { animation: fadeInRight 700ms ease-in-out; } .product-box:hover .cart-wrap a:nth-child(4) i, .product-wrap:hover .cart-wrap a:nth-child(4) i { animation: fadeInRight 1000ms ease-in-out; } .product-box:hover .cart-wrap.cart-effect-left button, .product-wrap:hover .cart-wrap.cart-effect-left button { animation: fadeInLeft 300ms ease-in-out; } .product-box:hover .cart-wrap.cart-effect-left a:nth-child(2) i, .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(2) i { animation: fadeInLeft 500ms ease-in-out; } .product-box:hover .cart-wrap.cart-effect-left a:nth-child(3) i, .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(3) i { animation: fadeInLeft 700ms ease-in-out; } .product-box:hover .cart-wrap.cart-effect-left a:nth-child(4) i, .product-wrap:hover .cart-wrap.cart-effect-left a:nth-child(4) i { animation: fadeInLeft 1000ms ease-in-out; } .product-box:hover .cart-detail, .product-wrap:hover .cart-detail { opacity: 1; transition: all 0.5s ease; } .product-box:hover .cart-detail button, .product-wrap:hover .cart-detail button { animation: fadeInRight 300ms ease-in-out; } .product-box:hover .cart-detail a:nth-child(2) i, .product-wrap:hover .cart-detail a:nth-child(2) i { animation: fadeInRight 500ms ease-in-out; } .product-box:hover .cart-detail a:nth-child(3) i, .product-wrap:hover .cart-detail a:nth-child(3) i { animation: fadeInRight 700ms ease-in-out; } .product-box:hover .cart-detail a:nth-child(4) i, .product-wrap:hover .cart-detail a:nth-child(4) i { animation: fadeInRight 1000ms ease-in-out; } .product-box:hover .product-info .add-btn, .product-wrap:hover .product-info .add-btn { opacity: 1; transition: all 0.2s ease; animation: fadeInUp 500ms ease-in-out; } .product-box:hover .img-wrapper .cart-box, .product-wrap:hover .img-wrapper .cart-box { opacity: 1; transition: all 0.2s ease; animation: fadeInUp 400ms ease-in-out; } /*===================== 10.Theme tab CSS start ==========================*/ .vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link { padding: 15px 20px; } .theme-tab { position: relative; } .theme-tab .product-box .product-detail, .theme-tab .product-box .product-info, .theme-tab .product-wrap .product-detail, .theme-tab .product-wrap .product-info { padding-left: 0; } .theme-tab .tab-content > .active .product-box, .theme-tab .tab-content > .active .tab-box { animation: zoomIn 300ms ease-in-out; } .theme-tab .tab-content .product-tab .tab-box { background-color: #ffffff; width: 100%; flex: 0 0 25%; max-width: calc(25% - 10px); margin: 0 5px 10px; } .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+4) { margin: 0 5px 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 250px; padding: 15px; transition: all 0.5s ease; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body { margin-top: -18px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating { margin-top: 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i { padding-right: 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:nth-child(-n+4) { color: #ffa200; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating i:last-child { color: #dddddd; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 { margin-right: 35px; line-height: 17px; margin-top: -10px; margin-bottom: 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4 { font-size: 20px; margin-top: 5px; font-weight: 700; color: #222222; margin-bottom: 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li { display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; margin-top: 20px; transition: all 0.1s ease; margin-bottom: 0; cursor: pointer; vertical-align: middle; } .theme-tab .tab-content .product-tab .tab-box:hover .product-box2 img { transform: scale(1.03); transition: all 0.5s ease; } .theme-tab .tab-title ul.nav, .theme-tab .tab-title2 ul.nav { text-align: center; font-size: 18px; margin-bottom: 30px; margin-top: -6px; } .theme-tab .tab-title .nav-link, .theme-tab .tab-title2 .nav-link { padding: 0; } .theme-tab .tab-title .nav-link.active, .theme-tab .tab-title2 .nav-link.active { color: var(--theme-deafult); background-color: transparent; } .theme-tab .tab-title li.nav-item, .theme-tab .tab-title2 li.nav-item { padding-left: 25px; padding-right: 25px; } .theme-tab .tab-title a.nav-link, .theme-tab .tab-title2 a.nav-link { color: #2d2a25; text-transform: uppercase; } .theme-tab .marijuana-tab .nav-link { padding: 0; } .theme-tab .marijuana-tab .nav-link.active { color: #dafe69; background-color: transparent; } .theme-tab .marijuana-tab a.nav-link { color: #ffffff; text-transform: uppercase; } .theme-tab .tab-title2 { font-size: 24px; font-weight: 700; text-transform: uppercase; } .theme-tab .tab-title2:after { content: ""; position: absolute; border: 1px solid #f1f5f4; width: 100%; left: 0; top: 17px; z-index: -1; } .theme-tab .tab-title2 .current { background-color: #ffffff; } .theme-tab .tab-title2 .current a { background-color: #ffffff; } .tab-bg { position: relative; padding: 70px 50px 60px 50px; } .tab-bg.tab-grey-bg { background-color: #f9f9f9; } .tab-bg:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-deafult); opacity: 0.09; z-index: -1; } .tab-bg .theme-tab .tab-title { margin-bottom: 30px; } /*===================== 11.Banner CSS start ==========================*/ .full-banner { position: relative; background-size: cover; background-repeat: no-repeat; padding-top: 450px; background-position: center; } .full-banner.parallax-layout { padding-top: 350px; padding-bottom: 350px; } .full-banner.parallax-layout .banner-contain h4 { color: #7f786d; } .full-banner.banner-layout-3 .banner-contain h4 { color: #ffffff; } .full-banner.banner-layout-3 .banner-contain h3 { color: #ffffff; margin-top: 10px; } .full-banner.banner-layout-3 .banner-contain .color { color: var(--theme-deafult); line-height: 1; margin-top: -13px; } .full-banner.parallax { background-attachment: fixed; } .full-banner.p-left .banner-contain { float: left; } .full-banner.p-right .banner-contain { float: right; } .full-banner.p-center .banner-contain { left: 0; right: 0; margin: 0 auto; } .full-banner .banner-contain .btn-solid, .full-banner .banner-contain .btn-outline { margin-top: 20px; } .full-banner .banner-contain h2 { font-size: 100px; font-weight: 700; color: var(--theme-deafult); text-transform: uppercase; margin-top: -15px; } .full-banner .banner-contain h3 { font-size: 60px; color: #333333; text-transform: uppercase; font-weight: 700; } .full-banner .banner-contain h4 { font-size: 24px; color: #777777; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5em; padding-top: 10px; margin-bottom: -5px; line-height: 1.3; } .parallax-cls section:nth-child(odd) .full-banner { background-position: right; } .parallax-cls section:nth-child(even) .full-banner { background-position: left; } .parallax-cls section .banner-contain { margin-top: -12px; } /*===================== 12.Collection Banner CSS start ==========================*/ .collection-banner { position: relative; overflow: hidden; } .collection-banner img { transition: all 0.5s ease; width: 100%; } .collection-banner.p-left .contain-banner { justify-content: flex-start; } .collection-banner.p-right .contain-banner { justify-content: flex-end; } .collection-banner.p-center .contain-banner { justify-content: center; } .collection-banner .contain-banner { position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; padding-left: 70px; padding-right: 70px; } .collection-banner .contain-banner.banner-3 { padding-left: 50px; padding-right: 50px; } .collection-banner .contain-banner.banner-3 h2 { font-size: 36px; letter-spacing: 0.05em; color: white; margin-top: 5px; margin-bottom: -7px; } .collection-banner .contain-banner.banner-3 h4 { color: #ffffff; } .collection-banner .contain-banner.banner-4 { padding-left: 50px; padding-right: 50px; } .collection-banner .contain-banner.banner-4 h2 { font-size: 28px; letter-spacing: 0.03em; color: white; margin-bottom: -7px; } .collection-banner .contain-banner h4 { color: var(--theme-deafult); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0; margin-top: -3px; } .collection-banner .contain-banner h2 { font-size: 60px; font-weight: 700; color: #222222; letter-spacing: 0.1em; margin-bottom: -7px; } .collection-banner:hover img { transform: scale(1.05); transition: all 0.5s ease; } .banner-furniture { padding-left: 15px; padding-right: 15px; } .banner-furniture .collection-banner .contain-banner.banner-3 h2 { color: #222222; margin-bottom: 0; } .banner-furniture .collection-banner .contain-banner.banner-3 h4 { color: var(--theme-deafult); } .banner-goggles .collection-banner .contain-banner.banner-3 h2 { color: #222222; } .banner-goggles .collection-banner .contain-banner.banner-3 h4 { color: var(--theme-deafult); } /*===================== 13.Product-box slider CSS start ==========================*/ .product-slick.product-zoom.slick-initialized.slick-slider { z-index: 1; } .layout7-product .product-box { padding: 2px; } .layout7-product .product-box img { width: 100%; } .layout7-product .product-box .cart-info { right: 7px; bottom: 7px; } .layout7-product .product-box .details-product { position: absolute; transition: all 0.5s ease; opacity: 0; bottom: 15px; left: 15px; } .layout7-product .product-box .details-product h6, .layout7-product .product-box .details-product h4 { margin-bottom: 0; } .layout7-product .product-box .details-product h6 { color: #000000; } .layout7-product .product-box:hover .details-product { opacity: 1; animation: fadeIn 500ms ease-in-out; transition: all 0.5s ease; } .img-zoom-result { background-size: 1614px 2064px !important; } .offer-slider .owl-item { line-height: 1; } .center-slider .product-box { box-shadow: none; } .center-slider .product-box .img-wrapper img { padding: 15px; width: 100%; margin: 0 auto; } .center-slider .owl-next:before, .center-slider .owl-prev:before { box-shadow: 0 0 8px 0 #dddddd; } .center-slider .title2 .title-inner2 { margin-bottom: 0; } .center-slider:hover .product-box { box-shadow: none; } .center-slider:hover .owl-next { right: 20px; transform: scale(1.8); } .center-slider:hover .owl-prev { left: 20px; transform: scale(1.8); } .theme-card { position: relative; } .theme-card.center-align { display: flex; height: 100%; align-items: center; } .theme-card.center-align .offer-slider .product-box2 .media .media-body { margin-top: 0; } .theme-card.card-border { border: 1px solid #dddddd; } .theme-card.card-border h5 { padding-top: 20px; padding-bottom: 20px; padding-left: 30px; } .theme-card.card-border .owl-prev, .theme-card.card-border .owl-next { top: -45px; } .theme-card.card-border .owl-next { right: 30px; } .theme-card.card-border .owl-prev { right: 50px; } .theme-card.card-border .offer-slider { padding-bottom: 20px; } .theme-card.card-border .offer-slider img { padding: 15px 15px 15px 30px; } .theme-card.card-border .offer-slider .media .media-body a h6 { margin-right: 25px; } .theme-card h5 { font-weight: 700; text-transform: uppercase; padding-bottom: 10px; } .theme-card h5.title-border { border-bottom: 1px solid #dddddd; } .theme-card .owl-prev, .theme-card .owl-next { top: -35px; padding: 0 !important; margin: 0 !important; background: none !important; } .theme-card .owl-prev:before, .theme-card .owl-next:before { font: normal normal normal 30px/1 FontAwesome; color: #222222; opacity: 0.6; } .theme-card .owl-next { right: 0; } .theme-card .owl-next:before { content: ""; } .theme-card .owl-prev { left: unset; right: 25px; } .theme-card .owl-prev:before { content: ""; } .theme-card .offer-slider img { height: 160px; padding: 15px 15px 15px 0 !important; } .theme-card .offer-slider > div .media:last-child .media-body { margin-top: 15px; } .theme-card .offer-slider > div .media:last-child img { margin-bottom: -15px; } .theme-card .offer-slider .media .media-body .rating { margin-top: 0; } .theme-card .offer-slider .media .media-body .rating i { padding-right: 5px; } .theme-card .offer-slider .media .media-body .rating i:nth-child(-n+4) { color: #ffa200; } .theme-card .offer-slider .media .media-body .rating i:last-child { color: #dddddd; } .theme-card .offer-slider .media .media-body a h6 { margin-right: 61px; line-height: 17px; margin-top: -10px; margin-bottom: 0; } .theme-card .offer-slider .media .media-body h4 { margin-top: 10px; font-weight: 700; color: #222222; margin-bottom: 0; } .full-box .theme-card .offer-slider .product-box2 .media img { height: 300px; transform: scale(1); transition: all 0.5s ease; } .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6 { margin-right: 20px; } .full-box .theme-card .offer-slider .product-box2 .media .media-body h4 { font-size: 20px; margin-top: 5px; } .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li { display: inline-block; height: 20px; width: 20px; border-radius: 100%; margin-right: 5px; margin-top: 15px; transition: all 0.1s ease; margin-bottom: 0; cursor: pointer; vertical-align: middle; } .full-box .theme-card .offer-slider .product-box2 + .product-box2 { border-top: 1px solid #f1f5f4; } .full-box .theme-card .offer-slider .product-box2:hover .media img { transform: scale(1.03); transition: all 0.5s ease; } /*===================== 14.Modal popup CSS start ==========================*/ .modal-open { padding-right: 0 !important; } #sizemodal { padding-right: 0 !important; } .theme-modal { padding-right: 0 !important; } .theme-modal .modal-dialog .modal-content .modal-body { padding: 15px; background-image: linear-gradient(135deg, var(--theme-deafult) 5.77%, #ffffff 5.77%, #ffffff 25%, #111111 25%, #111111 30.77%, #ffffff 30.77%, #ffffff 50%, var(--theme-deafult) 50%, var(--theme-deafult) 55.77%, #ffffff 55.77%, #ffffff 75%, #111111 75%, #111111 80.77%, #ffffff 80.77%, #ffffff 100%); background-size: 36.77px 36.77px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg { background-color: #ffffff; padding: 45px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close { padding-right: 10px; padding-top: 5px; position: absolute; right: 17px; top: 0; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close span { color: #000000; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h2 { border-bottom: 1px dashed #777777; text-align: center; margin-bottom: 30px; padding-bottom: 30px; font-weight: 700; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4 { margin-bottom: 30px; text-align: center; color: #272727; font-size: 18px; font-weight: 400; text-transform: capitalize; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form { margin: 0 auto; text-align: center; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form > div { display: flex; margin-bottom: 10px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .form-control { padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 12px; height: 50px; border-radius: 0; width: 100%; letter-spacing: 0.05em; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img { margin-bottom: 40px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 { margin-bottom: 30px; text-align: center; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group { margin: 0 auto; text-align: center; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control { padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 12px; max-width: 640px; left: 0; right: 0; margin: 0 auto; letter-spacing: 0.05em; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .btn-solid, .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .btn-outline { margin-top: 10px; text-align: center; } .theme-modal .modal-dialog .quick-view-modal button.close { position: absolute; z-index: 1; right: 10px; top: 5px; } .theme-modal .modal-dialog .quick-view-modal .view-detail { font-size: 14px; font-weight: 700; text-transform: uppercase; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 25px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media a img { max-width: 150px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body { padding: 0 15px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 { font-size: 16px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 i { margin-right: 8px; color: #fff; background: #19a340; font-size: 14px; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a { display: inline-block; font-size: 16px; padding: 6px 10px; margin: 0 6px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box { padding-left: 10px; padding-right: 10px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail { text-align: center; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 { font-weight: 700; text-transform: capitalize; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 a { color: var(--theme-deafult); } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .upsell_payment { padding-top: 15px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .product-upsell { margin: 20px 0 10px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .product-upsell h4 { font-weight: 600; } .theme-modal.exit-modal .media .media-body h4 { font-size: 20px; line-height: 1.2; color: var(--theme-deafult); font-weight: 500; } .theme-modal.exit-modal .media .media-body h5 { font-size: 18px; color: #777777; margin-bottom: 0; } /*===================== 15.lookbook CSS start ==========================*/ .lookbook .lookbook-block { position: relative; } .lookbook .lookbook-block .lookbook-dot { cursor: pointer; position: absolute; z-index: 2; width: 29px; height: 29px; line-height: 29px; border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; top: 50%; left: 12%; background-color: #ffffff; } .lookbook .lookbook-block .lookbook-dot.dot2 { top: 70%; left: 27%; } .lookbook .lookbook-block .lookbook-dot.dot3 { top: 28%; left: 30%; } .lookbook .lookbook-block .lookbook-dot.dot4 { top: 67%; left: 8%; } .lookbook .lookbook-block .lookbook-dot.dot5 { top: 40%; left: 35%; } .lookbook .lookbook-block .lookbook-dot.dot6 { top: 80%; left: 58%; } .lookbook .lookbook-block .lookbook-dot.dot7 { top: 67%; left: 45%; } .lookbook .lookbook-block .lookbook-dot.dot8 { top: 43%; left: 39%; } .lookbook .lookbook-block .lookbook-dot.dot9 { top: 32%; left: 50%; } .lookbook .lookbook-block .lookbook-dot.dot10 { top: 60%; left: 50%; } .lookbook .lookbook-block .lookbook-dot.dot11 { top: 50%; left: 45%; } .lookbook .lookbook-block .lookbook-dot.dot12 { top: 75%; left: 45%; } .lookbook .lookbook-block .lookbook-dot.dot13 { top: 40%; left: 45%; } .lookbook .lookbook-block .lookbook-dot.dot14 { top: 76%; left: 45%; } .lookbook .lookbook-block .lookbook-dot.dot15 { top: 50%; left: 15%; } .lookbook .lookbook-block .lookbook-dot:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); zoom: 1; background-color: transparent \9 ; z-index: -1; border-radius: 50%; transition: all 0.3s ease; } .lookbook .lookbook-block .lookbook-dot span { text-align: center; justify-content: center; display: flex; } .lookbook .lookbook-block .lookbook-dot .dot-showbox { visibility: hidden; top: -98px; left: 150%; position: absolute; width: 130px; background-color: #ffffff; box-shadow: -3px -3px 13px rgba(48, 54, 61, 0.1); } .lookbook .lookbook-block .lookbook-dot .dot-showbox img { margin-top: 0; } .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info { padding: 5px; text-align: center; } .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 { margin-bottom: 0; text-transform: capitalize; line-height: 20px; } .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5.title { font-weight: 700; } .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h6 { text-transform: uppercase; color: var(--theme-deafult); margin-bottom: 0; } .lookbook .lookbook-block .lookbook-dot .dot-showbox:before { position: absolute; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-right: 8px solid #ffffff; border-bottom: 8px solid transparent; top: 41%; left: -8px; } .lookbook .lookbook-block .lookbook-dot:hover { background-color: var(--theme-deafult); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); z-index: 10; } .lookbook .lookbook-block .lookbook-dot:hover .dot-showbox { animation: fadeInUp 400ms ease-in-out; visibility: visible; transition: all 0.5s ease; } .lookbook .lookbook-block .lookbook-dot:hover span { color: #ffffff; } .lookbook .lookbook-block .lookbook-dot:hover:before { -webkit-transform: scale(1.3); } /*===================== 16.look-book demo CSS start ==========================*/ .lookbook-section { padding-left: 25px; padding-right: 25px; padding-bottom: 25px; } .lookbook-section .lookbook-img > div:last-child img { margin-top: 25px; } /*===================== 17.3.Electronics Demo CSS ==========================*/ .layout-8 { padding: 0 80px; } .layout-8 .layout-8-bg { background-size: cover; background-attachment: fixed; height: 100%; width: 100%; padding: 0 15px; animation: 10s linear 0s normal none infinite animate; } .layout-8 .layout-8-bg .layout7-product .product-box .details-product { opacity: 1; } .layout-8 .layout-8-bg .layout7-product .product-box:hover .details-product { animation: none; } .white-bg { background-color: #ffffff; } @keyframes animate { from { background-position: 0 0; } to { background-position: 0 500px; } } /*===================== 17.4.Fashion-3 Demo CSS ==========================*/ .box-layout-body { background-color: #f9f9f9; } .box-layout-body .box-layout-header { background-color: #ffffff; } .box-layout-body .box-layout { margin-top: -70px; margin-bottom: 5px; box-shadow: 0 0 8px 0 #ddd; position: relative; background-color: white; z-index: 1; } .box-layout-body .box-layout .full-banner { margin-left: -15px; margin-right: -15px; padding-top: 200px; padding-bottom: 200px; } /*===================== 17.5.Beauty Demo css ==========================*/ .beauty-about .about-text p { text-align: left; } .about-section { display: flex; justify-content: center; align-items: center; height: 100%; } .about-section .small-section { padding-top: 20px; } .about-section .service .service-block1 img { margin-bottom: 10px; } .about-section .service .service-block1 h5 { text-transform: capitalize; font-weight: 700; margin-bottom: 0; } .video-modal .modal-body { padding: 0; } .video-modal iframe { height: 500px; width: 100%; vertical-align: middle; border: none; } .video-section .video-img { position: relative; overflow: hidden; } .video-section .video-img img { transition: all 0.5s ease; transform: scale(1); } .video-section .video-img .play-btn { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .video-section .video-img .play-btn span { height: 60px; width: 60px; border-radius: 100%; background-color: var(--theme-deafult); text-align: center; justify-content: center; align-items: center; display: flex; } .video-section .video-img .play-btn i { font-size: 35px; padding-left: 5px; color: #ffffff; } .video-section .video-img:hover img { transform: scale(1.03); transition: all 0.5s ease; } /*===================== 17.6..Flower Demo css ==========================*/ .flower-bg { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; width: 100%; } .bg-block { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height: 100%; width: 100%; padding: 70px 50px 60px 50px; } .bg-block .title4 .line { margin-bottom: 25px; } .bg-block .theme-tab .tab-title { margin-bottom: 30px; } /*===================== 17.7.Nursery Demo css ==========================*/ .layout-20 { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 50px; } /*===================== 17.2.Full-page scroll CSS start ==========================*/ .full-scroll-menu { position: fixed; width: 100%; top: 0; left: 0; z-index: 9; background-color: transparent; } .full-scroll-menu .container-fluid, .full-scroll-menu .container-sm, .full-scroll-menu .container-md, .full-scroll-menu .container-lg, .full-scroll-menu .container-xl { padding-left: 60px; padding-right: 60px; } .full-scroll-footer { position: fixed; bottom: 0; left: 0; width: 100%; } .full-scroll-footer .sub-footer { background-color: transparent; } .full-scroll-footer .sub-footer .container-fluid, .full-scroll-footer .sub-footer .container-sm, .full-scroll-footer .sub-footer .container-md, .full-scroll-footer .sub-footer .container-lg, .full-scroll-footer .sub-footer .container-xl { padding-left: 60px; padding-right: 60px; } .home-slider.fullpage .home { height: calc(100vh - 2px); } .home-slider.fullpage .home .slider-contain { height: calc(100vh - 2px); padding-left: 25px; } .home-slider.fullpage .home .slider-contain h1 { font-style: italic; font-size: 50px; margin-top: -12px; } .home-slider.fullpage .home .slider-contain p { max-width: 600px; line-height: 1.5; margin-top: 15px; margin-bottom: 10px; font-size: 16px; } .home-slider.fullpage .owl-next, .home-slider.fullpage .owl-prev { display: none !important; } .home-slider.fullpage:hover .owl-next, .home-slider.fullpage:hover .owl-prev { display: none !important; } .home-slider.fullpage .slick-dots { top: 50%; bottom: unset; width: unset; left: 20px; transform: translateY(-50%); } .home-slider.fullpage .slick-dots li { display: flex; } .home-slider.fullpage .slick-dots li button:before { font-size: 15px; color: var(--theme-deafult); opacity: 0.5; } .home-slider.fullpage .slick-dots li.slick-active button:before { opacity: 1; } .home-slider.instagram-slider .home { height: 50vh; } .home-slider.instagram-slider .home .slider-contain { height: 50vh; } .home-slider.slick-dotted.slick-slider { margin-bottom: 0; } .video-layout { height: calc(100vh - 5px); width: 100vw; object-fit: fill; } /*===================== Add to cart popup ==========================*/ .add_to_cart { position: fixed; background-color: #ffffff; z-index: 9999; transition: all 0.5s ease; } .add_to_cart ::-webkit-scrollbar { width: 3px; height: 7px; } .add_to_cart ::-webkit-scrollbar-track { background: #dddddd; } .add_to_cart ::-webkit-scrollbar-thumb { background: #888888; } .add_to_cart ::-webkit-scrollbar-thumb:hover { background: #555555; } .add_to_cart .empty-cart-cls { padding: 30px 44px; } .add_to_cart .cart-inner { background-color: #ffffff; z-index: 9; position: relative; top: 0; } .add_to_cart .cart-inner .cart_media { padding: 0 20px; } .add_to_cart .cart-inner .cart_media li { position: relative; padding-bottom: 10px; width: 100%; } .add_to_cart .cart-inner .cart_media li .media { align-items: center; height: 100%; } .add_to_cart .cart-inner .cart_media li .media img { height: 90px; } .add_to_cart .cart-inner .cart_media li .media .media-body { align-self: center; } .add_to_cart .cart-inner .cart_media li .media .media-body h4 { color: #333333; } .add_to_cart .cart-inner .cart_media li .media .media-body h4 span { color: #777777; font-size: 16px; } .add_to_cart .cart-inner .cart_media li .total { border-top: 1px solid #f1f5f4; border-bottom: 1px solid #f1f5f4; padding-top: 10px; padding-bottom: 10px; } .add_to_cart .cart-inner .cart_media li .total h5 { text-transform: capitalize; margin-bottom: 0; color: #999999; } .add_to_cart .cart-inner .cart_media li .total h5 span { float: right; } .add_to_cart .cart-inner .cart_media li .buttons a { font-size: 16px; color: #ffffff; text-transform: capitalize; font-weight: 700; transition: all 0.5s ease; } .add_to_cart .cart-inner .cart_media li .buttons a:hover { color: var(--theme-deafult); transition: all 0.5s ease; } .add_to_cart .cart-inner .cart_media li .buttons .checkout { float: right; } .add_to_cart .cart-inner .cart_media .close-circle { position: absolute; top: 0; right: 0; } .add_to_cart .cart-inner .cart_media .close-circle i { color: #a1a1a1; font-size: 16px; transition: all 0.5s ease; } .add_to_cart .cart-inner .cart_media .close-circle i:hover { color: #000000; transition: all 0.5s ease; } .add_to_cart .cart-inner .cart_top { display: flex; padding: 20px; border-bottom: 1px solid #efefef; margin-bottom: 20px; align-items: center; } .add_to_cart .cart-inner .cart_top h3 { font-size: 18px; color: #222222; font-weight: 700; text-transform: uppercase; margin-bottom: 0; } .add_to_cart .cart-inner .cart_top .close-cart { margin-left: auto; } .add_to_cart .cart-inner .cart_top .close-cart i { color: black; font-size: 18px; } .add_to_cart .overlay { visibility: hidden; opacity: 0; background-color: #212331; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease; } .add_to_cart.openSide { transition: all 0.5s ease; } .add_to_cart.openSide .overlay { opacity: 0.8; visibility: visible; transition: all 0.5s ease; } .add_to_cart.left { left: -300px; top: 0; height: 100vh; width: 300px; } .add_to_cart.left .cart-inner { height: 100vh; overflow: auto; } .add_to_cart.left.openSide { left: 0; } .add_to_cart.right { right: -300px; height: 100vh; width: 300px; top: 0; } .add_to_cart.right .cart-inner { height: 100vh; overflow: auto; } .add_to_cart.right.openSide { right: 0; } .add_to_cart.top, .add_to_cart.bottom { height: 218px; width: 100%; } .add_to_cart.top .cart_media, .add_to_cart.bottom .cart_media { display: flex; width: 100%; } .add_to_cart.top .cart_media .cart_product, .add_to_cart.bottom .cart_media .cart_product { display: flex; width: 75%; overflow-y: auto; } .add_to_cart.top .cart_media .cart_product li, .add_to_cart.bottom .cart_media .cart_product li { min-width: 245px; max-width: 225px; margin-right: 18px; padding-bottom: 0; } .add_to_cart.top .cart_media .cart_total, .add_to_cart.bottom .cart_media .cart_total { width: 25%; } .add_to_cart.top .cart-inner, .add_to_cart.bottom .cart-inner { height: 218px; } .add_to_cart.top .cart-inner .cart_top, .add_to_cart.bottom .cart-inner .cart_top { margin-bottom: 0; background-color: #fbfbfb; padding: 15px 44px; border-bottom: none; } .add_to_cart.top .cart-inner .cart_media, .add_to_cart.bottom .cart-inner .cart_media { padding: 0; } .add_to_cart.top .cart-inner .cart_media .cart_product, .add_to_cart.top .cart-inner .cart_media .cart_total, .add_to_cart.bottom .cart-inner .cart_media .cart_product, .add_to_cart.bottom .cart-inner .cart_media .cart_total { padding: 30px 44px; } .add_to_cart.top { top: -300px; } .add_to_cart.top.openSide { top: 0; } .add_to_cart.bottom { bottom: -300px; } .add_to_cart.bottom.openSide { bottom: 0; } /*===================== 16.footer CSS start ==========================*/ footer { position: relative; } footer .footer-lable { position: absolute; width: 50px; height: 50px; background-color: var(--theme-deafult); top: -10px; display: flex; align-items: center; justify-content: center; } footer .footer-lable:after { content: ""; position: absolute; width: 0; height: 0; border-bottom: 10px solid var(--theme-deafult); border-right: 10px solid transparent; top: 0; right: -10px; } footer .footer-lable i { color: white; font-size: 25px; } footer .footer-theme .footer-mobile-title { display: none; } footer .darken-layout p { color: #938d8c; } footer .darken-layout .sub-title .footer-title.active .according-menu { font: normal normal normal 14px/1 FontAwesome; } footer .darken-layout .sub-title .footer-title.active .according-menu.before { content: ""; } footer .darken-layout .sub-title h4 { color: #ffffff; } footer .darken-layout .sub-title li a { color: #938d8c; } footer .darken-layout .sub-title .contact-list i { color: #938d8c; } footer .darken-layout .sub-title .contact-list li { color: #938d8c; } footer .darken-layout .footer-social i { color: #938d8c; } footer p { line-height: 32px; letter-spacing: 0.03em; margin-bottom: 0; } .footer-light .subscribe { display: flex; height: 100%; align-items: center; border-right: 1px solid #dddddd; text-align: left; } .footer-light .subscribe p { line-height: 1; } .footer-light .subscribe h4 { margin-bottom: 10px; } .footer-light .subscribe-form { display: flex; align-items: center; height: 100%; justify-content: flex-end; } .footer-theme2 { text-align: center; } .footer-theme2 .footer-mobile-title { display: none !important; } .footer-theme2 .contact-details li a { color: #7f786d; } .footer-theme2 .contact-details li a:hover { color: var(--theme-deafult); transition: all 0.5s ease; } .footer-theme2.footer-border { border: 20px solid #f1f5f4; } .footer-theme2 .footer-logo { margin-bottom: 18px; } .footer-theme2 p { line-height: 32px; letter-spacing: 0.03em; margin-bottom: 0; color: #7f786d; } .footer-theme2 h4 { color: #ffffff; text-transform: uppercase; font-weight: 700; margin-bottom: 0; padding-bottom: 25px; } .footer-theme2 .contact-details li { display: block; color: #7f786d; padding: 0 50px; line-height: 2.2; } .footer-theme2 .contact-details li:last-child { margin-bottom: -8px; } .footer-theme2 .subscribe-block { border-left: 1px solid #38352f; border-right: 1px solid #38352f; padding: 10px 110px; } .footer-theme2 .subscribe-block h2 { color: #ffffff; margin-bottom: 30px; } .footer-theme2 .subscribe-block .btn-solid { margin-top: 10px; } .footer-theme2 .subscribe-block .form-group { margin-bottom: 0; } .footer-theme2 .subscribe-block .form-control { text-align: center; letter-spacing: 5px; font-size: 12px; padding: 15px 0; border-radius: 0; } .footer-theme2 .footer-link.link-white h4, .footer-theme2 .footer-link-b.link-white h4 { color: #222222; } .footer-theme2 .footer-link.link-white a, .footer-theme2 .footer-link-b.link-white a { color: #777777; transition: 0.5s ease; } .footer-theme2 .footer-link.link-white a:hover, .footer-theme2 .footer-link-b.link-white a:hover { color: #2d2a25; transition: 0.5s ease; } .footer-theme2 .footer-link h4, .footer-theme2 .footer-link-b h4 { padding-bottom: 20px; } .footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li { padding-right: 15px; padding-left: 15px; text-transform: capitalize; } .footer-theme2 .footer-link a, .footer-theme2 .footer-link-b a { color: #7f786d; transition: 0.5s ease; } .footer-theme2 .footer-link a:hover, .footer-theme2 .footer-link-b a:hover { color: #f5f2f2; transition: 0.5s ease; } .footer-theme2 .footer-link-b h4 { margin-top: 50px; } .footer-theme2.section-light h2, .footer-theme2.section-light h4 { color: #222222; } .footer-theme2.section-light .footer-block { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; } .footer-theme2.section-light .footer-block h4 { padding-bottom: 25px; } .footer-theme2.section-light .footer-block .contact-details li a { color: #7f786d; } .footer-theme2.section-light .footer-block .contact-details li a:hover { color: var(--theme-deafult); transition: all 0.5s ease; } .footer-theme2.section-light .footer-block .subscribe-white { position: relative; z-index: 1; width: 100%; padding: 85px 65px; border-left: 20px solid #f1f5f4; border-right: 20px solid #f1f5f4; } .footer-theme2.section-light .footer-block .subscribe-white:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-deafult); opacity: 0.4; z-index: -1; } .footer-theme2.section-light .footer-block .subscribe-white .form-group { margin-bottom: 0; } .footer-theme2.section-light .footer-block .subscribe-white .form-control { border: none; border-radius: 0; } .footer-theme2.section-light .footer-block .subscribe-white h2 { margin-bottom: 30px; margin-top: -5px; } .footer-theme2.section-light .footer-block .subscribe-white .btn-solid { margin-top: 10px; } .footer-theme2.section-light .footer-block .subscribe-white .form-control { text-align: center; letter-spacing: 5px; font-size: 12px; padding: 15px 0; } .subscribe { text-align: center; } .subscribe h4 { color: #222222; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 15px; margin-top: -5px; } .subscribe h4 i { color: var(--theme-deafult); padding-right: 5px; font-size: 23px; } .subscribe-form { display: inline-flex; } .subscribe-form .form-group { margin-bottom: 0; } .subscribe-form .form-control { padding: 13px; width: 345px; border-radius: 0; border: 1px solid #eeeeee; } .subscribe-form .form-control.name-cls { width: 265px; } .subscribe-form.classic-form .form-control { border-radius: 0; border: none; background-color: #f5f2f2; margin-left: 15px; } .subscribe-form.classic-form .btn-solid { margin-bottom: 0 !important; } .footer-social, .social-white { margin-top: 40px; display: flex; align-items: center; } .footer-social li, .social-white li { display: inline-block; padding-right: 45px; } .footer-social i, .social-white i { font-size: 20px; color: #000000; transition: 0.5s ease; } .footer-social i:hover, .social-white i:hover { color: var(--theme-deafult) !important; transition: 0.5s ease; } .social-white li { padding-left: 22px; padding-right: 22px; } .footer-theme .footer-logo { margin-bottom: 18px; } .footer-theme .sub-title h4 { color: #222222; margin-bottom: 25px; text-transform: uppercase; font-weight: 700; } .footer-theme .sub-title li { position: relative; display: inherit; padding-top: 13px; text-transform: capitalize; font-size: 14px; color: #777777; } .footer-theme .sub-title li a { position: relative; color: #777777; } .footer-theme .sub-title li a:before { position: absolute; top: 20px; content: ""; height: 2px; width: 0; background-color: var(--theme-deafult); transition: 0.5s ease; } .footer-theme .sub-title li:hover a:before { width: 100%; height: 2px; transition: 0.5s ease; } .footer-theme .sub-title .contact-list i { position: absolute; left: 0; top: 21px; } .footer-theme .sub-title .contact-list li { position: relative; padding-left: 25px; line-height: 28px; } .footer-theme .sub-title .contact-list li a:hover { color: var(--theme-deafult); transition: all 0.5s ease; } .footer-theme .sub-title .contact-list li:hover { color: #999999; transition: all 0.3s ease; } .footer-theme .sub-title .contact-list li:hover a:before { display: none; } .footer-theme .sub-title .contact-list li:last-child { margin-bottom: -5px; } .sub-footer { background-color: #ffffff; } .sub-footer.dark-subfooter { background-color: #2e2726; } .sub-footer.dark-subfooter p { color: #938d8c; } .sub-footer.darker-subfooter { background-color: #25221e; } .sub-footer.darker-subfooter p { color: #7f786d; } .sub-footer.black-subfooter { background-color: #222222; } .sub-footer.black-subfooter p { color: #777777; } .sub-footer p { color: #777777; margin-bottom: 0; padding: 20px 0; } .sub-footer .payment-card-bottom { height: 100%; display: flex; align-items: center; justify-content: flex-end; } .sub-footer .payment-card-bottom li { padding-left: 7px; padding-right: 7px; display: inline-block; } /*===================== 17.Loader CSS start ==========================*/ .loader-wrapper { height: 100vh; width: 100vw; background-color: #fff; display: block; align-items: center; justify-content: center; position: fixed; z-index: 9999; top: 0; } .loader-wrapper .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background-color: var(--theme-deafult); border-radius: 50%; } .loader-wrapper .loader:after { content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0 solid white; transform: translate(-50%, -50%); animation: loading 1000ms ease-out forwards infinite; transition: all 0.3s ease; } @keyframes loading { 0% { border: 0 solid white; transition: all 0.3s ease; } 20% { border: 8px solid white; width: 0; height: 0; transition: all 0.3s ease; } 100% { border: 8px solid white; width: 100%; height: 100%; transition: all 0.3s ease; } } /*===================== 18.Tab to top CSS start ==========================*/ .tap-top { width: 50px; height: 50px; border-radius: 100%; position: fixed; bottom: 50px; right: 30px; z-index: 8; display: none; color: #fff; text-align: center; background: var(--theme-deafult); border: none; font-size: 22px; padding: 7px; cursor: pointer; } .tap-top.top-cls { bottom: 130px; } /*===================== 19.Color CSS start ==========================*/ .color1 { background: #ff4c3b; } .color2 { background: #3fdda7; } .color3 { background: #f0b54d; } .color4 { background: #e4604a; } .color5 { background: #d4b196; } .color6 { background: #866e6c; } .color7 { background: #cc2121; } .color8 { background: #dc457e; } .color9 { background: #6d7e87; } .color10 { background: #fa869b; } .color11 { background: #81ba00; } .color12 { background: #fe816d; } .color-picker { position: fixed; right: -190px; top: 35%; width: 190px; z-index: 1; transition: all 0.3s ease; } .color-picker .settings-header { background: #f3f3f3; padding: 5px 15px; box-shadow: 0px -10px 20px -5px rgba(220, 220, 220, 0.62); } .color-picker .settings-header h3 { color: black; margin: 0; font-size: 20px; padding: 4px 9px; } .color-picker .section { background: white; padding: 10px; border: 1px solid #f3f3f3; overflow: auto; } .color-picker .section i { font-size: 16px; margin-right: 10px; } .color-picker a.handle { position: absolute; right: 190px; width: 42px; height: 41px; color: #000000; transition: all ease-in 0.3s; display: flex; align-items: center; justify-content: center; font-size: 22px; z-index: -1; border-top-left-radius: 50%; border-bottom-left-radius: 50%; text-decoration: none; background: #ffffff; top: -80px; border: 1px solid white; box-shadow: 0 0 4px rgba(4, 4, 4, 0.1); } .color-picker a.handle i { margin-left: 5px; } .color-picker a.handle:hover { color: var(--theme-deafult); } .color-picker .colors a { width: 32px; height: 32px; margin: 5px; float: left; transition: all ease-in 0.3s; } .color-picker .skin a { display: block; width: 70px; height: 30px; margin-left: 0; margin-top: 0; margin-right: 5px; float: left; text-align: center; line-height: 30px; border: 2px transparent solid; } .color-picker .skin a.actt { border: 2px white solid; } .handle i { animation: ring-rotate 3s infinite linear; } .handle:hover { background-color: white; } @keyframes ring-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sec-position { position: relative; top: -80px; } /*===================== 23.Fb chat CSS start ==========================*/ #fb-root { display: block; } /*===================== 21.Inner pages CSS start ==========================*/ .product-thumb-list { position: absolute; bottom: 0; left: 0; } .product-thumb-list li { display: block; opacity: 0.3; } .product-thumb-list li.active { opacity: 1; } .cart_qty_cls { position: absolute; background: var(--theme-deafult); width: 20px; height: 20px; color: #fff; border-radius: 20px; text-align: center; font-size: 12px; line-height: 14px; font-weight: 600; top: 20%; right: -8px; padding: 3px 3px; } .product-filter-tags li { display: inline-flex; margin-bottom: 30px; } .product-filter-tags li a.filter_tag { color: #777777; border: 1px solid #777777; padding: 4px 10px 4px 12px; text-transform: capitalize; border-radius: 15px; font-size: 13px; } .product-filter-tags li a i { padding-left: 6px; font-size: 10px; } .product-filter-tags li.clear_filter { float: right; font-weight: 600; color: #000; } .product-filter-tags li.clear_filter a { color: var(--theme-deafult); } .product-right { /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ /* * Animation */ } .product-right .size-box ul li.active { background-color: #fff; box-shadow: 1px 1px 3px #77777769; } .product-right .product-infinitescroll { margin: 50px 20px 0 20px; } .product-right .loading-more.active { font-size: 16px; font-weight: 600; text-transform: capitalize; color: var(--theme-deafult); cursor: context-menu; } .product-right .la-square-spin, .product-right .la-square-spin > div { position: relative; box-sizing: border-box; } .product-right .la-square-spin { display: block; font-size: 0; color: #fff; } .product-right .la-square-spin.la-dark { color: #333; } .product-right .la-square-spin > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .product-right .la-square-spin { width: 32px; height: 32px; } .product-right .la-square-spin > div { width: 100%; height: 100%; border-radius: 0; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .product-right .la-square-spin.la-sm { width: 16px; height: 16px; } .product-right .la-square-spin.la-2x { width: 64px; height: 64px; } .product-right .la-square-spin.la-3x { width: 96px; height: 96px; } @keyframes square-spin { 0% { transform: perspective(100px) rotateX(0) rotateY(0); } 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(360deg); } } .product-right .br-default .br-selected:after { color: #ffa200d1; } .product-right a { text-decoration: none; outline: none; } .product-right .br-default .br-unit { margin-right: 1px; font-size: 18px; height: 18px; width: 18px; line-height: 16px; } .product-right .rate-center .br-default .br-units { justify-content: center; } .product-right .btn.disabled, .product-right .btn:disabled { opacity: 0.65; pointer-events: none; touch-action: none; } .product-right .pro_inventory { margin-bottom: 20px; } .product-right .inventory-scroll.nostripes.active { height: 10px; position: relative; margin: 10px 0; background: #eae9e9; border-radius: 25px; display: block; } .product-right .pro_inventory .inventory-scroll > span { display: block; height: 100%; float: left; background-color: #15b300; border-radius: 35px; } .product-right .empty_collection_cls span { color: #777; padding: 10px 20px; display: inline-block; font-size: 20px; } .product-right .avalibility { font-size: 15px; font-weight: 600; color: var(--theme-deafult); } .error-section { padding: 130px 0 140px; text-align: center; } .error-section h1 { font-size: 200px; font-weight: 900; margin: 0; line-height: 0.8; color: #aaaaaa; } .error-section h2 { color: #aaaaaa; font-weight: 500; letter-spacing: 3px; margin: 40px 0; } .breadcrumb-section { background-color: #f8f8f8; padding: 30px 0; } .breadcrumb-section .page-title { display: flex; height: 100%; align-items: center; } .breadcrumb-section .page-title h2 { font-size: 16px; margin-bottom: 0; } .breadcrumb-section .breadcrumb { background-color: transparent; justify-content: flex-end; text-transform: uppercase; font-size: 14px; color: #555555; font-weight: 600; margin: 0; padding-right: 0; } .breadcrumb-section .breadcrumb a { color: #555555; font-weight: 600; } .about-head { margin-bottom: 20px; align-items: center; display: flex; height: 100%; } .about-head h2 { color: var(--theme-deafult); margin-bottom: 0; } .about-page p { margin-bottom: 0; } .about-page .banner-section { border-radius: 5px; overflow: hidden; } .about-page h4 { margin-bottom: 10px; margin-top: 30px; text-transform: capitalize; font-weight: 600; line-height: 1.3; } .about-page p { line-height: 2; letter-spacing: 0.03em; } .testimonial { background-color: #f7f7f7; } .testimonial .testimonial-slider .media img { border-radius: 100%; border: 1px solid #dddddd; padding: 5px; height: 130px; width: 130px; } .testimonial .testimonial-slider .media h5 { font-weight: 700; color: var(--theme-deafult); margin-bottom: 0; margin-top: 7px; } .testimonial .testimonial-slider .media .media-body { padding: 30px 75px 30px 30px; } .testimonial .testimonial-slider .media .media-body p { line-height: 2; letter-spacing: 0.03em; } .testimonial .testimonial-slider .slick-track .owl-item:nth-child(even) .media { border-left: 1px solid #dddddd; padding-left: 50px; } .team { position: relative; } .team img { margin: 0 auto; padding: 0 10px; } .team .owl-prev, .team .owl-next { position: absolute; top: -45px; } .team .owl-prev:before, .team .owl-next:before { font: normal normal normal 30px/1 FontAwesome; color: #222222; opacity: 0.6; } .team .owl-prev { left: unset; right: 20px; } .team .owl-prev:before { content: ""; } .team .owl-next { right: 0; } .team .owl-next:before { content: ""; } .team h2 { color: #222222; padding-bottom: 15px; border-bottom: 1px solid #dddada; margin-bottom: 10px; } .team h4, .team h6 { text-align: center; } .team h4 { color: var(--theme-deafult); font-weight: 700; margin-top: 15px; margin-bottom: 5px; } .team h6 { margin-bottom: -3px; } .collection-filter-block { margin-bottom: 30px; padding: 0 30px; border: 1px solid #dddddd; background-color: #ffffff; } .collection-filter-block .product-service { padding: 30px 0; } .collection-filter-block .product-service .media { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dddddd; } .collection-filter-block .product-service .media svg { height: 40px; width: 40px; } .collection-filter-block .product-service .media svg path { fill: var(--theme-deafult); } .collection-filter-block .product-service .media .media-body { padding-left: 10px; } .collection-filter-block .product-service .media .media-body h4 { margin-bottom: 5px; } .collection-filter-block .product-service .media .media-body p { margin-bottom: 0; text-transform: capitalize; } .collection-filter-block .product-service .media:last-child { padding-bottom: 0; } .collection-collapse-block { padding-bottom: 24px; } .collection-collapse-block .collapse-block-title { position: relative; cursor: pointer; text-transform: uppercase; font-size: 16px; color: #444444; font-weight: 600; margin: 30px 0 0 0; } .collection-collapse-block .collapse-block-title:after { position: absolute; display: block; top: 0; right: -3px; content: ""; font-family: FontAwesome; color: #444444; } .collection-collapse-block.open .collection-collapse-block-content { max-height: 500px; transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .collection-collapse-block .collection-collapse-block-content { max-height: 0; overflow: hidden; transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .collection-collapse-block .collection-collapse-block-content .color-selector { margin-top: 30px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter { max-height: 500px; overflow-y: auto; overflow-x: hidden; margin-top: 30px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter.color-filter .collection-filter-checkbox label { padding-left: 25px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li { display: flex; font-size: 16px; text-transform: capitalize; line-height: 18px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li a { color: #777777; padding-bottom: 10px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:last-child a { padding-bottom: 0; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox { margin-bottom: 12px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox:last-child { margin-bottom: 0; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox span { width: 14px; height: 14px; position: absolute; border-radius: 50%; border: 1px solid #eee; top: 2px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label { text-transform: uppercase; cursor: pointer; font-size: 12px; color: #777777; font-weight: 600; letter-spacing: 0.5px; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label:before { top: 1px; height: 15px; width: 15px; background: #ffffff; border: 1px solid #777777; box-shadow: none; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label:after { top: 1px; height: 15px; width: 15px; background-size: 65%; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox .custom-control-input:checked ~ .custom-control-label:after { background-image: url("data:image/svg+xml;charset=utf8,"); } .color-selector ul li { height: 30px; width: 30px; border-radius: 50%; margin-right: 5px; margin-bottom: 10px; cursor: pointer; border: 1px solid #444444; } .color-selector ul .color-1 { background-color: white; } .color-selector ul .color-2 { background-color: grey; } .color-selector ul .color-3 { background-color: red; } .color-selector ul .color-4 { background-color: purple; } .color-selector ul .color-5 { background-color: blue; } .color-selector ul .color-6 { background-color: yellow; } .color-selector ul .color-7 { background-color: green; } .color-selector ul li.active { border: 1px solid black; position: relative; } .color-selector ul li.active:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,"); top: 10px; right: 4px; height: 15px; width: 15px; background-size: 70%; background-repeat: no-repeat; position: absolute; } .collection-sidebar-banner { margin-top: 30px; } .collection-sidebar-banner img { width: 100%; } .top-banner-wrapper .top-banner-content h4 { font-weight: 600; color: #444444; margin-bottom: 15px; } .top-banner-wrapper .top-banner-content h5 { font-size: 16px; font-weight: 600; color: #444444; letter-spacing: 1px; line-height: 1.2; margin-bottom: 10px; } .top-banner-wrapper .top-banner-content p { line-height: 1.5; color: #777777; margin-bottom: 0; } .product-wrapper-grid.list-view .product-wrap .product-info { text-align: left; align-self: center; padding-left: 15px; } .product-wrapper-grid.list-view .product-box { display: flex; padding-bottom: 0; } .product-wrapper-grid.list-view .product-box .ng-star-inserted { display: flex; padding-bottom: 0; } .product-wrapper-grid.list-view .product-box > div { display: flex; padding-bottom: 0; } .product-wrapper-grid.list-view .product-box .img-wrapper, .product-wrapper-grid.list-view .product-box .img-block { width: 25%; } .product-wrapper-grid.list-view .product-box .product-detail { padding-left: 15px !important; align-self: center; text-align: left !important; width: 75%; } .product-wrapper-grid.list-view .product-box .product-detail .rating { margin-top: 0; } .product-wrapper-grid.list-view .product-box .product-detail p { display: block !important; margin-bottom: 10px; line-height: 18px; } .product-wrapper-grid.list-view .product-box .product-detail h4 del { margin-top: 5px; } .product-wrapper-grid.list-view .product-box .product-detail .color-variant { padding-top: 10px; } .product-wrapper-grid.list-view .product-box .product-detail h6 { font-weight: 700; } .product-wrapper-grid.list-view .product-box .product-detail p { display: none; } .collection-product-wrapper .product-top-filter { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .product-filter-content, .collection-product-wrapper .product-top-filter .popup-filter { display: flex; flex-wrap: wrap; justify-content: space-between; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count, .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup, .collection-product-wrapper .product-top-filter .popup-filter .search-count, .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { border-right: 1px solid #dddddd; padding: 20px; text-transform: capitalize; width: 35%; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5, .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup h5, .collection-product-wrapper .product-top-filter .popup-filter .search-count h5, .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup h5 { margin-bottom: 0; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-view { padding: 20px; width: 10%; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li { height: 100%; vertical-align: middle; cursor: pointer; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li:first-child, .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li:first-child { margin-right: 14px; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view { padding: 20px; width: 20%; border-right: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul { display: flex; justify-content: flex-end; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li { margin-left: 10px; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li img, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view ul li img { height: 18px; cursor: pointer; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter { position: relative; width: 20%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { border: 0; padding: 20px 0; border-right: 1px solid #dddddd; width: 100%; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background: url("/assets/images/dropdown.png") no-repeat 90%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select:focus, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select:focus, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select:focus, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select:focus { outline: unset; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select option, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select option, .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select option, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select option { padding: 20px 0; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter { width: 15%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before { right: 10px; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { border-right: none; } .collection-product-wrapper .product-top-filter .popup-filter { justify-content: unset; } .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar { width: 3px; } .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-track { background: #dddddd; } .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-thumb { background: #888888; } .collection-product-wrapper .product-top-filter .popup-filter ::-webkit-scrollbar-thumb:hover { background: #555555; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { position: relative; cursor: pointer; width: 20%; background: url("/assets/images/dropdown.png") no-repeat 95%; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup a { font-size: 16px; color: #222222; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter { background-color: #f8f8f8; width: 270px; height: 600px; overflow-y: scroll; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-filter-block { border: none; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .theme-card { padding: 0 30px; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-sidebar-banner { padding: 0 30px; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter .collection-sidebar-banner img { width: 100%; } .collection-product-wrapper .product-top-filter .popup-filter .open-popup { display: none; position: absolute; z-index: 9; top: 75px; left: 0; border: 1px solid #f1f5f4; box-shadow: 0 0 5px #ddd; min-width: 330px; } .collection-product-wrapper .product-top-filter .popup-filter .open-popup.open { display: block; } .collection-product-wrapper .product-top-filter .popup-filter .open-popup .collection-filter-block { margin-bottom: 0; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter { width: 20%; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { padding-right: 45px; font-size: 16px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before { right: 35px; } .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view { padding: 20px; } .collection-product-wrapper .product-top-filter .popup-filter .collection-view { width: 20%; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before { right: 25px !important; } .collection-product-wrapper .product-wrapper-grid .product-box .product-detail, .collection-product-wrapper .product-wrapper-grid .product-box .product-info, .collection-product-wrapper .product-wrapper-grid .product-wrap .product-detail, .collection-product-wrapper .product-wrapper-grid .product-wrap .product-info { padding-left: 0; } .collection-product-wrapper .product-wrapper-grid .product-box { margin-top: 50px; } .collection-product-wrapper .product-wrapper-grid .product-box .product-detail p { display: none; } .collection-product-wrapper .product-wrapper-grid .product-five { flex: 0 0 20%; max-width: 20%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail h6 { font-size: 13px; } .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail h4 { font-size: 18px; } .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .product-detail .rating i { padding-right: 0; } .collection-product-wrapper .product-wrapper-grid .col-lg-2 .product-box .img-wrapper .lable-block .lable3 { padding: 8px 4px; font-size: 12px; } .filter-main-btn { display: none; margin-bottom: 20px; cursor: pointer; } .filter-main-btn span { width: 40%; border-radius: 0; font-size: 20px; } .collection-mobile-back { padding: 15px 0; border-bottom: 1px solid #dddddd; display: none; } .collection-mobile-back span { text-transform: uppercase; font-size: 14px; color: #000; cursor: pointer; } .collection-mobile-back span i { font-size: 20px; font-weight: bold; margin-right: 5px; } .product-pagination { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin: 50px 0; } .product-pagination .pagination { border-radius: 0; } .product-pagination .pagination .page-item { border-radius: 0; } .product-pagination .pagination .page-item a { padding: 18px; border-bottom: 0; border-top: 0; color: #777777; border-top-left-radius: 0; border-bottom-left-radius: 0; } .product-pagination .pagination .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .product-pagination .pagination .page-item.active a { color: var(--theme-deafult); background-color: #ffffff; border-color: #dddddd; } .product-pagination .product-search-count-bottom { justify-content: flex-end; display: flex; align-items: center; height: 100%; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding-right: 15px; } .product-pagination .product-search-count-bottom h5 { color: #777777; font-size: 14px; margin-bottom: 0; padding: 5px 0; } .bundle { margin-top: 10px; } .bundle .bundle_img { display: flex; } .bundle .bundle_img .img-box img { max-width: 115px; border: 1px solid #ddd; padding: 2px; } .bundle .bundle_img .plus { display: flex; align-items: center; padding: 0 7px; font-size: 22px; } .bundle .bundle_detail { margin-top: 15px; } .bundle .bundle_detail .price_product { color: #000000; padding-left: 3px; font-weight: 700; } .theme_checkbox label { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; user-select: none; text-transform: capitalize; color: #333333; } .theme_checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .theme_checkbox label input:checked ~ .checkmark:after { display: block; } .theme_checkbox label .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ffffff; border: 1px solid #dddddd; } .theme_checkbox label .checkmark:after { content: ""; position: absolute; display: none; left: 7px; top: 3px; width: 5px; height: 10px; border: solid black; border-width: 0 2px 2px 0; transform: rotate(45deg); } .collection .collection-block { text-align: center; } .collection .collection-block img { margin-bottom: 20px; } .collection .collection-block .collection-content { text-align: center; } .collection .collection-block .collection-content h3 { margin-bottom: 10px; color: #222222; text-transform: uppercase; font-weight: 900; letter-spacing: 0.05em; } .collection .collection-block .collection-content h4 { color: #222222; margin-bottom: 10px; font-size: 16px; } .collection .collection-block .collection-content p { line-height: 1.5; } .collection .collection-block .collection-content .btn-solid, .collection .collection-block .collection-content .btn-outline { padding: 10px 25px; } .faq-section .accordion.theme-accordion .card { margin-top: 10px; border-radius: 0; overflow: hidden; border-bottom: 1px solid #dddddd; } .faq-section .accordion.theme-accordion .card :not(:first-of-type):not(:last-of-type), .faq-section .accordion.theme-accordion .card .theme-accordion .card:first-of-type { border-bottom: 1px solid #dddddd; } .faq-section .accordion.theme-accordion .card:first-child { margin-top: 0; } .faq-section .accordion.theme-accordion .card .card-header { padding: 0; border-bottom: 0; transition: all 0.3s ease; background-color: #f9f9f9; } .faq-section .accordion.theme-accordion .card .card-header button { color: #333333; text-align: left; font-size: 17px; padding: 18px; font-weight: 600; } .faq-section .accordion.theme-accordion .card .card-header button:before { content: ""; position: absolute; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 6px solid #000000; right: 20px; top: 25px; transition: all 0.3s ease; } .faq-section .accordion.theme-accordion .card .card-header button[aria-expanded=true]:before { border-top: 0; border-bottom: 6px solid #000000; transition: all 0.3s ease; } .faq-section .accordion.theme-accordion .card .card-header button:hover { text-decoration: none; color: var(--theme-deafult); transition: all 0.3s ease; } .faq-section .accordion.theme-accordion .card .card-body { padding: 15px 18px; } .faq-section .accordion.theme-accordion .card .card-body p { margin-bottom: 0; font-size: 14px; color: #555555; line-height: 1.8; letter-spacing: 0.06em; } .pwd-page { padding: 140px 0; text-align: center; } .pwd-page h2 { margin-bottom: 25px; color: #222222; } .pwd-page .theme-form input { border-color: #dddddd; font-size: 15px; padding: 15px 25px; margin-bottom: 15px; height: inherit; text-align: center; } .pwd-page .theme-form .btn-solid { margin: 0 auto; } .login-page h3 { margin-bottom: 20px; text-transform: uppercase; color: #222222; font-weight: 700; margin-top: -4px; } .login-page .theme-card { padding: 30px; border: 1px solid #dddddd; line-height: 1; } .login-page .theme-card .theme-form label { text-transform: capitalize; color: #333333; font-size: 14px; font-weight: 600; } .login-page .theme-card .theme-form input { border-color: #dddddd; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit; } .login-page .authentication-right { height: calc(100% - 48px); } .login-page .authentication-right h6 { text-transform: uppercase; color: #333333; font-weight: 600; margin-bottom: 20px; } .login-page .authentication-right p { font-size: 14px; color: #555555; line-height: 2; margin-bottom: 1rem; } .register-page h3 { margin-bottom: 20px; text-transform: uppercase; color: #222222; font-weight: 700; margin-top: -4px; } .register-page .theme-card { padding: 30px; border: 1px solid #dddddd; line-height: 1; } .register-page .theme-card .theme-form label { text-transform: capitalize; color: #333333; font-size: 14px; font-weight: 600; } .register-page .theme-card .theme-form input { border-color: #dddddd; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit; } .loading-more.active { color: var(--theme-deafult); border: 1px solid var(--theme-deafult); padding: 10px; } .search-block { padding: 40px 0; } .search-block .form-header .form-group input { background-color: transparent; border: 0; border-bottom: 2px solid #aaaaaa; border-radius: 0; padding: 20px 0; } .search-block .form-header .form-group input:focus { box-shadow: none; } .search-block .form-header .form-group i { padding-right: 10px; } .search-block .form-header .form-group .btn { z-index: 0; } .search-block .form-header button { position: absolute; top: 10px; background-color: transparent; border: 0; font-size: 24px; color: #aaaaaa; right: 10px; } .contact-page .map iframe { width: 100%; height: 100%; border: none; } .contact-page .contact-right { padding-top: 30px; padding-bottom: 30px; } .contact-page .contact-right ul li { position: relative; padding-left: 150px; margin-top: 45px; display: block; } .contact-page .contact-right ul li:first-child { margin-top: 0; } .contact-page .contact-right ul li .contact-icon { position: absolute; left: 0; text-align: center; width: 130px; border-right: 1px solid #dddddd; } .contact-page .contact-right ul li .contact-icon i { font-size: 20px; color: var(--theme-deafult); } .contact-page .contact-right ul li .contact-icon h6 { text-transform: uppercase; padding-top: 5px; font-weight: 600; color: var(--theme-deafult); } .contact-page .contact-right ul li p { font-weight: 600; margin-bottom: 0; line-height: 30px; } .contact-page .theme-form label { text-transform: capitalize; color: #333333; font-size: 14px; font-weight: 600; } .contact-page .theme-form input { border-color: #dddddd; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit; } .contact-page .theme-form textarea { border-color: #dddddd; font-size: 12px; padding: 17px 25px; margin-bottom: 30px; height: inherit; } .contact-page .form-control { border-radius: 0; } .qty-box .input-group { justify-content: center; } .qty-box .input-group span button { background: #ffffff !important; border: 1px solid #ced4da; } .qty-box .input-group .form-control { text-align: center; width: 80px; flex: unset; } .qty-box .input-group button { background-color: transparent; border: 0; color: #777777; cursor: pointer; padding-left: 12px; font-size: 12px; font-weight: 900; line-height: 1; z-index: 0; } .qty-box .input-group button i { font-weight: 900; color: #222222; } .qty-box .input-group .icon { padding-right: 0; } .cart-section .table tbody + tbody, .wishlist-section .table tbody + tbody { border-top: none; } .cart-section .cart-buttons, .wishlist-section .cart-buttons { padding-top: 35px; } .cart-section .cart-buttons > div:last-child, .wishlist-section .cart-buttons > div:last-child { text-align: right; padding-right: 59px; } .cart-section .wishlist-buttons, .wishlist-section .wishlist-buttons { padding-top: 35px; text-align: right; } .cart-section .wishlist-buttons:last-child a, .wishlist-section .wishlist-buttons:last-child a { margin-left: 15px; } .cart-section .cart-table, .wishlist-section .cart-table { overflow: hidden; margin-bottom: 0; } .cart-section .cart-table thead th, .wishlist-section .cart-table thead th { border-bottom-width: 1px; font-weight: 900; color: #222222; text-transform: uppercase; font-size: 14px; border-top: 0; text-align: center; padding: 0 0.75rem 0.75rem 0.75rem; } .cart-section tbody h2, .wishlist-section tbody h2 { margin-bottom: 0; } .cart-section tbody tr td, .wishlist-section tbody tr td { min-width: 210px; vertical-align: middle; color: #777777; border-top: 0; border-bottom: 1px solid #eeeeee; text-align: center; } .cart-section tbody tr td a, .cart-section tbody tr td p, .wishlist-section tbody tr td a, .wishlist-section tbody tr td p { color: #777777; font-weight: 400; font-size: 14px; text-transform: capitalize; margin-bottom: 0; } .cart-section tbody tr td a img, .cart-section tbody tr td p img, .wishlist-section tbody tr td a img, .wishlist-section tbody tr td p img { height: 90px; } .cart-section tbody tr td .td-color, .wishlist-section tbody tr td .td-color { color: var(--theme-deafult); } .cart-section tbody tr td h2, .wishlist-section tbody tr td h2 { font-size: 24px; color: #222222; font-weight: 400; } .cart-section tbody tr td .mobile-cart-content, .wishlist-section tbody tr td .mobile-cart-content { display: none; justify-content: center; margin-top: 10px; } .cart-section tbody tr td .mobile-cart-content .qty-box, .wishlist-section tbody tr td .mobile-cart-content .qty-box { border-right: 1px solid #dddddd; border-radius: 5px; } .cart-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control, .wishlist-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control { width: 48px; padding: 6px; } .cart-section tbody tr td .mobile-cart-content .col-xs-3, .wishlist-section tbody tr td .mobile-cart-content .col-xs-3 { align-self: center; margin-left: 10px; margin-right: 10px; } .cart-section tbody tr td .mobile-cart-content h2, .wishlist-section tbody tr td .mobile-cart-content h2 { font-size: 20px; } .cart-section tfoot tr th, .wishlist-section tfoot tr th { padding-top: 35px; text-align: right; } .cart-section tfoot tr td, .wishlist-section tfoot tr td { padding-top: 35px; padding-bottom: 0; text-align: right; border: none; padding-right: 63px; } .cart-section tfoot tr td h2, .wishlist-section tfoot tr td h2 { font-size: 24px; margin-bottom: 0; } .cart-section tfoot tr td:first-child, .wishlist-section tfoot tr td:first-child { width: 85%; font-size: 15px; padding-right: 10px; text-transform: capitalize; font-weight: 700; } .blog-detail-page .blog-detail p:last-child { margin-bottom: -5px; } .blog-detail-page .blog-detail img { margin-bottom: 40px; } .blog-detail-page .blog-detail h3 { color: #222222; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; margin-top: -6px; } .blog-detail-page .blog-detail p { color: #777777; line-height: 1.8; } .blog-detail-page .blog-detail .post-social { color: #777777; text-align: left; padding-bottom: 15px; border-bottom: 1px solid #dddddd; margin-bottom: 15px; } .blog-detail-page .blog-detail .post-social li + li { padding-left: 15px; margin-left: 15px; border-left: 1px solid #dddddd; } .blog-detail-page .blog-advance > div:last-child p:last-child { margin-bottom: 0; } .blog-detail-page .blog-advance img { margin-bottom: 25px; margin-top: 25px; } .blog-detail-page .blog-advance ul { list-style-type: decimal; list-style-position: inside; line-height: 2.5; font-size: 15px; } .blog-detail-page .blog-advance ul li { display: list-item; font-weight: 700; } .blog-detail-page .blog-advance p { line-height: 1.8; } .blog-detail-page .comment-section { border-bottom: 1px solid #dddddd; } .blog-detail-page .comment-section li { padding-bottom: 60px; border-bottom: 1px solid #dddddd; width: 100%; margin-bottom: 1rem; } .blog-detail-page .comment-section li .profile-image { height: 65px; width: 65px; margin-right: 20px; border-radius: 100%; } .blog-detail-page .comment-section li h6 { color: #444444; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } .blog-detail-page .comment-section li h6 span { font-size: 13px; font-weight: 500; text-transform: capitalize; color: #777777; margin-left: 20px; } .blog-detail-page .comment-section li p { line-height: 1.8; margin-bottom: -4px; letter-spacing: 0.09em; } .blog-detail-page .blog-contact h2 { margin-bottom: 30px; margin-top: -6px; } .blog-detail-page .blog-contact .theme-form label { text-transform: capitalize; color: #333333; font-size: 16px; font-weight: 700; } .blog-detail-page .blog-contact .theme-form input, .blog-detail-page .blog-contact .theme-form textarea { border-color: #dddddd; font-size: 14px; padding: 17px 25px; margin-bottom: 30px; } .order-detail-page .blog-detail p:last-child { margin-bottom: -5px; } .order-detail-page .blog-detail img { margin-bottom: 40px; } .order-detail-page .blog-detail h3 { color: #222222; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; margin-top: -6px; } .order-detail-page .blog-detail p { color: #777777; line-height: 1.8; } .order-detail-page .blog-detail .post-social { color: #777777; text-align: left; padding-bottom: 15px; border-bottom: 1px solid #dddddd; margin-bottom: 15px; } .order-detail-page .blog-detail .post-social li + li { padding-left: 15px; margin-left: 15px; border-left: 1px solid #dddddd; } .order-detail-page .blog-advance > div:last-child p:last-child { margin-bottom: 0; } .order-detail-page .blog-advance img { margin-bottom: 25px; margin-top: 25px; } .order-detail-page .blog-advance ul { list-style-type: decimal; list-style-position: inside; line-height: 2.5; font-size: 15px; } .order-detail-page .blog-advance ul li { display: list-item; font-weight: 700; } .order-detail-page .blog-advance p { line-height: 1.8; } .order-detail-page .comment-section li { padding-bottom: 60px; border-bottom: 1px solid #dddddd; width: 100%; margin-bottom: 1rem; } .order-detail-page .comment-section li .profile-image { height: 100px; width: 100px; margin-right: 20px; border-radius: 100%; } .order-detail-page .comment-section li h6 { color: #444444; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } .order-detail-page .comment-section li h6 span { font-size: 13px; font-weight: 500; text-transform: capitalize; color: #777777; margin-left: 20px; } .order-detail-page .comment-section li p { line-height: 1.8; margin-bottom: -4px; letter-spacing: 0.09em; } .order-detail-page .blog-contact h2 { margin-bottom: 30px; margin-top: -6px; } .order-detail-page .blog-contact .theme-form label { text-transform: capitalize; color: #333333; font-size: 16px; font-weight: 700; } .order-detail-page .blog-contact .theme-form input, .order-detail-page .blog-contact .theme-form textarea { border-color: #dddddd; font-size: 14px; padding: 17px 25px; margin-bottom: 30px; } .blog .title-inner1 { margin-bottom: 35px; } .blog-page .blog-sidebar h6 { margin-bottom: 0; line-height: 20px; color: #333333; font-weight: 700; } .blog-page .blog-sidebar p { line-height: 20px; margin-bottom: 0; color: #555555; } .blog-page .blog-sidebar h4 { color: #333333; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; line-height: 20px; letter-spacing: 1px; } .blog-page .blog-sidebar .theme-card { border: 1px solid #dddddd; padding: 30px; background-color: #ffffff; } .blog-page .blog-sidebar .theme-card .recent-blog li .media img { width: 100px; margin-right: 10px; } .blog-page .blog-sidebar .theme-card .recent-blog li + li { margin-top: 30px; } .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date { background-color: var(--theme-deafult); height: 70px; width: 70px; margin: 0 15px 0 0; padding: 15px; } .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date span { display: block; text-align: center; color: #ffffff; text-transform: uppercase; } .blog-page .blog-sidebar .theme-card .popular-blog li + li { margin-top: 30px; } .blog-page .blog-sidebar .theme-card .popular-blog li p { margin-top: 10px; } .blog-page .blog-sidebar .theme-card + .theme-card { margin-top: 30px; } .blog-page .blog-media { margin-bottom: 30px; } .blog-page .blog-media:last-child { margin-bottom: 0; } .blog-page .blog-media .blog-right { height: 100%; align-items: center; justify-content: center; display: flex; } .blog-page .blog-media .blog-right h6 { color: var(--theme-deafult); text-transform: uppercase; margin-bottom: 10px; margin-top: -7px; } .blog-page .blog-media .blog-right h4 { color: #333333; font-weight: 700; line-height: 1.5; margin-bottom: 15px; } .blog-page .blog-media .blog-right p { line-height: 1.8; margin-bottom: -5px; letter-spacing: 0.04em; } .blog-page .blog-media .blog-right ul { color: #777777; margin-bottom: 15px; } .blog-page .blog-media .blog-right ul li { font-size: 14px; line-height: 1.5; } .blog-page .blog-media .blog-right ul li i { padding-right: 3px; } .blog-page .blog-media .blog-right ul li + li { padding-left: 15px; margin-left: 15px; border-left: 1px solid #dddddd; } .product-slick .slick-list, .rtl-product-slick .slick-list, .product-right-slick .slick-list, .rtl-product-right-slick .slick-list { overflow: visible; } .product-slick .owl-prev, .product-slick .owl-next, .rtl-product-slick .owl-prev, .rtl-product-slick .owl-next, .product-right-slick .owl-prev, .product-right-slick .owl-next, .rtl-product-right-slick .owl-prev, .rtl-product-right-slick .owl-next { opacity: 0; transform: scale(1); transition: all 0.5s ease; margin-top: -10px; } .product-slick .owl-prev:before, .product-slick .owl-next:before, .rtl-product-slick .owl-prev:before, .rtl-product-slick .owl-next:before, .product-right-slick .owl-prev:before, .product-right-slick .owl-next:before, .rtl-product-right-slick .owl-prev:before, .rtl-product-right-slick .owl-next:before { font: normal normal normal 14px/1 FontAwesome; opacity: 1; color: black; background-color: white; border-radius: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .product-slick .owl-next, .rtl-product-slick .owl-next, .product-right-slick .owl-next, .rtl-product-right-slick .owl-next { right: 1px; } .product-slick .owl-next:before, .rtl-product-slick .owl-next:before, .product-right-slick .owl-next:before, .rtl-product-right-slick .owl-next:before { content: ""; } .product-slick .owl-prev, .rtl-product-slick .owl-prev, .product-right-slick .owl-prev, .rtl-product-right-slick .owl-prev { left: 1px; z-index: 1; } .product-slick .owl-prev:before, .rtl-product-slick .owl-prev:before, .product-right-slick .owl-prev:before, .rtl-product-right-slick .owl-prev:before { content: ""; } .product-slick .owl-item > div, .rtl-product-slick .owl-item > div, .product-right-slick .owl-item > div, .rtl-product-right-slick .owl-item > div { margin-bottom: 15px; } .product-slick:hover .owl-prev, .product-slick:hover .owl-next, .rtl-product-slick:hover .owl-prev, .rtl-product-slick:hover .owl-next, .product-right-slick:hover .owl-prev, .product-right-slick:hover .owl-next, .rtl-product-right-slick:hover .owl-prev, .rtl-product-right-slick:hover .owl-next { opacity: 1; transform: scale(1.05); transition: all 0.5s ease; } .product-slick:hover .owl-prev:before, .product-slick:hover .owl-next:before, .rtl-product-slick:hover .owl-prev:before, .rtl-product-slick:hover .owl-next:before, .product-right-slick:hover .owl-prev:before, .product-right-slick:hover .owl-next:before, .rtl-product-right-slick:hover .owl-prev:before, .rtl-product-right-slick:hover .owl-next:before { opacity: 1; } .product-slick:hover .owl-next, .rtl-product-slick:hover .owl-next, .product-right-slick:hover .owl-next, .rtl-product-right-slick:hover .owl-next { right: 20px; } .product-slick:hover .owl-prev, .rtl-product-slick:hover .owl-prev, .product-right-slick:hover .owl-prev, .rtl-product-right-slick:hover .owl-prev { left: 20px; } .owl-item > div.owl-thumb { margin: 5px 5px 0px 0px; border: 1px solid #dddddd; transition: all 0.5s ease; cursor: pointer; } .owl-item > div.owl-thumb.active { border-color: #aaaaaa; transition: all 0.5s ease; } .slider-nav .owl-item > div, .rtl-slider-nav .owl-item > div, .slider-right-nav .owl-item > div, .rtl-slider-right-nav .owl-item > div { margin: 15px 15px 0 15px; border: 1px solid #dddddd; transition: all 0.5s ease; } .slider-nav .owl-item.slick-current > div, .rtl-slider-nav .owl-item.slick-current > div, .slider-right-nav .owl-item.slick-current > div, .rtl-slider-right-nav .owl-item.slick-current > div { border-color: #aaaaaa; transition: all 0.5s ease; } .slider-nav .owl-item.slick-active, .rtl-slider-nav .owl-item.slick-active, .slider-right-nav .owl-item.slick-active, .rtl-slider-right-nav .owl-item.slick-active { transition: all 0.5s ease; } .slider-right-nav .owl-item:first-child > div, .rtl-slider-right-nav .owl-item:first-child > div { margin-top: 0; } .pro_sticky_info { border: 1px solid #dddddd; padding: 20px; } .is_stuck { margin-top: 120px; } .image-scroll div > div { padding-bottom: 20px; } .image-scroll div > div:last-child { padding: 0; } .check-out { margin-bottom: 30px; } .emply-cart-cls h4 { color: #656565; } .product-right p { margin-bottom: 0; line-height: 1.5em; } .product-right .product-title { color: #222222; text-transform: capitalize; font-weight: 700; margin-bottom: 0; } .product-right .border-product { padding-top: 15px; padding-bottom: 20px; border-top: 1px dashed #dddddd; } .product-right h2 { text-transform: uppercase; margin-bottom: 15px; font-size: 25px; line-height: 1.2em; } .product-right h3 { font-size: 26px; color: #222222; margin-bottom: 15px; } .product-right h4 { font-size: 16px; margin-bottom: 7px; } .product-right h4 del { color: #777777; } .product-right h4 span { padding-left: 5px; color: var(--theme-deafult); } .product-right .color-variant { margin-bottom: 10px; } .product-right .color-variant li { height: 30px; width: 30px; cursor: pointer; } .product-right .color-variant li.white { background-color: #ffffff; border: 1px solid #aaa; } .product-right .color-variant li.pink { background-color: #ffc0cb; } .product-right .color-variant li.red { background-color: #ff647f; } .product-right .color-variant li.green { background-color: #6fb866; } .product-right .color-variant li.yellow { background-color: #f2f896; } .product-right .color-variant li.skyblue { background-color: #7ee7ec; } .product-right .color-variant li.blue { background-color: #63b4f2; } .product-right .color-variant li.orange { background-color: #ffb17a; } .product-right .color-variant li.purple { background-color: #eeb1d7; } .product-right .color-variant li.violet { background-color: #a06da0; } .product-right .color-variant li.brown { background-color: #a57372; } .product-right .color-variant li.lightgreen { background-color: #90ee90; } .product-right .color-variant li.olive { background-color: #808000; } .product-right .color-variant li.navy { background-color: #505c80; } .product-right .color-variant li.black { background-color: #000000; } .product-right .color-variant li.gray, .product-right .color-variant li .grey { background-color: #777777; } .product-right .color-variant li.active { border: 1px solid black; position: relative; } .product-right .color-variant li.active:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,"); top: 10px; right: 4px; height: 15px; width: 15px; background-size: 70%; background-repeat: no-repeat; position: absolute; } .product-right .product-buttons { margin-bottom: 20px; } .product-right .product-buttons a:not(:last-child) { margin-right: 5px; } .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline { padding: 5px 5px; } .product-right .product-description h6 span { float: right; } .product-right .product-description .qty-box { display: flex; align-items: center; margin-top: 10px; } .product-right .product-description .qty-box .input-group { justify-content: unset; width: unset; } .product-right .product-description .qty-box .input-group .form-control { border-right: none; } .product-right .size-box { margin-top: 10px; margin-bottom: 10px; } .product-right .size-box ul li { height: 35px; width: 35px; border-radius: 50%; margin-right: 10px; cursor: pointer; border: 1px solid #f7f7f7; text-align: center; } .product-right .size-box ul li a { color: #222222; font-size: 18px; display: flex; align-items: center; justify-content: center; height: 100%; } .product-right .size-box ul li.active { background-color: #f7f7f7; } .product-right .product-icon { display: flex; } .product-right .product-icon .product-social { margin-top: 5px; } .product-right .product-icon .product-social li { padding-right: 30px; } .product-right .product-icon .product-social li a { color: #333333; transition: all 0.3s ease; } .product-right .product-icon .product-social li a i { font-size: 18px; } .product-right .product-icon .product-social li a:hover { color: var(--theme-deafult); } .product-right .product-icon .product-social li:last-child { padding-right: 0; } .product-right .product-icon .wishlist-btn { background-color: transparent; border: none; } .product-right .product-icon .wishlist-btn i { border-left: 1px solid #dddddd; font-size: 18px; padding-left: 10px; margin-left: 5px; transition: all 0.5s ease; } .product-right .product-icon .wishlist-btn span { padding-left: 10px; font-size: 18px; } .product-right .product-icon .wishlist-btn:hover i { color: var(--theme-deafult); transition: all 0.5s ease; } .product-right .payment-card-bottom { margin-top: 10px; } .product-right .payment-card-bottom ul li { padding-right: 10px; } .product-right .timer { margin-top: 10px; background-color: #f7f7f7; } .product-right .timer p { color: #222222; } .product-right.product-form-box { text-align: center; border: 1px solid #dddddd; padding: 20px; } .product-right.product-form-box .product-description .qty-box { margin-bottom: 5px; } .product-right.product-form-box .product-description .qty-box .input-group { justify-content: center; width: 100%; } .product-right.product-form-box .product-buttons { margin-bottom: 0; } .product-right.product-form-box .timer { margin-bottom: 10px; text-align: left; } .single-product-tables { display: flex; margin-top: 20px; } .single-product-tables table { width: 20%; } .single-product-tables table tr { height: 35px; } .single-product-tables table tr td:first-child { font-weight: 600; } .single-product-tables.detail-section { margin-top: 0; } .single-product-tables.detail-section table { width: 55%; } .product-accordion .btn-link { color: #222222; } .product-accordion .btn-link:hover { text-decoration: none; } .product-accordion .card { border: none; } .product-accordion .card-body { width: 100%; height: auto; } .product-accordion .card-header { padding: 5px 8px; border-bottom: 1px dashed rgba(0, 0, 0, 0.125); background-color: rgba(127, 127, 127, 0.03); } .product-related h2 { color: #222222; padding-bottom: 20px; border-bottom: 1px solid #dddada; margin-bottom: 20px; line-height: 0.8; } .rating { margin-top: 0; } .rating i { padding-right: 5px; } .rating i:nth-child(-n+4) { color: #ffa200; } .rating i:last-child { color: #dddddd; } .rating .three-star { padding-bottom: 5px; } .rating .three-star i { color: #acacac; } .rating .three-star i:nth-child(-n+3) { color: #ffd200; } .tab-border { border: 1px solid #dddddd; margin: 0; padding: 8px 0; } .tab-border .nav-border { border-bottom: 0; border-right: 1px solid #dddddd; } .vertical-tab.tab-product .nav-material.nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material.nav-tabs .nav-item .nav-link { padding: 15px 20px; } .tab-product, .product-full-tab { padding-top: 30px; } .tab-product .nav-material.nav-tabs, .tab-product .nav-tabs.nav-tabs, .product-full-tab .nav-material.nav-tabs, .product-full-tab .nav-tabs.nav-tabs { display: flex; align-items: center; flex-wrap: nowrap; margin: 0; } .tab-product .nav-material.nav-tabs .nav-item .nav-link, .tab-product .nav-tabs.nav-tabs .nav-item .nav-link, .product-full-tab .nav-material.nav-tabs .nav-item .nav-link, .product-full-tab .nav-tabs.nav-tabs .nav-item .nav-link { color: #212121; text-align: center; padding: 0 15px 20px 15px; text-transform: uppercase; border: 0; } .tab-product .nav-material.nav-tabs .nav-item .material-border, .tab-product .nav-tabs.nav-tabs .nav-item .material-border, .product-full-tab .nav-material.nav-tabs .nav-item .material-border, .product-full-tab .nav-tabs.nav-tabs .nav-item .material-border { border-bottom: 2px solid var(--theme-deafult); opacity: 0; } .tab-product .nav-material.nav-tabs .nav-link.active, .tab-product .nav-tabs.nav-tabs .nav-link.active, .product-full-tab .nav-material.nav-tabs .nav-link.active, .product-full-tab .nav-tabs.nav-tabs .nav-link.active { color: var(--theme-deafult); background-color: transparent; border-bottom: 2px solid var(--theme-deafult); } .tab-product .nav-material.nav-tabs .nav-link.active ~ .material-border, .tab-product .nav-tabs.nav-tabs .nav-link.active ~ .material-border, .product-full-tab .nav-material.nav-tabs .nav-link.active ~ .material-border, .product-full-tab .nav-tabs.nav-tabs .nav-link.active ~ .material-border { transition: all 0.3s ease; opacity: 1; } .tab-product .theme-form input, .product-full-tab .theme-form input { border-color: #dddddd; font-size: 15px; padding: 15px 25px; margin-bottom: 15px; height: inherit; text-align: left; } .tab-product .theme-form .btn-solid, .product-full-tab .theme-form .btn-solid { margin: 0 auto; } .tab-product .theme-form textarea, .product-full-tab .theme-form textarea { border-color: #dddddd; font-size: 15px; padding: 17px 25px; margin-bottom: 15px; height: inherit; } .tab-product .nav-material .tab-content p, .product-full-tab .nav-material .tab-content p { padding: 20px; margin-bottom: -6px; line-height: 2; letter-spacing: 0.05em; margin-top: -10px; padding-bottom: 0; } .tab-product .nav-material .tab-content .media, .product-full-tab .nav-material .tab-content .media { margin-top: 20px; } .tab-product .nav-material .tab-content .media .media-body p, .product-full-tab .nav-material .tab-content .media .media-body p { padding: 0; } .tab-product .title, .product-full-tab .title { padding-right: 45px; color: var(--theme-deafult); padding-bottom: 20px; } .tab-product .theme-slider .slick-arrow, .product-full-tab .theme-slider .slick-arrow { top: -45px; height: auto; } .tab-product .theme-slider .slick-arrow :before, .product-full-tab .theme-slider .slick-arrow :before { color: #000000; font-size: 18px; } .tab-product .product-box, .product-full-tab .product-box { position: relative; margin: 5px; } .tab-product .product-box:hover, .product-full-tab .product-box:hover { box-shadow: 0 0 12px 0 #dddddd; } .tab-product .product-box:hover .lbl-1, .product-full-tab .product-box:hover .lbl-1 { opacity: 1; transition: all 0.3s ease; } .tab-product .product-box:hover .lbl-2, .product-full-tab .product-box:hover .lbl-2 { opacity: 1; animation: flipInY 1000ms ease-in-out; } .tab-product .product-box:hover .color-variant li, .product-full-tab .product-box:hover .color-variant li { opacity: 1 !important; animation: fadeInUp 500ms ease-in-out; } .tab-product .product-box .img-block, .product-full-tab .product-box .img-block { min-height: unset; } .tab-product .product-box .cart-info, .product-full-tab .product-box .cart-info { position: absolute; padding: 10px 0; top: 25%; right: 15px; width: 40px; margin-right: 0; } .tab-product .product-box .cart-info i, .product-full-tab .product-box .cart-info i { padding-right: 0; } .tab-product .product-box .cart-info a, .tab-product .product-box .cart-info button, .product-full-tab .product-box .cart-info a, .product-full-tab .product-box .cart-info button { color: #333333; transition: all 0.3s ease; background-color: #ffffff; height: 35px; width: 35px; margin: 7px 0; border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; border: 0; box-shadow: 0 0 12px 0 #dddddd; } .tab-product .product-box .cart-info a :hover, .tab-product .product-box .cart-info button :hover, .product-full-tab .product-box .cart-info a :hover, .product-full-tab .product-box .cart-info button :hover { transition: all 0.3s ease; color: var(--theme-deafult); } .tab-product .product-box .lbl-1, .product-full-tab .product-box .lbl-1 { background-color: var(--theme-deafult); padding: 2px 20px 2px 10px; display: inline-block; text-align: center; color: #ffffff; position: absolute; left: 0; top: 15px; font-size: 14px; line-height: 1.5; opacity: 0; } .tab-product .product-box .lbl-1:before, .product-full-tab .product-box .lbl-1:before { content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 12px solid var(--theme-deafult); border-bottom: 13px solid var(--theme-deafult); border-right: 7px solid #ffffff; } .tab-product .product-box .lbl-2, .product-full-tab .product-box .lbl-2 { font-size: 14px; top: 15px; position: absolute; right: 10px; color: #333333; font-weight: 600; text-transform: capitalize; opacity: 0; } .tab-product .product-box a, .product-full-tab .product-box a { color: #0072bb; font-size: 15px; font-weight: 700; letter-spacing: 1px; } .tab-product .product-box .color-variant, .product-full-tab .product-box .color-variant { position: absolute; top: -35px; width: 100%; } .tab-product .product-box .slick-slide img, .product-full-tab .product-box .slick-slide img { display: block; } .tab-product .product-box .product-details, .product-full-tab .product-box .product-details { position: relative; } .tab-product .product-box .product-details .color-variant, .product-full-tab .product-box .product-details .color-variant { position: absolute; top: -35px; width: 100%; } .tab-product .product-box .product-details .color-variant li, .product-full-tab .product-box .product-details .color-variant li { opacity: 0; display: inline-block; height: 15px; width: 15px; border-radius: 100%; margin: 0 3px; transition: all 0.3s ease; cursor: pointer; vertical-align: middle; } .tab-product .product-box .product-details h6, .product-full-tab .product-box .product-details h6 { color: #333333; font-weight: 600; letter-spacing: 1px; text-transform: capitalize; } .tab-product .product-box .product-details .price, .product-full-tab .product-box .product-details .price { padding-bottom: 10px; font-size: 16px; color: var(--theme-deafult); } .product-full-tab { padding-top: 70px; } .product-load-more .col-grid-box { display: none; } .load-more-sec { margin-top: 40px; text-align: center; } .load-more-sec a { font-size: 18px; text-transform: uppercase; display: block; padding: 10px 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 100%; } .product_image_4 > div:nth-child(-n+2) { margin-bottom: 25px; } .quick-view { width: 100%; max-width: 1080px; max-height: 600px; position: relative; } .checkout-page .checkout-title { margin-bottom: 25px; } .checkout-page .checkout-title h3 { color: #444444; font-weight: 700; } .checkout-page .checkout-form .checkout-details { position: relative; background-color: #f9f9f9; border: 1px solid #dddddd; padding: 40px; } .checkout-page .checkout-form .check-out .form-group:last-child { margin-bottom: -5px; } .checkout-page .checkout-form .check-out .form-group:last-child label { margin-bottom: -5px; } .checkout-page .checkout-form .form-group { position: relative; margin-bottom: 25px; } .checkout-page .checkout-form .form-group h3 { color: #444444; font-weight: 700; margin-bottom: 30px; margin-top: 30px; } .checkout-page .checkout-form .form-group .field-label { line-height: 24px; text-transform: capitalize; color: #333333; margin-bottom: 10px; font-weight: 700; } .checkout-page .checkout-form .form-group .field-label span { font-size: 16px; color: #222222; font-weight: 600; } .checkout-page .checkout-form .form-group label { color: #777777; } .checkout-page .checkout-form select { cursor: pointer; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -moz-appearance: none; background: url("/assets/images/dropdown.png") no-repeat 95%; } .checkout-page .checkout-form input[type=text], .checkout-page .checkout-form input[type=email], .checkout-page .checkout-form input[type=password], .checkout-page .checkout-form input[type=tel], .checkout-page .checkout-form input[type=number], .checkout-page .checkout-form input[type=url] { width: 100%; padding: 0 22px; height: 45px; border: 1px solid #dddddd; } .checkout-page .checkout-form select, .checkout-page .checkout-form textarea { width: 100%; padding: 0 22px; height: 45px; border: 1px solid #dddddd; } .checkout-page .check-box { line-height: 24px; font-size: 14px; font-weight: normal; padding-top: 5px; } .checkout-page .check-box label { position: relative; top: -1px; font-weight: normal; padding: 0; font-size: 16px; cursor: pointer; color: #333333; } .checkout-page .lower-content { margin-top: 30px; } .checkout-page .lower-content .order-column { margin-bottom: 40px; } .order-box { position: relative; margin-bottom: 50px; } .order-box .title-box { position: relative; padding-bottom: 25px; color: #444444; font-weight: 600; font-size: 22px; border-bottom: 1px solid #ededed; margin-bottom: 20px; } .order-box .title-box span { position: relative; width: 35%; float: right; line-height: 1.2em; } .order-box .qty { position: relative; border-bottom: 1px solid #ededed; margin-bottom: 30px; } .order-box .qty li { position: relative; display: block; font-size: 15px; color: #444444; line-height: 20px; margin-bottom: 20px; } .order-box .qty li span { float: right; font-size: 18px; line-height: 20px; color: #232323; font-weight: 400; width: 35%; } .order-box .sub-total { position: relative; border-bottom: 1px solid #dddddd; margin-bottom: 30px; } .order-box .sub-total li { position: relative; display: inline-block; font-size: 16px; font-weight: 600; color: #333333; line-height: 20px; margin-bottom: 20px; width: 100%; } .order-box .sub-total li .count { position: relative; font-size: 18px; line-height: 20px; color: var(--theme-deafult); font-weight: 400; width: 35%; float: right; } .order-box .sub-total .shopping-option label { position: relative; font-size: 16px; line-height: 32px; padding-left: 10px; color: #6f6f6f; } .order-box .sub-total .shipping { width: 35%; float: right; } .order-box .total { position: relative; margin-bottom: 40px; } .order-box .total li { position: relative; display: block; font-weight: 400; color: #333333; line-height: 20px; margin-bottom: 10px; font-size: 18px; } .order-box .total li .count { position: relative; font-size: 18px; line-height: 20px; color: var(--theme-deafult); font-weight: 400; } .order-box .total li span { float: right; font-size: 15px; line-height: 20px; color: #444444; font-weight: 400; width: 35%; display: block; } .payment-box { position: relative; } .payment-box .upper-box { position: relative; } .payment-box .payment-options { position: relative; margin-top: 20px; margin-bottom: 30px; } .payment-box .payment-options li { display: flex; margin-bottom: 15px; } .payment-box .payment-options li .radio-option { position: relative; } .payment-box .payment-options li .radio-option label { position: relative; padding-left: 30px; text-transform: capitalize; color: #6f6f6f; cursor: pointer; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 0; } .payment-box .payment-options li .radio-option input[type=radio] { position: absolute; left: 0; top: 5px; } .payment-box .payment-options li .radio-option label .small-text { position: relative; display: none; font-size: 15px; line-height: 25px; font-weight: 300; color: #666666; margin-top: 10px; } .payment-box .payment-options li .radio-option label img { position: relative; display: block; max-width: 100%; margin-left: -30px; margin-top: 5px; } .stripe-section { text-transform: uppercase; background-color: #f9f9f9; padding: 15px; border: 1px solid #dddddd; } .stripe-section h5 { font-weight: 700; } .stripe-section .content h5 { color: #4f4f4f; font-weight: 400; } .stripe-section .content table { width: 100%; } .stripe-section .content table tr { border-bottom: 1px solid #f1f1f1; } .stripe-section .content table tr td { padding: 8px 0; color: #9a9a9a; } .stripe-section .content table tr td:last-child { text-align: right; } .margin-cls { margin-top: 25px; } .dashboard-left a { text-decoration: none; color: #000; outline: none; } .dashboard-left .block-title h2 { font-size: 24px; padding-bottom: 20px; } .dashboard-left .block-content { border: 1px solid #ddd; padding: 15px; } .dashboard-left .block-content ul li { display: flex; transition: all 0.5s ease; } .dashboard-left .block-content ul li.active { color: var(--theme-deafult); } .dashboard-left .block-content ul li.active a { color: var(--theme-deafult); } .dashboard-left .block-content ul li:before { content: ""; display: inline-block; font-family: FontAwesome; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 30px; height: 30px; text-align: center; font-size: 18px; font-weight: 700; margin-top: 3px; } .dashboard-left .block-content ul li:hover { padding-left: 10px; color: #ff0000; transition: all 0.5s ease; } .dashboard-left .block-content ul li:hover a { color: #ff0000; transition: all 0.5s ease; } .dashboard-left.open { left: 0px; } .padding-cls { padding-left: 50px; padding-right: 50px; } .dashboard-right p { color: #5f5f5f; line-height: 20px; } .dashboard-right .dashboard { border: 1px solid #ddd; padding: 30px; } .dashboard-right .dashboard .page-title h2 { font-size: 22px; margin-bottom: 15px; } .dashboard-right .dashboard .welcome-msg p { margin-bottom: 0; } .dashboard .box-head h2 { font-size: 22px; margin: 20px 0 0; text-transform: capitalize; color: #333; } .dashboard .box a { color: var(--theme-deafult); } .dashboard .box h6 { margin-bottom: 0; } .dashboard .box .box-title { border-bottom: 1px solid #ddd; display: inline-block; margin-bottom: 5px; padding: 12px 0; position: relative; width: 100%; } .dashboard .box .box-title h3 { font-size: 16px; margin: 0; text-transform: capitalize; color: #333; } .dashboard .box .box-title > a { position: absolute; right: 0; top: 12px; color: var(--theme-deafult); } .dashboard .box address { margin-bottom: 0; } .box-content h6 { font-size: 14px; line-height: 25px !important; margin-bottom: 0; } .box-content a { color: var(--theme-deafult); } .account-sidebar { display: none; cursor: pointer; background-color: var(--theme-deafult); color: #ffffff; width: 30%; font-size: 16px; text-transform: uppercase; text-align: center; font-weight: 700; margin-bottom: 20px; padding: 5px; } .success-text { text-align: center; } .success-text i { font-size: 50px; color: #4ead4e; } .success-text h2 { margin-top: 10px; margin-bottom: 15px; } .success-text p { font-size: 18px; text-transform: capitalize; } .success-text p:last-child { margin-bottom: 0; } .success-text.order-fail i { color: var(--theme-deafult); } .order-success-sec h4 { font-weight: 700; text-transform: capitalize; } .order-success-sec .order-detail li { display: flex; text-transform: capitalize; line-height: 28px; font-size: 16px; } .order-success-sec .payment-mode p { font-size: 16px; line-height: 26px; margin-bottom: 0; letter-spacing: 0.05em; } .delivery-sec { padding: 30px; text-align: center; margin-top: 20px; background-color: #f9f9f9; } .delivery-sec h2, .delivery-sec h3 { color: #000000; text-transform: capitalize; } .product-order h3 { font-weight: 700; text-transform: uppercase; color: #000000; margin-bottom: -2px; } .product-order .product-order-detail { margin-top: 15px; } .product-order .product-order-detail img { height: 130px; } .product-order .product-order-detail .order_detail { display: flex; align-items: center; } .product-order .product-order-detail .order_detail h4 { margin-bottom: 5px; text-transform: capitalize; font-weight: 700; } .product-order .product-order-detail .order_detail h5 { text-transform: capitalize; margin-bottom: 0; } .product-order .total-sec { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 15px 0; padding: 15px 0; } .product-order .total-sec ul li { font-size: 18px; display: block; text-transform: capitalize; } .product-order .total-sec ul li span { float: right; } .product-order .final-total h3 { display: block; } .product-order .final-total h3 span { float: right; } .compare-section .compare-part { position: relative; } .compare-section .compare-part .close-btn { background-color: transparent; border: none; font-size: 25px; position: absolute; top: 0; right: 0; } .compare-section .compare-part .img-secton { padding: 25px 15px 15px; } .compare-section .compare-part .img-secton img, .compare-section .compare-part .img-secton .bg-size { width: 50%; margin: 0 auto; } .compare-section .compare-part .img-secton a h5 { margin-bottom: 0; text-transform: capitalize; margin-top: 10px; } .compare-section .compare-part .img-secton h5 { margin-bottom: 0; line-height: 1.2; } .compare-section .compare-part .detail-part .title-detail { background-color: #f7f8fa; text-align: center; padding: 8px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .compare-section .compare-part .detail-part .title-detail h5 { margin-bottom: 0; text-transform: uppercase; } .compare-section .compare-part .detail-part .inner-detail { padding: 15px; } .compare-section .compare-part .detail-part .inner-detail p { margin-bottom: 0; line-height: 1.2; letter-spacing: 0.05em; } .compare-section .compare-part .detail-part .inner-detail p span { padding-right: 15px; } .compare-section .compare-part .btn-part { text-align: center; padding: 15px; border-top: 1px solid #ddd; } .compare-section .compare-part .btn-part .btn-solid, .compare-section .compare-part .btn-part .btn-outline { padding: 5px 10px; } .compare-section .owl-item { border: 1px solid #ddd; } .compare-padding { padding-bottom: 50px; } .compare-padding h2 { margin-bottom: 20px; } .compare-lable { position: absolute; font-size: 13px; font-weight: 700; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg); top: 20px; left: 16px; letter-spacing: 0.1em; z-index: 1; } .compare-page .table-wrapper { padding-bottom: 0; } .compare-page .table-wrapper .table { border: 1px solid #eeeeee; text-transform: capitalize; color: #222222; } .compare-page .table-wrapper .table .product-name { width: 15%; } .compare-page .table-wrapper .table .featured-image { width: 185px; } .compare-page .table-wrapper .table td { border-top: none; } .compare-page .table-wrapper .table thead .th-compare td { font-size: 14px; font-weight: 700; background: #f8f8f8; border-right: 1px solid #eee; } .compare-page .table-wrapper .table thead .th-compare th { text-align: left; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } .compare-page .table-wrapper .table thead .th-compare th .remove-compare { float: left; border: none; background: transparent; padding: 0; font-size: 14px; font-weight: 500; } .compare-page .table-wrapper .table tbody tr th { background: #f8f8f8; } .compare-page .table-wrapper .table tbody tr td { border-right: 1px solid #eee; position: relative; } .compare-page .table-wrapper .table tbody tr th, .compare-page .table-wrapper .table tbody tr td { padding: 15px; vertical-align: top; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #eee; } .compare-page .table-wrapper .table tbody tr .grid-link__title { font-size: 15px; } .compare-page .table-wrapper .table tbody tr .product_price { margin: 15px 0; } .compare-page .table-wrapper .table tbody tr .product_price span.money { padding-left: 5px; } .compare-page .table-wrapper .table tbody tr p { color: #222222; font-size: 13px; line-height: 20px; margin: 0; } .compare-page .table-wrapper .table tbody tr .add-to-cart, .compare-page .table-wrapper .table tbody tr .select-option-cls { padding: 6px 10px; } .typography_section .typography-box { margin-bottom: 30px; } .typography_section .typography-box p { line-height: 22px; } .typography_section .typography-box .headings { border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; background-color: rgba(247, 247, 247, 0.5); padding: 8px 12px; } .typography_section .typography-box .headings h3 { text-transform: capitalize; color: #2d2d2d; margin-bottom: 0; font-weight: 400; font-size: 20px; } .typography_section .typography-box .headings span { color: #777777; } .typography_section .typography-box .headings span code { color: #777777; } .typography_section .typography-box .typo-content.heading_content h1, .typography_section .typography-box .typo-content.heading_content h2, .typography_section .typography-box .typo-content.heading_content h3, .typography_section .typography-box .typo-content.heading_content h4, .typography_section .typography-box .typo-content.heading_content h5, .typography_section .typography-box .typo-content.heading_content h6 { font-weight: 400; color: black; text-transform: uppercase; line-height: 1; margin-bottom: 10px; } .typography_section .typography-box .typo-content .sub-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 5px; margin-bottom: 8px; font-size: 18px; color: #222222; text-transform: capitalize; } .typography_section .typography-box .typo-content.product-pagination { border: none; margin: 0; } .typography_section .typography-box .typo-content.product-pagination .pagination .page-item { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .typography_section .typography-box .typo-content.product-pagination .pagination .page-item a { padding: 10px 14px; } .typography_section .typography-box .typo-content.input_button input { margin-bottom: 10px; } .typography_section .typography-box .typo-content.input_button label { font-size: 16px; text-transform: capitalize; padding-left: 5px; } .typography_section .typography-box .typo-content.loader-typo { width: 100%; justify-content: center; display: flex; } .typography_section .typography-box .typo-content.loader-typo .pre-loader { position: relative; width: 50px; height: 50px; background-color: var(--theme-deafult); border-radius: 50%; } .typography_section .typography-box .typo-content.loader-typo .pre-loader:after { content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0 solid white; transform: translate(-50%, -50%); animation: loading 1000ms ease-out forwards infinite; transition: all 0.3s ease; } .typography_section .typography-box .typo-content .footer-social { margin-top: 0; justify-content: center; } .typography_section .typography-box:last-child { margin-bottom: 0; } .typography_section code { color: rgba(var(--theme-deafult), 0.6); background-color: #f7f7f7; padding: 3px; margin: 0 3px; border-radius: 2px; } .review-page .comment-section { border-bottom: none !important; } .review-page .comment-section li:first-child { border-top: none; padding-top: 0; } .review-page .comment-section li:last-child { padding-bottom: 0; } .review-page .comnt-sec { margin-top: 10px; } .review-page .comnt-sec li { margin-right: 15px; padding-bottom: 0 !important; padding-top: 0 !important; border-top: none !important; } .review-page .comnt-sec li a { color: #777777; font-size: 16px; } .review-page .comnt-sec li a i { margin-right: 5px; } .template-password { background: url("/assets/images/coming-soon.jpg"); background-size: cover; height: 100vh; } .template-password #container { height: 100vh; max-width: 600px; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .template-password #container > div { width: 100%; } .template-password #container #login { width: 100%; margin-bottom: 120px; } .template-password #container #login h2 { color: var(--theme-deafult); font-size: 30px; font-weight: 400; } .template-password #container #login .theme-form h3 { color: #999999; font-size: 20px; } .template-password #container #login .theme-form input { border-color: #dddddd; font-size: 12px; padding: 17px 25px; margin-bottom: 15px; height: inherit; } .template-password #container #login .theme-form input:focus { box-shadow: none; } .template-password #container #powered { position: absolute; bottom: 5px; left: 0; right: 0; } .template-password #container #owner a { color: var(--theme-deafult); } .review-page .comment-section { border-bottom: none !important; } .review-page .comment-section li:first-child { border-top: none; padding-top: 0; } .review-page .comment-section li:last-child { padding-bottom: 0; } .review-page .comnt-sec { margin-top: 10px; } .review-page .comnt-sec li { margin-right: 15px; padding-bottom: 0 !important; padding-top: 0 !important; border-top: none !important; } .review-page .comnt-sec li a { color: #777777; font-size: 16px; } .review-page .comnt-sec li a i { margin-right: 5px; } .vendor-cover .bg-size { height: 350px; } .vendor-profile { margin-top: -70px; } .vendor-profile .profile-left { display: flex; padding: 20px; background-color: white; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.07); } .vendor-profile .profile-left .profile-image { text-align: center; width: 20%; display: flex; align-items: center; justify-content: center; } .vendor-profile .profile-left .profile-image img { width: 60%; } .vendor-profile .profile-left .profile-image h3 { font-weight: 700; margin-bottom: 5px; color: black; } .vendor-profile .profile-left .profile-image h6 { margin-bottom: 0; margin-top: 0; letter-spacing: 0.05em; text-transform: capitalize; } .vendor-profile .profile-left .profile-detail { border-left: 1px solid #efefef; padding-left: 20px; margin-left: 20px; width: 60%; display: flex; align-items: center; } .vendor-profile .profile-left .profile-detail h6 { margin-bottom: 0; margin-top: 0; letter-spacing: 0.05em; text-transform: capitalize; } .vendor-profile .profile-left .profile-detail p { margin-bottom: 0; font-size: 14px; line-height: 1.5; } .vendor-profile .profile-left .profile-detail p + p { margin-top: 10px; } .vendor-profile .profile-left .vendor-contact { border-left: 1px solid #efefef; padding-left: 20px; margin-left: 20px; width: 20%; display: flex; align-items: center; justify-content: center; text-align: center; } .vendor-profile .profile-left .vendor-contact .footer-social { margin-top: 0; margin-bottom: 12px; justify-content: center; } .vendor-profile .profile-left .vendor-contact .footer-social i { color: #989898; } .vendor-profile .profile-left .vendor-contact .footer-social li { padding: 0 5px; } .vendor-profile .profile-left .vendor-contact h6 { text-transform: capitalize; color: black; font-weight: 700; margin-bottom: 8px; } .vendor-profile .profile-left .vendor-contact a { text-transform: capitalize; } .vendor-profile .profile-left + .profile-left { margin-top: 40px; } .vendor-profile .page-link { border-color: #efefef; background-color: #f9f9f9; } .vendor-profile .page-link:hover { background-color: #f1f1f1; } .become-vendor { background-color: #f7f7f7; overflow: hidden; } .become-vendor h4 { margin-bottom: 40px; text-transform: capitalize; font-weight: 600; line-height: 1.3; } .become-vendor .step-bg { position: relative; } .become-vendor .step-bg:before { content: ""; position: absolute; left: 0; right: 0; height: 100%; display: block; } .become-vendor .step-bg .row { margin-left: -50px; margin-right: -50px; } .become-vendor .step-bg .row > div { padding-left: 50px; padding-right: 50px; } .become-vendor .step-bg .row > div:nth-child(1), .become-vendor .step-bg .row > div:nth-child(3) { margin-bottom: 30px; } .become-vendor .step-bg .row > div:nth-child(2) { margin-top: 30px; } .become-vendor .step-bg h4 { margin-bottom: 10px; } .become-vendor .step-bg .step-box { position: relative; padding: 50px 35px 33px; box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08); transition: all 0.3s ease; background-color: #ffffff; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .become-vendor .step-bg .step-box .steps { position: relative; width: 80px; height: 80px; background: #f7f7f7; margin: 0 auto 25px auto; color: var(--theme-deafult); text-align: center; font-weight: 500; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))); } .become-vendor .step-bg .step-box p { line-height: 1.5; margin-bottom: 0; } .start-selling h4 { margin-bottom: 10px; text-transform: capitalize; font-weight: 600; line-height: 1.3; } .start-selling p { line-height: 2; letter-spacing: 0.03em; } .start-selling .btn { margin-top: 20px; } .vendor-dashboard .dashboard-box { padding: 20px 10px; background-color: #f9f9f9; } .vendor-dashboard .dashboard-box .date-picker-box { display: flex; } .vendor-dashboard .dashboard-box .date-picker-box .input-group { width: 50%; padding: 0 10px; } .dashboard-section .dashboard-sidebar { position: sticky; top: 30px; z-index: 1; padding: 30px 0 15px 0; background-color: #f8f8f8; } .dashboard-section .dashboard-sidebar .profile-top { padding: 0 16px; margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))); } .dashboard-section .dashboard-sidebar .profile-top .profile-image { position: relative; } .dashboard-section .dashboard-sidebar .profile-top .profile-image img { width: 130px; margin: 0 auto; display: block; border-radius: 100%; } .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit { position: absolute; bottom: 0; right: 30%; } .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit svg { stroke: var(--theme-deafult); } .dashboard-section .dashboard-sidebar .profile-top .profile-detail { text-align: center; margin-top: 15px; } .dashboard-section .dashboard-sidebar .profile-top .profile-detail h5 { text-transform: capitalize; font-weight: 700; margin-bottom: 5px; } .dashboard-section .dashboard-sidebar .profile-top .profile-detail h6 { color: #777777; margin-bottom: 3px; } .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs { box-shadow: none; padding: 0; } .dashboard-section .counter-section .counter-box { background-color: #f8f8f8; padding: 30px 30px; display: flex; align-items: center; border-left: 3px solid var(--theme-deafult); border-radius: 8px; } .dashboard-section .counter-section .counter-box img { height: 50px; margin-right: 20px; } .dashboard-section .counter-section .counter-box h3 { font-weight: 700; color: var(--theme-deafult); margin-bottom: 4px; font-size: 20px; } .dashboard-section .counter-section .counter-box h5 { margin-bottom: 0; text-transform: capitalize; } .dashboard-section .faq-content .card { border: none; background-color: #f8f8f8; margin-top: 30px; } .dashboard-section .dashboard-table h3 { text-transform: capitalize; font-size: 16px; color: black; margin-bottom: 15px; } .dashboard-section .dashboard-table img { width: 50px; } .dashboard-section .dashboard-table .table thead th { border-top: none; } .dashboard-section .dashboard-table .table th, .dashboard-section .dashboard-table .table td { vertical-align: middle; text-transform: capitalize; text-align: center; } .dashboard-section .top-sec { display: flex; margin-bottom: 15px; } .dashboard-section .top-sec h3 { text-transform: capitalize; color: black; font-size: 20px; } .dashboard-section .top-sec .btn { margin-left: auto; text-transform: capitalize; padding: 7px 14px; } .dashboard-section .dashboard-box .dashboard-title { margin-bottom: 20px; display: flex; align-items: center; } .dashboard-section .dashboard-box .dashboard-title h4 { text-transform: capitalize; font-weight: 700; margin-bottom: 0; } .dashboard-section .dashboard-box .dashboard-title span { margin-left: 30px; padding: 2px 16px; border-radius: 2px; text-transform: capitalize; color: var(--theme-deafult); cursor: pointer; } .dashboard-section .dashboard-box .dashboard-detail ul li { display: block; margin-bottom: 10px; } .dashboard-section .dashboard-box .dashboard-detail ul li .details { display: flex; } .dashboard-section .dashboard-box .dashboard-detail ul li .details h6 { text-transform: capitalize; margin-bottom: 0; } .dashboard-section .dashboard-box .dashboard-detail ul li .details span { margin-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320))); border-radius: 2px; text-transform: capitalize; color: var(--theme-deafult); cursor: pointer; } .dashboard-section .dashboard-box .dashboard-detail ul li .details .left { width: 150px; margin-right: 15px; } .dashboard-section .dashboard-box .dashboard-detail ul li .details .left h6 { color: #4e4e4e; } .dashboard-section .dashboard-box .dashboard-detail ul li .details .right { display: flex; align-items: center; } .dashboard-section .dashboard-box .dashboard-detail ul li .details .right h6 { font-weight: 500; } .dashboard-section .dashboard-box .dashboard-detail ul li:last-child { margin-bottom: 0; } .dashboard-section .dashboard-box .dashboard-detail .account-setting h5 { text-transform: capitalize; } .dashboard-section .dashboard-box .dashboard-detail .account-setting .row > div .form-check { margin-bottom: 10px; padding-left: 0; } .dashboard-section .dashboard-box .dashboard-detail .account-setting .row > div .form-check:last-child { margin-bottom: 0; } .dashboard-section .dashboard-box .dashboard-detail .account-setting .btn { margin-top: 15px; } .dashboard-section .dashboard-box .dashboard-detail .account-setting + .account-setting { margin-top: 15px; } .dashboard-section .radio_animated { position: relative; margin: 0 1rem 0 0; cursor: pointer; } .dashboard-section .radio_animated:before { transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transform: scale(0, 0); content: ""; position: absolute; top: 0; left: 0.125rem; z-index: 1; width: 0.75rem; height: 0.75rem; background: var(--theme-deafult); border-radius: 50%; } .dashboard-section .radio_animated:after { content: ""; position: absolute; top: -0.25rem; left: -0.125rem; width: 1.25rem; height: 1.25rem; background: #ffffff; border: 2px solid #e8ebf2; border-radius: 50%; } .dashboard-section .radio_animated:checked:before { transform: scale(1, 1); } .faq-tab .nav-tabs { display: block; border-bottom: none; background-color: white; padding: 10px 0; } .faq-tab .nav-tabs .nav-item { display: block; margin-bottom: 0; } .faq-tab .nav-tabs .nav-item .nav-link { text-transform: capitalize; color: black; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); border: none; transition: all 0.5s ease; border-radius: 0; background-color: #f8f8f8; } .faq-tab .nav-tabs .nav-item .nav-link.active { border: none; border-right: 2px solid var(--theme-deafult); border-radius: 0; color: var(--theme-deafult); transition: all 0.5s ease; } .faq-tab .nav-tabs .nav-item .nav-link:hover { border: none; border-right: 2px solid var(--theme-deafult); color: var(--theme-deafult); transition: all 0.5s ease; } /*===================== 22.RTL CSS start ==========================*/ [dir=rtl] .owl-item { float: left; } [dir=rtl] .tools-parallax-product .owl-next { left: -25px !important; } [dir=rtl] .tools-parallax-product .owl-prev { right: -25px !important; left: unset !important; } [dir=rtl] .owl-prev { left: 1px; right: unset; } [dir=rtl] .owl-next { left: unset; right: 1px; } .rtl .no-found h3, .rtl .no-found p { text-align: center; } .rtl .brand-logo img.img-fluid { transform: scaleX(-1); } .setting-box { direction: ltr; } .setting-box h1, .setting-box h2, .setting-box h3, .setting-box h4, .setting-box h5, .setting-box h6, .setting-box p { text-align: left !important; } body.rtl { direction: rtl; } .rtl header .main-navbar .nav-menu > li { float: right; } .rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a { text-align: right; } .rtl header .main-navbar .nav-menu > li .nav-submenu li { text-align: right; } .rtl header .main-navbar .nav-menu > li .nav-submenu li a .sub-arrow { right: auto; left: 15px; transform: rotate(180deg); } .rtl header .sidenav .sidebar-menu li { text-align: right; } .rtl header .sidenav .sidebar-menu li ul li a:before { right: 35px; } .rtl header .sidenav .sidebar-menu li ul.mega-menu li a:before { right: 0; } .rtl .product-thumb-list { left: unset; right: 0; } .rtl .j-box .product-box .cart-info { left: 0 !important; } .rtl .header-gym .main-menu .menu-left .navbar { padding: 20px 0 20px 45px; } .rtl .main-menu .menu-left .navbar { padding: 40px 0 40px 45px; } .rtl .form_search button { left: 5px; right: unset; } .rtl .rtl-right-text { text-align: right; } .rtl .size-text { text-align: right !important; } .rtl .detail-cannabis .detail_section h4, .rtl .detail-cannabis .detail_section p { text-align: center; } .rtl .tab-left .theme-tab .left-side .tab-title { margin-left: 100px; text-align: right; margin-right: 0; } .rtl .review-page .comnt-sec { text-align: right; } .rtl .review-page .comnt-sec li { margin-right: 0; margin-left: 15px; } .rtl .review-page .comnt-sec li a i { margin-right: 0; margin-left: 5px; } .rtl .gym-product .product-box .product-detail h6, .rtl .gym-product .product-box .product-detail h4 { text-align: center; } .rtl .tools-grey .product-box .product-info h6, .rtl .tools-grey .product-box .product-info h4 { text-align: center; } .rtl .tools-grey .product-box .cart-info { left: 0 !important; right: 0 !important; } .rtl .tools_product .media .br.br-default { justify-content: flex-start; } .rtl .tools-parallax-product .tools-description .tools-form .btn-find { float: right; } .rtl .left-header .sidenav { right: 0; } .rtl .left-header .sidenav .left-sidebar_center { padding: 40px 30px 40px 0; } .rtl .left-header .sidenav .pixelstrap li a .sub-arrow { left: 7px; transform: rotate(180deg); } .rtl .left-header .top-header { padding-left: 0; padding-right: 300px; } .rtl .left-header .search-overlay { padding-right: 300px; padding-left: 0; } .rtl .left-sidebar_space { padding-left: 0; padding-right: 300px; } .rtl .portfolio-section.metro-section .product-box .cart-wrap { right: unset; left: 7px; } .rtl .portfolio-section.metro-section .product-box .product-detail h4, .rtl .portfolio-section.metro-section .product-box .product-detail h6 { text-align: center; } .rtl .br-default .br-unit { margin-right: 0; margin-left: 5px; } .rtl .br.br-default { display: flex; justify-content: right; } .rtl .owl-carousel .br.br-default { display: flex; justify-content: flex-end; } .rtl .absolute_banner .collection-banner .absolute-contain h3, .rtl .absolute_banner .collection-banner .absolute-contain h4 { text-align: center; } .rtl .no-slider .br.br-default { display: flex; justify-content: right; } .rtl .blog.blog_box .blog-details a p { text-align: right; } .rtl .blog.blog_box .blog-details .read-cls { float: right; } .rtl .service-block1 h4, .rtl .service-block1 p { text-align: center; } .rtl .beauty-about .text-center { text-align: left !important; } .rtl .beauty-about .about-text p { text-align: right; } .rtl .beauty-about .service-block1 h5 { text-align: center; } .rtl .pets-box .product-box .product-detail h6, .rtl .pets-box .product-box .product-detail h4 { text-align: center; } .rtl .theme-tab .br[_ngcontent-c24] { text-align: right; display: flex; justify-content: right; } .rtl .theme-tab .br[_ngcontent-c29] { text-align: right; display: flex; justify-content: flex-end; } .rtl .br[_ngcontent-c29] { text-align: right; display: flex; justify-content: flex-end; } .rtl .br-units[_ngcontent-c29] { justify-content: flex-end; text-align: right; display: flex; } .rtl .br[_ngcontent-c24] { text-align: right; display: flex; justify-content: flex-end; } .rtl .br[_ngcontent-c26] { text-align: right; display: flex; justify-content: flex-end; } .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl p { text-align: right; } .rtl .color-variant li { margin-right: 0px !important; margin-left: 5px !important; } .rtl .br-units[_ngcontent-c25] { direction: rtl !important; } .rtl ul { -webkit-padding-start: 0; } .rtl .product-right .rating { text-align: right !important; } .rtl .product-right .pro_inventory .inventory-scroll > span { float: right; } .rtl .timer { padding-left: 0; padding-right: 40px; } .rtl .timer span .padding-l { padding-left: 0; padding-right: 22px; } .rtl .home.text-left h1, .rtl .home.text-left h2, .rtl .home.text-left h3, .rtl .home.text-left h4, .rtl .home.text-left h5, .rtl .home.text-left h6 { text-align: left; } .rtl .empty-cart-cls h3, .rtl .empty-cart-cls h4 { text-align: center; } .rtl .product-right .product-buttons a:last-child { margin-right: 10px; margin-left: 0; } .rtl .owl-carousel { direction: ltr; } .rtl .stripe-section .content table tr td:first-child { text-align: right; } .rtl .mr-3 { margin-right: 0 !important; margin-left: 5px; } .rtl .offset-md-3, .rtl .offset-lg-2, .rtl .offset-xl-3, .rtl .offset-lg-3, .rtl .offset-md-2 { margin: 0 auto; } .rtl .title1 h4, .rtl .title1 h2, .rtl .title2 h4, .rtl .title2 h2, .rtl .title3 h4, .rtl .title3 h2, .rtl .title4 h4, .rtl .title4 h2 { text-align: center; } .rtl .search-overlay > div .closebtn { right: unset; left: 25px; } .rtl .search-block .form-header button { left: 10px; right: unset; } .rtl .cart_qty_cls { left: -12px; right: unset; } .rtl .size-variant { text-align: right; } .rtl .size-variant li { margin-left: 5px; margin-right: unset; } .rtl .home-slider .text-center p, .rtl .home-slider .text-center h1, .rtl .home-slider .text-center h2, .rtl .home-slider .text-center h3, .rtl .home-slider .text-center h4, .rtl .home-slider .text-center h5, .rtl .home-slider .text-center h6, .rtl .center-slider .text-center p, .rtl .center-slider .text-center h1, .rtl .center-slider .text-center h2, .rtl .center-slider .text-center h3, .rtl .center-slider .text-center h4, .rtl .center-slider .text-center h5, .rtl .center-slider .text-center h6 { text-align: center !important; } .rtl .home-slider .text-left p, .rtl .home-slider .text-left h1, .rtl .home-slider .text-left h2, .rtl .home-slider .text-left h3, .rtl .home-slider .text-left h4, .rtl .home-slider .text-left h5, .rtl .home-slider .text-left h6, .rtl .center-slider .text-left p, .rtl .center-slider .text-left h1, .rtl .center-slider .text-left h2, .rtl .center-slider .text-left h3, .rtl .center-slider .text-left h4, .rtl .center-slider .text-left h5, .rtl .center-slider .text-left h6 { text-align: left; } .rtl .home-slider .text-right p, .rtl .home-slider .text-right h1, .rtl .home-slider .text-right h2, .rtl .home-slider .text-right h3, .rtl .home-slider .text-right h4, .rtl .home-slider .text-right h5, .rtl .home-slider .text-right h6, .rtl .center-slider .text-right p, .rtl .center-slider .text-right h1, .rtl .center-slider .text-right h2, .rtl .center-slider .text-right h3, .rtl .center-slider .text-right h4, .rtl .center-slider .text-right h5, .rtl .center-slider .text-right h6 { text-align: right; } .rtl .home-slider .p-left .slider-contain, .rtl .center-slider .p-left .slider-contain { justify-content: flex-start; } .rtl .home-slider .p-right .slider-contain, .rtl .center-slider .p-right .slider-contain { justify-content: flex-end; } .rtl .home-slider .slider-contain h1, .rtl .home-slider .slider-contain h2, .rtl .home-slider .slider-contain h3, .rtl .home-slider .slider-contain h4, .rtl .home-slider .slider-contain h5, .rtl .home-slider .slider-contain h6, .rtl .center-slider .slider-contain h1, .rtl .center-slider .slider-contain h2, .rtl .center-slider .slider-contain h3, .rtl .center-slider .slider-contain h4, .rtl .center-slider .slider-contain h5, .rtl .center-slider .slider-contain h6 { text-align: left; } .rtl .home-slider .slider-contain .btn-solid, .rtl .home-slider .slider-contain .btn-outline, .rtl .center-slider .slider-contain .btn-solid, .rtl .center-slider .slider-contain .btn-outline { float: inherit; } .rtl .home-slider .owl-next, .rtl .center-slider .owl-next { right: unset; left: 1px; } .rtl .home-slider .owl-next:before, .rtl .center-slider .owl-next:before { transform: rotate(180deg); } .rtl .home-slider .owl-prev, .rtl .center-slider .owl-prev { left: unset; right: 1px; } .rtl .home-slider .owl-prev:before, .rtl .center-slider .owl-prev:before { transform: rotate(180deg); } .rtl .home-slider:hover .owl-next, .rtl .center-slider:hover .owl-next { right: unset; left: 100px; } .rtl .home-slider:hover .owl-prev, .rtl .center-slider:hover .owl-prev { left: unset; right: 100px; } .rtl .pwd-page h2 { text-align: center; } .rtl .product-box .color-variant { -webkit-padding-start: 0; } .rtl .product-box .product-info h4, .rtl .product-box .product-info h6 { text-align: center; } .rtl .product-box .product-info .br.br-default { justify-content: center; } .rtl .product-box .product-detail .rating { text-align: right; } .rtl .product-box .product-detail .color-variant { text-align: right; padding: 0; padding-top: 15px; } .rtl .product-box .product-detail.text-center .color-variant { text-align: center !important; } .rtl .product-box .img-block .lable-wrapper .lable1 { border-bottom-right-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .rtl .product-box .img-block .lable-wrapper .lable2 { border-bottom-left-radius: 25px; border-top-left-radius: 25px; border-bottom-right-radius: 0; border-top-right-radius: 0; } .rtl .product-box .img-wrapper .lable-block .lable3 { left: unset; right: 7px; } .rtl .product-box .img-wrapper .lable-block .lable4 { left: 7px; right: unset; } .rtl .product-box .cart-detail { left: 20px; right: unset; } .rtl .product-box .cart-info.cart-wrap { left: 10px; right: unset; } .rtl .product-box:hover .cart-wrap button { animation: fadeInLeft 300ms ease-in-out; } .rtl .product-box:hover .cart-wrap a:nth-child(2) i { animation: fadeInLeft 500ms ease-in-out; } .rtl .product-box:hover .cart-wrap a:nth-child(3) i { animation: fadeInLeft 700ms ease-in-out; } .rtl .product-box:hover .cart-wrap a:nth-child(4) i { animation: fadeInLeft 1000ms ease-in-out; } .rtl .product-box:hover .cart-detail button { animation: fadeInLeft 300ms ease-in-out; } .rtl .product-box:hover .cart-detail a:nth-child(2) i { animation: fadeInLeft 500ms ease-in-out; } .rtl .product-box:hover .cart-detail a:nth-child(3) i { animation: fadeInLeft 700ms ease-in-out; } .rtl .product-box:hover .cart-detail a:nth-child(4) i { animation: fadeInLeft 1000ms ease-in-out; } .rtl .footer-light .subscribe { border-right: none; border-left: 1px solid #dddddd; } .rtl .footer-light .subscribe h4 { text-align: right; } .rtl .subscribe h4 { text-align: center; } .rtl .subscribe h4 i { padding-left: 5px; padding-right: 0; } .rtl .add_to_cart .cart-inner .cart_top .close-cart { margin-left: unset; margin-right: auto; } .rtl .add_to_cart .cart-inner .cart_media li .total h5 span { float: left; } .rtl .add_to_cart .cart-inner .cart_media .close-circle { left: 0; right: unset; } .rtl .service-block svg, .rtl .service-block img { margin-left: 12px; margin-right: 0; } .rtl .service-block + .service-block { border-right: 1px solid #dddddd; border-left: none; } .rtl .blog-details h4, .rtl .blog-details h6 { text-align: center; } .rtl .blog-details a p { text-align: center; } .rtl .instagram h2 { text-align: center; } .rtl .category-block .category-details h5 { text-align: center; } .rtl .category-bg .contain-block h6 { text-align: center; } .rtl .about-text p { text-align: center; } .rtl .collection-banner.p-left .contain-banner { justify-content: flex-end !important; } .rtl .collection-banner.p-right .contain-banner { justify-content: flex-start !important; } .rtl .collection-banner.p-center .contain-banner { justify-content: center !important; } .rtl .collection-banner.text-center .contain-banner h1, .rtl .collection-banner.text-center .contain-banner h2, .rtl .collection-banner.text-center .contain-banner h3, .rtl .collection-banner.text-center .contain-banner h4, .rtl .collection-banner.text-center .contain-banner h5, .rtl .collection-banner.text-center .contain-banner h6 { text-align: center; } .rtl .collection-banner.text-left .contain-banner h1, .rtl .collection-banner.text-left .contain-banner h2, .rtl .collection-banner.text-left .contain-banner h3, .rtl .collection-banner.text-left .contain-banner h4, .rtl .collection-banner.text-left .contain-banner h5, .rtl .collection-banner.text-left .contain-banner h6 { text-align: left; } .rtl .collection-banner.text-right .contain-banner h1, .rtl .collection-banner.text-right .contain-banner h2, .rtl .collection-banner.text-right .contain-banner h3, .rtl .collection-banner.text-right .contain-banner h4, .rtl .collection-banner.text-right .contain-banner h5, .rtl .collection-banner.text-right .contain-banner h6 { text-align: right; } .rtl .collection-banner .contain-banner { justify-content: flex-end; } .rtl .collection-banner .contain-banner h1, .rtl .collection-banner .contain-banner h2, .rtl .collection-banner .contain-banner h3, .rtl .collection-banner .contain-banner h4, .rtl .collection-banner .contain-banner h5, .rtl .collection-banner .contain-banner h6 { text-align: left; } .rtl .full-banner.p-left .banner-contain { float: left; } .rtl .full-banner.p-right .banner-contain { float: right; } .rtl .full-banner.p-center .banner-contain { left: 0; right: 0; margin: 0 auto; } .rtl .full-banner.p-center .banner-contain h3, .rtl .full-banner.p-center .banner-contain h4 { text-align: center; } .rtl .full-banner.p-center .banner-contain .btn-solid, .rtl .full-banner.p-center .banner-contain .btn-outline { float: unset; } .rtl .full-banner.text-center .banner-contain h2, .rtl .full-banner.text-center .banner-contain h3, .rtl .full-banner.text-center .banner-contain h4 { text-align: center; } .rtl .full-banner.text-left .banner-contain h2, .rtl .full-banner.text-left .banner-contain h3, .rtl .full-banner.text-left .banner-contain h4 { text-align: left; } .rtl .full-banner.text-right .banner-contain h2, .rtl .full-banner.text-right .banner-contain h3, .rtl .full-banner.text-right .banner-contain h4 { text-align: right; } .rtl .theme-card .media { direction: rtl; } .rtl .theme-card .owl-prev { left: 0; right: unset; } .rtl .theme-card .owl-next { right: unset; left: 25px; } .rtl .theme-card .offer-slider img { padding: 15px 0 15px 15px; } .rtl .theme-card .offer-slider .media .media-body a h6 { margin-left: 61px; margin-right: 0; } .rtl .theme-card .offer-slider .media .media-body .br.br-default { justify-content: flex-start; } .rtl .theme-card .offer-slider .media .media-body .rating { text-align: right; } .rtl .theme-card .offer-slider .media .media-body .rating i { padding-left: 5px; } .rtl .theme-card.card-border h5 { padding-left: 0; padding-right: 50px; } .rtl .theme-card.card-border .owl-prev { left: 30px; } .rtl .theme-card.card-border .owl-next { left: 50px; } .rtl .theme-card.card-border .offer-slider img { padding: 15px 30px 15px 15px; } .rtl .background .contain-bg h4 { text-align: center; } .rtl .center-slider .offer-slider .product-box .product-info h6, .rtl .center-slider .offer-slider .product-box .product-info h4 { text-align: center; } .rtl .center-slider .offer-slider .product-box .product-info .color-variant { text-align: center; } .rtl .center-slider:hover .owl-next { left: 20px; right: unset; } .rtl .center-slider:hover .owl-prev { left: unset; right: 20px; } .rtl .theme-tab .tab-title { -webkit-padding-start: 0; } .rtl .theme-tab .tab-content .product-tab .tab-box .product-box2 img { padding: 15px 0 15px 15px; } .rtl .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .br.br-default { justify-content: right; } .rtl .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .rating { text-align: right; } .rtl .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 { margin-left: 35px; margin-right: 0; } .rtl .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant { text-align: right; -webkit-padding-start: 0; } .rtl .category-m .category-wrapper h4 { text-align: center; } .rtl .category-m .category-wrapper .category-link { -webkit-padding-start: 0; } .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6 { margin-right: 0; margin-left: 20px; } .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant { text-align: right; -webkit-padding-start: 0; } .rtl .full-box .center-slider .offer-slider .product-box .product-detail.text-center .rating .br.br-default { justify-content: center; } .rtl .compare-page .table-wrapper .table tbody tr th, .rtl .compare-page .table-wrapper .table tbody tr td { text-align: right; } .rtl .compare-page .table-wrapper .table thead .th-compare td { text-align: right; } .rtl .compare-page .table-wrapper .table thead .th-compare th .remove-compare { float: right; } .rtl .product-wrap .product-detail .rating, .rtl .product-wrap .product-detail h4, .rtl .product-wrap .product-detail h6, .rtl .product-wrap .product-detail .color-variant, .rtl .product-wrap .product-info .rating, .rtl .product-wrap .product-info h4, .rtl .product-wrap .product-info h6, .rtl .product-wrap .product-info .color-variant { text-align: center; } .rtl .product-wrap .product-detail .color-variant li, .rtl .product-wrap .product-info .color-variant li { margin: 0 2px; } .rtl .product-wrap .product-detail.text-center .br.br-default, .rtl .product-wrap .product-info.text-center .br.br-default { justify-content: center; } .rtl .product-wrap .product-detail.text-center h6, .rtl .product-wrap .product-detail.text-center h4, .rtl .product-wrap .product-info.text-center h6, .rtl .product-wrap .product-info.text-center h4 { text-align: center; } .rtl .breadcrumb-item + .breadcrumb-item { padding-right: 0.5rem; padding-left: 0; } .rtl .breadcrumb-item + .breadcrumb-item:before { padding-right: 0; padding-left: 0.5rem; } .rtl .top-header .header-dropdown li:first-child { padding-right: 0; padding-left: 25px; } .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div { box-shadow: 0 0 8px 0 #dddddd; } .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media img.mr-3 { margin-right: unset !important; margin-left: 1rem !important; } .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle { right: unset; left: 0; } .rtl .main-menu .menu-left .navbar i { float: unset; } .rtl .main-nav-center .toggle-nav { left: 175px; right: 0; } .rtl .testimonial .testimonial-slider .slick-track .owl-item .media h5, .rtl .testimonial .testimonial-slider .slick-track .owl-item .media h6 { text-align: center; } .rtl .team .owl-next { right: unset; left: 20px; } .rtl .team .owl-prev { right: unset; left: 0; } .rtl .team h4, .rtl .team h6 { text-align: center; } .rtl .blog-page .blog-sidebar .theme-card .recent-blog { text-align: right; } .rtl .blog-page .blog-sidebar .theme-card .recent-blog li .media img { margin-right: 0; margin-left: 10px; } .rtl .blog-page .blog-sidebar .theme-card .popular-blog li .blog-date { margin: 0 0 0 15px; } .rtl .blog-page .blog-media .blog-right ul { text-align: right; } .rtl .blog-page .blog-media .blog-right ul li + li { padding-right: 15px; margin-right: 15px; border-right: 1px solid #dddddd; padding-left: 0; margin-left: 0; border-left: none; } .rtl .blog-detail-page .blog-detail .post-social { text-align: right; } .rtl .blog-detail-page .blog-detail .post-social li + li { padding-right: 15px; margin-right: 15px; border-right: 1px solid #dddddd; padding-left: 0; margin-left: 0; border-left: none; } .rtl .blog-detail-page .blog-advance ul { text-align: right; } .rtl .blog-detail-page .comment-section li img { margin-right: 0; margin-left: 20px; } .rtl .blog-detail-page .blog-contact .theme-form label, .rtl .blog-detail-page .blog-contact .theme-form .btn-solid, .rtl .blog-detail-page .blog-contact .theme-form .btn-outline { float: right; } .rtl .cart-section tbody tr td h2, .rtl .cart-section tbody tr td p, .rtl .wishlist-section tbody tr td h2, .rtl .wishlist-section tbody tr td p { text-align: center; } .rtl .cart-section tfoot tr td:first-child, .rtl .wishlist-section tfoot tr td:first-child { padding-right: 0; padding-left: 10px; text-align: left; } .rtl .cart-section .cart-buttons > div:last-child, .rtl .wishlist-section .cart-buttons > div:last-child { text-align: left; padding-left: 59px; padding-right: 0; } .rtl .cart-section .cart-buttons > div:first-child .btn-solid, .rtl .cart-section .cart-buttons > div:first-child .btn-outline, .rtl .wishlist-section .cart-buttons > div:first-child .btn-solid, .rtl .wishlist-section .cart-buttons > div:first-child .btn-outline { float: right; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-view ul li:first-child { margin-right: 0; margin-left: 14px; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count { border-right: none; border-left: 1px solid #dddddd; padding-right: 0; padding-left: 20px; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select { border-right: none; border-left: 1px solid #dddddd; padding: 20px; background: url("/assets/images/dropdown.png") no-repeat 5%; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view { border-right: none; border-left: 1px solid #dddddd; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select { padding: 20px; background: url("/assets/images/dropdown.png") no-repeat 5%; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .open-popup { left: unset; right: 0; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup, .rtl .collection-product-wrapper .product-top-filter .popup-filter .search-count { border-right: none; border-left: 1px solid #dddddd; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .search-count select { border-right: none; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul { float: right; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-view ul li:first-child { margin-right: 0; margin-left: 14px; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select { background: url("/assets/images/dropdown.png") no-repeat 5%; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { background: url("/assets/images/dropdown.png") no-repeat 5%; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { text-align: right; background: url("/assets/images/dropdown.png") no-repeat 5%; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .collection-view, .rtl .collection-product-wrapper .product-top-filter .popup-filter .collection-view { text-align: right; } .rtl .qty-box .input-group span button { transform: rotate(180deg); } .rtl .product-pagination .product-search-count-bottom { padding-right: 0; padding-left: 15px; } .rtl .product-pagination .pagination .page-item a i { transform: rotate(180deg); } .rtl .custom-control-label:after { right: -1.5rem; left: unset; } .rtl .contact-page .theme-form label { float: right; } .rtl .contact-page .theme-form .btn-solid, .rtl .contact-page .theme-form .btn-outline { float: right; } .rtl .contact-page .contact-right ul li { padding-right: 150px; padding-left: 0; } .rtl .contact-page .contact-right ul li .contact-icon { left: unset; border-left: 1px solid #dddddd; border-right: 0; right: 0; } .rtl .contact-page .contact-right ul li .contact-icon h6 { text-align: center; } .rtl .faq-section .accordion.theme-accordion .card .card-header button { float: right; text-align: right; } .rtl .faq-section .accordion.theme-accordion .card .card-header button:before { right: unset; left: 20px; } .rtl .login-page .theme-card { text-align: right; } .rtl .login-page .theme-card .theme-form label { float: right; } .rtl .register-page .theme-card .theme-form label { float: right; } .rtl .typography_section .typography-box .typo-content { text-align: right; } .rtl .typography_section .typography-box .typo-content .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; } .rtl .typography_section .typography-box .typo-content.input_button label { padding-right: 5px; padding-left: 0; } .rtl .typography_section .typography-box .typo-buttons { text-align: right; } .rtl .typography_section .typography-box .headings { text-align: right; } .rtl .template-password #container #login .actions { text-align: center; } .rtl .template-password #container #login .theme-form h3 { text-align: center; } .rtl .template-password #container #login h2 { text-align: center; } .rtl .template-password #container #powered p { text-align: center; } .rtl .order-success-sec .order-detail { text-align: right; } .rtl .product-right .rating, .rtl .product-right .color-variant { text-align: center; } .rtl .product-right.product-form-box h4, .rtl .product-right.product-form-box h3, .rtl .product-right.product-form-box h6 { text-align: center; } .rtl .product-right .product-icon .product-social li { padding-right: 0; padding-left: 30px; } .rtl .product-right .product-icon .wishlist-btn i { border-left: none; color: red; border-right: 1px solid #dddddd; padding-left: 0; margin-left: 0; padding-right: 10px; margin-right: 5px; } .rtl .product-right .product-icon .wishlist-btn span { padding-left: 0; padding-right: 10px; } .rtl .product-right .payment-card-bottom { text-align: right; } .rtl .product-right .payment-card-bottom ul li { padding-right: 0; padding-left: 10px; } .rtl .authentication-page .text-center h3, .rtl .authentication-page .text-center p { text-align: center; } .rtl .single-product-tables { text-align: right; } .rtl .single-product-tables.detail-section { text-align: right; } .rtl .tab-product .theme-form input, .rtl .product-full-tab .theme-form input { text-align: right; } .rtl .tab-product .tab-content .theme-form .media .ml-3, .rtl .product-full-tab .tab-content .theme-form .media .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; } .rtl .theme-form { text-align: right; } .rtl .collection .collection-block .collection-content h3, .rtl .collection .collection-block .collection-content h4, .rtl .collection .collection-block .collection-content p { text-align: center; } .rtl .rtl-product-right-slick .owl-next, .rtl .rtl-product-slick .owl-next { right: unset; left: 1px; transform: rotate(180deg); } .rtl .rtl-product-right-slick .owl-prev, .rtl .rtl-product-slick .owl-prev { left: unset; right: 1px; transform: rotate(180deg); } .rtl .rtl-product-right-slick:hover .owl-next, .rtl .rtl-product-slick:hover .owl-next { right: unset; left: 20px; } .rtl .rtl-product-right-slick:hover .owl-prev, .rtl .rtl-product-slick:hover .owl-prev { left: unset; right: 20px; } .rtl .collection-wrapper .product-right .product-buttons { text-align: center; } .rtl .collection-wrapper .product-right .size-box { text-align: center; } .rtl .collection-wrapper .product-right .size-box ul li { margin-right: 0; margin-left: 10px; } .rtl .collection-wrapper .product-right .product-description h6 span { float: left; } .rtl .collection-mobile-back span i { float: left; } .rtl .modal-header .close { padding: unset; margin: unset; } .rtl .collection-collapse-block .collapse-block-title:after { left: -3px; right: unset; } .rtl .collection-filter-block .product-service .media .media-body { padding-right: 10px; padding-left: 0; } .rtl .collection-sidebar-banner { text-align: right; } .rtl .tab-border .nav-border { border-right: 0; border-left: 1px solid #dddddd; } .rtl .product-pagination .pagination .page-item.active a { border-right: none; } .rtl .custom-control { padding-left: 0; padding-right: 1.5rem; } .rtl .collection-collapse-block .collection-collapse-block-content .color-selector ul { text-align: right; } .rtl .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox { text-align: right; } .rtl .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label { padding-right: 25px; padding-left: 0; } .rtl .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close { right: unset; left: 17px; padding-right: 0; padding-left: 10px; } .rtl .theme-modal .modal-dialog .quick-view-modal button.close { left: 10px; right: 0; } .rtl .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 { text-align: center; } .rtl .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body a h6 i { margin-left: 8px; margin-right: 0; } .rtl .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6, .rtl .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h4 { text-align: center; } .rtl .custom-control-label:before { right: -1.5rem; left: 0; } .rtl .product-wrapper-grid.list-view .product-box .product-detail { padding-right: 15px !important; padding-left: 0 !important; } .rtl .top-header .header-contact { text-align: right; } .rtl .top-header .header-contact li { padding-right: 0; padding-left: 25px; } .rtl .top-header .header-contact li i { padding-right: 0; padding-left: 10px; } .rtl .top-header .header-dropdown { text-align: left; } .rtl .top-header .header-dropdown .onhover-show-div li { padding-right: 0; } .rtl .top-header .header-dropdown li i { padding-right: 0; padding-left: 5px; } .rtl .main-menu .menu-right { float: left; } .rtl .search-overlay > div .overlay-content button { right: unset; left: 10px; } .rtl .footer-theme .sub-title { text-align: right; } .rtl .footer-theme .sub-title li a:before { right: 0; } .rtl .footer-theme .sub-title .contact-list li { padding-left: 0; padding-right: 25px; } .rtl .footer-theme .sub-title .contact-list i { left: unset; right: 0; } .rtl .footer-logo { text-align: right; } .rtl .footer-social li, .rtl .social-white li { padding-right: 0; padding-left: 45px; } .rtl .sub-footer .payment-card-bottom li { padding-left: 0; padding-right: 15px; } .rtl .footer-theme2 .footer-block h4, .rtl .footer-theme2 .footer-block h2, .rtl .footer-theme2 .footer-title h4, .rtl .footer-theme2 .footer-title h2 { text-align: center; } .rtl .footer-theme2 .footer-logo { text-align: center; } .rtl .footer-theme2 .social-white li { padding-left: 22px; padding-right: 22px; } .rtl .dark-layout h2 { text-align: center; } .rtl .dark-layout .footer-contant p { text-align: center; } .rtl .subscribe-form.classic-form .form-control { margin-left: 0; margin-right: 15px; } .rtl .rtl-text .product-right .color-variant, .rtl .rtl-text .product-right .size-box, .rtl .rtl-text .product-right .product-buttons, .rtl .rtl-text .product-right .border-product { text-align: right; } .rtl .search-block .form-header .input-group i { padding-right: 0; padding-left: 10px; } .rtl .payment-box .payment-options li .radio-option { text-align: right; } .rtl .payment-box .payment-options li .radio-option label { padding-right: 30px; padding-left: 0; } .rtl .payment-box .payment-options li .radio-option input[type=radio] { right: 0; left: unset; } .rtl .order-box .total li .count { text-align: right; } .rtl .order-box .sub-total .shipping { text-align: right; } .rtl .order-box .sub-total .shopping-option label { padding-left: 0; padding-right: 10px; } .rtl .order-box .sub-total li .count { text-align: right; } .rtl .order-box .qty li span { text-align: right; } .rtl .order-box .title-box span { text-align: right; } .rtl .error-section h1, .rtl .error-section h2 { text-align: center; } .rtl .dashboard .box .box-title > a { right: unset; left: 0; } .rtl .dashboard .box address { text-align: right; } .rtl .success-text h2, .rtl .success-text p { text-align: center; } .rtl .product-order .product-order-detail { text-align: right; } .rtl .product-order .final-total h3 span { float: left; } .rtl .delivery-sec h2, .rtl .delivery-sec h3 { text-align: center; } /*===================== Fashion-2 Demo CSS ==========================*/ .box-layout-body { background-color: #f9f9f9; } .box-layout-body .box-layout-header { background-color: #ffffff; } .box-layout-body .box-layout { margin-top: -70px; margin-bottom: 5px; box-shadow: 0 0 8px 0 #ddd; position: relative; background-color: white; } .box-layout-body .box-layout .full-banner { margin-left: -15px; margin-right: -15px; padding-top: 200px; padding-bottom: 200px; } /*===================== Portfolio CSS ==========================*/ .portfolio-section { padding-bottom: 40px; } .portfolio-section .article-title { position: absolute; width: 100%; left: 0; bottom: 0; color: white; transition: all 0.5s ease; text-align: center; float: left; font-size: 18px; line-height: 24px; } .portfolio-section .article-title a { color: white; } .portfolio-section .isotopeSelector { float: left; width: 100%; position: relative; animation: zoomIn 0.4s linear; } .portfolio-section .isotopeSelector .overlay { position: relative; border: 1px solid #dddddd; } .portfolio-section .isotopeSelector img { width: 100%; height: auto; } .portfolio-section .isotopeSelector { margin-bottom: 30px; } .portfolio-section .isotopeSelector img { transition: all 0.4s ease; } .portfolio-section .isotopeSelector .overlay-background { transform: scale(0); transition: all 0.4s ease; } .portfolio-section .isotopeSelector .overlay-background i { position: absolute; top: 50%; left: 50%; background-color: white; padding: 10px; border-radius: 100%; transform: translate(-50%, -50%); color: var(--theme-deafult); font-size: 22px; display: none; transition: all 0.4s ease; width: 40px; height: 40px; align-items: center; justify-content: center; } .portfolio-section .isotopeSelector:hover img { transform: scale(1.2) rotate(2deg); transition: all 0.4s ease; } .portfolio-section .isotopeSelector:hover .overlay-background { transform: scale(1); border: 3px solid white; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(var(--theme-deafult), 0.2); transition: all 0.4s ease; } .portfolio-section .isotopeSelector:hover .overlay-background i { display: flex; transition: all 0.4s ease; } .portfolio-section .border-portfolio { margin: 3px; overflow: hidden; } .portfolio-section #form1 { padding-bottom: 20px; } .portfolio-section .filter-button { padding: 0 24px; font-size: 20px; line-height: 35px; border: none; background-color: white; } .portfolio-section .filter-button.active { background-color: var(--theme-deafult); color: #ffffff; } .portfolio-section.fullwidth-portfolio .isotopeSelector { padding-left: 7px; padding-right: 7px; margin-bottom: 14px; } .portfolio-section.metro-section .product-box .product-detail { opacity: 0; position: absolute; background-color: #ffffff; padding: 10px; transition: all 0.5s ease; width: 65%; left: 0; right: 0; margin: 0 auto; bottom: -10px; text-align: center; } .portfolio-section.metro-section .product-box .product-detail h6 { color: #525252; padding-top: 0; margin-top: -2px; } .portfolio-section.metro-section .product-box .product-detail h4 { font-weight: 400; color: #000000; } .portfolio-section.metro-section .product-box .cart-wrap { top: 7px; right: 7px; opacity: 1; } .portfolio-section.metro-section .product-box .cart-wrap button { border: 1px solid #ffffff; border-radius: 100%; background-color: rgba(255, 255, 255, 0.8); opacity: 1; } .portfolio-section.metro-section .product-box .cart-wrap button i { padding: 7px; color: #333333; } .portfolio-section.metro-section .product-box .cart-wrap a i { border-radius: 100%; border: 1px solid #ffffff; margin: 5px 0; background-color: rgba(255, 255, 255, 0.8); padding: 7px; color: #333333; opacity: 0; display: flex; align-items: center; justify-content: center; } .portfolio-section.metro-section .product-box:hover .product-detail { opacity: 1; transition: all 0.5s ease; bottom: 15px; } .portfolio-section.metro-section .product-box:hover .cart-wrap button { animation: none; } .portfolio-section.metro-section .product-box:hover .cart-wrap a i { opacity: 1; } .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(2) i { animation: fadeInDown 500ms ease-in-out; } .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(3) i { animation: fadeInDown 700ms ease-in-out; } .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(4) i { animation: fadeInDown 1000ms ease-in-out; } .filter-section .filter-container { text-align: center; padding: 0 0 20px; } .filter-section .filter-container ul.filter > li { padding: 0 25px; } .filter-section .filter-container ul.filter > li > a { color: var(--theme-deafult); font-size: 20px; line-height: 40px; } .filter-section .filter-container ul.filter > li > a:hover, .filter-section .filter-container ul.filter > li > a:focus { text-decoration: none; color: var(--theme-deafult); outline: none; } .filter-section .filter-container ul.filter > li.active { background-color: var(--theme-deafult); } .filter-section .filter-container ul.filter > li.active a { color: #ffffff; } .filter-section .filter-container ul.filter > li span { color: #ddd; font-size: 20px; display: inline-block; margin: 0 5px; } .filter-section .filter-container .filter > li { padding: 0; margin: 0; } .filter-section .title1 .title-inner1 { margin-top: -5px; } .filter-section h1 { text-align: center; } .demo-colored-wrap { background: #ecf0f1; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .offer-box { top: 50%; position: fixed; transform: translateY(-50%); display: flex; left: -415px; transition: all 0.5s ease; z-index: 9; } .offer-box img { margin-right: 18px; } .offer-box.toggle-cls { left: 0; transition: all 0.5s ease; } .offer-box .heading-right h3 { position: absolute; top: 50%; right: 0; width: 230px; height: 36px; line-height: 36px; letter-spacing: 5px; font-size: 18px; color: #ffffff; font-weight: 700; text-transform: uppercase; transform: translate(50%, -50%) rotate(-90deg); text-align: center; background-color: var(--theme-deafult); margin-bottom: 0; cursor: pointer; } /*===================== electronic demo CSS start ==========================*/ .layout-8 { padding: 0 80px; } .layout-8 .layout-8-bg { background-size: cover; background-attachment: fixed; height: 100%; width: 100%; padding: 0 15px; animation: 10s linear 0s normal none infinite animate; } .layout-8 .layout-8-bg .layout7-product .product-box .details-product { opacity: 1; } .layout-8 .layout-8-bg .layout7-product .product-box:hover .details-product { animation: none; } .white-bg { background-color: #ffffff; } @keyframes animate { from { background-position: 0 0; } to { background-position: 0 500px; } } /*===================== pets demo CSS start ==========================*/ .pets-box .product-box .img-wrapper .cart-info { position: absolute; padding: 10px; border: none; transform: perspective(500px) rotateX(90deg); bottom: 0; z-index: 1; } .pets-box .product-box .img-wrapper .cart-info:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-deafult); opacity: 0.3; z-index: -1; } .pets-box .product-box .img-wrapper .cart-info i { padding: 5px; margin: 0 3px; background-color: white; } .pets-box .product-box .img-wrapper .cart-info a { border-left: none; } .pets-box .product-box .product-detail { text-align: center; background-color: #fafafa; } .pets-box .product-box .product-detail .rating { margin-top: 0; padding-top: 15px; } .pets-box .product-box:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); } .pets-box .product-box:hover .cart-info { transform: perspective(500px) rotateX(0deg); } .pets-box .br.br-default { margin: 0 0 15px 0; justify-content: center; display: flex; } .pets-box .product-m .owl-item .img-wrapper { margin: 0; } .small-slider .home-slider .home { height: 55vh; } .small-slider .home-slider .home .slider-contain { height: 55vh; } .small-slider .home-slider .home .slider-contain h4, .small-slider .home-slider .home .slider-contain h1 { color: #000000; } .banner-6 .collection-banner .contain-banner.banner-3 h2 { color: #222222; } .absolute_banner { margin-bottom: 22px; } .absolute_banner .collection-banner { overflow: unset; } .absolute_banner .collection-banner .absolute-contain { position: absolute; background-color: #ffffff; bottom: -22px; left: 50%; transform: translateX(-50%); padding: 20px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35); min-width: 85%; text-align: center; transition: all 0.5s ease; } .absolute_banner .collection-banner .absolute-contain h3 { color: var(--theme-deafult); text-transform: capitalize; margin-top: -5px; font-weight: 700; } .absolute_banner .collection-banner .absolute-contain h4 { color: #000000; margin-bottom: 0; } .absolute_banner .collection-banner:hover img { transform: none; } .banner-top-cls { margin-top: 30px; } .j-box .product-box { width: auto; display: inline-block; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; margin: 0 10px; } .j-box .product-box .cart-info { display: flex; left: 0; background-color: rgba(250, 250, 250, 0.84); border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; bottom: -30px; transition: all 0.5s ease; } .j-box .product-box .cart-info a { border-left: 1px solid #dddddd; } .j-box .product-box .cart-info a i { padding: 12px; } .j-box .product-box .product-detail { padding-left: 15px; padding-bottom: 15px; background-color: #fafafa; } .j-box .product-box .product-detail .rating { margin-top: 0; padding-top: 15px; } .j-box .product-box:hover .img-wrapper .cart-info { opacity: 1; transition: all 0.5s ease; bottom: 0; } .j-box .product-box:hover .img-wrapper .cart-info button { animation: none; } .j-box .product-box:hover .img-wrapper .cart-info a:nth-child(2) i { animation: none; } .j-box .product-box:hover .img-wrapper .cart-info a:nth-child(3) i { animation: none; } .j-box .product-box:hover .img-wrapper .cart-info a:nth-child(4) i { animation: none; } .pet-parallax { position: relative; } .pet-parallax .pet-decor { position: absolute; left: 110px; bottom: -164px; } .pet-parallax .banner-contain h4, .pet-parallax .banner-contain h3, .pet-parallax .banner-contain p { color: #212121; } .pet-parallax .banner-contain p { max-width: 75%; margin: 0 auto; line-height: 22px; font-size: 16px; letter-spacing: 0.04em; } .pet-parallax .banner-contain h4 { letter-spacing: 0.05em; padding-top: 0 !important; margin-bottom: 0; line-height: 1.3; margin-top: -7px; } .pet-parallax .banner-contain h3 { margin: 15px 0; font-size: 48px; } .pet-parallax .full-banner { padding-top: 130px; padding-bottom: 130px; } footer.pet-layout-footer .white-layout { background-color: #f5e1d0; } footer.pet-layout-footer .footer-brand-logo { margin-bottom: 20px; } footer.pet-layout-footer .sub-footer.black-subfooter { background-color: var(--theme-deafult); } footer.pet-layout-footer .sub-footer p { padding: 15px 0; color: #ffffff; } footer.pet-layout-footer .social-white { display: block; margin-top: 40px; margin-bottom: 30px; } .form_search { height: 45px; box-shadow: 0 0 0 1px #e2e2e2; overflow: hidden; position: relative; width: 525px; background-color: #f5f5f5; border-radius: 25px; } .form_search input { width: 100%; height: 45px; font-size: 16px; color: darkgrey; border: none; outline: none; background: none; padding: 0 10px; } .form_search button { position: absolute; top: 5px; right: 5px; width: 40px; height: 35px; padding: 0; border: none; outline: none; cursor: pointer; background-color: transparent; border-radius: 5px; } .form_search button i { font-size: 18px; color: var(--theme-deafult); } .blog.blog_box .blog-details { text-align: left; padding: 0; } .blog.blog_box .blog-details p { font-size: 14px; text-transform: none; color: #333333; font-weight: 400; margin-bottom: 8px; margin-top: 3px; } .blog.blog_box .blog-details a p { color: #40494f; text-transform: capitalize; font-weight: 700; margin-bottom: 0; margin-top: 10px; } .blog.blog_box .blog-details .read-cls { text-transform: capitalize; font-weight: 700; color: #000000; } /*===================== Metro layout CSS start ==========================*/ .header-metro { position: absolute; width: 100%; } .header-metro .top-header { background-color: transparent; z-index: 9; position: relative; } .header-metro .metro { background-color: white; z-index: 9; position: relative; } .metro-section .product-box .product-detail { opacity: 0; position: absolute; background-color: #ffffff; padding: 10px; transition: all 0.5s ease; width: 65%; left: 0; right: 0; margin: 0 auto; bottom: -10px; text-align: center; } .metro-section .product-box .product-detail h6 { color: #525252; padding-top: 0; margin-top: -2px; } .metro-section .product-box .product-detail h4 { font-weight: 400; color: #000000; } .metro-section .product-box .cart-wrap { top: 7px; right: 7px; opacity: 1; } .metro-section .product-box .cart-wrap button { border: 1px solid #ffffff; border-radius: 100%; background-color: rgba(255, 255, 255, 0.8); opacity: 1; } .metro-section .product-box .cart-wrap button i { padding: 7px; color: #333333; } .metro-section .product-box .cart-wrap a i { border-radius: 100%; border: 1px solid #ffffff; margin: 5px 0; background-color: rgba(255, 255, 255, 0.8); padding: 7px; color: #333333; opacity: 0; display: flex; align-items: center; justify-content: center; } .metro-section .product-box:hover .product-detail { opacity: 1; transition: all 0.5s ease; bottom: 15px; } .metro-section .product-box:hover .cart-wrap button { animation: none; } .metro-section .product-box:hover .cart-wrap a i { opacity: 1; } .metro-section .product-box:hover .cart-wrap a:nth-child(2) i { animation: fadeInDown 500ms ease-in-out; } .metro-section .product-box:hover .cart-wrap a:nth-child(3) i { animation: fadeInDown 700ms ease-in-out; } .metro-section .product-box:hover .cart-wrap a:nth-child(4) i { animation: fadeInDown 1000ms ease-in-out; } /*===================== GYM layout CSS start ==========================*/ .gym-slider .home-slider .home { height: 85vh; } .gym-slider .home-slider .home .slider-contain { height: 85vh; } .gym-slider .home-slider .home .slider-contain h4, .gym-slider .home-slider .home .slider-contain h1 { color: #ffffff; } .metro-slider .home-slider .home { background-position-y: 70%; } .metro-slider .home-slider .home .slider-contain { margin-top: 75px; } .metro-slider .home-slider .home .slider-contain h4, .metro-slider .home-slider .home .slider-contain h1 { color: #000000; } .gym-parallax .title1 h2 { color: white; } .gym-parallax .product-para p { color: white; } .gym-parallax .instagram-box .overlay { background: linear-gradient(-180deg, rgba(var(--theme-gradient1), 0.8) 0%, rgba(var(--theme-gradient2), 0.8) 99%); } .gym-product { text-align: center; } .gym-product .product-box { background-color: white; padding: 15px; box-shadow: 0 0 8px 0 #ddd; transition: all 0.5s ease; } .gym-product .product-box .img-wrapper { position: unset; } .gym-product .product-box .img-wrapper .cart-info { z-index: 1; display: flex; left: 0; height: 100%; align-items: center; bottom: 0; top: 0; } .gym-product .product-box .img-wrapper .cart-info i { background: linear-gradient(180deg, var(--theme-gradient1) 0%, var(--theme-gradient2) 99%); color: rgba(255, 255, 255, 0.6); border-radius: 100%; margin: 0 5px; transition: all 0.5s ease; } .gym-product .product-box .img-wrapper .cart-info button:hover i, .gym-product .product-box .img-wrapper .cart-info a:hover i { color: white; } .gym-product .product-box .product-detail h4 { color: #222222 !important; } .gym-product .product-box .product-detail h6 { color: #777777; } .gym-product .product-box .br.br-default { display: flex; justify-content: center; } .gym-product .product-box:hover { transform: scale(1.02); transition: all 0.5s ease; } .gym-product .product-box:hover .img-wrapper .cart-info { opacity: 1; transition: all 0.5s ease; } .gym-product .product-box:hover .img-wrapper .cart-info button { animation: fadeInUp 300ms ease-in-out; } .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(2) i { animation: fadeInUp 500ms ease-in-out; } .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(3) i { animation: fadeInUp 700ms ease-in-out; } .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(4) i { animation: fadeInUp 1000ms ease-in-out; } .gym-product .partition-cls > div:nth-child(-n+4) { margin-bottom: 30px; } .gym-blog .blog-details { text-align: left; padding-left: 0; } .gym-blog .blog-details p { margin-bottom: 3px; } .gym-blog hr.style1 { margin-left: 0; } .gym-banner .collection-banner .contain-banner h4, .gym-banner .collection-banner .contain-banner h2 { color: #ffffff; } .bg-img-gym { background-image: url("/assets/images/gym-bg.jpg"); } .bg-img-gym .dark-layout { background-color: transparent; } .bg-img-gym .footer-theme2 p { color: #ffffff; } .bg-img-gym .footer-theme2 .contact-details li { color: #ffffff; } .bg-img-gym .footer-theme2 .contact-details li a { color: #ffffff; } .bg-img-gym .footer-theme2 .footer-link a, .bg-img-gym .footer-theme2 .footer-link-b a { color: #ebebeb; } .bg-img-gym .sub-footer.darker-subfooter { background-color: black; } .bg-img-gym .sub-footer.darker-subfooter p { color: #ffffff; } .tap-top.gradient-top { background: linear-gradient(180deg, var(--theme-gradient1) 0%, var(--theme-gradient2) 99%); } .banner-furniture { padding-left: 15px; padding-right: 15px; } .banner-furniture .collection-banner .contain-banner.banner-3 h2 { color: #222222; margin-bottom: 0; } .banner-furniture .collection-banner .contain-banner.banner-3 h4 { color: var(--theme-deafult); } .gym-slider .home-slider .home { height: 85vh; } .gym-slider .home-slider .home .slider-contain { height: 85vh; } .gym-slider .home-slider .home .slider-contain h4, .gym-slider .home-slider .home .slider-contain h1 { color: #ffffff; } .header-gym { position: absolute; width: 100%; z-index: 2; background-color: transparent; } .header-gym .cart_qty_cls { top: 11%; } .header-gym .main-navbar .nav-menu > li > a .lable-nav { top: 2px; } .header-gym .main-menu { background-color: rgba(0, 0, 0, 0.8); padding: 0 15px; z-index: 1; } .header-gym .main-menu .menu-left .navbar { padding: 20px 45px 20px 0; } .header-gym .main-menu .menu-left .navbar i { color: white; } .header-gym .main-menu .brand-logo { padding-top: 20px; padding-bottom: 20px; } .header-gym .main-menu .onhover-div .show-div { top: 70px; } .header-gym .sidebar-back i { color: black; } .header-gym .sm-horizontal > li > a { padding-top: 20px; padding-bottom: 20px; color: #ffffff; } .header-gym .sm-horizontal > li > a:hover, .header-gym .sm-horizontal > li > a:active, .header-gym .sm-horizontal > li > a:focus, .header-gym .sm-horizontal > li > a.highlighted { padding-top: 20px; padding-bottom: 20px; color: #ffffff; } .header-gym .onhover-div { padding-top: 20px; padding-bottom: 20px; } .header-gym .onhover-div > div img { filter: brightness(54); } .header-gym .top-header { z-index: 1; position: relative; background: transparent; } .header-gym .top-header .header-contact li { color: #fff; } .header-gym .top-header .header-contact li i { color: #fff; } .header-gym .top-header .header-dropdown li { color: #ffffff; } .header-gym .top-header .header-dropdown li a { color: #ffffff; } .header-gym .top-header .header-dropdown li a i { color: #ffffff; padding-right: 8px; } .header-gym .top-header.blue-layout { border-bottom: 1px solid #223b7d; } .btn-gradient { background: var(--theme-deafult); background: linear-gradient(180deg, #01effc 0%, var(--theme-gradient2) 99%); transition: background 300ms ease-in-out; background-size: 300% 100%; border: none; } .btn-gradient:hover { background: linear-gradient(-180deg, var(--theme-gradient2) 0%, #01effc 99%); transition: background 300ms ease-in-out; color: white; } /*===================== Left Sidebar CSS start ==========================*/ .left-header .top-header { padding-left: 300px; background-color: #ffffff; } .left-header .top-header .header-dropdown .mobile-wishlist img, .left-header .top-header .header-dropdown .mobile-account img { display: block; } .left-header .top-header .header-dropdown .mobile-wishlist i, .left-header .top-header .header-dropdown .mobile-account i { display: none; } .left-header .onhover-div { padding-top: 15px; padding-bottom: 15px; } .left-header .onhover-div > div img { width: 20px; height: auto; } .left-header .onhover-div .show-div { top: 56px; } .left-header .sidenav { left: 0; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25); } .left-header .sidenav .sidebar-back { display: none; } .left-header .sidenav nav { background-color: #ffffff; } .left-header .sidenav .pixelstrap > li > a { padding: 10px 0 20px 0; } .left-header .sidenav .pixelstrap > li > a:hover, .left-header .sidenav .pixelstrap > li > a:focus { padding: 10px 0 20px 0; background-color: #ffffff; } .left-header .sidenav .pixelstrap > li .lable-nav { top: -12px; background-color: #eeeeee; } .left-header .sidenav .pixelstrap > li .lable-nav:before { border-top: 5px solid #ff4c3b; } .left-header .sidenav .pixelstrap > li .lable-nav.grey-lable { background-color: #4d6171; } .left-header .sidenav .pixelstrap > li .lable-nav.grey-lable:before { border-top: 5px solid #4d6171; } .left-header .sidenav .left-sidebar_search { width: 100%; background-color: #ffffff; } .left-header .sidenav .left-sidebar_search input { height: 55px; width: 95%; border: none; padding-left: 15px; background-color: transparent; } .left-header .sidenav .left-sidebar_search .btn-search { position: absolute; right: 10px; top: 20px; border: none; background-color: transparent; } .left-header .sidenav .left-sidebar_center { padding: 40px 0 30px 30px; background-color: #ffffff; } .left-header .sidenav .bottom-section { padding: 70px 25px; } .left-header .sidenav .bottom-section .icon_settings li { display: inline-block; } .left-header .sidenav .bottom-section .icon_settings .shopping-cart { position: relative; } .left-header .sidenav .bottom-section .icon_settings .shopping-cart .shopping-count { width: 18px; height: 18px; background-color: #ff4c3b; color: white; position: absolute; border-radius: 100%; display: flex; align-items: center; justify-content: center; top: -7px; right: 7px; } .left-header .sidenav .bottom-section ul li { display: inline-block; padding: 8px 15px 8px 0; } .left-header .sidenav .bottom-section ul li a { font-size: 16px; text-transform: capitalize; color: #222222; } .left-header .sidenav .bottom-section ul li a i { font-size: 18px; padding-right: 5px; color: #222222; } .left-header .sidenav .bottom-section .leftside_setting .language, .left-header .sidenav .bottom-section .leftside_setting .currency { display: flex; } .left-header .sidenav .bottom-section .leftside_setting .language h5, .left-header .sidenav .bottom-section .leftside_setting .currency h5 { margin-bottom: 0; text-transform: capitalize; color: #999; margin-top: 0; } .left-header .sidenav .bottom-section .leftside_setting .language select, .left-header .sidenav .bottom-section .leftside_setting .currency select { margin-left: 10px; border: none; outline: none; text-transform: capitalize; color: #222222; } .left-header .sidenav .bottom-section .leftside_setting h5 { margin-top: 10px; } .left-header .sidenav .leftside_social { position: relative; width: 100%; padding: 30px; display: flex; align-items: center; justify-content: center; border-top: 1px dashed #dddddd; } .left-header .sidenav .leftside_social .footer-social { margin-top: 0; } .left-header .sidenav .leftside_social .footer-social i { font-size: 18px; } .left-header .sidenav .leftside_social .footer-social li { padding: 10px; } .left-header .sidenav .leftside_social .call_us h5 { text-align: center; } .left-header .sidenav .leftside_social .call_us h5 span { display: block; } .left-header .main-menu { justify-content: flex-end; } .left-header .main-menu .brand-logo { display: flex; align-items: center; justify-content: center; border-bottom: 1px dashed #dddddd; } .left-header .main-menu .menu-right .header-dropdown > li img { width: 20px; height: auto; } .left-header .main-menu .menu-right .icon-nav .onhover-div > img { width: 20px; height: auto; } .left-header .main-menu .menu-left .navbar { display: none; } .left-header .main-menu .menu-left .mobile-logo { display: none; } .left-header .search-overlay { padding-left: 300px; } .left-sidebar_space { padding-left: 300px; } .header-6 .top-header { background-color: var(--theme-deafult); } .header-6 .top-header .header-contact li { color: #ffffff; } .header-6 .top-header .header-contact li i { color: #ffffff; } .header-6 .top-header .header-dropdown li { color: #ffffff; } .header-6 .top-header .header-dropdown li a { color: #ffffff; } .header-6 .top-header .header-dropdown li a i { color: white; } .header-6 .mobile-search { display: none; } .form_search { height: 45px; box-shadow: 0 0 0 1px #e2e2e2; overflow: hidden; position: relative; width: 525px; background-color: #f5f5f5; border-radius: 25px; } .form_search input { width: 100%; height: 45px; font-size: 16px; color: darkgrey; border: none; outline: none; background: none; padding: 0 10px; } .form_search button { position: absolute; top: 5px; right: 5px; width: 40px; height: 35px; padding: 0; border: none; outline: none; cursor: pointer; background-color: transparent; border-radius: 5px; } .form_search button i { font-size: 18px; color: var(--theme-deafult); } .header-tools { position: absolute; width: 100%; top: 35px; z-index: 2; background-color: transparent; } .header-tools .container { padding-left: 30px; padding-right: 30px; background-color: #fff; } .header-tools .top-header { background-color: transparent; } .header-tools .top-header .container { background-color: var(--theme-deafult); } .header-tools .top-header .header-contact { padding: 10px 0; } .header-tools .top-header .header-contact li { color: #ffffff; } .header-tools .top-header .header-dropdown li { color: #ffffff; padding: 10px 25px; padding-right: 0; } .header-tools .top-header .header-dropdown li a { color: #ffffff; } .header-tools .top-header .header-dropdown li a i { color: #ffffff; } .header-tools .top-header .header-dropdown li:hover i { color: #ffffff; } .header-tools .logo-menu-part { background-color: #fff; border-bottom: 2px solid var(--theme-deafult); } .header-tools .main-menu .menu-left .navbar { padding: 25px 45px 25px 0; } .header-tools .main-menu .brand-logo { padding-top: 25px; padding-bottom: 25px; } .header-tools .sm-horizontal > li > a { padding-top: 25px; padding-bottom: 25px; } .header-tools .sm-horizontal > li > a:hover, .header-tools .sm-horizontal > li > a:active, .header-tools .sm-horizontal > li > a:focus, .header-tools .sm-horizontal > li > a.highlighted { padding-top: 25px; padding-bottom: 25px; } .header-tools .sm-horizontal li .lable-nav { top: 5px; } .header-tools .onhover-div { padding-top: 25px; padding-bottom: 25px; } .header-tools .cart_qty_cls { top: 16%; right: -14px; } .tools-bg { background-color: #f5f5f5; } .tools-bg section { background-color: #f5f5f5; } .tools-parallax.small-slider .home-slider .home .slider-contain h4, .tools-parallax.small-slider .home-slider .home .slider-contain h1 { color: #ffffff; } .tools-parallax-product.full-banner { padding-top: 110px; padding-bottom: 110px; } .tools-parallax-product .tools-description h3 { color: #ffffff; text-transform: uppercase; margin-top: -5px; } .tools-parallax-product .tools-description .tools-form .search-box { width: 75%; margin: 20px 0; } .tools-parallax-product .tools-description .tools-form .search-box select { text-transform: capitalize; } .tools-parallax-product .tools-description .tools-form .btn-find { width: 75%; padding: 7px 29px; background-size: 1000px; } .tools-parallax-product .tools-grey .owl-prev, .tools-parallax-product .tools-grey .owl-next { transform: scale(1.5); } .tools_slider .home-slider .home .container { position: relative; } .tools_slider .home-slider .home .tools-parts { position: absolute; top: 0; right: 10%; display: flex; align-items: center; height: 75vh; margin-top: 50px; } .tools_slider .home-slider .home .tools-parts1 { position: absolute; top: 0; right: 20%; display: flex; align-items: center; height: 75vh; margin-top: 50px; } .tools_slider .home-slider .slider-contain { margin-top: 70px; margin-left: 150px; } .tools_slider .home-slider .slider-contain h4, .tools_slider .home-slider .slider-contain h1 { color: #ffffff; } .tools-grey .product-m .owl-item .img-wrapper { margin: 0; } .tools-grey .product-box { width: auto; display: inline-block; overflow: hidden; background-color: white; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); margin: 0 10px; } .tools-grey .product-box .img-wrapper .lable-block { transition: all 0.5s ease; } .tools-grey .product-box .cart-info { display: flex; left: 0; bottom: -30px; transition: all 0.5s ease; } .tools-grey .product-box .cart-info .mobile-quick-view { display: none; } .tools-grey .product-box .cart-info a { background-color: #eef0f1; border-radius: 5px; } .tools-grey .product-box .cart-info a i { color: #555555; } .tools-grey .product-box .cart-info a:hover { background-color: var(--theme-deafult); transition: all 0.5s ease; } .tools-grey .product-box .cart-info a:hover i { color: #ffffff; transition: all 0.5s ease; } .tools-grey .product-box .cart-info button { width: 55%; background-color: #eef0f1; color: #555555; border-radius: 5px; margin: 0 5px; transition: all 0.5s ease; } .tools-grey .product-box .cart-info button i { display: none; } .tools-grey .product-box .cart-info button:hover { background-color: var(--theme-deafult); color: #ffffff; transition: all 0.5s ease; } .tools-grey .product-box .quick-view-part { position: absolute; top: 50%; left: 50%; margin-top: -20px; background-color: var(--theme-deafult); border-radius: 100%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transform: translate(-50%, -50%); opacity: 0; transition: all 0.5s ease; } .tools-grey .product-box .quick-view-part i { font-size: 18px; color: #ffffff; } .tools-grey .product-box .product-info { padding-left: 15px; padding-bottom: 15px; background-color: #ffffff; border-top: 1px solid rgba(221, 221, 221, 0.2); } .tools-grey .product-box .product-info .rating { margin-top: 0; padding-top: 15px; } .tools-grey .product-box .br.br-default { display: flex; justify-content: center; } .tools-grey .product-box:hover .img-wrapper .front img { opacity: 0.05; transition: all 0.5s ease; } .tools-grey .product-box:hover .img-wrapper .cart-info { opacity: 1; transition: all 0.5s ease; bottom: 10px; } .tools-grey .product-box:hover .img-wrapper .cart-info button { animation: none; } .tools-grey .product-box:hover .img-wrapper .cart-info a:nth-child(2) i { animation: none; } .tools-grey .product-box:hover .img-wrapper .cart-info a:nth-child(3) i { animation: none; } .tools-grey .product-box:hover .img-wrapper .cart-info a:nth-child(4) i { animation: none; } .tools-grey .product-box:hover .img-wrapper .lable-block { display: none; transition: all 0.5s ease; } .tools-grey .product-box:hover .quick-view-part { opacity: 1; transition: all 0.5s ease; } .tools-grey .product-box:hover .ribbon { display: none; transition: all 0.5s ease; } .tools-grey .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; transition: all 0.5s ease; } .tools-grey .ribbon span { font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); width: 100px; display: block; background: var(--theme-deafult); box-shadow: 0 3px 10px -5px black; position: absolute; top: 19px; left: -21px; } .tools-grey .ribbon span:before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid var(--theme-deafult); border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid var(--theme-deafult); } .tools-grey .ribbon span:after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid var(--theme-deafult); border-bottom: 3px solid transparent; border-top: 3px solid var(--theme-deafult); } .category-tools .category-m .category-wrapper { background-color: white; border: none; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05); } .banner-tools { margin-top: 30px; border: 1px solid #dddddd; overflow: hidden; } .banner-tools img { transition: all 0.5s ease; } .banner-tools:hover img { transform: scale(1.05); transition: all 0.5s ease; } .tools-brand .row { background-color: white; padding: 25px 0; box-shadow: 0 0 8px 0 #ddd; margin: 0; } .sticky-footer { background-image: url("/assets/images/tools-bg.jpg"); } .sticky-footer > section { background-color: transparent !important; } .sticky-footer > section p { color: #938d8c; } .sticky-footer > section .sub-title .footer-title.active .according-menu { font: normal normal normal 14px/1 FontAwesome; } .sticky-footer > section .sub-title .footer-title.active .according-menu.before { content: ""; } .sticky-footer > section .sub-title h4 { color: #ffffff; } .sticky-footer > section .sub-title li a { color: #938d8c; } .sticky-footer > section .sub-title .contact-list i { color: #938d8c; } .sticky-footer > section .sub-title .contact-list li { color: #938d8c; } .sticky-footer > section .footer-social i { color: #938d8c; } .sticky-footer > div.sub-footer { background-color: #141111 !important; } .sticky-footer > div.sub-footer p { color: #c0c0c0 !important; } .green-gradient .top-header { background: var(--theme-deafult); background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } .green-gradient .top-header .header-contact { padding: 10px 0; } .green-gradient .top-header .header-contact li { color: #ffffff; } .green-gradient .top-header .header-contact li i { color: #ffffff; } .green-gradient .top-header .header-dropdown li { color: #ffffff; padding: 10px 25px; } .green-gradient .top-header .header-dropdown li a { color: #ffffff; } .green-gradient .top-header .header-dropdown li a i { color: #ffffff; } .green-gradient .pixelstrap li .lable-nav { background: var(--theme-deafult); background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } .service_slide { position: relative; } .service_slide .home-slider .home { background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.4); } .service_slide .home-slider .slider-contain { height: 60vh; } .service_slide .service-home { position: absolute; width: 100%; bottom: 0; z-index: 2; } .service_slide .service-home .service-block1 { background-color: rgba(255, 255, 255, 0.9); padding: 25px 0; } .service_slide .service-home .service-block1 h4 { margin-bottom: 0; } .service_slide .service-home .service-block1 p { text-transform: capitalize; } .service_slide .service-home .service-block1 svg { margin-bottom: 5px; width: 50px; height: 50px; } .service_slide .service-home .service-block1:nth-child(even) { background-color: rgba(255, 255, 255, 0.85); } .tab-left .theme-tab { display: flex; } .tab-left .theme-tab .left-side { width: 30%; } .tab-left .theme-tab .left-side .left-tab-title { margin-bottom: 38px; } .tab-left .theme-tab .left-side .left-tab-title h4 { color: #dafe69; margin-top: -3px; } .tab-left .theme-tab .left-side .left-tab-title h3 { color: #ffffff; } .tab-left .theme-tab .left-side .tab-title { margin-right: 100px; text-align: left; } .tab-left .theme-tab .left-side .tab-title a { text-transform: capitalize; } .tab-left .theme-tab .left-side li { width: 100%; padding: 7px 0; border-bottom: 1px solid #606060; } .tab-left .theme-tab .left-side li a { color: #ffffff; } .tab-left .theme-tab .left-side li:first-child { border-top: 1px solid #606060; } .tab-left .theme-tab .left-side li.current a { color: #dafe69; } .tab-left .theme-tab .tab-content-cls { width: 70%; } .border-box.tools-grey .ribbon span { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } .border-box.tools-grey .product-box { border-radius: 10px; box-shadow: none; border: 1px solid #dddddd; } .border-box.tools-grey .product-box .cart-info a:hover { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } .border-box.tools-grey .product-box .cart-info button:hover { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } .border-box.tools-grey .product-box .quick-view-part { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } .detail-cannabis .detail_section { text-align: center; } .detail-cannabis .detail_section > div { box-shadow: -1px 2px 5px 1px #ececec; padding: 45px 25px; background-color: white; } .detail-cannabis .detail_section p { margin-bottom: 0; line-height: 24px; letter-spacing: 0.05em; } .detail-cannabis .detail_section h4 { font-weight: 700; } .detail-cannabis .detail_section svg { width: 50px; margin-bottom: 15px; fill: var(--theme-deafult); } footer.footer-5 { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); } footer.footer-5 .dark-layout { background-color: transparent; } footer.footer-5 .sub-footer { background-color: transparent; } footer.footer-5 .sub-footer > .container { border-top: 1px solid #ffffff; } footer.footer-5 .sub-footer p { color: #ffffff; } footer.footer-5 .footer-theme2 p { color: #ffffff; } footer.footer-5 .footer-theme2 .contact-details li { color: #ffffff; } footer.footer-5 .footer-theme2 .contact-details li a { color: #ffffff; } footer.footer-5 .footer-theme2 .subscribe-block { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } .tap-top.green-top { background-image: linear-gradient(to right, var(--theme-gradient1), var(--theme-gradient2)); border: 1px solid rgba(255, 255, 255, 0.5); } .quickviewm .modal-dialog .modal-content .modal-body { background-image: none; } .ng5-slider .ng5-slider-pointer { cursor: pointer; width: 20px !important; height: 20px !important; top: -8px !important; background-color: var(--theme-deafult) !important; z-index: 3; border-radius: 16px !important; } .ng5-slider .ng5-slider-pointer:after { content: ""; width: 14px !important; height: 14px !important; position: absolute; top: 3px !important; left: 3px !important; border-radius: 16px !important; background: #fff; } .ng5-slider .ng5-slider-selection { background: var(--theme-deafult) !important; } .ng5-slider .ng5-slider-pointer.ng5-slider-active:after { background: #fff !important; } .collection-brand-filter::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; border-radius: 10px; } .collection-brand-filter::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } .collection-brand-filter::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.62, var(--theme-deafult)), color-stop(0.86, var(--theme-deafult))); } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .openFilterbar { left: -15px !important; } /*===================== theme setting box CSS start ==========================*/ .color1 { background: #ff4c3b; } .color2 { background: #3fdda7; } .color3 { background: #f0b54d; } .color4 { background: #e4604a; } .color5 { background: #d4b196; } .color6 { background: #866e6c; } .color7 { background: #cc2121; } .color8 { background: #dc457e; } .color9 { background: #6d7e87; } .color10 { background: #fa869b; } .color11 { background: #81ba00; } .color12 { background: #fe816d; } .color13 { background: #01effc; } .color14 { background: #5d7227; } .color15 { background: #ff9944; } .color16 { background: #5fcbc4; } .color17 { background: #e38888; } .color18 { background: #000000; } .color-picker { position: fixed; right: -190px; top: calc(38vh + 220px); width: 190px; z-index: 1; transition: all 0.3s ease; } .color-picker .settings-header { background: #f3f3f3; padding: 5px 15px; box-shadow: 0px -10px 20px -5px rgba(220, 220, 220, 0.62); } .color-picker .settings-header h3 { color: black; margin: 0; font-size: 20px; padding: 4px 9px; } .color-picker .section { background: white; padding: 10px; border: 1px solid #f3f3f3; overflow: auto; } .color-picker .section i { font-size: 16px; margin-right: 10px; } .color-picker a.handle { position: absolute; right: 190px; width: 45px; height: 41px; transition: all ease-in 0.3s; display: flex; align-items: center; justify-content: center; font-size: 22px; z-index: -1; text-decoration: none; background-color: #f9f9f9; box-shadow: -5.985px -0.419px 30px 0 rgba(0, 0, 0, 0.08), inset -2px 0 10px 0 rgba(0, 0, 0, 0.04); top: -80px; color: #000000; } .color-picker a.handle i { margin-left: 5px; } .color-picker .colors a { width: 32px; height: 32px; margin: 5px; float: left; transition: all ease-in 0.3s; } .color-picker .skin a { display: block; width: 70px; height: 30px; margin-left: 0; margin-top: 0; margin-right: 5px; float: left; text-align: center; line-height: 30px; border: 2px transparent solid; } .color-picker .skin a.actt { border: 2px white solid; } .dark-light { position: fixed; right: 0; width: 40px; height: 38px; display: flex; z-index: 1; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: #f7f7f7; box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54); top: calc(50% + 34px); cursor: pointer; } .setting-sidebar { position: fixed; top: 50%; transform: translateY(-50%); background-color: #f7f7f7; width: 40px; height: 40px; right: 0; display: flex; align-items: center; justify-content: center; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: 0px 0px 5px 0px rgba(154, 154, 154, 0.54); transition: all 0.5s ease; z-index: 2; } .setting-sidebar i { animation: ring-rotate 3s infinite linear; font-size: 20px; color: #3c3c3c; margin-left: 10px; } .setting-sidebar.open-icon { right: 351px; transition: all 0.5s ease; } .setting_box_body { position: relative; background-color: white; z-index: 9; height: 100vh; } .setting-box { position: fixed; height: 100vh; overflow-y: auto; width: 350px; right: -360px; background-color: white; top: 0; z-index: 999; box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28); transition: all 0.5s ease; } .setting-box ::-webkit-scrollbar { width: 3px; height: 7px; } .setting-box ::-webkit-scrollbar-track { background: #dddddd; } .setting-box ::-webkit-scrollbar-thumb { background: #888888; } .setting-box ::-webkit-scrollbar-thumb:hover { background: #555555; } .setting-box.opensetting { right: 0; transition: all 0.5s ease; } .setting-box.opensetting .overlay { visibility: visible; transition: all 0.5s ease; } .setting-box .sidebar-back { padding: 20px; font-size: 18px; color: #222222; font-weight: 700; text-transform: uppercase; cursor: pointer; box-shadow: inset 0px 0px 6px rgba(115, 115, 115, 0.09); background-color: #f3f3f3; } .setting-box .setting-title { padding: 20px; border-bottom: 1px solid #efefef; margin-bottom: 0; } .setting-box .setting-title h4 { position: relative; margin-bottom: 0; cursor: pointer; } .setting-box .setting-title.active .according-menu { font: normal normal normal 14px/1 FontAwesome; } .setting-box .setting-title.active .according-menu:before { content: ""; position: absolute; right: 2px; top: 2px; } .setting-box .setting-title .according-menu { font: normal normal normal 14px/1 FontAwesome; } .setting-box .setting-title .according-menu:before { content: ""; position: absolute; right: 2px; top: 2px; } .setting-box .setting-contant { padding: 0px; border-bottom: 1px solid #efefef; max-height: 0; overflow: hidden; transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .setting-box .setting-contant.opensubmenu { padding: 20px; overflow-y: scroll; max-height: 500px; transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .setting-box .setting-contant .setting_buttons .setting_btn { background-color: var(--theme-deafult); color: white; width: 100%; } .setting-box .setting-contant .setting_buttons li:first-child { width: 49%; } .setting-box .setting-contant .setting_buttons li.active { box-shadow: 0px 0px 5px 0px #929292; } .setting-box .setting-contant .setting_buttons li:last-child { margin-left: 10px; width: 46%; } .setting-box .setting-contant .color-box li { display: flex; align-items: center; } .setting-box .setting-contant .color-box li input { border: none; box-shadow: none; width: 34px; height: 34px; background-color: transparent; margin-right: 5px; } .setting-box .setting-contant .color-box li span { text-transform: capitalize; margin-bottom: 2px; font-size: 15px; color: #000000; } .setting-box .setting-contant .color-box li.active { position: relative; } .setting-box .setting-contant .color-box li.active a { box-shadow: 0px 0px 5px 0px #929292; } .setting-box .setting-contant .color-box li.active:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,"); top: 13px; height: 15px; width: 15px; background-size: 80%; background-repeat: no-repeat; position: absolute; left: 14px; filter: invert(100); } .setting-box .buy_btn { padding: 20px; } .setting-box .buy_btn a { background-color: #f3f3f3; color: #3c3c3c; padding: 10px; transition: all 0.5s ease; } .setting-box .buy_btn a i { margin-right: 5px; font-size: 18px; } .setting-box .buy_btn a img { filter: grayscale(100); } .setting-box .overlay { visibility: hidden; opacity: 0; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease; } .demo-section .title-text h3 { color: var(--theme-deafult); margin-bottom: 24px; display: inline-block; padding-bottom: 5px; font-size: 40px; position: relative; } .demo-section .title-text h3 i { font-size: 22px; position: absolute; top: 0; right: -20px; } .demo-section .demo-effects { margin-bottom: 30px; } .demo-section .demo-effects h4 { text-transform: capitalize; } .demo-section .demo-effects .set-position { display: block; } .demo-section .demo-effects > div { text-decoration: none; color: black; } .demo-section .demo-effects > div .layout-container { height: 110px; width: 100%; display: inline-flex; background-size: cover; transition: all 2s ease-out 0s; box-shadow: -1px 2px 5px 1px #ececec; } .demo-section .demo-effects > div .layout-container.demo1 { background-image: url("/assets/images/demo/home/1.jpg"); } .demo-section .demo-effects > div .layout-container.demo2 { background-image: url("/assets/images/demo/home/2.jpg"); } .demo-section .demo-effects > div .layout-container.demo3 { background-image: url("/assets/images/demo/home/3.jpg"); } .demo-section .demo-effects > div .layout-container.demo4 { background-image: url("/assets/images/demo/home/4.jpg"); } .demo-section .demo-effects > div .layout-container.demo5 { background-image: url("/assets/images/demo/home/5.jpg"); } .demo-section .demo-effects > div .layout-container.demo6 { background-image: url("/assets/images/demo/home/6.jpg"); } .demo-section .demo-effects > div .layout-container.demo7 { background-image: url("/assets/images/demo/home/7.jpg"); } .demo-section .demo-effects > div .layout-container.demo8 { background-image: url("/assets/images/demo/home/8.jpg"); } .demo-section .demo-effects > div .layout-container.demo9 { background-image: url("/assets/images/demo/home/9.jpg"); } .demo-section .demo-effects > div .layout-container.demo10 { background-image: url("/assets/images/demo/home/10.jpg"); } .demo-section .demo-effects > div .layout-container.demo11 { background-image: url("/assets/images/demo/home/11.jpg"); } .demo-section .demo-effects > div .layout-container.demo12 { background-image: url("/assets/images/demo/home/12.jpg"); } .demo-section .demo-effects > div .layout-container.demo13 { background-image: url("/assets/images/demo/home/13.jpg"); } .demo-section .demo-effects > div .layout-container.demo14 { background-image: url("/assets/images/demo/home/14.jpg"); } .demo-section .demo-effects > div .layout-container.demo15 { background-image: url("/assets/images/demo/home/15.jpg"); } .demo-section .demo-effects > div .layout-container.shop1 { background-image: url("/assets/images/demo/shop/1.jpg"); } .demo-section .demo-effects > div .layout-container.shop2 { background-image: url("/assets/images/demo/shop/2.jpg"); } .demo-section .demo-effects > div .layout-container.shop3 { background-image: url("/assets/images/demo/shop/3.jpg"); } .demo-section .demo-effects > div .layout-container.product1 { background-image: url("/assets/images/demo/product/1.jpg"); } .demo-section .demo-effects > div .layout-container.product2 { background-image: url("/assets/images/demo/product/2.jpg"); } .demo-section .demo-effects > div .layout-container.product3 { background-image: url("/assets/images/demo/product/3.jpg"); } .demo-section .demo-effects > div .layout-container.product4 { background-image: url("/assets/images/demo/product/4.jpg"); } .demo-section .demo-effects > div .layout-container.product5 { background-image: url("/assets/images/demo/product/5.jpg"); } .demo-section .demo-effects > div .layout-container.product6 { background-image: url("/assets/images/demo/product/6.jpg"); } .demo-section .demo-effects > div .layout-container.product7 { background-image: url("/assets/images/demo/product/7.jpg"); } .demo-section .demo-effects > div .demo-text h4 { font-size: 16px; margin-top: 10px; margin-bottom: 0; color: #000000; } .demo-section .demo-effects > div .demo-text h4 span { font-weight: 500; } .demo-section .demo-effects > div .demo-text .demo-btn { margin-top: 10px; } .demo-section .demo-effects > div .demo-text .demo-btn .btn { border: 1px solid #ddd; background-color: white; width: 90px; color: var(--theme-deafult); padding: 5px 10px; border-radius: 30px; } .demo-section .demo-effects > div .demo-text .demo-btn .btn:hover { background-color: var(--theme-deafult); color: white; } .demo-section .demo-effects:last-child { margin-bottom: 0; } .demo-section .demo-effects.effect-2 .layout-container { background-size: cover; background-repeat: no-repeat; } .demo-section .demo-effects.effect-2:hover .layout-container { background-position: top !important; } .demo-section .demo-effects.effect-3 .layout-container { background-size: cover; background-repeat: no-repeat; } .demo-section .demo-effects.effect-3:hover .layout-container { background-position: top !important; } .demo-section .demo-effects:hover .layout-container { background-position: center 100% !important; } @keyframes ring-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .sec-position { position: relative; top: -80px; } #toast-container > div { opacity: 1; } .toast-container .ngx-toastr { border-radius: 15px; width: 345px; } .toast { font-size: initial !important; border: initial !important; -webkit-backdrop-filter: blur(0) !important; backdrop-filter: blur(0) !important; } .toast-success { background-color: #51A351 !important; } .toast-error { background-color: #BD362F !important; } .toast-info { background-color: #2F96B4 !important; } .toast-warning { background-color: #F89406 !important; } div#loading-bar { color: var(--theme-deafult) !important; } div#loading-bar .bar { background: var(--theme-deafult) !important; } #loading-bar-spinner { top: 15px !important; left: unset !important; right: 0 !important; margin-right: 20px; color: var(--theme-deafult) !important; } #loading-bar-spinner .spinner-icon { width: 16px !important; height: 16px !important; } .sidenav nav { overflow-y: auto; } .sidebar-unset { overflow-y: unset !important; } /* modal animation */ .modal-content { animation: modal-animation 0.5s ease; } @keyframes modal-animation { 0% { transform: scale(0); } 25% { transform: scale(0.7); } 75% { transform: scale(1.01); } 100% { transform: scale(1); } } /*===================== 28.Dark CSS start ==========================*/ body.dark { background-color: #2b2b2b; transition: all 0.3s ease; color: #cfd4da; } .dark h1 { color: #ffffff; } .dark h2 { color: #f1f3f5; } .dark h3 { color: #eaedef; } .dark h4 { color: #e7eaec; } .dark h5 { color: #dee2e6; } .dark h6 { color: #cfd4da; } .dark p { color: #cfd4da; } .dark pre { color: #cfd4da; } .dark li { color: #cfd4da; } .dark a { color: #cbcbcb; } .dark .page-link { background-color: #2b2b2b; transition: all 0.3s ease; border-color: #404040; } .dark .breadcrumb-section { background-color: #232323; transition: all 0.3s ease; } .dark .light-layout { background-color: #232323; transition: all 0.3s ease; } .dark .form-control { color: #cfd4da; background-color: #2b2b2b; transition: all 0.3s ease; border: 1px solid #404040; } .dark .btn-solid { color: #ffffff !important; } .dark .btn-solid:hover { color: #222222 !important; } .dark select { color: #cfd4da; } .dark option { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .sticky.fixed { background: #2b2b2b; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); } .dark .collection-product-wrapper .product-top-filter .popup-filter .open-popup { box-shadow: none; border-color: #404040; } .dark .tab-product .tabs .card-header, .dark .product-full-tab .tabs .card-header { background-color: #2b2b2b; } .dark .tab-product .tabs .card-header .nav-tabs .nav-item .nav-link, .dark .product-full-tab .tabs .card-header .nav-tabs .nav-item .nav-link { color: white; } .dark .tab-product .tabs .card-header .nav-tabs .nav-item .nav-link.active, .dark .product-full-tab .tabs .card-header .nav-tabs .nav-item .nav-link.active { color: #ff4c3b; } .dark .dashboardtab.card .card-header { background-color: #2b2b2b; } .dark .dashboardtab.card .card-header li a { background-color: #2b2b2b; color: white; } .dark .dashboardtab.card .card-header li a.active { color: #ff4c3b; } .dark .dashboardtab ul li .nav-link { background-color: #232323; } .dark .faq-section .accordion.theme-accordion .card .card-header .btn { background-color: #232323; color: #cbcbcb; } .dark .modal-content .modal-body { background-color: #232323; } .dark header { background-color: #2b2b2b; transition: all 0.3s ease; } .dark header.header-5 .pixelstrap a, .dark header.header-5 .pixelstrap:hover, .dark header.header-5 .pixelstrap:active { color: #222222; } .dark header.header-5 .main-navbar .nav-menu { background-color: transparent; } .dark header.header-5 .main-navbar .nav-menu > li > a { color: #222222; } .dark header.header-gym { background-color: transparent; } .dark header.header-gym .top-header { background-color: transparent; } .dark header.header-gym .main-navbar .nav-menu { background-color: transparent; } .dark header.header-metro .metro { background-color: #232323; transition: all 0.3s ease; } .dark header.header-metro .top-header .header-contact li { color: #999999; } .dark header.header-metro .top-header .header-dropdown li { color: #999999; } .dark header.header-metro .top-header .header-dropdown li a i { color: #999999; } .dark header.header-tools { background-color: transparent; transition: all 0.3s ease; } .dark header.header-tools .top-header { background-color: transparent; } .dark header.header-tools .top-header .container { background-color: var(--theme-deafult); } .dark header.header-tools .logo-menu-part > .container { background-color: #2b2b2b; transition: all 0.3s ease; border-color: #404040; } .dark header.header-tools .container { background-color: #2b2b2b; } .dark header.left-header .top-header { background-color: #2b2b2b; transition: all 0.3s ease; } .dark header.left-header .main-menu .menu-right .header-dropdown > li img { filter: invert(100); } .dark header.left-header .onhover-div > div img { filter: invert(100); } .dark header.left-header .sidenav nav { background-color: #232323; transition: all 0.3s ease; } .dark header.left-header .sidenav .left-sidebar_center { background-color: #232323; transition: all 0.3s ease; } .dark header.left-header .sidenav .pixelstrap > li > a { background-color: #232323; transition: all 0.3s ease; } .dark header.green-gradient { background-color: #2b2b2b; transition: all 0.3s ease; } .dark header.green-gradient .top-header { background-color: #232323; transition: all 0.3s ease; background: #232323; background-image: none; } .dark .top-header { background-color: #232323; transition: all 0.3s ease; } .dark .sub-footer { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .border-section { border-color: #404040; } .dark .main-navbar .nav-menu { background-color: #2b2b2b; } .dark .main-navbar .nav-menu .back-btn .mobile-back { color: #f1f3f5; } .dark .main-navbar .nav-menu > li > a { color: #f1f3f5; } .dark .main-navbar .nav-menu > li .nav-submenu { background-color: #2b2b2b; box-shadow: none; } .dark .main-navbar .nav-menu > li .nav-submenu li a { color: #f1f3f5; } .dark .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu { background-color: #2b2b2b; box-shadow: none; } .dark .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu li a { color: #f1f3f5; } .dark .main-navbar .nav-menu > li .mega-menu-container { background-color: #2b2b2b; box-shadow: none; } .dark .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a { color: #f1f3f5; } .dark .sm-vertical { background-color: #232323; transition: all 0.3s ease; } .dark .sidenav nav { background-color: #232323; transition: all 0.3s ease; } .dark .sidenav nav .sidebar-menu { background-color: #232323; } .dark .sidenav nav .sidebar-menu li a { color: #f1f3f5; } .dark .sidenav nav .sidebar-menu li .mega-menu { background-color: #232323; box-shadow: none; } .dark .sidenav nav .sidebar-menu li .mega-menu .link-section ul { background-color: #232323; } .dark .sidenav nav .sidebar-menu li ul { background-color: #232323; } .dark .sidenav .sidebar-back { color: #f1f3f5; border-color: #404040; } .dark .pixelstrap ul { background: #232323; box-shadow: none; } .dark .pixelstrap ul a { color: #e7eaec; } .dark .pixelstrap ul a:hover, .dark .pixelstrap ul a:focus, .dark .pixelstrap ul a:active, .dark .pixelstrap ul a.highlighted { color: #e7eaec; } .dark .pixelstrap .home-menu, .dark .pixelstrap .feature-menu, .dark .pixelstrap .category-menu, .dark .pixelstrap .full-mega-menu, .dark .pixelstrap .clothing-menu { box-shadow: 0 0 1px 0 #2b2b2b; } .dark .onhover-div > div img { filter: brightness(100); } .dark .onhover-div .show-div { background-color: #232323; transition: all 0.3s ease; box-shadow: none; } .dark .search-overlay { background-color: #2b2b2b; } .dark .theme-tab .nav-tabs a { color: #cbcbcb; } .dark .theme-tab .nav-tabs a.active { color: #ff4c3b; } .dark .error-section h1 { color: #e6e6e6; } .dark .breadcrumb-item.active { color: #e7eaec; } .dark .breadcrumb-section .breadcrumb a { color: #f7f7f7; } .dark .main-menu .menu-left .navbar i { color: #f7f7f7; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.setting h6 { color: #cfd4da; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.setting ul li a { color: #cfd4da; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 { color: #e7eaec; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .media .media-body h4 span { color: #dee2e6; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .close-circle i:hover { color: #ffffff; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total { border-color: #404040; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .total h5 { color: #dee2e6; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a { color: #cbcbcb; } .dark .main-menu .menu-right .icon-nav .onhover-div .show-div.shopping-cart li .buttons a:hover { color: #ff4c3b; } .dark .footer-theme .sub-title li { color: #cfd4da; } .dark .footer-theme .sub-title li a { color: #cfd4da; } .dark .footer-theme .sub-title h4 { color: #e7eaec; } .dark .footer-social i, .dark .social-white i { color: #cfd4da; } .dark .footer-light .subscribe { border-color: #404040; } .dark .footer-theme2 .contact-details li { color: #cfd4da; } .dark .footer-theme2 .contact-details li a { color: #e7eaec; } .dark .footer-theme2 .footer-link a, .dark .footer-theme2 .footer-link-b a { color: #cbcbcb; } .dark .footer-theme2 .footer-link a:hover, .dark .footer-theme2 .footer-link-b a:hover { color: #ffffff; } .dark .top-header .header-contact li { color: #cfd4da; } .dark .top-header .header-dropdown li { color: #cfd4da; } .dark .top-header .header-dropdown li a i { color: #cfd4da; } .dark .top-header .header-dropdown .onhover-dropdown .onhover-show-div li a { color: #cbcbcb; } .dark .top-header.top-header-dark .header-dropdown li a { color: #cbcbcb; } .dark .top-header.top-header-dark .header-contact li i { color: #cbcbcb; } .dark .top-header.top-header-dark2 .header-dropdown li a { color: #cfd4da; } .dark .top-header.top-header-dark2 .header-contact li i { color: #cfd4da; } .dark .top-header.top-header-dark3 .header-dropdown li a { color: #cbcbcb; } .dark .top-header.top-header-dark3 .header-contact li i { color: #cbcbcb; } .dark .blog-page .blog-sidebar .theme-card .popular-tag li span { background-color: #232323; } .dark .onhover-dropdown .onhover-show-div { background-color: #232323; transition: all 0.3s ease; box-shadow: none; } .dark .testimonial { background-color: #232323; transition: all 0.3s ease; } .dark .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media { border-color: #404040; } .dark .testimonial .testimonial-slider .media img { border-color: #404040; } .dark .team h2 { border-color: #404040; } .dark .service-block + .service-block { border-color: #404040; } .dark .pixelstrap.light-font-menu li > a { color: #f1f3f5; } .dark .theme-tab .tab-title a, .dark .theme-tab .tab-title2 a { color: #cbcbcb; } .dark .theme-tab .tab-title .current a, .dark .theme-tab .tab-title2 .current a { color: #ff4c3b; } .dark .theme-tab .tab-title2:after { border-color: #404040; } .dark .theme-tab .tab-title2 .nav-item .active { background-color: #232323; } .dark .product-box .product-detail h4, .dark .product-box .product-info h4, .dark .product-wrap .product-detail h4, .dark .product-wrap .product-info h4 { color: #e7eaec; } .dark .theme-card .offer-slider .media .media-body h4 { color: #e7eaec; } .dark .theme-card .slick-prev:before, .dark .theme-card .slick-next:before { color: #ffffff; } .dark .theme-card h5.title-border { border-color: #404040; } .dark .theme-card.card-border { border-color: #404040; } .dark .dark-layout { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .sub-footer.darker-subfooter { background-color: #232323; transition: all 0.3s ease; } .dark .sub-footer.darker-subfooter p { color: #cfd4da; } .dark .blog-page .blog-media .blog-right h4 { color: #e7eaec; } .dark .blog-page .blog-media .blog-right ul { color: #cfd4da; } .dark .blog-page .blog-sidebar .theme-card { background-color: #2b2b2b; transition: all 0.3s ease; border-color: #404040; } .dark .blog-page .blog-sidebar h4 { color: #e7eaec; } .dark .blog-page .blog-sidebar h6 { color: #cfd4da; } .dark .blog-page .blog-sidebar p { color: #cfd4da; } .dark .blog-detail-page .blog-detail h3 { color: #eaedef; } .dark .blog-detail-page .blog-detail p { color: #cfd4da; } .dark .blog-detail-page .post-social { color: #cfd4da; border-color: #404040; } .dark .blog-detail-page .post-social li + li { border-color: #404040; } .dark .blog-detail-page .comment-section { border-color: #404040; } .dark .blog-detail-page .comment-section li { border-color: #404040; } .dark .blog-detail-page .comment-section li h6 { color: #cfd4da; } .dark .blog-detail-page .comment-section li h6 span { color: #929292; } .dark .blog-detail-page .blog-contact .theme-form label { color: #cfd4da; } .dark .blog-detail-page .blog-contact .theme-form input, .dark .blog-detail-page .blog-contact .theme-form textarea { background-color: #2b2b2b; transition: all 0.3s ease; border-color: #404040; } .dark .cart-section .cart-table thead th, .dark .wishlist-section .cart-table thead th { color: #f1f3f5; } .dark .cart-section tbody tr td, .dark .wishlist-section tbody tr td { border-color: #404040; } .dark .cart-section tbody tr td a, .dark .wishlist-section tbody tr td a { color: #cbcbcb; } .dark .cart-section tbody tr td h2, .dark .wishlist-section tbody tr td h2 { color: #f1f3f5; } .dark .table tbody + tbody { border-color: #404040; } .dark .table thead th { border-color: #404040; } .dark .top-banner-wrapper .top-banner-content h4 { color: #e7eaec; } .dark .top-banner-wrapper .top-banner-content h5 { color: #dee2e6; } .dark .top-banner-wrapper .top-banner-content p { color: #cfd4da; } .dark .collection-product-wrapper .product-top-filter { border-color: #404040; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .search-count, .dark .collection-product-wrapper .product-top-filter .product-filter-content .sidebar-popup, .dark .collection-product-wrapper .product-top-filter .popup-filter .search-count, .dark .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { border-color: #404040; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view, .dark .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view { border-color: #404040; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .dark .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select { border-color: #404040; } .dark .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup a { color: #cbcbcb; } .dark .product-pagination { border-color: #404040; } .dark .product-pagination .pagination .page-item.active a { background-color: #232323; transition: all 0.3s ease; border-color: #404040; } .dark .product-pagination .pagination .page-item.disabled .page-link { background-color: #2b2b2b; border-color: #404040; } .dark .product-pagination .product-search-count-bottom { border-color: #404040; } .dark .product-pagination .product-search-count-bottom h5 { color: #dee2e6; } .dark .portfolio-section.metro-section .product-box .product-detail { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .portfolio-section.metro-section .product-box .product-detail h4 { color: #e7eaec; } .dark .portfolio-section.metro-section .product-box .product-detail h6 { color: #cfd4da; } .dark .portfolio-section.metro-section .product-box .cart-wrap button { border-color: #404040; background-color: rgba(43, 43, 43, 0.8); transition: all 0.3s ease; } .dark .portfolio-section.metro-section .product-box .cart-wrap button i { color: #cbcbcb; } .dark .portfolio-section.metro-section .product-box .cart-wrap a i { border-color: #404040; background-color: rgba(43, 43, 43, 0.8); transition: all 0.3s ease; color: #cbcbcb; } .dark .collection-filter-block { border-color: #404040; background-color: #2b2b2b; transition: all 0.3s ease; } .dark .collection-collapse-block .collapse-block-title { color: #eaedef; } .dark .collection-collapse-block .collapse-block-title:after { color: #eaedef; } .dark .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label { color: #929292; } .dark .load-more-sec a { border-color: #404040; } .dark .checkout-page .checkout-title h3 { color: #eaedef; } .dark .checkout-page .checkout-form .form-group .field-label { color: #cfd4da; } .dark .checkout-page .checkout-form input[type=text], .dark .checkout-page .checkout-form input[type=email], .dark .checkout-page .checkout-form input[type=password], .dark .checkout-page .checkout-form input[type=tel], .dark .checkout-page .checkout-form input[type=number], .dark .checkout-page .checkout-form input[type=url] { background-color: #2b2b2b; transition: all 0.3s ease; border-color: #404040; } .dark .checkout-page .checkout-form select, .dark .checkout-page .checkout-form textarea { border-color: #404040; } .dark .checkout-page .checkout-form .checkout-details { background-color: #232323; transition: all 0.3s ease; border: 1px solid #404040; } .dark .order-box .title-box { color: #eaedef; border-color: #404040; } .dark .order-box .qty { border-color: #404040; } .dark .order-box .qty li { color: #cfd4da; } .dark .order-box .qty li span { color: #dee2e6; } .dark .order-box .sub-total { border-color: #404040; } .dark .order-box .sub-total li { color: #cfd4da; } .dark .order-box .sub-total .shopping-option label { color: #929292; } .dark .order-box .total li { color: #cfd4da; } .dark .payment-box .payment-options li .radio-option label { color: #929292; } .dark .collection .collection-block .collection-content h4 { color: #e7eaec; } .dark .collection .collection-block .collection-content h3 { color: #eaedef; } .dark .table th, .dark .table td { border-color: #404040; } .dark .compare-page .table-wrapper .table { color: #f1f3f5; border-color: #404040; } .dark .compare-page .table-wrapper .table thead .th-compare td { background: #232323; border-color: #404040; } .dark .compare-page .table-wrapper .table thead .th-compare th { border-color: #404040; } .dark .compare-page .table-wrapper .table thead .th-compare th .remove-compare { color: #cfd4da; } .dark .compare-page .table-wrapper .table tbody tr th { border-color: #404040; background: #232323; } .dark .compare-page .table-wrapper .table tbody tr td { border-color: #404040; } .dark .compare-page .table-wrapper .table tbody tr p { color: #cfd4da; } .dark .compare-section .compare-part .detail-part .title-detail { background-color: #232323; transition: all 0.3s ease; border-color: #404040; } .dark .compare-section .compare-part .btn-part { border-color: #404040; } .dark .compare-section .compare-part .close-btn { color: #e7eaec; } .dark .compare-section .owl-item { border-color: #404040; } .dark .contact-page .theme-form label { color: #cfd4da; } .dark .contact-page .theme-form input { border-color: #404040; } .dark .contact-page .theme-form textarea { border-color: #404040; } .dark .contact-page .contact-right ul li .contact-icon { border-color: #404040; } .dark .dashboard .box-head h2 { color: #f1f3f5; } .dark .dashboard .box .box-title { border-color: #404040; } .dark .dashboard .box .box-title h3 { color: #eaedef; } .dark .dashboard-left .block-content { border-color: #404040; } .dark .dashboard-left .block-content ul li a { color: #cbcbcb; } .dark .dashboard-right .dashboard { border-color: #404040; } .dark .white-bg { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .border-bottom-grey { border-color: #404040; } .dark .layout-8 .layout-8-bg { background-blend-mode: overlay; background-color: #232323; transition: all 0.3s ease; } .dark .card { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .card .card-header { background-color: #232323; transition: all 0.3s ease; } .dark .faq-section .accordion.theme-accordion .card { border-color: #404040; } .dark .faq-section .accordion.theme-accordion .card .card-header { background-color: #232323; transition: all 0.3s ease; } .dark .faq-section .accordion.theme-accordion .card .card-header button { color: #dee2e6; } .dark .faq-section .accordion.theme-accordion .card .card-header button[aria-expanded=true]:before { border-bottom-color: #404040; } .dark .faq-section .accordion.theme-accordion .card .card-header button:before { border-top-color: #404040; } .dark .faq-section .accordion.theme-accordion .card .card-body p { color: #cfd4da; } .dark.box-layout-body { background-color: #2b2b2b; } .dark.box-layout-body .box-layout-header { background-color: #2b2b2b; transition: all 0.3s ease; } .dark.box-layout-body .box-layout.bg-image { background-color: #232323; background: none; transition: all 0.3s ease; background-image: none; box-shadow: none; } .dark.box-layout-body .light-layout { background-color: #2b2b2b; transition: all 0.3s ease; } .dark.box-layout-body .sub-footer { background-color: #232323; transition: all 0.3s ease; } .dark .full-box .theme-card .offer-slider .product-box2 + .product-box2 { border-top: none; } .dark .center-slider { border-color: #404040; } .dark .bg-block { background-color: #232323; transition: all 0.3s ease; background-image: none; } .dark .theme-tab .tab-content .product-tab .tab-box { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4 { color: #e7eaec; } .dark .flower-bg { background-image: none !important; background-color: #232323; transition: all 0.3s ease; background-image: none; } .dark .pwd-page .theme-form input { border-color: #404040; } .dark .full-scroll-menu { background-color: transparent; transition: all 0.3s ease; } .dark .full-scroll-footer .sub-footer { background-color: transparent; transition: all 0.3s ease; } .dark .portfolio-section .filter-button { background-color: #2b2b2b; transition: all 0.3s ease; color: #cfd4da; } .dark .portfolio-section .filter-button.active { background-color: #ff4c3b; transition: all 0.3s ease; color: #ffffff; } .dark .portfolio-section .isotopeSelector:hover .overlay-background { border-color: #dddddd; } .dark .portfolio-section .isotopeSelector:hover .overlay-background i { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .portfolio-section .isotopeSelector .overlay { border-color: #dddddd; } .dark .bg-img-gym .dark-layout { background-color: transparent; transition: all 0.3s ease; } .dark .bg-img-gym .sub-footer.darker-subfooter { background-color: #000000; transition: all 0.3s ease; } .dark .category-block .category-image { border-color: #404040; } .dark .category-block .category-image.svg-image { background-color: #232323; transition: all 0.3s ease; } .dark .j-box .product-box { border-color: #404040; } .dark .j-box .product-box .product-detail { background-color: #232323; transition: all 0.3s ease; } .dark .j-box .product-box .cart-info { background-color: rgba(35, 35, 35, 0.84); transition: all 0.3s ease; border-color: #404040; } .dark .j-box .product-box .cart-info a { border-color: #000000; } .dark .white-layout { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .footer-theme2.footer-border { border-color: #404040; } .dark .footer-theme2.section-light .footer-block .subscribe-white { border-color: #404040; } .dark .footer-theme2.section-light .footer-block h4 { color: #e7eaec; } .dark .footer-theme2.section-light .footer-block .contact-details li a { color: #e7eaec; } .dark .footer-theme2 .footer-link.link-white h4 { color: #e7eaec; } .dark .jewel-footer .sub-footer.black-subfooter { background-color: #232323; transition: all 0.3s ease; } .dark .jewel-footer .sub-footer p { color: #cfd4da; } .dark .absolute-banner .absolute-bg { background-color: #2b2b2b; transition: all 0.3s ease; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4); } .dark .login-page .theme-card { border-color: #404040; } .dark .login-page .theme-card .theme-form input { border-color: #404040; } .dark .login-page .theme-card .theme-form label { color: #929292; } .dark .login-page .authentication-right h6, .dark .login-page .authentication-right p { color: #cfd4da; } .dark .lookbook .lookbook-block .lookbook-dot:before { background-color: #232323; transition: all 0.3s ease; } .dark .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .blog-left .blog-details h4 { color: #e7eaec; } .dark .blog-left .blog-details h6 { color: #cfd4da; } .dark footer.footer-black .below-section { background-color: #232323; transition: all 0.3s ease; } .dark footer.footer-black .sub-footer { background-color: #2b2b2b; transition: all 0.3s ease; } .dark footer.footer-black .upside .small-section { background-color: #383838; transition: all 0.3s ease; } .dark footer.footer-black .subscribe h4 { color: #e7eaec; } .dark footer.footer-black .subscribe p { color: #cfd4da; } .dark footer.footer-black.footer-light .subscribe { border-color: #929292; } .dark footer.pet-layout-footer .white-layout { background-color: #232323; transition: all 0.3s ease; } .dark footer.pet-layout-footer .sub-footer.black-subfooter { background-color: #2b2b2b; transition: all 0.3s ease; } .dark footer.footer-classic .sub-footer { background-color: #2b2b2b; transition: all 0.3s ease; } .dark footer.footer-5 { background-image: unset; } .dark footer.footer-5 .footer-theme2 .subscribe-block { border-color: #404040; } .dark footer.footer-5 .sub-footer > .container { border-color: #404040; } .dark .logo-block img { filter: invert(100); } .dark .logo-block img:hover { filter: invert(100); } .dark .bg-white { background-color: #2b2b2b !important; transition: all 0.3s ease; } .dark .product-box .img-wrapper .cart-box, .dark .product-wrap .img-wrapper .cart-box { background-color: #2b2b2b; transition: all 0.3s ease; box-shadow: none; } .dark .tab-bg.tab-grey-bg { background-color: #232323; transition: all 0.3s ease; } .dark .delivery-sec { background-color: #232323; transition: all 0.3s ease; } .dark .product-order .total-sec { border-color: #404040; } .dark .blog.blog_box .blog-details p { color: #cfd4da; } .dark .blog.blog_box .blog-details a p { color: #cfd4da; } .dark .blog.blog_box .blog-details .read-cls { color: #cbcbcb; } .dark .product-right .product-title { color: #cfd4da; } .dark .product-right .border-product { border-color: #404040; } .dark .product-right .product-icon .product-social li a { color: #cbcbcb; } .dark .product-right .product-icon .wishlist-btn { color: #cbcbcb; } .dark .product-right .product-icon .wishlist-btn i { border-color: #404040; } .dark .product-right.product-form-box { border-color: #404040; } .dark .product-right.product-form-box .timer { background-color: #232323; transition: all 0.3s ease; } .dark .product-right .timer { background-color: #232323; transition: all 0.3s ease; } .dark .product-right .timer p { color: #cfd4da; } .dark .product-right .size-box ul li { background-color: #2b2b2b; transition: all 0.3s ease; border-color: #404040; } .dark .product-right .size-box ul li.active { background-color: #232323; transition: all 0.3s ease; } .dark .product-right .size-box ul li a { color: #cbcbcb; } .dark .product-right h4 del { color: #929292; } .dark .timer span .timer-cal { color: #929292; } .dark .qty-box .input-group span button { background: #2b2b2b !important; border-color: #404040; } .dark .qty-box .input-group button i { color: #929292; } .dark .nav-tabs { border-color: #404040; } .dark .nav-tabs .nav-link.active { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .tab-product .nav-material .nav-tabs .nav-item .nav-link { color: #cbcbcb; color: #ffffff; } .dark .tab-product .nav-material .nav-tabs .nav-link { color: #ffffff; } .dark .tab-product .nav-material .nav-tabs .nav-link.active { color: #ff4c3b; } .dark .product-full-tab .nav-material .nav-tabs .nav-link { color: #ffffff; } .dark .product-full-tab .nav-material .nav-tabs .nav-link.active { color: #ff4c3b; } .dark .tab-product .theme-form input, .dark .tab-product .theme-form textarea, .dark .product-full-tab .theme-form input, .dark .product-full-tab .theme-form textarea { border-color: #404040; } .dark .product-related h2 { border-color: #404040; } .dark .product-accordion .btn-link { color: #e7eaec; } .dark .product-accordion .card-header { border-color: rgba(64, 64, 64, 0.125); } .dark .theme_checkbox label { color: #929292; } .dark .theme_checkbox label .checkmark { background-color: #232323; transition: all 0.3s ease; border-color: #404040; } .dark .theme_checkbox label .checkmark:after { border-color: #ffffff; } .dark .bundle .bundle_detail .price_product { color: #ffffff; } .dark .modal-content { background-color: #232323; transition: all 0.3s ease; } .dark button.close { color: #ffffff; } .dark .modal-header { border-color: #404040; } .dark .collection-filter-block .product-service .media { border-color: #404040; } .dark .pro_sticky_info { border-color: #404040; } .dark .tab-border { border-color: #404040; } .dark .register-page .theme-card { border-color: #404040; } .dark .register-page .theme-card .theme-form input { border-color: #404040; } .dark .register-page .theme-card .theme-form label { color: #929292; } .dark .category-border { background-color: #404040; transition: all 0.3s ease; } .dark .category-border div .category-banner .category-box h2 { background-color: #232323; transition: all 0.3s ease; } .dark .background { background-color: #404040; transition: all 0.3s ease; } .dark .background .contain-bg { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .background .contain-bg h4 { color: #e7eaec; } .dark .background .contain-bg:hover h4 { color: #ff4c3b; } .dark .blog-bg { background-color: #404040; transition: all 0.3s ease; } .dark .sub-footer.black-subfooter { background-color: #232323; transition: all 0.3s ease; } .dark.tools-bg { background-color: #2b2b2b; transition: all 0.3s ease; } .dark.tools-bg section { background-color: #2b2b2b; transition: all 0.3s ease; } .dark.tools-bg .tools-service { background-color: transparent; } .dark .category-tools .category-m .category-wrapper { background-color: #232323; transition: all 0.3s ease; } .dark .category-m .category-wrapper { border-color: #404040; } .dark .category-m .category-wrapper h4 { color: #e7eaec; } .dark .category-m .category-wrapper .category-link li a { color: #cbcbcb; } .dark .tools-grey .product-box .product-info { background-color: #232323; transition: all 0.3s ease; border-color: rgba(64, 64, 64, 0.2); } .dark .tools-grey .product-box .cart-info button { background-color: #232323; transition: all 0.3s ease; color: #cbcbcb; } .dark .tools-grey .product-box .cart-info a { background-color: #232323; transition: all 0.3s ease; } .dark .tools-grey .product-box .cart-info a i { color: #cbcbcb; } .dark .tools-grey .product-box .img-wrapper .front { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .tools-brand .row { background-color: #232323; transition: all 0.3s ease; box-shadow: none; } .dark .typography_section .typography-box .headings { background-color: rgba(35, 35, 35, 0.5); transition: all 0.3s ease; border-color: #404040; } .dark .typography_section .typography-box .headings h3 { color: #eaedef; } .dark .typography_section .typography-box .headings span { color: #929292; } .dark .typography_section .typography-box .headings span code { color: #929292; } .dark .typography_section .typography-box .typo-content .sub-title { color: #f1f3f5; border-color: rgba(64, 64, 64, 0.7); } .dark .typography_section .typo-content.heading_content h1, .dark .typography_section .typo-content.heading_content h2, .dark .typography_section .typo-content.heading_content h3, .dark .typography_section .typo-content.heading_content h4, .dark .typography_section .typo-content.heading_content h5, .dark .typography_section .typo-content.heading_content h6 { color: white; } .dark .typography_section .typo-content.product-pagination .pagination .page-item { border-color: #404040; } .dark .typography_section code { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .absolute_banner .collection-banner .absolute-contain { background-color: #232323; transition: all 0.3s ease; box-shadow: none; } .dark .absolute_banner .collection-banner .absolute-contain h4 { color: #e7eaec; } .dark .absolute-product .product-box { background-color: #232323; transition: all 0.3s ease; } .dark .absolute-product .product-box .product-detail .cart-bottom { border-color: #404040; } .dark .absolute-product .product-box .product-detail .cart-bottom i { color: #cbcbcb; } .dark .absolute-product .product-box .product-detail .cart-bottom i:hover { color: #ffffff; } .dark .box-product .full-box .theme-card .offer-slider .product-box2 { box-shadow: none; } .dark .box-product .full-box .theme-card .offer-slider .product-box2 .media { background-color: #232323; transition: all 0.3s ease; } .dark .box-product .full-box .theme-card .offer-slider .product-box2 .cart-bottom { border-color: #404040; } .dark .insta-title { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .tab-bg { background-color: #232323; transition: all 0.3s ease; } .dark .darken-layout { background-color: #232323; transition: all 0.3s ease; } .dark .darken-layout p { color: #cfd4da; } .dark .darken-layout .sub-title .contact-list li { color: #cfd4da; } .dark .darken-layout .sub-title .contact-list i { color: #cfd4da; } .dark .darken-layout .footer-social i { color: #cfd4da; } .dark .sub-footer.dark-subfooter p { color: #cfd4da; } .dark .cart-section tbody tr td a, .dark .cart-section tbody tr td p, .dark .wishlist-section tbody tr td a, .dark .wishlist-section tbody tr td p { color: #cbcbcb; } .dark .footer-title { border-color: #404040; } .dark .category-bg { background-color: #232323; transition: all 0.3s ease; } .dark .category-bg .contain-block { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .category-bg .contain-block h2 { color: #f1f3f5; } .dark .category-bg .contain-block h6 span { color: #929292; } .dark .service_slide .service-home .service-block1 { background-color: rgba(35, 35, 35, 0.9); transition: all 0.3s ease; } .dark .service_slide .service-home .service-block1:nth-child(even) { background-color: rgba(35, 35, 35, 0.7); transition: all 0.3s ease; } .dark .service_slide .service-home .service-block1 svg path { fill: #ffffff; } .dark .bg-grey { background-color: #232323; transition: all 0.3s ease; } .dark .detail-cannabis .detail_section > div { background-color: #2b2b2b; transition: all 0.3s ease; box-shadow: none; } .dark .detail-cannabis .detail_section svg { fill: #ffffff; } .dark .border-box.tools-grey .product-box { border-color: #404040; } .dark .theme-modal .modal-dialog .modal-content .modal-body { background-image: linear-gradient(135deg, #ff4c3b 5.77%, #232323 5.77%, #232323 25%, #f1f3f5 25%, #f1f3f5 30.77%, #232323 30.77%, #232323 50%, #ff4c3b 50%, #ff4c3b 55.77%, #232323 55.77%, #232323 75%, #f1f3f5 75%, #f1f3f5 80.77%, #232323 80.77%, #232323 100%); } .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4 { color: #e7eaec; } .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close span { color: #ffffff; } .dark .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 { color: #f1f3f5; } .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .demo-effects > div .layout-container { box-shadow: none; } .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .demo-effects > div .demo-text h4 { color: #e7eaec; } .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .demo-effects > div .demo-text .demo-btn .btn { border-color: #404040; background-color: #2b2b2b; transition: all 0.3s ease; color: #cbcbcb; } .dark .theme-modal.demo-modal .modal-dialog .modal-content .modal-body .demo-section .title-text h3 { color: #eaedef; } .dark .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart #upsell_product .product-box .product-detail h6 a { color: #cbcbcb; } .dark .theme-modal.exit-modal .media .media-body h5 { color: #dee2e6; } .dark .theme-modal.exit-modal .stop { filter: invert(100); } .dark #quick-view .modal-dialog .modal-content .modal-body { background-color: #2b2b2b; transition: all 0.3s ease; } .dark .addcart_btm_popup { background-color: #232323; transition: all 0.3s ease; border-color: #404040; } .dark .addcart_btm_popup .fixed_cart i { color: #cbcbcb; } .dark .review-page .comnt-sec li a { color: #cbcbcb; } .dark .sitemap_page ul li a { color: #cbcbcb; } .dark .sitemap_page ul li a:hover { color: #ff4c3b; } .dark .sitemap_page ul ul li a { color: #dee2e6; } .dark .effect-cls:before, .dark .effect-cls:after { filter: invert(100); } .dark .game-product .product-box .cart-info a i { background-color: #2b2b2b; transition: all 0.3s ease; color: #cbcbcb; } .dark .demo-right a { background-color: #000000; transition: all 0.3s ease; } .dark .rtl-btn, .dark .dark-light { background-color: #000000; box-shadow: none; } .dark .color-picker a.handle { background-color: #000000; transition: all 0.3s ease; color: #cbcbcb; } .dark .setting-box .setting-title h4 { color: #333333; } .dark .add_to_cart .cart-inner { background-color: #2b2b2b; } .dark .add_to_cart .cart-inner .cart_media li .media .media-body h4 { color: rgba(255, 255, 255, 0.7); } .dark .add_to_cart .cart-inner .cart_media li .total { border-color: #404040; } .dark .add_to_cart .cart-inner .cart_top { border-color: #404040; } .dark .add_to_cart .cart-inner .cart_top .close-cart i { color: #ffffff; } .dark .add_to_cart .cart-inner .cart_top h3 { color: #ffffff; } .dark .add_to_cart.bottom .cart-inner .cart_top, .dark .add_to_cart.top .cart-inner .cart_top { background-color: #232323; } .dark .stripe-section { background-color: #232323; border-color: #404040; } .dark .stripe-section .content h5 { color: rgba(255, 255, 255, 0.8); } .dark .stripe-section .content table tr { border-color: #404040; } /*===================== 27.Menu css start ==========================*/ header .main-navbar { text-align: center; } header .main-navbar .nav-menu { display: inline-block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; } header .main-navbar .nav-menu > li { position: relative; float: left; display: block; } header .main-navbar .nav-menu > li > a { display: block; padding-right: 45px; color: #222222; font-size: 16px; font-weight: 400; line-height: 23px; text-decoration: none; text-transform: uppercase; padding-top: 42px; padding-bottom: 42px; padding-left: 0; letter-spacing: 0.07em; position: relative; } header .main-navbar .nav-menu > li > a .sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 15px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; border-radius: 4px; } header .main-navbar .nav-menu > li > a .sub-arrow:before { content: ""; font-family: FontAwesome; position: absolute; } header .main-navbar .nav-menu > li > a .lable-nav { position: absolute; background-color: var(--theme-deafult); padding: 2px 7px; color: #ffffff; top: 20px; text-transform: uppercase; font-size: 9px; left: 0; line-height: 1.3; } header .main-navbar .nav-menu > li > a .lable-nav:before { position: absolute; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--theme-deafult); top: 15px; left: 5px; } header .main-navbar .nav-menu > li > a .lable-nav.lable-red { background-color: #ff4c3b; } header .main-navbar .nav-menu > li > a .lable-nav.lable-red:before { border-top: 5px solid #ff4c3b; } header .main-navbar .nav-menu > li .nav-submenu { position: absolute; left: 0; z-index: 4; box-shadow: 0 0 1px 0 #ebebeb; padding: 15px 0px 15px 0px; background: white; } header .main-navbar .nav-menu > li .nav-submenu li { border: 0; float: none; position: relative; display: block; } header .main-navbar .nav-menu > li .nav-submenu li a { border: 0 !important; background: transparent; color: #222222; border-radius: 0 !important; font-size: 14px; font-weight: 400; text-transform: capitalize; padding: 5px 35px; display: block; letter-spacing: 0.07em; line-height: 1.9; } header .main-navbar .nav-menu > li .nav-submenu li a:before { position: absolute; bottom: 0; content: ""; height: 2px; width: 0; background-color: var(--theme-deafult); transition: 0.5s ease; } header .main-navbar .nav-menu > li .nav-submenu li a .sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 15px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; border-radius: 4px; } header .main-navbar .nav-menu > li .nav-submenu li a .sub-arrow:before { content: ""; font-family: FontAwesome; position: absolute; } header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu { position: absolute; width: 200px; right: -200px; top: 0; background: #fff; border: none; padding: 15px 0px 15px 0px; box-shadow: 0 0 1px 0 #ebebeb; } header .main-navbar .nav-menu > li .mega-menu-container { position: absolute; left: 0; z-index: 4; box-shadow: 0 0 1px 0 #ebebeb; padding: 30px; background: white; width: 100%; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box { width: 20%; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-title h5 { font-weight: 700; text-transform: capitalize; font-size: 14px; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content { box-shadow: none; background-color: transparent; position: relative; display: block; padding: 0; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li { border: 0; float: none; position: relative; display: block; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a { border: 0 !important; background: transparent; color: #222222; border-radius: 0 !important; font-size: 14px; font-weight: 400; text-transform: capitalize; padding: 3px 0; display: block; letter-spacing: 0.07em; line-height: 1.9; position: relative; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a:before { position: absolute; bottom: 0; content: ""; height: 2px; width: 0; background-color: var(--theme-deafult); transition: 0.5s ease; } header .main-navbar .nav-menu > li:hover > a { color: var(--theme-deafult); } header .main-navbar .nav-menu > li.mega-menu { position: unset; } header.header-gym .main-navbar .nav-menu > li > a { color: white; padding-top: 22px; padding-bottom: 22px; } header.header-tools .main-navbar .nav-menu > li > a { padding-top: 25px; padding-bottom: 25px; } header.header-tools .main-navbar .nav-menu > li > a .lable-nav { top: 0; } header .sidenav { height: 100vh; width: 300px; position: fixed; z-index: 9999; top: 0; left: -300px; background-color: #ffffff; transition: all 0.5s ease; } header .sidenav .sidebar-back { padding: 20px; font-size: 18px; color: #222222; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #efefef; margin-bottom: 20px; cursor: pointer; } header .sidenav nav { background-color: #ffffff; z-index: 9; position: relative; height: 100vh; top: 0; } header .sidenav.openSide { left: 0; transition: all 0.5s ease; } header .sidenav.openSide .sidebar-overlay { opacity: 0.8; visibility: visible; } header .sidenav .sidebar-overlay { visibility: hidden; opacity: 0; background-color: #212331; position: fixed; z-index: 6; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s; } header .sidenav .closebtn { position: absolute; top: 0; font-size: 36px; margin-left: 50px; margin-top: 50px; color: #938d8c; } header .sidenav .sidebar-menu { background-color: #ffffff; display: block; margin: 0; padding: 0; direction: ltr; text-align: left; } header .sidenav .sidebar-menu li { position: relative; display: block; margin: 0; padding: 0; direction: ltr; text-align: left; float: none; } header .sidenav .sidebar-menu li a { padding: 10px 50px 20px 40px; position: relative; color: #222222; font-size: 14px; font-weight: 400; line-height: 23px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.07em; display: block; } header .sidenav .sidebar-menu li ul { position: absolute; width: 200px; left: 100%; top: 0; padding: 15px 0px; display: none; background-color: #fff; } header .sidenav .sidebar-menu li ul li a { padding: 5px 35px; } header .sidenav .sidebar-menu li ul li a:active, header .sidenav .sidebar-menu li ul li a:focus, header .sidenav .sidebar-menu li ul li a.highlighted { padding: 5px 35px; } header .sidenav .sidebar-menu li .mega-menu { position: absolute; left: 100%; width: 815px !important; padding: 15px 30px 25px !important; background-color: #ffffff; box-shadow: 0 0 1px 0 #ebebeb; } header .sidenav .sidebar-menu li .mega-menu li ul { position: relative; width: 100%; left: inherit; } header .sidenav .pixelstrap li a { padding: 10px 50px 20px 40px; } header .sidenav .pixelstrap li ul li a { padding: 5px 35px; } header .sidenav .pixelstrap li ul li a:active, header .sidenav .pixelstrap li ul li a:focus, header .sidenav .pixelstrap li ul li a.highlighted { padding: 5px 35px; } header .sidenav .pixelstrap li .clothing-menu li a { padding: 5px 0 !important; } header .sidenav .pixelstrap li .clothing-menu li a:focus { font-size: 14px; } header .sidenav .pixelstrap li .clothing-menu li a:hover { font-size: 14px; padding: 5px 0; } header .sidenav .pixelstrap li .clothing-menu li a:focus, header .sidenav .pixelstrap li .clothing-menu li a:hover { padding: 5px 0 !important; } header .layout3-menu .main-navbar .nav-menu { display: inline-block; list-style: none; margin: 0; padding: 0; line-height: normal; direction: ltr; text-align: left; } header .layout3-menu .main-navbar .nav-menu > li { position: relative; float: left; display: block; } header .layout3-menu .main-navbar .nav-menu > li > a { text-transform: capitalize; padding-right: 34px; letter-spacing: 0.04em; } header .layout3-menu .main-navbar .nav-menu > li.mega-menu { position: unset; } .toggle-nav { position: relative; padding-top: 40px; padding-bottom: 40px; cursor: pointer; } .toggle-nav i { font-size: 24px; color: var(--theme-deafult); } .mega-menu-banner:hover:before { display: none; } .new-tag { padding-left: 3px; color: var(--theme-deafult); text-transform: uppercase; font-size: 12px; font-weight: 700; } .up-text { position: relative; } .up-text span { position: absolute; top: -5px; right: -10px; color: var(--theme-deafult); font-size: 12px; font-weight: 700; } .mega-box .link-section .demo ul li a { position: relative; } .mega-box .link-section .demo ul li a:hover, .mega-box .link-section .demo ul li a:focus { padding-top: 3px; padding-bottom: 3px; } .mega-box .link-section .demo .new { position: absolute; top: -8px; right: 0px; color: white; background-color: var(--theme-deafult); padding: 2px 7px; text-transform: uppercase; font-size: 9px; line-height: 1.3; } .mega-box .link-section .demo .title { border-bottom: 2px solid red !important; } .rtl .link-section { float: right; } .rtl .mega-box .link-section .demo ul li a span img { right: unset; left: -120px; } @media (min-width: 1200px) { .responsive-btn { display: none; } header .main-navbar .nav-menu > li .nav-submenu { width: 200px; display: none; } header .main-navbar .nav-menu > li .nav-submenu li a:hover:before { width: 50px; height: 2px; transition: 0.5s ease; } header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu { display: none; } header .main-navbar .nav-menu > li .nav-submenu li:hover .nav-sub-childmenu { display: block; } header .main-navbar .nav-menu > li .mega-menu-container { display: none; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a:hover:before { width: 50px; height: 2px; transition: 0.5s ease; } header .main-navbar .nav-menu > li:hover .nav-submenu { display: block; } header .main-navbar .nav-menu > li:hover .mega-menu-container { display: block; } header .sidenav .sidebar-menu li a .sub-arrow { position: absolute; top: 50%; margin-top: -22px; left: auto; right: 7px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; border-radius: 4px; } header .sidenav .sidebar-menu li a .sub-arrow:before { content: ""; font-family: FontAwesome; position: absolute; } header .sidenav .sidebar-menu li > ul { display: none; } header .sidenav .sidebar-menu li > ul li a { padding: 5px 35px; text-transform: capitalize; } header .sidenav .sidebar-menu li > ul li a:before { position: absolute; bottom: 0; content: ""; height: 2px; width: 0; background-color: var(--theme-deafult); transition: 0.5s ease; } header .sidenav .sidebar-menu li > ul li a:hover:before { width: 50px; height: 2px; transition: 0.5s ease; } header .sidenav .sidebar-menu li > ul li a .sub-arrow { margin-top: -17px; } header .sidenav .sidebar-menu li:hover > ul { display: block; } header .sidenav .sidebar-menu li .mega-menu { position: absolute; left: 100%; width: 815px !important; padding: 15px 30px 25px !important; background-color: #ffffff; box-shadow: 0 0 1px 0 #ebebeb; } header .sidenav .sidebar-menu li .mega-menu li .link-section h5 { font-weight: 700; text-transform: capitalize; font-size: 14px; margin-top: 15px; } header .sidenav .sidebar-menu li .mega-menu li .link-section ul { position: relative; width: 100%; left: inherit; display: block; padding: 0; } header .sidenav .sidebar-menu li .mega-menu li .link-section ul li a { padding: 5px 0; } header .sidenav .sidebar-menu li .mega-menu li .link-section ul li a:before { position: absolute; bottom: 0; content: ""; height: 2px; width: 0; background-color: var(--theme-deafult); transition: 0.5s ease; } header .sidenav .sidebar-menu li .mega-menu li .link-section ul li a:hover:before { width: 50px; height: 2px; transition: 0.5s ease; } header .sidenav .sidebar-menu li .mega-menu li .mega-menu-banner { padding: 0; } header .sidenav .pixelstrap li a { padding: 10px 50px 20px 40px; } header .sidenav .pixelstrap li ul li a { padding: 5px 35px; } header .sidenav .pixelstrap li ul li a:active, header .sidenav .pixelstrap li ul li a:focus, header .sidenav .pixelstrap li ul li a.highlighted { padding: 5px 35px; } header .sidenav .pixelstrap li .clothing-menu li a { padding: 5px 0 !important; } header .sidenav .pixelstrap li .clothing-menu li a:focus { font-size: 14px; } header .sidenav .pixelstrap li .clothing-menu li a:hover { font-size: 14px; padding: 5px 0; } header .sidenav .pixelstrap li .clothing-menu li a:focus, header .sidenav .pixelstrap li .clothing-menu li a:hover { padding: 5px 0 !important; } .toggle-nav { display: none; } .mobile-back { display: none !important; } .main-nav-center > nav { text-align: center; } .main-nav-center .sm { display: inline-block; vertical-align: middle; } .main-nav-center .sm > li .lable-nav { top: 3px; } .main-nav-center .sm > li > a { padding-top: 20px; padding-bottom: 20px; } .layout3-menu .pixelstrap a { text-transform: capitalize; padding-right: 34px; letter-spacing: 0.04em; } .layout3-menu .pixelstrap .sub-arrow { right: 12px; } .rtl header .main-navbar .nav-menu > li .nav-submenu li a:before { right: 35px; } .rtl header .main-navbar .nav-menu > li .nav-submenu li a:hover:before { right: 35px; } .rtl header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu { right: unset; left: -200px; } .rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a:before { right: 0; } .rtl header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a:hover::before { right: 0; } .rtl .mega .full-mega-menu { float: left !important; left: 50% !important; right: auto !important; } .rtl .mega .full-mega-menu.center-mega-menu { margin-right: 0 !important; margin-left: 0 !important; left: unset !important; right: 50% !important; } .rtl .layout3-menu .light-font-menu li > a, .rtl .layout3-menu .light-font-menu li > a:hover, .rtl .layout3-menu .light-font-menu li > a:active { padding-right: 0; padding-left: 28px; } .rtl .layout3-menu .light-font-menu .sub-arrow { left: -5px; right: auto; } .rtl .sidenav .sidebar-back i { float: left; } .rtl header.header-5 .top-header .header-dropdown > li:last-child { padding: 15px 25px; padding-left: 0; } } @media (max-width: 1440px) { .rtl .pixelstrap .mega .full-mega-menu { margin-left: 0 !important; margin-right: 162px !important; } .rtl .pixelstrap .mega .full-mega-menu.layout-3 { margin-right: 0 !important; } } @media (max-width: 1367px) { .nav-menu a { font-size: 14px !important; } } @media (max-width: 1199px) { header .main-navbar .nav-menu { position: fixed; background-color: #fff; width: 300px; border-radius: 0; border: 1px solid #eee; top: 0; height: 100vh; right: -300px; z-index: 99; transition: all 0.3s ease; overflow: scroll; } header .main-navbar .nav-menu.opennav { right: 0; } header .main-navbar .nav-menu .back-btn { display: block; width: 100%; } header .main-navbar .nav-menu .back-btn .mobile-back { padding: 20px; font-size: 18px; color: #222222; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #efefef; cursor: pointer; display: flex; justify-content: flex-end; align-items: center; } header .main-navbar .nav-menu > li { display: block; float: none; width: 100%; } header .main-navbar .nav-menu > li a { padding: 10px 15px; font-size: 16px; font-weight: 700; position: relative; } header .main-navbar .nav-menu > li a .sub-arrow { right: 0; } header .main-navbar .nav-menu > li a .sub-arrow:before { content: "+"; font-family: inherit; position: relative; } header .main-navbar .nav-menu > li a .lable-nav { left: 15px; top: -8px; } header .main-navbar .nav-menu > li .nav-submenu { width: 100%; padding: 0; position: relative; display: none; } header .main-navbar .nav-menu > li .nav-submenu.opensubmenu { display: block; } header .main-navbar .nav-menu > li .nav-submenu li a { text-transform: uppercase; } header .main-navbar .nav-menu > li .nav-submenu li a .sub-arrow { right: 0; } header .main-navbar .nav-menu > li .nav-submenu li a .sub-arrow:before { content: "+"; font-family: inherit; position: relative; } header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu { display: none; position: relative; right: 0; width: 100%; padding: 0; background: rgba(255, 85, 69, 0.04); } header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu.opensubchild { display: block; } header .main-navbar .nav-menu > li .nav-submenu li .nav-sub-childmenu li a { padding: 5px 35px 5px 50px; } header .main-navbar .nav-menu > li .mega-menu-container { display: none; padding: 0 30px; } header .main-navbar .nav-menu > li .mega-menu-container.opensubmenu { display: block; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box { width: 100%; padding: 0; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-title h5 { margin-bottom: 0; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-title h5 .sub-arrow { font: bold 16px/34px monospace !important; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-title h5 .sub-arrow:before { content: "+"; position: absolute; right: -16px; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content { display: none; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content.opensubmegamenu { display: block; padding: 0 15px; } header .main-navbar .nav-menu > li .mega-menu-container .mega-box .link-section .menu-content ul li a { line-height: 1.7; } header.header-gym .main-navbar .nav-menu > li > a { color: black; padding-top: 10px; padding-bottom: 10px; } header .sidenav .sidebar-menu li a { padding: 10px 25px; font-weight: 700; } header .sidenav .sidebar-menu li a .sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 15px; width: 34px; height: 34px; overflow: hidden; font: bold 16px/34px monospace !important; text-align: center; text-shadow: none; border-radius: 4px; } header .sidenav .sidebar-menu li a .sub-arrow:before { content: "+"; font-family: inherit; position: relative; } header .sidenav .sidebar-menu li ul { position: relative; left: 0; width: 100%; display: none; padding: 5px 0; } header .sidenav .sidebar-menu li ul.opensub1 { display: block; } header .sidenav .sidebar-menu li ul li a { font-size: 12px; font-weight: 400; } header .sidenav .sidebar-menu li ul li ul { display: none; background: rgba(255, 85, 69, 0.04); } header .sidenav .sidebar-menu li ul li ul.opensub2 { display: block; } header .sidenav .sidebar-menu li ul li ul li a { padding: 5px 45px; } header .sidenav .sidebar-menu li ul li ul li ul { display: none; background: rgba(255, 85, 69, 0.04); } header .sidenav .sidebar-menu li ul li ul li ul.opensub3 { display: block; } header .sidenav .sidebar-menu li ul li ul li ul li ul { display: none; } header .sidenav .sidebar-menu li ul li ul li ul li ul.opensub4 { display: block; } header .sidenav .sidebar-menu li .mega-menu { width: 100% !important; padding: 0 30px !important; position: relative; display: none; left: 0; } header .sidenav .sidebar-menu li .mega-menu.opensidesubmenu { display: block; } header .sidenav .sidebar-menu li .mega-menu .link-section h5 { font-weight: 700; font-size: 14px; text-transform: capitalize; } header .sidenav .sidebar-menu li .mega-menu .link-section ul { display: block; padding: 0; background: #fff; } header .sidenav .sidebar-menu li .mega-menu .link-section ul li a { padding: 5px 0px 5px 10px !important; font-size: 12px; font-weight: 400; } header .sidenav .sidebar-menu li .mega-menu .mega-menu-banner { padding: 5px 0; } header .sidenav .sidebar-menu li .mega-menu .mega-menu-banner img { padding: 20px 0 0; } .header-2 .main-navbar .nav-menu > li > a { padding-top: 10px; padding-bottom: 10px; } .mega-box .link-section .demo ul li a span img { top: 30px; right: -60px; } .mega-box.col { flex-basis: unset; } .sidenav { overflow-y: auto; } .main-menu.border-section { border: none; } .main-menu .menu-left .main-menu-right .toggle-nav { position: absolute; z-index: 2; right: 145px; top: 6px; } .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name { font-size: 18px; padding-left: 5px; text-transform: uppercase; } .main-nav-center .toggle-nav { position: absolute; z-index: 99; right: 175px; top: -105px; } .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav { right: unset; top: -1px; } .rtl .mega-box .link-section .demo ul li a span img { left: -70px; } .rtl .pixelstrap a .sub-arrow { right: unset; left: 0; } .rtl .pixelstrap li .lable-nav { left: unset; right: 15px; } .rtl .pixelstrap li .lable-nav:before { left: unset; right: 5px; } } @media (max-width: 991px) { .top-header .header-contact { display: none; } } @media (min-width: 578px) { .main-menu .menu-right .icon-nav .mobile-search i, .main-menu .menu-right .icon-nav .mobile-cart i, .main-menu .menu-right .icon-nav .mobile-setting i { display: none; } .main-menu .menu-right .icon-nav .mobile-search .close-circle i, .main-menu .menu-right .icon-nav .mobile-cart .close-circle i, .main-menu .menu-right .icon-nav .mobile-setting .close-circle i { display: block; } .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i { display: inline-block; } } @media (max-width: 577px) { .top-header { height: 0; } .main-nav-center .toggle-nav { right: 15px; top: -85px; } .mobile-fix-option { position: fixed; bottom: 0; left: 0; height: 60px; background-color: #333333; width: 100vw; z-index: 9; box-shadow: 0 2px 5px 0 #a8a8a8; } .header-5 .top-header .header-dropdown .mobile-wishlist img, .header-5 .top-header .header-dropdown .mobile-account img { filter: brightness(5); } .header-5 .main-menu .brand-logo { margin: 0; left: 0; transform: unset; } .top-header .header-dropdown .mobile-account, .top-header .header-dropdown .mobile-wishlist { position: fixed; bottom: 20px; right: 16%; font-size: 0; padding: 0; z-index: 9; } .top-header .header-dropdown .mobile-account i, .top-header .header-dropdown .mobile-wishlist i { font-size: 22px; font-family: themify; color: #999999; } .top-header .header-dropdown .mobile-account i:before, .top-header .header-dropdown .mobile-wishlist i:before { content: ""; } .top-header .header-dropdown .mobile-account .onhover-show-div, .top-header .header-dropdown .mobile-wishlist .onhover-show-div { top: unset; bottom: 42px; right: 0; } .top-header .header-dropdown .mobile-account:hover i, .top-header .header-dropdown .mobile-wishlist:hover i { color: #999999; } .top-header .header-dropdown .mobile-wishlist { right: 60%; } .top-header .header-dropdown .mobile-wishlist i { font-family: themify; color: #999999 !important; } .top-header .header-dropdown .mobile-wishlist i:before { content: ""; } .main-menu .menu-left.category-nav-right .navbar { padding-left: 0 !important; } .main-menu .menu-left .navbar { padding: 30px 45px 30px 0 !important; } .main-menu .menu-right .icon-nav .mobile-setting, .main-menu .menu-right .icon-nav .mobile-cart, .main-menu .menu-right .icon-nav .mobile-search { position: fixed; bottom: 20px; right: 38%; font-size: 0; padding: 0; } .main-menu .menu-right .icon-nav .mobile-setting .show-div, .main-menu .menu-right .icon-nav .mobile-cart .show-div, .main-menu .menu-right .icon-nav .mobile-search .show-div { top: -58px; left: 0; } .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart, .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart { top: unset; bottom: 42px; left: -118px !important; display: none; } .main-menu .menu-right .icon-nav .mobile-setting i { display: inline-block; font-size: 22px; color: #999999; } .main-menu .menu-right .icon-nav .mobile-setting > div img { display: none; } .main-menu .menu-right .icon-nav .mobile-setting .setting { top: unset; bottom: 42px; left: unset !important; } .main-menu .menu-right .icon-nav .mobile-cart { right: 40%; } .main-menu .menu-right .icon-nav .mobile-cart .close-circle i { font-size: 14px; } .main-menu .menu-right .icon-nav .mobile-cart i { display: inline-block; font-size: 22px; color: #999999; } .main-menu .menu-right .icon-nav .mobile-cart > div img { display: none; } .main-menu .menu-right .icon-nav .mobile-search { right: 80%; z-index: 1; } .main-menu .menu-right .icon-nav .mobile-search i { display: inline-block; font-size: 22px; color: #999999; } .main-menu .menu-right .icon-nav .mobile-search img { display: none; } .main-menu .menu-right .icon-nav .mobile-search .show-div .form-group { margin-bottom: 0; } .main-menu .menu-right .icon-nav .mobile-search .show-div .form-inline button i { font-size: 14px; } .brand-logo { position: absolute; left: 50%; margin-right: -50%; transform: translateX(-50%); padding-top: 30px !important; padding-bottom: 30px !important; } .toggle-nav { padding-top: 30px; padding-bottom: 30px; } .rtl .main-nav-center .toggle-nav { right: unset; left: 15px; } .rtl .main-menu .menu-right .icon-nav .mobile-setting, .rtl .main-menu .menu-right .icon-nav .mobile-cart, .rtl .main-menu .menu-right .icon-nav .mobile-search { right: unset; left: 16%; } .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div, .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div, .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div { left: unset; right: 0; } .rtl .main-menu .menu-right .icon-nav .mobile-setting .show-div.shopping-cart, .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart, .rtl .main-menu .menu-right .icon-nav .mobile-search .show-div.shopping-cart { left: unset !important; right: -118px !important; } .rtl .main-menu .menu-right .icon-nav .mobile-setting .setting { left: unset !important; } .rtl .main-menu .menu-right .icon-nav .mobile-cart { right: unset; left: 48%; } .rtl .main-menu .menu-right .icon-nav .mobile-search { right: unset; left: 80%; } .rtl .main-menu .menu-left .navbar { padding: 30px 0 30px 25px !important; } .rtl .top-header .header-dropdown .mobile-account, .rtl .top-header .header-dropdown .mobile-wishlist { right: unset; left: 32%; } .rtl .top-header .header-dropdown .mobile-account .onhover-show-div, .rtl .top-header .header-dropdown .mobile-wishlist .onhover-show-div { right: 0; } .rtl .top-header .header-dropdown .mobile-wishlist { right: unset; left: 64%; } .rtl .layout3-menu .brand-logo { left: unset; } } @media (max-width: 480px) { .brand-logo img { height: 25px; } } /*===================== 24.Responsive CSS start ==========================*/ @media (min-width: 1430px) { .container { max-width: 1400px; } } @media (max-width: 1430px) { .left-header .top-header { padding-left: 0; } .left-header .top-header .header-contact { display: none; } .left-header .sidenav { left: -300px; } .left-header .sidenav.open-side { left: 0; } .left-header .sidenav .sidebar-back { display: block; color: black; border-bottom: 1px solid #1a1b2d; } .left-header .sidenav .brand-logo { display: none; } .left-header .sidenav .left-sidebar_center { padding: 0 0 25px 25px; } .left-header .main-menu .menu-left .navbar { display: block; } .left-header .main-menu .menu-left .mobile-logo { display: block; border: none; } .left-header .search-overlay { padding-left: 0; } .left-sidebar_space { padding-left: 0; } .banner-slider .height-banner { height: unset; } .pet-parallax .pet-decor { left: 60px; bottom: -125px; } .pet-parallax .pet-decor img { width: 240px; } .tools_slider .home-slider .slider-contain { margin-left: 80px; } .tools_slider .home-slider .home .tools-parts img, .tools_slider .home-slider .home .tools-parts1 img { width: 250px; } .tools_slider .home-slider .home .tools-parts { right: 0; } .tools_slider .home-slider .home .tools-parts1 { right: 10%; } .tools_slider .home-slider .home #tools-move2 { right: 7%; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count { width: 100%; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-view { width: 20%; padding-right: 0 !important; border-left: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view { padding: 20px !important; padding-left: 0 !important; width: 20%; border-left: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child { display: none; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { border-right: 1px solid #dddddd; width: 30%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view { width: 30%; } .collection-product-wrapper .product-top-filter .popup-filter .collection-view { width: 10%; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view { width: 25%; } .cart-section .cart-buttons > div:last-child { padding-right: 38px; } .cart-section tbody tr td { min-width: 175px; } .cart-section tbody tr td .qty-box .input-group .form-control { width: 75px; } .cart-section tfoot tr td { padding-right: 41px; } .product-right .product-icon .product-social li { padding-right: 10px; } .product-form-box .timer { padding-left: 17px; } .product-form-box .timer span { width: 55px; } .rtl .cart-section .cart-buttons > div:last-child, .rtl .wishlist-section .cart-buttons > div:last-child { padding-left: 41px; } .rtl .collection-product-wrapper .product-filter-content .collection-view { border-left: none; border-right: 1px solid #dddddd; } .rtl .collection-product-wrapper .product-filter-content .product-page-filter { border-left: 1px solid #dddddd; border-right: none; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count { border-right: 1px solid #dddddd; padding-right: 20px; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5 { text-align: center; } .rtl .product-right .product-icon .product-social li { padding-left: 10px; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .collection-view { border-color: #404040; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { border-color: #404040; } } @media (max-width: 1430px) and (min-width: 1368px) { .banner-timer .timer { margin-top: 45px; } } @media (max-width: 1430px) and (min-width: 1200px) { .layout3-menu { max-width: 100%; } .layout3-menu .main-menu .menu-left .navbar { padding: 40px 10px 40px 0; } .layout3-menu .pixelstrap > a { padding-right: 38px; } .portfolio-section.metro-section .product-box .cart-wrap a i { padding: 5px; } .portfolio-section.metro-section .product-box .cart-wrap i { font-size: 14px; } .portfolio-section.metro-section .product-box .cart-wrap button i { padding: 5px; } .rtl .layout3-menu .main-menu .menu-left .navbar { padding: 40px 0 40px 35px; } } @media (max-width: 1367px) { h2 { font-size: 32px; } .title1 .title-inner1 { padding-bottom: 10px; } .title1 .title-inner1:after { height: 2px; } .title3 .line { height: 3px; } .title3 .line:after, .title3 .line:before { height: 3px; } .title3 .title-inner3 { margin-bottom: 10px; } .title4 .title-inner4 { padding-bottom: 15px; } hr.style1 { height: 1px; margin-top: 7px; margin-bottom: 7px; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next { transform: scale(1.8); left: 15px; } .home-slider:hover .owl-next { right: 15px; left: unset; } .product-box .product-detail .rating i, .product-box .product-info .rating i, .product-wrap .product-detail .rating i, .product-wrap .product-info .rating i { padding-right: 0; } .blog-details h4 { margin-top: 20px; } .blog-details p { font-size: 16px; } .category-bg .image-block.even:after { bottom: 91%; } .category-bg .contain-block h2 { font-size: 30px; } .category-bg .contain-block.even:after { top: 91%; } .category-bg .contain-block .category-btn { margin-bottom: 20px; margin-top: 20px; } .category-bg .contain-block:after { bottom: 91%; } .service-block h4 { font-size: 16px; margin-bottom: 5px; } .banner-timer { background-position: right; } .banner-timer .banner-text h2 { font-size: 28px; } .collection-product-wrapper .product-wrapper-grid .product-five { flex: 0 0 33.33%; max-width: 33.33%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .subscribe-form .form-control { width: 215px; } .full-banner .banner-contain h2 { font-size: 90px; } .full-banner .banner-contain h3 { font-size: 55px; } .full-banner .banner-contain h4 { font-size: 24px; padding-top: 8px; } .full-banner .banner-contain .color { padding-top: 0; } .collection-banner .contain-banner.banner-3 { padding-left: 45px; padding-right: 45px; } .collection-banner .contain-banner.banner-3 h2 { font-size: 30px; } .collection-banner .contain-banner.banner-4 { padding-left: 45px; padding-right: 45px; } .collection-banner .contain-banner.banner-4 h2 { font-size: 28px; } .collection-banner .contain-banner h2 { font-size: 55px; letter-spacing: 0.01em; } .collection-banner .contain-banner h4 { letter-spacing: 0.01em; } .footer-theme2 .contact-details li { padding: 0 40px; } .footer-theme2 .footer-mobile-title { display: none !important; } .footer-theme .sub-title h4 { font-size: 16px; } .footer-theme .sub-title .contact-list li { line-height: 20px; } .footer-theme .sub-title .contact-list i { top: 17px; } .theme-card .offer-slider .media .media-body h4 { margin-top: 10px; } .theme-card .offer-slider .media .media-body a h6 { margin-right: 50px; } .full-box .theme-card .offer-slider .product-box2 .media .media-body a h6 { margin-right: 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 160px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li { margin-top: 15px; } .blog-page .blog-media .blog-right h4 { line-height: 1.2; margin-bottom: 10px; } .blog-page .blog-media .blog-right h6 { margin-bottom: 5px; } .blog-page .blog-media .blog-right ul { margin-bottom: 10px; } .blog-page .blog-media .blog-right p { line-height: 1.4; } .pro_sticky_info { padding: 10px; } .is_stuck { margin-top: 30px; } } @media (min-width: 1200px) { .rtl .offset-xl-1 { margin-right: 8.33333333%; margin-left: unset; } } @media (max-width: 1199px) { section, .section-t-space { padding-top: 60px; } .form_search { display: none; } .header-6 .mobile-search { display: inline-block; } .header-gym .sm-horizontal > li > a { color: #000000; padding: 10px 15px !important; } .header-gym .sm-horizontal > li > a:hover, .header-gym .sm-horizontal > li > a:focus, .header-gym .sm-horizontal > li > a.active { padding: 10px 15px !important; color: #000000; } .header-gym .toggle-nav { padding-top: 20px; padding-bottom: 20px; } .header-gym .main-navbar .nav-menu > li > a .lable-nav { top: -8px; } header.header-tools .toggle-nav { padding-top: 25px; padding-bottom: 25px; } header.header-tools .pixelstrap > li > a { padding: 10px 15px; } header.header-tools .pixelstrap > li > a:hover, header.header-tools .pixelstrap > li > a:active, header.header-tools .pixelstrap > li > a:focus, header.header-tools .pixelstrap > li > a.highlighted { padding: 10px 15px; } header.header-tools .pixelstrap li .lable-nav { top: 5px; } header.header-tools .main-navbar .nav-menu > li > a { padding: 10px 15px !important; } .banner-tools { display: none; } .tab-left .theme-tab { display: block; } .tab-left .theme-tab .left-side { width: 100%; } .tab-left .theme-tab .left-side li { width: unset; border-bottom: none; padding: 0 5px; } .tab-left .theme-tab .left-side li:first-child { border-top: none; } .tab-left .theme-tab .left-side .tab-title { margin-right: 0; text-align: center; } .tab-left .theme-tab .tab-content-cls { width: 100%; } .tab-left .theme-tab .tab-content-cls .no-slider .product-box:last-child { margin-top: 30px; } .tools_product .multiple-slider .theme-tab .no-slider .product-box:last-child { margin-top: 30px; } .tools-parallax-product.full-banner { padding-top: 90px; padding-bottom: 90px; } .tools-parallax-product .tools-description h3 { font-size: 17px; } .about-text p { margin-bottom: 25px; } .gym-product .part-cls > div:nth-last-child(-n+2) .product-box { margin-top: 30px; } .gym-product .partition-cls > div:nth-child(-n+4) { margin-bottom: 0; } .gym-product .partition-cls > div .product-box { margin-top: 30px; } .gym-product .partition-cls > div:nth-child(-n+2) .product-box { margin-top: 0; } .footer-social { margin-top: 25px; } .section-b-space { padding-bottom: 60px; } .partition1 { margin-bottom: -25px; } .partition1 > div { margin-bottom: 25px; } .title1 h4 { padding-bottom: 8px; } .title1 .title-inner1 { padding-bottom: 12px; margin-bottom: 25px; } .title2 h4 { padding-bottom: 8px; } .title2 .title-inner2 { margin-bottom: 25px; } .title3 h4 { padding-bottom: 8px; } .title3 .title-inner3 { margin-bottom: 10px; } .title3 .line { margin-bottom: 25px; } .title4 .title-inner4 { padding-bottom: 15px; } .title4 .line { margin-bottom: 25px; } .title-borderless { margin-bottom: 25px; } .padding-bottom-cls { padding-bottom: 30px; } .banner-timer .timer { padding-top: 12px; padding-bottom: 12px; padding-left: 30px; bottom: 8px; margin-top: 38px; } .footer-social li { padding-right: 38px; } .footer-theme2 p { line-height: 25px; } .footer-theme2 .subscribe-block { padding: 10px 70px; } .footer-theme2 .footer-mobile-title { display: none !important; } .footer-theme2 .contact-details li { line-height: 25px; padding: 0 10px; } .footer-theme2 .footer-link li { padding-right: 25px; } .footer-theme2.section-light .footer-block .subscribe-white { padding: 50px; } .social-white li { padding-left: 12px; padding-right: 12px; } .service-block svg, .service-block1 svg { width: 50px; height: 50px; } .service-block1 svg { margin-bottom: 15px; } .no-slider .product-box { flex: 0 0 33.33%; max-width: calc(33.33% - 30px); margin: 0 15px 30px; } .theme-tab .tab-title2 { font-size: 22px; } .theme-tab .tab-title2:after { top: 17px; } .theme-tab .tab-content .product-tab .tab-box { flex: 0 0 50%; max-width: calc(50% - 10px); } .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+2) { margin: 0 5px 0; } .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+4) { margin: 0 5px 10px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 280px; } .full-banner .banner-contain h2 { font-size: 85px; } .full-banner .banner-contain h3 { font-size: 50px; } .full-banner .banner-contain h4 { font-size: 22px; padding-top: 5px; } .collection-banner .contain-banner.banner-3 { padding-left: 35px; padding-right: 35px; } .collection-banner .contain-banner.banner-3 h2 { font-size: 25px; } .collection-banner .contain-banner.banner-3 h4 { font-size: 12px; } .collection-banner .contain-banner.banner-4 { padding-left: 35px; padding-right: 35px; } .collection-banner .contain-banner.banner-4 h2 { font-size: 24px; } .collection-banner .contain-banner.banner-4 h4 { font-size: 16px; } .collection-banner .contain-banner h2 { font-size: 40px; } .home-slider .home { height: 39vh; } .home-slider .slider-contain { height: 70vh; } .home-slider .slider-contain h1 { font-size: 50px; } .background .contain-bg { padding-top: 30px; padding-bottom: 30px; } .theme-card .offer-slider .media .media-body a h6 { margin-right: 20px; } .theme-card .offer-slider .media .media-body .rating i { padding-right: 3px; } .theme-card.card-border .offer-slider { padding-top: 0; padding-bottom: 0; } .full-box .theme-card .offer-slider img { padding: 15px 0 15px 0; } .full-box .theme-card .offer-slider .product-box2 .media img { height: 250px; } .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant { margin-top: 5px; } .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li { margin-top: 5px; } .pet-parallax .pet-decor { left: 45px; bottom: -105px; } .pet-parallax .pet-decor img { width: 200px; } .home-slider.fullpage .home .slider-contain h1 { font-size: 35px; } .home-slider.fullpage .home .slider-contain p { max-width: 450px; font-size: 14px; } .home-slider.fullpage .home .slider-contain .btn-solid { padding: 10px 15px; } .about-section h2 { font-size: 22px; } .about-section .about-text p { line-height: 24px; } .about-section .service .service-block1 svg { margin-bottom: 5px; } .about-section .service .service-block1 h5 { line-height: 18px; } .about-section .small-section { padding-top: 20px; } .layout7-product .product-box .details-product { background-color: rgba(255, 255, 255, 0.5); padding: 5px; } .padding-bottom-cls { padding-bottom: 30px; } .layout-8 { padding: 0 40px; } .blog-detail-page .comment-section li { padding-top: 45px; padding-bottom: 45px; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count { width: 100%; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-view { width: 20%; padding-right: 0 !important; border-left: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view { padding: 20px !important; padding-left: 0 !important; width: 20%; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view ul li:last-child { display: none; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { width: 30%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view { width: 30%; } .testimonial .testimonial-slider .media .media-body { padding: 30px; } .testimonial .testimonial-slider .media .media-body p { line-height: 1.5; } .search-product > div:nth-last-child(1), .search-product > div:nth-last-child(2), .search-product > div:nth-last-child(3) { margin-top: 30px; } .cart-section tbody tr td { min-width: 140px; } .cart-section tbody tr td .qty-box .input-group .form-control { width: 52px; } .cart-section tfoot tr td { padding-right: 25px; } .blog-page .blog-media { margin-bottom: 20px; } .blog-page .blog-media .blog-right { display: block; margin-top: 15px; } .blog-page .blog-media .blog-right p { line-height: 1.3; } .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .category-list li:first-child { margin-top: 15px; } .collection-filter-block .product-service .media .media-body h4 { font-size: 16px; } .product-right h2 { font-size: 20px; } .tab-product .tab-content.nav-material .single-product-tables table { width: 50%; } .product-description-box .border-product { padding-top: 10px; padding-bottom: 15px; } .product-description-box .product-icon .product-social li { padding-right: 4px; } .product-description-box .product-icon .wishlist-btn span { padding-left: 4px; } .product-form-box .border-product { padding-top: 10px; padding-bottom: 15px; } .product-form-box .timer { padding-left: 17px; } .product-form-box .timer span { width: 55px; } .product-form-box .product-buttons .btn-solid, .product-form-box .product-buttons .btn-outline { padding: 5px 5px; } .product-accordion .single-product-tables table { width: 70%; } .tab-product .flex-column { flex-direction: unset !important; justify-content: center; } .tab-product .nav-material .nav-tabs { border-bottom: 1px solid #dddddd; border-right: 0; } .tab-product .nav-material .nav-tabs .nav-item .nav-link.active { background-color: unset; } .tab-border { padding-top: 0; } .timer span { width: 60px; } .rtl header .sidenav .sidebar-menu li a .sub-arrow { right: auto; left: 15px; } .rtl .tab-left .theme-tab .left-side .tab-title { text-align: center; margin-left: 0; } .rtl .cart-section .cart-buttons > div:last-child, .rtl .wishlist-section .cart-buttons > div:last-child { padding-left: 17px; } .rtl .tab-border .nav-border { border-left: none; } .rtl .collection-product-wrapper .product-filter-content .collection-view { padding-right: 20px !important; } .rtl .footer-social li { padding-right: 0; padding-left: 38px; } .rtl .footer-theme2 .social-white li { padding-left: 12px; padding-right: 12px; } .dark .sm-horizontal { background-color: #2b2b2b; border-color: #404040; } .dark .sm-horizontal .mobile-back { border-color: #404040; color: #e7eaec; } .dark .sm-horizontal.pixelstrap ul { background-color: #2b2b2b; } .dark .tab-product .nav-material.nav-tabs { background-color: #2b2b2b; } .dark header.left-header .pixelstrap ul { background-color: #232323; } .dark header.header-gym .main-navbar .nav-menu { background-color: #2b2b2b; } .dark header.header-gym .main-navbar .nav-menu > li > a { color: white; } .dark header .main-navbar .nav-menu { border-color: rgba(255, 255, 255, 0.17); } .dark header .main-navbar .nav-menu .back-btn .mobile-back { border-color: rgba(255, 255, 255, 0.17); } } @media (max-width: 991px) and (min-width: 767px) { .partition-f > div + div + div { margin-top: 30px; } .lookbook .lookbook-block .lookbook-dot .dot-showbox { width: 80px; } .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 { line-height: 15px; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline { margin-bottom: 145px; } .home-slider .slider-contain h2 { font-size: 30px; letter-spacing: 3px; text-shadow: 5px 1px 4px #000; } } @media (min-width: 992px) { .rtl .service_slide .service-home .offset-lg-2 { margin-right: 16.6666666667%; margin-left: 0; } } @media (max-width: 991px) { .main-nav-center .toggle-nav { top: -92px; } .service_slide .service-home { position: relative; } .service_slide .service-home .service-block1 { padding: 0; } .service_slide .partition4 > div + div { margin-top: 0; } .service_slide .partition4 > div + div + div { margin-top: 30px; } footer.footer-5 .footer-theme2 .subscribe-block { border-left: none; border-right: none; } .tools-parallax-product .tools-description h3 { text-align: center; } .tools-parallax-product .tools-description .tools-form { text-align: center; } .tools-parallax-product .tools-description .tools-form .search-box { margin: 20px auto 20px; } .tools-parallax-product .tools-description .tools-form .btn-find { background-size: 1100px; } .tools-parallax-product .tools-grey { order: -1; margin-bottom: 30px; } .tools-parallax-product.full-banner { padding-top: 75px; padding-bottom: 75px; } .tools_slider .home-slider .slider-contain { margin-left: 40px; } .tools_slider .home-slider .home .tools-parts, .tools_slider .home-slider .home .tools-parts1 { margin-top: -30px; } .tools_slider .home-slider .home .tools-parts img, .tools_slider .home-slider .home .tools-parts1 img { width: 180px; } .tools_slider .home-slider .home .tools-parts { right: 0; } .tools_slider .home-slider .home .tools-parts1 { right: 10%; } .tools_slider .home-slider .home #tools-move2 { right: 7%; } .tools_slider .home-slider .slider-contain { margin-top: 0; } .header-tools { position: relative; top: 0; background-color: white; } .header-tools .top-header { background-color: #ff4c3b; } .header-tools .top-header .container { background-color: transparent; } .header-tools .logo-menu-part { background-color: white; border-bottom: none; } .tools_product .multiple-slider > div:nth-child(-n+2) { margin-bottom: 0; } .tools_product .tools-grey { margin-top: 30px; } .tools_product .banner-tools { margin-left: 10px; margin-right: 10px; } .about-text p { line-height: 24px; } .tools-service .service-block + .service-block { border-left: none; } .tools-service .service-block svg, .tools-service .service-block img, .tools-service .service-block1 svg, .tools-service .service-block1 img { margin-bottom: 0; } .pet-parallax .pet-decor { left: 34px; bottom: -86px; } .pet-parallax .pet-decor img { width: 165px; } .pet-parallax .banner-contain p { max-width: 100%; } .img-zoom-lens { display: none; } .img-zoom-result { display: none; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { border-right: 1px solid #ddd; } .rtl .product-right * { text-align: center !important; justify-content: center !important; } .rtl .product-right *.size-text { text-align: right !important; } .rtl .rtl-text .product-right .color-variant { text-align: center !important; } h2 { font-size: 28px; } section, .section-t-space { padding-top: 50px; } .section-b-space { padding-bottom: 50px; } .small-section { padding: 30px 0; } .br[_ngcontent-c25] { margin: 3px 0 15px 0 !important; } .product-full-tab { padding-top: 50px !important; } hr.style1 { margin-top: 12px; margin-bottom: 12px; } h4 { font-size: 16px; } .service_slide .home-slider .slider-contain { height: 65vh; } .service_slide .home-slider .slider-contain h4 { font-size: 40px; } .blog-details h4 { margin-top: 17px; font-size: 13px; } .blog-details p { font-size: 15px; line-height: 1.3; margin-top: 10px; } .service-block svg { margin-bottom: 20px; height: auto; width: 46px; } .service-block img { margin-bottom: 20px; } .partition_3 > div + div { margin-top: 30px; } .partition4 > div + div + div { margin-top: 30px; } .onhover-div .show-div { top: 80px; } .main-menu .brand-logo { padding-top: 25px; padding-bottom: 25px; } .main-menu .menu-left .navbar { padding: 25px 45px 25px 0; } .banner-timer .banner-text h2 { font-size: 20px; } .banner-timer .timer span { width: 65px; } .banner-timer .timer p { font-size: 14px; } .about-text p { line-height: 24px; } .footer-light .subscribe { text-align: center; justify-content: center; border: none; margin-bottom: 5px; } .footer-light .subscribe p { display: none; } .footer-light .subscribe-form { justify-content: center; margin-bottom: 0; } .footer-theme .col { max-width: 50%; flex-basis: unset; } .footer-theme .footer-logo { margin-bottom: 30px; } .footer-theme .sub-title h4 { margin-bottom: 10px; } .footer-social { margin-top: 15px; } .subscribe-wrapper { order: 0; padding-top: 20px; padding-bottom: 20px; } .footer-theme2 .footer-mobile-title { display: none !important; } .footer-theme2 h4 { padding-bottom: 10px; } .footer-theme2 .col { flex-basis: unset; padding: 20px 0; } .footer-theme2.section-light .footer-block h4 { padding-bottom: 15px; } .footer-theme2.section-light .footer-block .subscribe-white { border: none; } .footer-theme2 .footer-logo { margin-bottom: 20px; } .footer-theme2 .subscribe-block { border: none; } .social-white li { padding-left: 10px; padding-right: 10px; } .category-border div .category-banner .category-box h2 { padding: 5px 15px; font-size: 30px; } .no-slider .product-box { flex: 0 0 50%; max-width: calc(50% - 30px); margin: 0 15px 30px !important; } .no-slider .product-box:nth-last-child(-n+2) { margin: 0 15px 0 !important; } .full-banner { padding-top: 180px; padding-bottom: 180px; } .full-banner.parallax-layout { padding-top: 180px; padding-bottom: 180px; } .full-banner .banner-contain h2 { font-size: 60px; } .full-banner .banner-contain h3 { font-size: 35px; } .full-banner .banner-contain h4 { font-size: 20px; /*padding: 7px 25px; background-color: $black;*/ } .collection-banner .contain-banner { padding-left: 60px; padding-right: 60px; } .collection-banner .contain-banner.banner-3 { padding-left: 30px; padding-right: 30px; } .collection-banner .contain-banner.banner-3 h2 { font-size: 20px; } .collection-banner .contain-banner.banner-4 { padding-left: 40px; padding-right: 40px; } .collection-banner .contain-banner.banner-4 h2 { font-size: 18px; } .collection-banner .contain-banner.banner-4 h4 { font-size: 18px; } .collection-banner .contain-banner h2 { font-size: 25px; } .home-slider .home { height: 45vh; } .home-slider .slider-contain { height: 65vh; } .home-slider .slider-contain h1 { font-size: 36px; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline { margin-top: 17px; } .home-slider .slider-contain h2 { font-size: 25px; letter-spacing: 3px; text-shadow: 5px 1px 4px #000; } .background .contain-bg { padding-top: 25px; padding-bottom: 25px; } .background .contain-bg h4 { font-size: 16px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 210px; } .beauty-about .about-text p { text-align: center; } .theme-card .offer-slider img { padding: 10px 10px 10px 0; } .theme-card.card-border .offer-slider img { padding: 10px 10px 10px 30px; } .multiple-slider > div:nth-child(-n+2) { margin-bottom: 30px; } .full-box .center-slider .offer-slider .product-box .product-info h4 { padding-bottom: 5px; } .full-box .center-slider .offer-slider .product-box .product-info .btn-outline { padding: 7px 20px; } .full-box .theme-card .offer-slider .product-box2 .media img { height: 150px; } .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li { margin-top: 0; } .layout-8 .layout-8-bg { padding: 0; } .alert { max-width: 45% !important; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img { margin-bottom: 20px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 { margin-bottom: 18px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 15px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a { font-size: 13px; padding: 4px 10px; margin: 3px 6px; } .theme-modal.exit-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 20px; } .parallax-cls .banner-contain { background-color: rgba(255, 255, 255, 0.5); padding: 35px; } .parallax-cls section .banner-contain { margin-top: 0; } .about-section { padding-top: 30px; } .about-section h2 { text-align: center; } .product-box .cart-info { bottom: 20px; } .absolute-banner { margin-top: -60px; } .stripe-section { margin-bottom: 25px; } .stripe-section h5 { font-size: 14px; margin-bottom: 0; } .margin-cls { margin-top: 0; } .testimonial .testimonial-slider .media .media-body { padding: 0 30px; height: 100%; align-self: center; } .testimonial .testimonial-slider .media .media-body p { margin-bottom: 0; } .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media { border-left: none; padding-left: 0; } .blog-detail-page .blog-advance ul { margin-bottom: 20px; } .blog-detail-page .blog-advance p:last-child { margin-bottom: 0; } .collection-product-wrapper .product-top-filter { border-top: none; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count { border-top: 1px solid #dddddd; text-align: left; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-view { display: none; } .collection-product-wrapper .product-top-filter .product-filter-content .collection-grid-view { display: none; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { width: 100%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before { right: 15px !important; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select { border-left: 1px solid #dddddd; padding: 21px 21px 21px 21px; border-top: none; border-bottom: none; font-size: 16px; background: url(/assets/images/dropdown.png) no-repeat 95%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select { border-right: none !important; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter { border-top: 1px solid #dddddd; } .collection-collapse-block { border-bottom: 1px solid #dddddd !important; } .top-banner-content h4 { font-size: 20px; } .filter-main-btn { display: block; } .collection-filter { position: fixed; height: 100vh; top: 0; left: -350px; background-color: white; z-index: 999; overflow-y: scroll; padding: 15px 0 15px 15px; max-width: 350px; transition: all 0.5s ease; } .collection-filter .collection-sidebar-banner { text-align: center; } .collection-filter .theme-card { padding-left: 30px; padding-right: 30px; } .collection-filter .collection-sidebar-banner { padding: 0 30px; } .collection-filter-block { border: none; } .collection-mobile-back { display: block; } .collection .section-t-space { padding-top: 30px; } .collection .partition-collection > div:nth-last-child(1) { margin-top: 30px; } .collection .partition-collection > div:nth-last-child(2) { margin-top: 30px; } .right-login { margin-top: 30px; } .contact-page .map iframe { height: 350px; } .contact-page .contact-right { padding-bottom: 0; } .contact-page .contact-right ul li { padding-left: 0; border-bottom: 1px solid #dddddd; text-align: center; padding-bottom: 10px; margin-top: 15px; } .contact-page .contact-right ul li .contact-icon { position: relative; margin: 0 auto; border-right: 0; } .contact-page .contact-right ul li p { margin-bottom: 10px; } .cart-section .cart-table thead th:last-child { display: none; } .cart-section tbody tr td { min-width: 135px; } .cart-section tbody tr td:last-child { display: none; } .cart-section .cart-buttons > div:last-child { padding-right: 15px; } .cart-section tfoot tr td { padding-right: 0; } .wishlist-section tbody tr td { min-width: 138px; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { width: 55%; padding-top: 10px; padding-bottom: 10px; text-align: center; margin-bottom: 20px; background: none #ff4c3b; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .open-popup { text-align: left; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup > a { color: #ffffff; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup .collection-filter { height: 100vh; left: -350px; transition: all 0.5s ease; } .collection-product-wrapper .product-top-filter .popup-filter .search-count { width: 100%; padding: 10px 0; text-align: center; } .collection-product-wrapper .product-top-filter .popup-filter .collection-view, .collection-product-wrapper .product-top-filter .popup-filter .collection-grid-view { display: none; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter { width: 50%; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { padding-top: 10px; padding-bottom: 10px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before, .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before { top: 13px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before { left: unset; right: 35px; } .tab-product { padding-top: 0; } .product-right h2 { margin-top: 15px; } .pro_sticky_info { border: none; padding: 10px 0; } .product-right { text-align: center; margin: 20px 0 10px 0; } .product-right .detail-section, .product-right .product-icon { justify-content: center; } .product-right .product-description .qty-box { justify-content: center; } .product-right .size-text { text-align: left; } .product-right .timer { text-align: left; } .product-right .product-icon .product-social li { padding-right: 20px; } .product-form-box { margin-bottom: 20px; } .tab-product .nav-material .nav-tabs { justify-content: center; } .dashboard-left { position: fixed; height: 100vh; top: 0; left: -350px; background-color: white; z-index: 99; padding: 0 35px 35px; max-width: 350px; transition: all 0.5s ease; box-shadow: 0 0 8px 0 #dddddd; } .dashboard-left .block-title h2 { display: none; } .dashboard-left .block-content { border: none; padding: 0; margin-top: 20px; } .dashboard-left .block-content ul li:hover { padding-left: 0; } .account-sidebar { display: block; } .rtl .main-menu .menu-left .navbar { padding: 25px 0 25px 45px; } .rtl .tools-parallax-product .tools-description .tools-form .btn-find { float: unset; } .rtl .testimonial .testimonial-slider .slick-track .slick-slide:nth-child(even) .media { border-right: none; padding-right: 0; } .rtl .contact-page .contact-right ul li { padding-right: 0; } .rtl .contact-page .contact-right ul li .contact-icon { border-left: none; } .rtl .contact-page .contact-right ul li p { text-align: center; } .rtl .product-right .detail-section, .rtl .product-right .product-icon { justify-content: right; } .rtl .product-right .size-text { text-align: right; } .rtl .product-right .product-description .qty-box { justify-content: right; } .rtl .collection-product-wrapper .product-filter-content .product-page-filter { border-left: none; } .rtl .collection-product-wrapper .product-filter-content .collection-view { padding-right: 20px !important; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select, .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select { padding: 21px 34px 21px 34px; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view { border-right: 1px solid #dddddd; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view { border-right: none; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .search-count h5 { text-align: center; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select, .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select { padding: 10px 34px 10px 34px; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { background: none #ff4c3b; } .rtl .banner-timer .timer { padding-left: 10px; } .rtl .banner-timer .timer span { width: 55px; } .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body .color-variant li { margin-left: 5px; margin-right: unset; } .rtl .full-box .theme-card .offer-slider .product-box2 .media .media-body .rating i { padding: 0; } .rtl .beauty-about .text-center { text-align: center !important; } .rtl .beauty-about .about-text p { text-align: center; } .rtl .footer-light .subscribe { border-left: none; } .dark .collection-filter { background-color: #2b2b2b; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select { border-color: #404040; } .dark .collection-mobile-back { border-color: #404040; } .dark .collection-mobile-back span { color: #929292; } .dark .collection-collapse-block { border-color: #404040 !important; } .dark .collection-filter { box-shadow: none; } .dark .contact-page .contact-right ul li { border-color: #404040; } .dark .dashboard-left { background-color: #232323; box-shadow: none; } .dark header.header-tools .logo-menu-part { background-color: #2b2b2b; } } @media (max-width: 767px) { .product-wrapper-grid.list-view .product-box .ng-star-inserted { display: block; border: 1px solid #eee; padding: 15px; } .product-wrapper-grid.list-view .product-box .img-wrapper, .product-wrapper-grid.list-view .product-box .img-block { margin: 0 auto 15px; } .product-wrapper-grid.list-view .product-box .product-detail { padding-left: 0; } .border-box.tools-grey .product-box .img-wrapper { padding-bottom: 0; } .border-box.tools-grey .product-box .cart-info a, .border-box.tools-grey .product-box .cart-info button { background-color: #ffffff; } .detail-cannabis .detail_section { margin-top: 30px; text-align: center; } .detail-cannabis .row > div:first-child .detail_section { margin-top: 0; } footer.footer-5 .sub-footer > .container { border-top: none; } footer.footer-5 .dark-layout .footer-title { border-bottom: 1px solid #ffffff; } .service_slide .home-slider .slider-contain { height: 60vh; } .tools-parallax-product .tools-grey .owl-prev, .tools-parallax-product .tools-grey .owl-next { display: none !important; } .tools-parallax-product.full-banner { padding-top: 60px; padding-bottom: 60px; } .tools_slider .home-slider .home .tools-parts, .tools_slider .home-slider .home .tools-parts1 { display: none; } .tools_slider .home-slider .slider-contain { margin-left: 0; justify-content: center !important; } .tools-service .service-block + .service-block { margin-top: 0; } .tools-service .service-block + .service-block + .service-block { margin-top: 20px; } .about-text p { line-height: 25px; } .tools-grey .product-box .img-wrapper { padding-bottom: 35px; } .tools-grey .product-box .cart-info { bottom: 10px; } .tools-grey .product-box .cart-info button { font-size: 0; width: unset; background-color: #eef0f1; } .tools-grey .product-box .cart-info button i { display: block; } .tools-grey .product-box .cart-info button:hover i { color: #ffffff; } .tools-grey .product-box .cart-info .mobile-quick-view { display: block; margin-left: 5px; } .tools-grey .product-box .quick-view-part { display: none; } .tools-grey .product-box:hover .img-wrapper .front img { opacity: 1; } .tools-grey .product-box:hover .ribbon { display: block; } .tools-parallax-product .tools-grey .owl-prev, .tools-parallax-product .tools-grey .owl-next { display: none !important; } .tools-parallax-product.full-banner { padding-top: 60px; padding-bottom: 60px; } .gym-product .product-box .img-wrapper .cart-info { display: block; height: unset; top: unset; left: unset; } .gym-product .product-box .img-wrapper .cart-info i { background: none; color: #6f6f6f; } .gym-product .product-box .img-wrapper .cart-info button:hover i, .gym-product .product-box .img-wrapper .cart-info a:hover i { color: #ff4c3b; } .gym-product .product-box:hover .img-wrapper .cart-info button { animation: none; } .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(2) i { animation: none; } .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(3) i { animation: none; } .gym-product .product-box:hover .img-wrapper .cart-info a:nth-child(4) i { animation: none; } .pet-parallax .pet-decor { display: none; } .j-box .product-box .cart-info { bottom: 0; position: relative; opacity: 1; } .j-box .product-box .cart-info a i { padding: 10px; } .pets-box .product-box .img-wrapper .cart-info { transform: none; } .pets-box .product-box .img-wrapper .cart-info i { font-size: 16px; } .left-header .top-header .header-dropdown li { padding: 15px; } .left-header .main-menu .menu-right .icon-nav li { padding-left: 15px; } .portfolio-section.metro-section .product-box .cart-wrap a i { opacity: 1; font-size: 16px; padding: 5px; } .portfolio-section.metro-section .product-box .cart-wrap button i { font-size: 16px; padding: 5px; } .portfolio-section.metro-section .product-box .product-detail { opacity: 1; bottom: 15px; background-color: rgba(255, 255, 255, 0.5); } .portfolio-section.metro-section .product-box .product-detail h6 { color: #000000; } .portfolio-section.metro-section .product-box:hover .product-detail { opacity: 1; } .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(2) i, .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(3) i, .portfolio-section.metro-section .product-box:hover .cart-wrap a:nth-child(4) i { animation: none; } .layout3-menu { max-width: 100%; } .layout3-menu .main-menu .brand-logo img { height: 25px; } section, .section-t-space { padding-top: 40px; } .section-b-space { padding-bottom: 40px; } .product-full-tab { padding-top: 30px !important; } .small-section { padding: 23px 0 20px; } .theme-tab .tab-title a, .theme-tab .tab-title2 a { text-transform: capitalize; } .darken-layout .footer-title, .dark-layout .footer-title { border-bottom: 1px solid #525252; } .darken-layout .subscribe-wrapper, .dark-layout .subscribe-wrapper { padding-bottom: 10px; } .footer-theme2 .footer-link li, .footer-theme2 .footer-link-b li { padding-left: 0; } .layout2-logo { padding-right: 70px; } .full-scroll-footer .sub-footer p { padding: 0; line-height: 25px; } .layout-20 { padding: 15px; } .about-cls .service.border-section { border-bottom: none; } .about-cls .service.small-section { padding-bottom: 0; } .footer-theme2 p { margin-bottom: 10px; } .footer-theme2 .footer-mobile-title { display: block !important; } .footer-theme2 .p-set { padding: 0 15px !important; } .footer-theme2 .col { padding: 0; } .footer-theme2 .footer-link li { display: flex; padding-top: 10px; } .footer-theme2 .footer-link h4 { padding-bottom: 10px; } .footer-theme2 .contact-details li { padding-left: 0; padding-top: 10px; } .footer-theme2 .footer-link-b li { display: flex; padding-top: 10px; } .footer-theme2 .footer-link-b h4 { margin-top: 0; padding-bottom: 10px; } .footer-theme2.section-light .footer-block h4 { padding-bottom: 10px; } .footer-theme2.section-light .footer-block .subscribe-white { padding: 40px 65px; } .footer-theme2.section-light .footer-block .subscribe-white h2 { margin-bottom: 20px; } .footer-theme2.section-light .footer-block .subscribe-white .form-group { display: flex; } .footer-theme2.section-light .footer-block .subscribe-white .form-group .btn-solid, .footer-theme2.section-light .footer-block .subscribe-white .form-group .btn-outline { margin-top: 0; } .footer-theme2 .subscribe-block h2 { margin-bottom: 20px; } .footer-theme2 h4 { padding-bottom: 10px; } .darken-layout .footer-theme .footer-mobile-title h4 { color: #ffffff; } .dark-layout .small-section { padding-bottom: 40px; } .dark-layout section { padding-top: 0; } .dark-layout .section-b-space { border: none; padding-bottom: 0; } .dark-layout .subscribe-wrapper { order: -1; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block { padding: 10px 60px; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block h2 { display: none; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group { display: flex; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .btn-solid, .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .btn-outline { margin-top: 0; } .category-bg { padding: 30px 40px; } .category-bg .image-block.even:after { bottom: 85%; } .category-bg .image-block:after { width: 25px; margin-top: -25px; } .category-bg .image-block:hover:after { height: 50px; } .category-bg .contain-block h2 { font-size: 18px; margin-top: 8px; } .category-bg .contain-block h6 { letter-spacing: 0.1em; font-size: 12px; } .category-bg .contain-block:after { width: 25px; } .category-bg .contain-block.even:after { top: 87%; } .category-bg .contain-block .category-btn { margin-bottom: 10px; margin-top: 10px; letter-spacing: 0.1em; padding: 5px 15px; } .category-bg .contain-block:after { bottom: 87%; } .category-bg .contain-block:hover:after { height: 50px; } .layout9-box .product-box .img-block { min-height: unset; } .service-block .media { display: block; text-align: center; padding-top: 0; padding-bottom: 0; } .service-block svg, .service-block img { margin-right: 0; } .service-block + .service-block { border-left: 0; margin-top: 20px; } .service-block:last-child .media .media-body p { margin-bottom: 5px; } .partition2 { margin-bottom: -25px; } .partition2 > div { margin-bottom: 25px; } .partition3 > div + div { margin-top: 30px; } .partition4 > div + div { margin-top: 30px; } .center-slider { border-left: none; border-right: none; } .about-text p { line-height: 25px; } .banner-timer { padding-top: 5px; padding-bottom: 5px; } .banner-timer .banner-text { padding-top: 15px; padding-bottom: 15px; background-color: rgba(255, 255, 255, 0.65); } .banner-timer .banner-text h2 { font-size: 15px; } .banner-timer .timer-box { text-align: center; } .banner-timer .timer { margin-top: 5px; padding-top: 6px; padding-bottom: 6px; padding-left: 20px; } .banner-timer .timer p { font-size: 14px; } .banner-timer .timer span { width: 40px; } .banner-timer .timer span .padding-l { padding-left: 10px; } .footer-title { margin-top: 10px; text-align: left; border-bottom: 1px solid #dddddd; position: relative; } .footer-title.footer-mobile-title { margin-top: 0; } .footer-title h4 { text-transform: uppercase; font-weight: 700; cursor: pointer; } .footer-title.active .according-menu { font: normal normal normal 14px/1 FontAwesome; } .footer-title.active .according-menu:before { content: ""; position: absolute; right: 2px; top: 2px; } .footer-title .according-menu { font: normal normal normal 14px/1 FontAwesome; } .footer-title .according-menu:before { content: ""; position: absolute; right: 2px; top: 2px; } .banner-slider .home-banner > div img { margin-top: 30px; } .banner-slider .home-banner > div:last-child img { margin-top: 30px; } .lookbook .row > div:last-child .lookbook-block { margin-top: 30px; } .lookbook-section .row > div:first-child .lookbook-img > div:last-child { margin-bottom: 25px; } .lookbook-section .lookbook-img > div:last-child img { margin-top: 0; } .box-layout-body .box-layout { margin-top: -40px; } .home-slider.fullpage .slick-dots { display: flex; bottom: 70px; top: unset; left: 50%; transform: translateX(-50%); } .home-slider.fullpage .slick-dots li button:before { color: #0a0100; } .footer-contant { text-align: left; } .footer-contant .footer-logo { margin-top: 20px; margin-bottom: 20px; } .footer-contant li { text-align: left; } .footer-contant .footer-social ul { margin: unset; } .footer-contant .footer-social ul li { padding-right: 25px; padding-left: 0; } .social-white ul { display: flex; align-items: center; justify-content: center; } .social-white li:first-child { padding-left: 0; } .footer-theme { text-align: center; } .footer-theme .footer-mobile-title { display: block !important; } .footer-theme .col { max-width: 100%; flex-basis: unset; } .footer-theme .footer-social { margin-bottom: 15px; } .footer-theme .sub-title li { padding-top: 7px; } .footer-theme .sub-title .contact-list i { position: relative; top: 0; margin-right: 10px; } .footer-theme .sub-title .contact-list li { padding-left: 0; } .footer-social ul { margin: 0 auto; } .footer-social li { padding: 0 15px; } .footer-end { text-align: center; } .sub-footer .payment-card-bottom { justify-content: center; padding-bottom: 25px; } .subscribe-wrapper { margin: 10px 0 0 0; order: 0; } .social-white { margin-bottom: 10px; } .category-border div .category-banner .category-box h2 { font-size: 25px; } .box-layout .small-section { padding-top: 0; } .white-layout .footer-theme2 > div:nth-child(2) { order: -1; } .white-layout .footer-theme2.footer-border { padding: 0; border: none; } .white-layout .footer-theme2 .footer-block .footer-container { max-width: 540px; width: 100%; } .white-layout .footer-theme2 .footer-block .footer-container .footer-mobile-title { margin-top: 20px; } .white-layout .footer-theme2 .footer-block .subscribe-white h2 { display: none; } .product-box .cart-detail, .product-wrap .cart-detail { top: 5px; right: 10px; } .product-box .img-block { min-height: 350px; } .product-box .cart-info, .product-box .cart-detail { opacity: 1; } .product-box .img-wrapper .cart-box { opacity: 1; } .product-box:hover .img-wrapper .cart-box { animation: none; } .product-box:hover .cart-info button, .product-box:hover .cart-detail button { animation: none; } .product-box:hover .cart-info a i, .product-box:hover .cart-detail a i { animation: none; } .product-box:hover .cart-info a:nth-child(2) i, .product-box:hover .cart-detail a:nth-child(2) i { animation: none; } .product-box:hover .cart-info a:nth-child(3) i, .product-box:hover .cart-detail a:nth-child(3) i { animation: none; } .product-box:hover .cart-info a:nth-child(4) i, .product-box:hover .cart-detail a:nth-child(4) i { animation: none; } .theme-tab .tab-title2 { font-size: 20px; } .theme-tab .tab-title2 li { padding-left: 15px; padding-right: 15px; } .theme-tab .tab-title2:after { top: 15px; } .multiple-slider > div:nth-child(-n+3) { margin-bottom: 30px; } .full-banner { padding-top: 120px; padding-bottom: 120px; } .full-banner.parallax-layout { padding-top: 120px; padding-bottom: 120px; } .full-banner .banner-contain h2 { font-size: 75px; } .collection-banner .contain-banner { padding-left: 60px; padding-right: 60px; } .collection-banner .contain-banner.banner-3 { padding-left: 40px; padding-right: 40px; } .collection-banner .contain-banner.banner-3 h2 { font-size: 20px; } .collection-banner .contain-banner.banner-3 h4 { font-size: 18px; } .collection-banner .contain-banner.banner-4 { padding-left: 45px; padding-right: 45px; } .collection-banner .contain-banner.banner-4 h2 { font-size: 18px; } .collection-banner .contain-banner h2 { font-size: 35px; } .home-slider .home { height: 50vh; } .home-slider .slider-contain { height: 60vh; } .home-slider .slider-contain h1 { font-size: 35px; margin-top: 5px; } .home-slider .slider-contain h4 { font-size: 45px; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline { margin-bottom: 75px; padding: 10px 25px; } .home-slider:hover .owl-next { right: 80px; } .home-slider:hover .owl-prev { left: 80px; } .background .col { flex-basis: unset; } .background .contain-bg { margin: 10px 0; } .full-box .center-slider .offer-slider { text-align: center; } .full-box .center-slider .offer-slider .product-box { border: none; display: inline-block; } .full-box .center-slider .offer-slider .product-box .img-wrapper { text-align: center; } .full-box .center-slider .offer-slider .product-box .img-wrapper img { height: 200px; width: auto; } .full-box .center-slider .offer-slider .product-box:hover { box-shadow: none; } .full-box .theme-card .offer-slider .sec-1 { display: flex; } .full-box .theme-card .offer-slider .sec-1 .product-box2 .media .media-body .color-variant li { height: 18px; width: 18px; padding-right: 3px; } .full-box .theme-card .offer-slider .sec-1 .product-box2 + .product-box2 { border-top: none; } .theme-tab .tab-title li, .theme-tab .tab-title2 li { padding-left: 5px; padding-right: 5px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 150px; padding: 5px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h2 { margin-bottom: 20px; padding-bottom: 20px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content h4 { margin-bottom: 20px; font-size: 15px; } .theme-modal.cart-modal .product-section { display: none; } .filter-main-btn span { font-size: 16px; } .tap-top { bottom: 70px; right: 20px; } .blog-detail-page .comment-section li { padding-top: 40px; padding-bottom: 40px; } .blog-page .blog-sidebar .theme-card { padding: 20px; } .blog-page .blog-sidebar .theme-card .popular-blog li p { margin-top: 5px; } .product-pagination .pagination { justify-content: center; border-left: 1px solid #dddddd; } .testimonial { background-color: #f7f7f7; } .testimonial .testimonial-slider .media .media-body { padding: 30px 30px 30px 30px; } .about-page { text-align: center; } .about-page p { line-height: 1.5; } .team h2 { font-size: 25px; } .collection .partition-collection > div:nth-last-child(1), .collection .partition-collection > div:nth-last-child(2), .collection .partition-collection > div:nth-last-child(3) { margin-top: 30px; } .collection-product-wrapper .product-pagination .pagination .page-item a { padding: 15px 18px; } .collection-product-wrapper .product-pagination .product-search-count-bottom { justify-content: center; padding-right: 0; } .collection-product-wrapper .product-pagination .product-search-count-bottom h5 { padding: 10px 0; } .collection-product-wrapper .product-pagination .theme-paggination-block nav { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .faq-section .theme-accordion .card .card-body p { line-height: 1.5 !important; } .faq-section .theme-accordion .card .card-header button { font-size: 14px !important; white-space: normal; width: 100%; padding: 16px 30px 16px 18px !important; } .register-page .theme-card { padding: 25px; } .register-page .theme-card .theme-form input { margin-bottom: 25px; padding: 13px 18px; } .search-product > div:nth-last-child(4) { margin-top: 30px; } .cart-section tbody tr td a, .wishlist-section tbody tr td a { justify-content: center; display: flex; align-items: center; } .cart-section .cart-table thead th:nth-last-child(-n+3) { display: none; } .cart-section tbody tr td:nth-last-child(-n+3) { display: none; } .cart-section tbody tr td .mobile-cart-content { display: flex; } .wishlist-section .cart-table thead th:nth-last-child(-n+4) { display: none; } .wishlist-section tbody tr td:nth-last-child(-n+4) { display: none; } .wishlist-section tbody tr td .mobile-cart-content { display: flex; } .blog-page .order-sec { order: -1; } .blog-page .blog-media:last-child { margin-bottom: 30px; } .blog-page .blog-sidebar ul li { display: block; } .tab-pane iframe { width: 100%; } .product-order .product-order-detail img { height: auto; } .rtl .main-nav-center .toggle-nav { left: 75px; } .rtl .tab-left .theme-tab .tab-content-cls .product-box .cart-info .mobile-quick-view { margin-right: 5px; margin-left: 0; } .rtl .service-block svg, .rtl .service-block img { margin-right: 0; } .rtl .service-block + .service-block { border-right: 0; } .rtl .service-block .media .media-body h4, .rtl .service-block .media .media-body p { text-align: center; } .rtl .collection-product-wrapper .product-pagination .theme-paggination-block nav { border-right: none; border-left: 1px solid #dddddd; } .rtl .collection-product-wrapper .product-pagination .product-search-count-bottom { padding-left: 5px; padding-right: 5px; } .rtl .footer-title.active .according-menu:before { right: unset; left: 2px; } .rtl .footer-title .according-menu:before { right: unset; left: 2px; } .rtl .footer-end p { text-align: center; } .rtl .sub-footer .payment-card-bottom li { padding-left: 7px; padding-right: 7px; } .rtl .footer-theme2.section-light .footer-block h4 { text-align: right; } .rtl .footer-theme2.section-light .footer-block .footer-logo { text-align: right; } .rtl .footer-theme2 .footer-title h4 { text-align: right; } .rtl .footer-contant li { text-align: right; } .rtl .footer-contant .footer-social ul li { padding-right: 0; padding-left: 25px; } .rtl .dark-layout .footer-contant .footer-logo { text-align: right; } .rtl .dark-layout .footer-contant p { text-align: right; } .rtl .footer-theme .sub-title .contact-list i { margin-right: 0; margin-left: 10px; } .rtl .footer-theme .sub-title .contact-list li { padding-right: 0; } .rtl .layout2-logo { padding-left: 70px; padding-right: 0; } .rtl .full-box .theme-card .offer-slider .sec-1 .product-box2 + .product-box2 { border-left: none; border-right: 1px solid #f1f5f4; } .rtl .tools_product .tools-grey .product-box .cart-info .mobile-quick-view { margin-left: 0; margin-right: 5px; } .rtl .tools-parallax-product.tools-grey .product-box .cart-info .mobile-quick-view { margin-left: 0; margin-right: 5px; } .rtl .product-pagination .pagination { border-right: 1px solid #dddddd; border-left: none; } .dark .collection-product-wrapper .product-pagination .theme-paggination-block nav { border-color: #404040; } .dark .product-pagination .pagination { border-color: #404040; } } @media (max-width: 577px) { .header-6 .main-menu .brand-logo { position: relative; left: 0; transform: none; } .layout3-menu .main-menu { height: 75px; } .layout3-menu .brand-logo { padding-top: 25px !important; padding-bottom: 25px !important; } .tab-left .theme-tab .left-side .left-tab-title { margin-bottom: 15px; } .detail-cannabis .detail_section > div { padding: 30px 25px; } .green-gradient .top-header .header-dropdown li { padding: 0; } .service_slide .home-slider .slider-contain { height: 58vh; } .header-tools .top-header .header-dropdown li { padding: 0; } .header-gym { position: relative; background-color: #000000; } .header-gym .mobile-fix-option { z-index: 1; } .tools-parallax-product.full-banner { padding-top: 45px; padding-bottom: 45px; } .tools-service.absolute-banner .absolute-bg { padding-bottom: 20px; box-shadow: 0 0 8px 0 #ddd; } .tools-service .service-block + .service-block { margin-top: 20px; } .tools-service .service-block svg, .tools-service .service-block img, .tools-service .service-block1 svg, .tools-service .service-block1 img { margin-bottom: 7px; } .tools-parallax-product.full-banner { padding-top: 45px; padding-bottom: 45px; } .gym-product .part-cls > div:nth-last-child(-n+3) .product-box { margin-top: 30px; } .gym-product .partition-cls > div:nth-child(2) { margin-top: 30px; } .gym-product .product-box:hover { transform: unset; } .left-header .top-header { height: 70px; } .left-header .top-header .header-dropdown li { padding: 0; } .left-header .top-header .header-dropdown .mobile-wishlist img, .left-header .top-header .header-dropdown .mobile-account img { display: none; } .left-header .top-header .header-dropdown .mobile-wishlist i, .left-header .top-header .header-dropdown .mobile-account i { display: block; } .left-header .main-menu .menu-left .mobile-logo { position: absolute; padding: 0 !important; transform: unset; right: unset; left: 15px; margin-right: 0; top: 16px; } .left-header .main-menu .menu-left .navbar { position: absolute; right: 15px; padding: 0 !important; top: 22px; } .pet-parallax .full-banner { padding-top: 50px; padding-bottom: 50px; } .portfolio-section.metro-section .product-box .cart-wrap a i { font-size: 18px; padding: 7px; } .portfolio-section.metro-section .product-box .cart-wrap button i { font-size: 18px; padding: 7px; } .box-layout-body .box-layout .full-banner { padding-top: 100px; padding-bottom: 100px; } .layout3-menu .main-menu .menu-left { width: calc(100vw - 32px); } .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav { right: 15px; } .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name { display: none; } .layout3-menu .main-menu > div:nth-child(2) { position: absolute; left: 0; right: 50%; transform: none; top: 0; } .layout3-menu .main-menu > div:nth-child(3) { height: 0; } .layout3-menu .brand-logo { left: 0; transform: none; } .layout2-logo { padding-right: 0; } .dark-layout .footer-theme2 .col { padding: 0 15px; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block { padding: 10px 20px 20px 10px; } .footer-theme2 .col { padding: 0 15px; } .footer-theme2 .form-p { padding: 0; } .footer-theme2.footer-border { padding: 15px 0; } .footer-theme2 .subscribe-block { padding: 0 75px; } .footer-theme2 .footer-link h4 { padding-bottom: 10px; } .footer-theme2 .footer-link li { padding-right: 20px; } .footer-theme2 .footer-link-b h4 { padding-bottom: 15px; } .footer-theme2 .footer-link-b li { padding-right: 20px; } .full-scroll-menu .container-fluid, .full-scroll-menu .container-sm, .full-scroll-menu .container-md, .full-scroll-menu .container-lg, .full-scroll-menu .container-xl { padding-left: 15px; padding-right: 15px; } .layout-8 { padding: 0 15px; } .layout-20 { padding: 0; } .addcart_btm_popup { display: none !important; } .tab-product .tab-content.nav-material p, .product-full-tab .tab-content.nav-material p { padding: 15px 0; } .layout7-product .product-box .details-product { padding: 5px; } .layout7-product .product-box:hover .details-product { animation: none; } .beauty-about .service .service-block1 { margin-bottom: 20px; } .beauty-about .service .service-block1:last-child { margin-bottom: 0; } #fb-root { display: none; } .section-b-space { padding-bottom: 30px; } section, .section-t-space { padding-top: 30px; } h2 { font-size: 24px; } .rtl-btn { width: 30px; height: 32px; } .tab-product .tab-content.nav-material p, .product-full-tab .tab-content.nav-material p { padding: 15px 0; } .sticky.fixed .top-header { display: block; } .top-header .header-dropdown .compare { display: none; } .search-overlay > div .closebtn { top: 15px; right: 30px; } .btn-solid { padding: 7px 15px; } .product-box .product-detail .color-variant, .product-box .product-info .color-variant, .product-wrap .product-detail .color-variant, .product-wrap .product-info .color-variant { padding-top: 10px; } footer { margin-bottom: 60px; } footer .btn-solid { padding: 13px 29px; } footer p { line-height: 20px; } .partition1 { margin-bottom: -15px; } .partition1 > div { margin-bottom: 15px; } .theme-modal .modal-dialog .quick-view-modal .product-right { margin: 15px 0 10px 0; } .theme-modal .modal-dialog .quick-view-modal .product-right h2 { font-size: 18px; margin-bottom: 10px; } .theme-modal .modal-dialog .quick-view-modal .product-right h3 { font-size: 22px; margin-bottom: 10px; } .theme-modal .modal-dialog .quick-view-modal .product-right .color-variant li { height: 25px; width: 25px; } .theme-modal .modal-dialog .quick-view-modal .product-right .border-product { padding-top: 10px; padding-bottom: 15px; } .theme-modal .modal-dialog .quick-view-modal .product-right .size-box { margin-top: 5px; margin-bottom: 5px; } .theme-modal .modal-dialog .quick-view-modal .product-right .product-description .qty-box { margin-top: 5px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media a img { max-width: 105px; margin-bottom: 10px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media .media-body .buttons a { padding: 4px 5px; } .theme-modal.exit-modal .media { align-items: center; } .theme-modal.exit-modal .media img { width: 25%; } .theme-modal.exit-modal .media .media-body h4 { font-size: 16px; margin-bottom: 0; } .theme-modal.exit-modal .media .media-body h2 { margin-bottom: 2px; } .theme-modal.exit-modal .media .media-body h5 { font-size: 16px; line-height: 18px; } .theme-modal.exit-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 12px; } .white-layout .small-section .footer-theme2 .col { padding: 0 15px; } .social-white { margin-top: 25px; } .category-border div .category-banner .category-box h2 { font-size: 30px; padding: 10px 20px; } .filter-main-btn span { font-size: 14px; } .category-bg .image-block:after { display: none; } .category-bg .contain-block:after { display: none; } .category-bg .order-section div { order: 1; } .category-bg .order-section div:nth-child(2) { order: 4; margin-bottom: 30px; } .category-bg .order-section div:nth-child(3) { order: 3; } .category-bg .order-section div:nth-child(4) { order: 2; margin-bottom: 30px; } .category-bg .order-section div:nth-child(5) { order: 5; } .category-bg .order-section div:nth-child(6) { order: 6; } .category-bg .contain-block { padding-top: 30px; padding-bottom: 30px; } .theme-tab .tab-title { margin-bottom: 25px; } .full-banner { padding-top: 50px; padding-bottom: 50px; } .full-banner.parallax-layout { padding-top: 50px; padding-bottom: 50px; } .full-banner .banner-contain { background-color: rgba(255, 255, 255, 0.2); padding: 25px; } .full-banner .banner-contain .btn-solid, .full-banner .banner-contain .btn-outline { padding: 10px 20px; } .full-banner.p-left .banner-contain, .full-banner.p-right .banner-contain { float: none; } .full-banner .banner-contain h2 { font-size: 65px; } .full-banner .banner-contain h3 { font-size: 40px; } .full-banner .banner-contain h4 { font-size: 18px; letter-spacing: 0.3em; } .home-slider .home { height: 45vh; } .home-slider .slider-contain { height: 58vh; } .home-slider .slider-contain h1 { font-size: 30px; } .home-slider:hover .owl-next { right: 70px; } .home-slider:hover .owl-prev { left: 70px; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next { transform: scale(1.5); } .home-slider.fullpage .slick-dots { display: flex; bottom: 60px; top: unset; left: 50%; transform: translateX(-50%); } .home-slider.fullpage .home .slider-contain { text-align: center; justify-content: center; padding-left: 0; } .home-slider.fullpage .home .slider-contain > div { background-color: rgba(0, 0, 0, 0.15); padding: 30px 50px; } .home-slider.fullpage .home .slider-contain h1, .home-slider.fullpage .home .slider-contain p { color: #ffffff; } .home-slider.fullpage .home .slider-contain h1 { font-size: 22px; } .home-slider.fullpage .home .slider-contain p { max-width: 330px; font-size: 12px; } .home-slider.fullpage .home .slider-contain .btn-solid { padding: 10px 15px; } .background .contain-bg { background-color: unset; padding-top: 0; padding-bottom: 0; margin: 10px 0; } .background .contain-bg:hover { background-color: unset; } .theme-tab .tab-content .product-tab .tab-box { flex: 0 0 100%; max-width: calc(100% - 10px); } .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+2) { margin: 0 5px 10px; } .theme-tab .tab-content .product-tab .tab-box:nth-last-child(-n+1) { margin: 0 5px 0; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 150px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 { margin-right: 10px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li { margin-top: 7px; height: 18px; width: 18px; } .alert { right: 0 !important; left: 0; max-width: 90% !important; } .tap-top { width: 35px; height: 35px; padding: 2px; font-size: 19px; } .absolute-banner { margin-top: 0; } .absolute-banner .absolute-bg { box-shadow: none; padding-bottom: 0; } .absolute-banner.banner-padding { padding-top: 0; } .box-layout-body .box-layout { margin-top: 0; } .color-picker a.handle { width: 30px; height: 35px; } .color-picker a.handle i { margin-left: 7px; font-size: 17px; } .full-scroll-footer { display: none; } .cart_qty_cls { top: -10px; } .setting-sidebar { width: 35px; height: 35px; } .setting-sidebar i { font-size: 19px; } .dark-light { width: 35px; height: 35px; } .dashboard-right .dashboard { padding: 20px; } .error-section { padding: 100px 0; } .error-section h1 { font-size: 100px; } .error-section h2 { margin: 20px 0; font-size: 18px; } .about-page .about-head { display: inline-block; width: 100%; text-align: center; } .about-page .about-head .theme-breadcrumb .breadcrumb { justify-content: center; padding-top: 10px; padding-bottom: 0; } .breadcrumb-section .page-title { text-align: center; margin: 0 auto; vertical-align: middle; display: unset; } .breadcrumb-section .breadcrumb { justify-content: center; padding: 0; line-height: 30px; } .blog-detail-page .blog-detail .post-social li { display: block; } .blog-detail-page .blog-detail .post-social li + li { padding-left: 0; margin-left: 0; border-left: none; } .collection .collection-block .collection-content p { margin-bottom: 10px; } .collection .collection-block .collection-content h4, .collection .collection-block .collection-content h3 { margin-bottom: 5px; } .collection-product-wrapper .product-wrapper-grid .product-box { margin-top: 30px; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count { padding: 10px 20px 10px 20px; } .collection-product-wrapper .product-top-filter .product-filter-content .search-count h5 { font-size: 14px; line-height: 20px; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { width: 100%; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select { padding: 10px 20px 10px 20px; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view:before, .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter:before { top: 11px; } .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view { border-right: 1px solid #dddddd !important; border-bottom: 1px solid #dddddd; } .collection-product-wrapper .product-top-filter .popup-filter .search-count { padding-top: 10px; padding-bottom: 10px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view { border-bottom: 1px solid #dddddd; width: 100%; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view select { border-right: none; padding-top: 10px; padding-bottom: 10px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before { top: 14px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter { width: 100%; border-top: none; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter select { padding-top: 10px; padding-bottom: 10px; } .collection-product-wrapper .product-top-filter .popup-filter .product-page-filter:before { left: unset; right: 35px !important; top: 14px; } .search-product > div:nth-last-child(5) { margin-top: 30px; } .cart-section .cart-buttons > div:last-child { padding-right: 15px; } .cart-section .cart-buttons .btn-solid { padding: 7px 8px; } .wishlist-section .btn-solid { padding: 7px 8px; } .product-box .img-wrapper .lable-block .lable3 { font-size: 12px; padding: 13px 8px; } .product-box .img-block .lable-wrapper .lable1, .product-box .img-block .lable-wrapper .lable2 { padding: 6px 9px 8px 15px; font-size: 12px; } .tab-product .tab-content.nav-material p { line-height: 1.3; } .slider-right-nav .slick-slide:first-child > div { margin-top: 15px; } .collection-wrapper .order-up { order: -1; } .lookbook .lookbook-block .lookbook-dot .dot-showbox { width: 90px; top: -70px; } .lookbook .lookbook-block .lookbook-dot .dot-showbox .dot-info h5 { line-height: 16px; } .checkout-page .checkout-form .checkout-details { padding: 15px; } .padding-cls { padding-left: 15px; padding-right: 15px; } .success-text i { font-size: 40px; } .success-text p { font-size: 16px; margin-bottom: 10px; line-height: 1.2; } .success-text h2 { margin-bottom: 10px; } .order-success-sec > div { margin-top: 15px; } .delivery-sec { padding: 15px; margin-top: 15px; } .delivery-sec h3, .delivery-sec h2 { font-size: 20px; } .product-order h3 { font-size: 20px; } .product-order .product-order-detail .order_detail h4, .product-order .product-order-detail .order_detail h5 { font-size: 14px; line-height: 1.2; } .product-order .total-sec ul li { font-size: 16px; } .product-order .final-total h3 { font-size: 16px; } .main-menu .menu-left .navbar i { font-size: 24px; } .template-password #container #login { margin-bottom: 0; } .bundle .bundle_img .img-box img { max-width: 70px; } .timer p { font-size: 14px; } .rtl .header-6 .main-menu .brand-logo { right: 0; left: unset; margin-right: 0; } .rtl .main-nav-center .toggle-nav { left: 15px; } .rtl .breadcrumb-section .page-title h2 { text-align: center; } .rtl .blog-detail-page .blog-detail .post-social li + li { padding-right: 0; margin-right: 0; border-right: none; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter { border-right: 1px solid #dddddd; } .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view select, .rtl .collection-product-wrapper .product-top-filter .product-filter-content .product-page-filter select { padding: 10px 34px 10px 34px; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view { border-left: none; } .rtl .collection-product-wrapper .product-top-filter .popup-filter .product-page-per-view:before { left: 25px; } .rtl .home-slider .owl-next, .rtl .center-slider .owl-next { right: unset; left: 1px; } .rtl .home-slider .owl-prev, .rtl .center-slider .owl-prev { left: unset; right: 1px; } .rtl .home-slider:hover .owl-next, .rtl .center-slider:hover .owl-next { right: unset; left: 30px; } .rtl .home-slider:hover .owl-prev, .rtl .center-slider:hover .owl-prev { left: unset; right: 30px; } .rtl .layout2-logo { padding-left: 0; } .rtl .main-menu .menu-right .icon-nav .mobile-cart .show-div.shopping-cart { left: unset !important; right: -118px !important; } .rtl .main-menu .menu-right .icon-nav .onhover-div .show-div.setting { right: unset; left: 0 !important; } .rtl .layout3-menu .main-menu > div:nth-child(2) { left: unset; right: 0; } .rtl .layout3-menu .main-menu .menu-left .main-menu-right .toggle-nav { right: unset; left: 15px; } .rtl .layout3-menu .brand-logo { transform: translateX(-15%); } .rtl .top-header .header-dropdown li i { padding-left: 0; } .rtl .top-header .header-dropdown .mobile-account .onhover-show-div { right: unset; left: 0; } .dark header.header-gym { background-color: #020202; } .dark .collection-product-wrapper .product-top-filter .product-filter-content .product-page-per-view { border-color: #404040 !important; } .dark .tools-service.absolute-banner .absolute-bg { box-shadow: none; } .dark .full-banner .banner-contain { background-color: rgba(0, 0, 0, 0.2); } .dark .absolute-banner .absolute-bg { box-shadow: none; } } @media (min-width: 577px) { .rtl .onhover-dropdown:before { right: unset; left: 3px; } .rtl .onhover-dropdown .onhover-show-div { right: unset; left: 0; } .rtl .main-menu .category-nav-right .navbar { padding: 40px 45px 40px 0; } .rtl .main-menu .menu-right .icon-nav li { padding-left: 0; padding-right: 20px; } .rtl .main-menu .menu-right .onhover-div .show-div.shopping-cart, .rtl .main-menu .menu-right .onhover-div .show-div.setting { left: 0; right: unset; } .rtl .main-menu .menu-right .onhover-div .show-div.shopping-cart li .close-circle { right: unset; left: 0; } .rtl .main-menu .menu-right .onhover-div .show-div.shopping-cart li .total h5 span { float: left; } } @media (max-width: 480px) { .service_slide .home-slider .slider-contain { height: 55vh; } .left-header .main-menu .menu-left .mobile-logo { top: 22px; } .title1 .title-inner1 { margin-bottom: 20px; } .title2 .title-inner2 { margin-bottom: 20px; } .title3 .line { margin-bottom: 20px; } .title4 .line { margin-bottom: 20px; } .pet-parallax .full-banner { padding-top: 40px; padding-bottom: 40px; } .footer-theme2 p { line-height: 25px; } .footer-light .subscribe-form .form-control { width: 280px; } .white-layout .footer-theme2 .footer-block .footer-container { max-width: 388px; } .white-layout .footer-theme2 .footer-block .subscribe-white .btn-solid, .white-layout .footer-theme2 .footer-block .subscribe-white .btn-outline { padding: 13px 8px; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .btn-solid, .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .btn-outline { padding: 13px 8px; } .footer-theme2 .subscribe-block .form-control { letter-spacing: 3px; } .category-border div .category-banner .category-box h2 { font-size: 25px; } .product-box .img-wrapper .cart-box i, .product-wrap .img-wrapper .cart-box i { font-size: 16px; padding-left: 4px; padding-right: 4px; } .title-borderless { margin-bottom: 20px; } .subscribe-form.classic-form .form-control { margin-left: 0; } .product-box .img-block { min-height: 290px; } .theme-tab .tab-title li { padding-left: 5px; padding-right: 5px; } .theme-tab .tab-title2 { margin-bottom: 30px; font-size: 18px; font-weight: 400; } .theme-tab .tab-title2 li { padding-left: 15px; padding-right: 15px; } .theme-tab .tab-title2:after { display: none; } .blog-details { padding-left: 0; padding-right: 0; } .full-banner { padding-top: 100px; padding-bottom: 100px; background-size: contain !important; } .full-banner.parallax-layout { padding-top: 4px; padding-bottom: 40px; } .full-banner .banner-contain h2 { font-size: 60px; } .full-banner .banner-contain h4 { font-size: 18px; } .collection-banner .contain-banner { padding-left: 30px; padding-right: 30px; } .collection-banner .contain-banner h2 { font-size: 24px; } .home-slider .home { height: 31vh; } .home-slider .slider-contain { height: 42vh; } .home-slider .slider-contain h1 { font-size: 28px; } .home-slider .slider-contain h4 { letter-spacing: 0.1em; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline { margin-top: 5px; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next { transform: scale(1.2); } .home-slider:hover .owl-next { right: 60px; } .home-slider:hover .owl-prev { left: 60px; } .white-layout .footer-theme2 .footer-block .footer-container { max-width: 448px; } .footer-theme2.section-light .footer-block .subscribe-white { padding: 30px 30px; } .footer-theme2.section-light .footer-block .subscribe-white .form-control { letter-spacing: 3px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 35px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content img { margin-bottom: 10px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 { margin-bottom: 15px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .form-control { height: 40px; padding: 0; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .btn-solid, .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .age-content form .btn-outline { padding: 8px 15px; } .theme-modal.cart-modal .modal-dialog .modal-content .modal-body .modal-bg.addtocart .media { display: block; text-align: center; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body h4 { font-size: 15px; } .tab-bg, .bg-block { padding: 35px 25px 30px 25px; } .setting-box { width: 280px; } .setting-sidebar.open-icon { right: 278px; } .setting-box .setting-contant .setting_buttons { display: flex; } .setting-box .setting-contant .setting_buttons li { width: 40% !important; } .about-page p { line-height: 1.5; } .testimonial .testimonial-slider .media { display: inline-block; } .testimonial .testimonial-slider .media img { margin: 0 auto; height: 100px; width: 100px; } .testimonial .testimonial-slider .media .media-body { padding: 0; text-align: center; } .blog-detail-page .blog-contact h2 { font-size: 30px; margin-bottom: 25px; } .blog-detail-page .blog-contact .theme-form input, .blog-detail-page .blog-contact .theme-form textarea { padding: 12px 20px; margin-bottom: 20px; } .blog-detail-page .blog-detail h3 { font-size: 20px; margin-bottom: 15px; } .blog-detail-page .blog-detail img { margin-bottom: 25px; } .blog-detail-page .blog-advance ul { line-height: 1.5; } .blog-detail-page .blog-advance img { margin-bottom: 20px; margin-top: 10px; } .blog-detail-page .blog-advance p { line-height: 1.5; } .blog-detail-page .comment-section li { padding-top: 30px; padding-bottom: 30px; } .blog-detail-page .comment-section li p { line-height: 1.5; } .blog-detail-page .comment-section li h6 { margin-top: 10px; margin-bottom: 10px; } .blog-detail-page .comment-section li h6 span { display: inherit; margin-left: 0; } .blog-detail-page .comment-section .media { display: inline-block; text-align: center; } .faq-section .theme-accordion .card .card-body p { line-height: 1.5 !important; } .faq-section .theme-accordion .card .card-header button { line-height: 1.3; padding: 12px 35px 12px 12px !important; } .faq-section .accordion.theme-accordion .card .card-header button:before { top: 20px; } .pwd-page { padding: 70px 0; } .pwd-page h2 { font-size: 25px; margin-bottom: 15px; } .login-page .authentication-right h6 { margin-bottom: 10px; } .login-page .theme-card { padding: 25px; } .register-page .theme-card { padding: 18px; } .register-page .theme-card .theme-form input { margin-bottom: 20px; padding: 12px 15px; } .search-block .btn-solid { padding: 10px 15px; } .contact-page .map iframe { height: 275px; } .contact-page .theme-form input { padding: 12px 15px; margin-bottom: 18px; } .blog-page .blog-media .blog-right h6 { margin-bottom: 0; } .blog-page .blog-media .blog-right p { line-height: 1.3; } .blog-page .blog-media .blog-right h4 { margin-bottom: 5px; } .blog-page .blog-media .blog-right ul { margin-bottom: 5px; } .blog-page .blog-media .blog-right ul li { display: block; } .blog-page .blog-media .blog-right ul li + li { padding-left: 0; margin-left: 0; border-left: none; } .account-sidebar { width: 45%; } .success-text h2 { font-size: 20px; } .success-text p { font-size: 14px; } .delivery-sec h3, .delivery-sec h2 { font-size: 18px; } .rtl .theme-tab .tab-title2 { -webkit-padding-start: 0; } .rtl .blog-page .blog-media .blog-right ul li + li { padding-right: 0; margin-right: 0; border-right: 0; } .rtl .blog-detail-page .comment-section .comnt-sec { text-align: center; } .rtl .blog-detail-page .comment-section li p, .rtl .blog-detail-page .comment-section li h6 { text-align: center; } .rtl .product-right .product-icon .product-social li { padding-left: 16px; } .rtl .tab-product .nav-material .nav-tabs .nav-item .nav-link { text-align: right; } .rtl .tab-product .nav-material .nav-tabs .nav-item .nav-link, .rtl .product-full-tab .nav-material .nav-tabs .nav-item .nav-link { padding: 15px; } .rtl .theme-tab .tab-title2 { -webkit-padding-start: 0; } .rtl .blog-page .blog-media .blog-right ul li + li { padding-right: 0; margin-right: 0; border-right: 0; } .rtl .blog-detail-page .comment-section li p, .rtl .blog-detail-page .comment-section li h6 { text-align: center; } .rtl .product-right .product-icon .product-social li { padding-left: 16px; } .rtl .tab-product .nav-material.nav-tabs .nav-item .nav-link { text-align: right; } .rtl .tab-product .nav-material.nav-tabs .nav-item .nav-link, .rtl .product-full-tab .nav-material.nav-tabs .nav-item .nav-link { padding: 15px; } .rtl .testimonial .testimonial-slider .media .media-body p { text-align: center; } .rtl .full-banner .santa-img { right: 10px; } } @media (max-width: 420px) { .br[_ngcontent-c29] { margin: -8px 0 15px 0 !important; } .about-text p { line-height: 22px; } .service_slide .service-home .service-block1 svg { width: 40px; height: 40px; } .vertical-tab.tab-product .nav-material .nav-tabs .nav-item .nav-link, .vertical-tab .product-full-tab .nav-material .nav-tabs .nav-item .nav-link { padding: 10px 20px; } .center-slider .product-box { padding: 10px 0; } .center-slider .product-box > app-product-box { display: flex; width: 100%; } .center-slider .product-box .product-detail { margin-top: 10px; } .center-slider .product-box .product-detail h6 { font-size: 14px; margin-top: -10px; } .center-slider .product-box .product-detail .rating .pro-rating .br-units { justify-content: left; } h2 { font-size: 22px; } .subscribe h4 { display: block; } footer .btn-solid { padding: 7px 8px; } footer p { line-height: 25px; } .blog-details p { font-size: 14px; line-height: 1.3; } .about-text p { line-height: 22px; } .footer-theme .sub-title h4 { margin-bottom: 5px; } .footer-theme .sub-title .contact-list li { line-height: 25px; } .breadcrumb-section { padding: 15px 0; } .footer-light .subscribe-form .form-control { width: 320px; } .subscribe-form { display: inline-block; } .subscribe-form .form-group { margin-bottom: 10px; } .no-slider .product-box { flex: 0 0 100%; max-width: calc(100% - 30px); margin: 0 15px 30px !important; } .no-slider .product-box:nth-last-child(1) { margin: 0 15px 0 !important; } .no-slider .product-box:nth-last-child(2) { margin: 0 15px 30px !important; } .full-banner .banner-contain h2 { font-size: 55px; } .full-banner .banner-contain h3 { font-size: 36px; } .home-slider .slider-contain h1 { font-size: 25px; margin-top: 10px; } .home-slider .slider-contain h4 { letter-spacing: 0.01em; } .home-slider .slider-contain h2 { letter-spacing: 0; font-size: 17px; text-shadow: 12px 2px 4px #000; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline { margin-bottom: 190px; padding: 5px 18px; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next { transform: scale(1.5); } .home-slider:hover .owl-next { right: 50px; } .home-slider:hover .owl-prev { left: 50px; } .theme-card.center-align { display: unset; height: unset; align-items: unset; } .theme-card.card-border .offer-slider img { padding: 0 15px 0 15px; } .full-box .center-slider .offer-slider .product-box { display: flex; border-bottom: 1px solid #f1f5f4; border-top: 1px solid #f1f5f4; } .full-box .center-slider .offer-slider .product-box app-product-box-two { display: flex; align-items: center; } .full-box .center-slider .offer-slider .product-box .img-wrapper { margin-right: 10px; } .full-box .center-slider .offer-slider .product-box .img-wrapper img { height: 120px; width: unset; } .full-box .center-slider .offer-slider .product-box .product-info { text-align: left; } .full-box .center-slider .offer-slider .product-box .product-info h6 { padding-top: 5px; } .full-box .center-slider .offer-slider .product-box .product-info .color-variant { padding-top: 2px; } .full-box .center-slider .offer-slider .product-box .product-info .color-variant li { height: 15px; width: 15px; padding-right: 3px; } .full-box .center-slider .offer-slider .product-box .product-detail { padding-left: 0; } .full-box .center-slider .offer-slider .product-box .product-detail h4 { font-size: 20px; } .full-box .center-slider .offer-slider .product-box .product-detail .color-variant { padding-top: 0; } .full-box .center-slider .offer-slider .product-box:hover .product-info .btn-outline { display: none; } .full-box .center-slider .offer-slider .product-box:hover .product-info .color-variant { opacity: 1; } .full-box .theme-card .offer-slider .product-box2 .media img { margin-right: 10px; } .full-box .theme-card .offer-slider .sec-1 { display: inline; } .full-box .theme-card .offer-slider .sec-1 .product-box2 { border-bottom: 1px solid #f1f5f4; } .full-box .theme-card .offer-slider .sec-1 .product-box2:last-child { border-bottom: none; } .full-box .theme-card .offer-slider .sec-1 .product-box2 + .product-box2 { border-left: none; } .center-slider .offer-slider .product-box .product-detail { text-align: left !important; } .center-slider .offer-slider .product-box .product-detail .rating i { padding-right: 3px; } .center-slider .offer-slider .product-box .product-detail h4 { padding-bottom: 0.5rem; } .center-slider .offer-slider .product-box .product-detail .color-variant li { height: 18px; width: 18px; padding-right: 3px; } .center-slider .offer-slider .product-box .img-wrapper .cart-box { display: none; } .product-box .img-wrapper .lable-block .lable3 { font-size: 13px; padding: 15px 10px; } .product-box .img-block .lable-wrapper .lable1, .product-box .img-block .lable-wrapper .lable2 { padding: 10px 14px 10px 20px; font-size: 12px; } .team h6 { line-height: 15px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 30px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 { font-size: 30px; } .login-page .authentication-right p { line-height: 1.5; } .login-page .theme-card .theme-form input { padding: 15px 20px; margin-bottom: 25px; } .tab-product .nav-material .nav-tabs { display: block; } .tab-product .nav-material .nav-tabs .nav-item { width: 100%; } .tab-product .nav-material .nav-tabs .nav-item .nav-link { padding: 10px 20px; } .product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline { padding: 5px 8px; } .product-right.product-form-box .timer { padding-left: 29px; } .product-right.product-form-box .timer span { width: 45px; } .product-right .timer { padding-left: 35px; width: 100%; } .product-right .timer span { width: 55px; } .product-right .timer span.padding-l { padding-right: 18px; } .product-right .product-icon .product-social { margin-top: 0; } .product-right .product-icon .product-social li { padding-right: 5px; } .product-right .product-icon .product-social li a i { font-size: 14px; } .product-right .product-icon .wishlist-btn i { font-size: 14px; padding-left: 10px; margin-left: 5px; } .product-right .product-icon .wishlist-btn span { font-size: 14px; } .tab-product .theme-form input, .tab-product .theme-form textarea { font-size: 12px; padding: 8px 15px; } .order-box .sub-total .shipping { width: unset; float: unset; display: flex; } .order-box .sub-total .shipping .shopping-option:last-child { padding-left: 20px; } .checkout-page .checkout-form .form-group { margin-bottom: 15px; } .checkout-page .checkout-form input[type=text], .checkout-page .checkout-form input[type=email], .checkout-page .checkout-form input[type=password], .checkout-page .checkout-form input[type=tel], .checkout-page .checkout-form input[type=number], .checkout-page .checkout-form input[type=url] { height: 40px; } .checkout-page .checkout-form select, .checkout-page .checkout-form textarea { height: 40px; } .center-slider .product-box .img-wrapper img { padding: 0; } .rtl .full-box .center-slider .offer-slider .product-box .product-detail .rating, .rtl .full-box .center-slider .offer-slider .product-box .product-detail h4, .rtl .full-box .center-slider .offer-slider .product-box .product-detail h6, .rtl .full-box .center-slider .offer-slider .product-box .product-detail .color-variant { text-align: right !important; } .rtl .full-box .center-slider .offer-slider .product-box .product-detail .br.br-default { justify-content: end !important; } .rtl .order-box .sub-total .shopping-option label { padding-right: 0; } .rtl .faq-section .accordion.theme-accordion .card .card-header button:before { left: 10px; } .dark .full-box .theme-card .offer-slider .sec-1 .product-box2 { border-bottom: none; } .dark .full-box .center-slider .offer-slider .product-box { border-bottom: none; border-top: none; } } @media (max-width: 360px) { .tools-parallax-product .tools-description .tools-form .search-box { width: 92%; } .service_slide .home-slider .slider-contain { height: 50vh; } .btn-solid, .btn-outline { padding: 10px 15px; } h2 { font-size: 25px; } .pet-parallax .full-banner { padding-top: 30px; padding-bottom: 30px; } .category-button .col { flex-basis: unset; } .footer-theme2 .subscribe-block { padding: 0 30px; } .footer-theme2.section-light .footer-block .subscribe-white { padding: 20px 20px; } .layout-7 .home .slider-contain { height: 50vh; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .form-control { border: none; } .footer-light .subscribe-form .form-control { width: 250px; } .white-layout .small-section .footer-theme2 .col { padding: 0 15px; } .white-layout .footer-theme2 .footer-block .footer-container { max-width: 330px; } .footer-end p { font-size: 13px; } .category-border div .category-banner .category-box h2 { padding: 7px 15px; } .full-banner { padding-top: 30px; padding-bottom: 30px; } .full-banner.parallax-layout { padding-top: 30px; padding-bottom: 30px; } .full-banner .banner-contain h2 { font-size: 55px; } .full-banner .banner-contain h3 { font-size: 30px; } .home-slider .home { height: 30vh; } .home-slider .slider-contain { height: 50vh; } .home-slider .slider-contain h1 { font-size: 25px; } .home-slider .slider-contain .btn-solid, .home-slider .slider-contain .btn-outline { margin-top: 8px; padding: 5px 15px; } .home-slider:hover .owl-prev, .home-slider:hover .owl-next { transform: scale(1.1); } .home-slider:hover .owl-next { right: 40px; } .home-slider:hover .owl-prev { left: 40px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body a h6 { font-size: 13px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 .media .media-body .color-variant li { height: 12px; width: 12px; } .theme-tab .tab-content .product-tab .tab-box .product-box2 img { height: 115px; } .blog-detail-page .blog-detail p { line-height: 1.5; } .blog-detail-page .blog-contact h2 { font-size: 20px; margin-bottom: 20px; } .about-page p { line-height: 1.2; } .theme-modal .modal-dialog .modal-content .modal-body { padding: 10px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg { padding: 20px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .close { right: 10px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content form .form-group .form-control { padding-top: 10px; padding-bottom: 10px; } .theme-modal .modal-dialog .modal-content .modal-body .modal-bg .offer-content h2 { font-size: 20px; margin-bottom: 10px; } .collection-product-wrapper .product-pagination .pagination .page-item a { padding: 15px 13px; } .collection-product-wrapper .product-pagination .product-search-count-bottom { padding-left: 10px; } .collection-product-wrapper .product-pagination .product-search-count-bottom h5 { line-height: 15px; } .collection-product-wrapper .product-top-filter .popup-filter .sidebar-popup { width: 80%; } .login-page .theme-card { padding: 18px; } .search-block .btn-solid { padding: 10px 5px; } .search-block .form-header .input-group input { padding: 10px 12px; } .contact-page .map iframe { height: 200px; } .cart-section tbody tr td, .wishlist-section tbody tr td { min-width: 115px; } .cart-section tbody tr td .mobile-cart-content .col-xs-3, .wishlist-section tbody tr td .mobile-cart-content .col-xs-3 { margin-left: 5px; margin-right: 5px; } .cart-section tbody tr td a img, .wishlist-section tbody tr td a img { height: 80px; } .cart-section tfoot tr td, .wishlist-section tfoot tr td { padding-right: 27px; } .cart-section tfoot tr td h2, .wishlist-section tfoot tr td h2 { font-size: 21px; } .wishlist-section .wishlist-buttons:last-child a { margin-left: 2px; } .product-buttons .btn-solid, .product-buttons .btn-outline { padding: 7px 16px; } .product-description .qty-box .input-group { width: 100%; } .single-product-tables.detail-section table { width: 70%; } .product-right .timer { padding-left: 25px; } .product-right .timer span .padding-l { padding-left: 10px; } .product-form-box .timer span { width: 47px; } .product-form-box .timer span .padding-l { padding-left: 9px; } .product-form-box .product-buttons .btn-solid, .product-form-box .product-buttons .btn-outline { padding: 5px 5px; } .product-form-box .timer span, .border-product .timer span { width: 45px; } .product-form-box .timer span .padding-l, .border-product .timer span .padding-l { padding-right: 5px; } .rtl .product-right .product-icon .product-social li { padding-left: 7px; } .rtl .banner-timer .timer { padding-left: 0; padding-right: 20px; } .rtl .banner-timer .timer span { width: 50px; } .rtl .product-form-box .timer span, .rtl .border-product .timer span { width: 55px; } } @media (max-width: 320px) { .footer-theme2 .col { padding: 10px 5px; } .dark-layout .footer-theme2 .subscribe-wrapper .subscribe-block .form-group .form-control { letter-spacing: 1px; } .footer-theme2.section-light .footer-block .subscribe-white .form-control { letter-spacing: 1px; } .footer-theme .footer-logo { margin-bottom: 20px; } .white-layout .footer-theme2 .col { padding: 0 15px; } .white-layout .footer-theme2 .footer-block .footer-container { max-width: 290px; } .collection-banner .contain-banner.banner-3 { padding-left: 25px; padding-right: 25px; } .collection-banner .contain-banner.banner-3 h2 { font-size: 15px; } .collection-banner .contain-banner.banner-4 { padding-left: 35px; padding-right: 35px; } .collection-banner .contain-banner.banner-4 h2 { font-size: 15px; } } /*===================== Fashion-2 Demo Responsive CSS ==========================*/ @media (max-width: 767px) { .box-layout-body .box-layout { margin-top: -40px; } } @media (max-width: 577px) { .box-layout-body .box-layout { margin-top: 0; } } .br-default .br-units { align-items: center; } .br-default .br-unit { margin-right: 5px; font-size: 23px; height: 18px; width: 18px; } .br-default .br-unit:after { content: "★"; color: #d2d2d2; } .br-default .br-selected:after { color: #EDB867; } .br-default .br-active:after { color: #EDB867; } /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #fff url('ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url('slick.eot'); src: url('slick.eot?#iefix') format("embedded-opentype"), url('slick.woff') format("woff"), url('slick.ttf') format("truetype"), url('slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* You can add global styles to this file, and also import other style files */ @charset "UTF-8"; .center-all,.star{display:flex;align-items:center;justify-content:center} .star{position:relative;width:20px;height:20px} .star i,.star svg{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-style:normal} .star i.star-filled,.star i.star-half,.star svg.star-filled,.star svg.star-half{opacity:0} .star i{top:1px;display:none} .star.icon i,.star.rating.star-icon i{font-size:25px;line-height:25px} .star.icon i.star-empty:before,.star.rating.star-icon i.star-empty:before{content:"☆"} .star.icon i.star-filled:before,.star.icon i.star-half:before,.star.rating.star-icon i.star-filled:before,.star.rating.star-icon i.star-half:before{content:"★"} .rating.theme-kununu .star-container .star i,.star.custom-icon i,.star.rating.star-custom-icon i{font-size:18px;line-height:18px} .star.empty i.star-filled,.star.empty i.star-half,.star.empty svg.star-filled,.star.empty svg.star-half{opacity:0} .star.empty i.star-empty,.star.empty svg.star-empty{opacity:1} .rating.value-0.half .star:first-child i.star-empty,.rating.value-0.half .star:first-child i.star-filled,.rating.value-0.half .star:first-child svg.star-empty,.rating.value-0.half .star:first-child svg.star-filled,.rating.value-1.half .star-container .star:nth-child(2) i.star-empty,.rating.value-1.half .star-container .star:nth-child(2) i.star-filled,.rating.value-1.half .star-container .star:nth-child(2) svg.star-empty,.rating.value-1.half .star-container .star:nth-child(2) svg.star-filled,.rating.value-2.half .star-container .star:nth-child(3) i.star-empty,.rating.value-2.half .star-container .star:nth-child(3) i.star-filled,.rating.value-2.half .star-container .star:nth-child(3) svg.star-empty,.rating.value-2.half .star-container .star:nth-child(3) svg.star-filled,.rating.value-3.half .star-container .star:nth-child(4) i.star-empty,.rating.value-3.half .star-container .star:nth-child(4) i.star-filled,.rating.value-3.half .star-container .star:nth-child(4) svg.star-empty,.rating.value-3.half .star-container .star:nth-child(4) svg.star-filled,.rating.value-4.half .star-container .star:nth-child(5) i.star-empty,.rating.value-4.half .star-container .star:nth-child(5) i.star-filled,.rating.value-4.half .star-container .star:nth-child(5) svg.star-empty,.rating.value-4.half .star-container .star:nth-child(5) svg.star-filled,.rating.value-5.half .star-container .star:nth-child(6) i.star-empty,.rating.value-5.half .star-container .star:nth-child(6) i.star-filled,.rating.value-5.half .star-container .star:nth-child(6) svg.star-empty,.rating.value-5.half .star-container .star:nth-child(6) svg.star-filled,.star.half i.star-empty,.star.half i.star-filled,.star.half svg.star-empty,.star.half svg.star-filled{opacity:0} .rating.value-0.half .star:first-child i.star-half,.rating.value-0.half .star:first-child svg.star-half,.rating.value-1.half .star-container .star:nth-child(2) i.star-half,.rating.value-1.half .star-container .star:nth-child(2) svg.star-half,.rating.value-2.half .star-container .star:nth-child(3) i.star-half,.rating.value-2.half .star-container .star:nth-child(3) svg.star-half,.rating.value-3.half .star-container .star:nth-child(4) i.star-half,.rating.value-3.half .star-container .star:nth-child(4) svg.star-half,.rating.value-4.half .star-container .star:nth-child(5) i.star-half,.rating.value-4.half .star-container .star:nth-child(5) svg.star-half,.rating.value-5.half .star-container .star:nth-child(6) i.star-half,.rating.value-5.half .star-container .star:nth-child(6) svg.star-half,.star.half i.star-half,.star.half svg.star-half{opacity:1} .rating.value-1 .star-container .star:nth-child(-n+1) i.star-empty,.rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-empty,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-empty,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-empty,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-empty,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-empty,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-empty,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-empty,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-empty,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-empty,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) i.star-empty,.rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-empty,.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) i.star-empty,.rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-empty,.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) i.star-empty,.rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-empty,.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) i.star-empty,.rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-empty,.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) i.star-empty,.rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-empty,.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) i.star-empty,.rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-empty,.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) i.star-empty,.rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-empty,.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled,.star.filled i.star-empty,.star.filled i.star-filled,.star.filled svg.star-empty,.star.filled svg.star-filled{opacity:0} .rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled,.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled,.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled,.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled,.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled,.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled,.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled,.star.filled i.star-filled,.star.filled svg.star-filled{opacity:1} .star-container .star svg,.star.default svg{fill:#999} .star-container .star i,.star.default i{color:#999} .rating.value-0.half .star svg,.rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star svg,.rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star svg,.rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star svg,.rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star svg,.rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star svg,.star.negative svg{fill:#f03c56} .rating.value-0.half .star i,.rating.value-1.half .star-container .rating.value-0.star:nth-child(2) .star i,.rating.value-2.half .star-container .rating.value-0.star:nth-child(3) .star i,.rating.value-3.half .star-container .rating.value-0.star:nth-child(4) .star i,.rating.value-4.half .star-container .rating.value-0.star:nth-child(5) .star i,.rating.value-5.half .star-container .rating.value-0.star:nth-child(6) .star i,.star.negative i{color:#f03c56} .star.ok svg{fill:#ffc058} .star.ok i{color:#ffc058} .rating.value-6 .star-container .star svg,.rating.value-7 .star-container .star svg,.rating.value-8 .star-container .star svg,.rating.value-9 .star-container .star svg,.rating.value-10 .star-container .star svg,.rating.value-11 .star-container .star svg,.rating.value-12 .star-container .star svg,.star.positive svg{fill:#7ed321} .rating.value-6 .star-container .star i,.rating.value-7 .star-container .star i,.rating.value-8 .star-container .star i,.rating.value-9 .star-container .star i,.rating.value-10 .star-container .star i,.rating.value-11 .star-container .star i,.rating.value-12 .star-container .star i,.star.positive i{color:#7ed321} .star.rating.star-svg i,.star.svg i{display:none} .star.rating.star-svg svg,.star.svg svg{display:flex} .rating.theme-kununu .star-container .star svg,.star.custom-icon svg,.star.icon svg,.star.rating.star-custom-icon svg,.star.rating.star-icon svg{display:none} .rating.theme-kununu .star-container .star i,.star.custom-icon i,.star.icon i,.star.rating.star-custom-icon i,.star.rating.star-icon i{display:flex} .rating.small .star,.star.small{width:10px;height:9,5px} .rating.small .star i,.star.small i{font-size:11px;line-height:10px} .rating.medium .star,.star.medium{width:20px;height:20px} .rating.medium .star i,.star.medium i{font-size:25px;line-height:25px} .rating.large .star,.star.large{width:35px;height:33.3px} .rating.large .star i,.star.large i{font-size:36px;line-height:35px} .rating.disabled .star-container .star,.rating.disabled .star.label-value,.star.disabled{opacity:.5} .rating.direction-rtl .star-container .star i.star-half,.rating.direction-rtl .star-container .star svg.star-half,.star-container.direction-rtl .star i.star-half,.star-container.direction-rtl .star svg.star-half,.star.direction-rtl i.star-half,.star.direction-rtl svg.star-half{transform:scaleX(-1)} .star-container.direction-ltr .star i.star-half,.star-container.direction-ltr .star svg.star-half,.star.direction-ltr i.star-half,.star.direction-ltr svg.star-half{transform:scale(1)} .label-value{font-size:18px;line-height:18px} .label-value.small,.rating.small .label-value{font-size:9.5px;line-height:9.5px} .label-value.medium,.rating.medium .label-value{font-size:18px;line-height:25px} .label-value.large,.rating.large .label-value{font-size:28px;line-height:35px} .label-value.disabled,.rating.disabled .label-value{opacity:.5} .star-container{display:flex;align-items:center;flex:0 0 auto;justify-content:center;margin-left:5px;margin-right:5px;transition:all .3s ease} .star-container+.star{margin-left:5px} .star-container .star,.star-container .star i,.star-container .star svg{transition:all .3s ease} .star-container svg{z-index:2} .star-container i{z-index:1} .rating.direction-rtl .star-container,.star-container.direction-rtl,.star-container.direction-rtl .star-container.star{direction:rtl} .star-container.direction-ltr,.star-container.direction-ltr .star-container.star{direction:ltr} .rating.space-no .star-container,.star-container.space-no{flex:1 1 auto;justify-content:center} .rating.space-between .star-container,.star-container.space-between{flex:1 1 auto;justify-content:space-between} .rating.space-around .star-container,.star-container.space-around{flex:1 1 auto;justify-content:space-around} .rating{display:flex;align-items:center;justify-content:center;margin-bottom:5px} .rating.value-1 .star-container .star svg{fill:#f03c56} .rating.value-1 .star-container .star i{color:#f03c56} .rating.value-2 .star-container .star svg{fill:#f03c56} .rating.value-2 .star-container .star i{color:#f03c56} .rating.value-3 .star-container .star svg{fill:#ffc058} .rating.value-3 .star-container .star i{color:#ffc058} .rating.value-4 .star-container .star svg{fill:#7ed321} .rating.value-4 .star-container .star i{color:#7ed321} .rating.value-5 .star-container .star svg{fill:#7ed321} .rating.value-5 .star-container .star i{color:#7ed321} .rating.value-6 .star-container .star svg{fill:#7ed321} .rating.value-6 .star-container .star i{color:#7ed321} .rating.hover:hover.hover-1 .star-container .star.star-filled,.rating.hover:hover.hover-1 .star-container .star.star-half,.rating.hover:hover.value-1.half .star-container .star.star-filled,.rating.hover:hover.value-1.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-1:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-1:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-half{opacity:0} .rating.hover:hover.hover-1 .star-container .star.star-empty,.rating.hover:hover.value-1.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-1:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-1:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-1:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-1:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-1:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-1:nth-child(6) .star-container .star.star-empty{opacity:1} .rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-empty,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-empty,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled{opacity:0} .rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled,.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled{opacity:1} .rating.hover:hover.hover-1 .star-container .star svg{fill:#f03c56} .rating.hover:hover.hover-1 .star-container .star i{color:#f03c56} .rating.hover:hover.hover-2 .star-container .star.star-filled,.rating.hover:hover.hover-2 .star-container .star.star-half,.rating.hover:hover.value-2.half .star-container .star.star-filled,.rating.hover:hover.value-2.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-2:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-2:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-half{opacity:0} .rating.hover:hover.hover-2 .star-container .star.star-empty,.rating.hover:hover.value-2.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-2:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-2:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-2:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-2:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-2:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-2:nth-child(6) .star-container .star.star-empty{opacity:1} .rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-empty,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-empty,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled{opacity:0} .rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled{opacity:1} .rating.hover:hover.hover-2 .star-container .star svg{fill:#f03c56} .rating.hover:hover.hover-2 .star-container .star i{color:#f03c56} .rating.hover:hover.hover-3 .star-container .star.star-filled,.rating.hover:hover.hover-3 .star-container .star.star-half,.rating.hover:hover.value-3.half .star-container .star.star-filled,.rating.hover:hover.value-3.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-3:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-3:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-half{opacity:0} .rating.hover:hover.hover-3 .star-container .star.star-empty,.rating.hover:hover.value-3.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-3:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-3:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-3:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-3:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-3:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-3:nth-child(6) .star-container .star.star-empty{opacity:1} .rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-empty,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-empty,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled{opacity:0} .rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled{opacity:1} .rating.hover:hover.hover-3 .star-container .star svg{fill:#ffc058} .rating.hover:hover.hover-3 .star-container .star i{color:#ffc058} .rating.hover:hover.hover-4 .star-container .star.star-filled,.rating.hover:hover.hover-4 .star-container .star.star-half,.rating.hover:hover.value-4.half .star-container .star.star-filled,.rating.hover:hover.value-4.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-4:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-4:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-half{opacity:0} .rating.hover:hover.hover-4 .star-container .star.star-empty,.rating.hover:hover.value-4.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-4:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-4:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-4:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-4:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-4:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-4:nth-child(6) .star-container .star.star-empty{opacity:1} .rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-empty,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-empty,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled{opacity:0} .rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled{opacity:1} .rating.hover:hover.hover-4 .star-container .star svg{fill:#7ed321} .rating.hover:hover.hover-4 .star-container .star i{color:#7ed321} .rating.hover:hover.hover-5 .star-container .star.star-filled,.rating.hover:hover.hover-5 .star-container .star.star-half,.rating.hover:hover.value-5.half .star-container .star.star-filled,.rating.hover:hover.value-5.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-5:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-5:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-half{opacity:0} .rating.hover:hover.hover-5 .star-container .star.star-empty,.rating.hover:hover.value-5.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-5:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-5:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-5:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-5:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-5:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-5:nth-child(6) .star-container .star.star-empty{opacity:1} .rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-empty,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-empty,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled{opacity:0} .rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled{opacity:1} .rating.hover:hover.hover-5 .star-container .star svg{fill:#7ed321} .rating.hover:hover.hover-5 .star-container .star i{color:#7ed321} .rating.hover:hover.hover-6 .star-container .star.star-filled,.rating.hover:hover.hover-6 .star-container .star.star-half,.rating.hover:hover.value-6.half .star-container .star.star-filled,.rating.hover:hover.value-6.half .star-container .star.star-half,.rating.value-0.half .rating.hover.star:hover.value-6:first-child .star-container .star.star-filled,.rating.value-0.half .rating.hover.star:hover.value-6:first-child .star-container .star.star-half,.rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-filled,.rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-half,.rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-filled,.rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-half,.rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-filled,.rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-half,.rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-filled,.rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-half,.rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-filled,.rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-half{opacity:0} .rating.hover:hover.hover-6 .star-container .star.star-empty,.rating.hover:hover.value-6.half .star-container .star.star-empty,.rating.value-0.half .rating.hover.star:hover.value-6:first-child .star-container .star.star-empty,.rating.value-1.half .star-container .rating.hover.star:hover.value-6:nth-child(2) .star-container .star.star-empty,.rating.value-2.half .star-container .rating.hover.star:hover.value-6:nth-child(3) .star-container .star.star-empty,.rating.value-3.half .star-container .rating.hover.star:hover.value-6:nth-child(4) .star-container .star.star-empty,.rating.value-4.half .star-container .rating.hover.star:hover.value-6:nth-child(5) .star-container .star.star-empty,.rating.value-5.half .star-container .rating.hover.star:hover.value-6:nth-child(6) .star-container .star.star-empty{opacity:1} .rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-empty,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-empty,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled{opacity:0} .rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled,.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled{opacity:1} .rating.hover:hover.hover-6 .star-container .star svg{fill:#7ed321} .rating.hover:hover.hover-6 .star-container .star i{color:#7ed321} .rating.label-hidden .label-value{display:none} .rating.label-visible{display:flex} .rating.label-top{flex-direction:column} .rating.label-top .label-value+.star-container{margin-left:0;margin-right:0;margin-top:5px} .rating.label-left .label-value{flex:0 0 auto} .rating.label-left .label-value+.star-container{margin-left:5px;margin-right:0} .rating.label-right{flex-direction:row-reverse} .rating.label-right .label-value+.star-container{margin-left:0;margin-right:5px} .rating.label-bottom{flex-direction:column-reverse} .rating.label-bottom .label-value+.star-container{margin-left:0;margin-right:0;margin-bottom:5px} .rating.direction-rtl,.rating.direction-rtl .star-container .rating.star,.star-container.direction-rtl .rating.star{direction:rtl} .rating.direction-ltr,.star-container.direction-ltr .rating.star{direction:ltr} .rating.color-default .star-container .star svg{fill:#999!important} .rating.color-default .star-container .star i{color:#999!important} .rating.color-ok .star-container .star svg{fill:#ffc058!important} .rating.color-ok .star-container .star i{color:#ffc058!important} .rating.color-positive .star-container .star svg{fill:#7ed321!important} .rating.color-positive .star-container .star i{color:#7ed321!important} .rating.color-negative .star-container .star svg{fill:#f03c56!important} .rating.color-negative .star-container .star i{color:#f03c56!important} .rating.immediately .star-container{transition:all none} .rating.immediately .star-container .star,.rating.immediately .star-container .star i,.rating.immediately .star-container .star svg{transition:none} .rating.noticeable .star-container,.rating.noticeable .star-container .star,.rating.noticeable .star-container .star i,.rating.noticeable .star-container .star svg{transition:all .3s ease} .rating.slow .star-container,.rating.slow .star-container .star,.rating.slow .star-container .star i,.rating.slow .star-container .star svg{transition:all .8s ease} .rating.theme-kununu{flex-direction:column;width:78px} .rating.theme-kununu .label-value,.rating.theme-kununu .star-container{width:100%} .rating.theme-kununu .label-value{display:flex;align-items:center;justify-content:center;border-radius:6px 6px 0 0;height:50px;border:1px solid #e9ecec;border-bottom:0;font-size:18px;font-weight:700;color:#2f3940;letter-spacing:-1px;background-color:#f8f8f8} .rating.theme-kununu .star-container{border-radius:0 0 6px 6px;padding:2px 0 4px;margin-left:0;margin-right:0;justify-content:center;background-color:#99c613;border:1px solid #99c613;border-bottom:0} .rating.theme-kununu .star-container .star{height:11px;width:11px} .rating.theme-kununu .star-container .star i{font-size:11px;color:#fff;text-align:center} .rating.theme-google-places .label-value{color:#e7711b;font-family:arial,sans-serif;font-size:13px;line-height:15px} .rating.theme-google-places .star-container{width:65px;margin-left:2px} .rating.theme-google-places .star-container .star i{font-size:17px;color:#e7711b!important} .rating.theme-google-places .star-container .star i.star-empty{opacity:1!important;color:#e1e1e1!important} .rating.theme-google-places .star-container .star i.star-empty:before{content:"★"} .rating.theme-google-places .star-container .star i.star-half{width:7px;overflow:hidden} .rating.theme-google-places .star-container .star i.star-filled:before,.rating.theme-google-places .star-container .star i.star-half:before{content:"★"} .rating.theme-rolling-stars .star-container .star{transition:transform 1s;transform:rotate(0deg)} .rating.theme-rolling-stars.value-0.half .star:first-child,.rating.theme-rolling-stars.value-1 .star-container .star:nth-child(-n+1),.rating.theme-rolling-stars.value-1.half .star-container .star:nth-child(2),.rating.theme-rolling-stars.value-2 .star-container .star:nth-child(-n+2),.rating.theme-rolling-stars.value-2.half .star-container .star:nth-child(3),.rating.theme-rolling-stars.value-3 .star-container .star:nth-child(-n+3),.rating.theme-rolling-stars.value-3.half .star-container .star:nth-child(4),.rating.theme-rolling-stars.value-4 .star-container .star:nth-child(-n+4),.rating.theme-rolling-stars.value-4.half .star-container .star:nth-child(5),.rating.theme-rolling-stars.value-5 .star-container .star:nth-child(-n+5),.rating.theme-rolling-stars.value-5.half .star-container .star:nth-child(6),.rating.theme-rolling-stars.value-6 .star-container .star:nth-child(-n+6),.rating.value-0.half .rating.theme-rolling-stars.value-0.star:first-child .star:nth-child(1),.rating.value-0.half .rating.theme-rolling-stars.value-1.star:first-child .star-container .star:nth-child(2),.rating.value-0.half .rating.theme-rolling-stars.value-2.star:first-child .star-container .star:nth-child(3),.rating.value-0.half .rating.theme-rolling-stars.value-3.star:first-child .star-container .star:nth-child(4),.rating.value-0.half .rating.theme-rolling-stars.value-4.star:first-child .star-container .star:nth-child(5),.rating.value-0.half .rating.theme-rolling-stars.value-5.star:first-child .star-container .star:nth-child(6),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(2) .star:first-child,.rating.value-1.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(2) .star-container .star:nth-child(2),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(2) .star-container .star:nth-child(3),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(2) .star-container .star:nth-child(4),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(2) .star-container .star:nth-child(5),.rating.value-1.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(2) .star-container .star:nth-child(6),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(3) .star:first-child,.rating.value-2.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(3) .star-container .star:nth-child(2),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(3) .star-container .star:nth-child(3),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(3) .star-container .star:nth-child(4),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(3) .star-container .star:nth-child(5),.rating.value-2.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(3) .star-container .star:nth-child(6),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(4) .star:first-child,.rating.value-3.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(4) .star-container .star:nth-child(2),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(4) .star-container .star:nth-child(3),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(4) .star-container .star:nth-child(4),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(4) .star-container .star:nth-child(5),.rating.value-3.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(4) .star-container .star:nth-child(6),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(5) .star:first-child,.rating.value-4.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(5) .star-container .star:nth-child(2),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(5) .star-container .star:nth-child(3),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(5) .star-container .star:nth-child(4),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(5) .star-container .star:nth-child(5),.rating.value-4.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(5) .star-container .star:nth-child(6),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-0.star:nth-child(6) .star:first-child,.rating.value-5.half .star-container .rating.theme-rolling-stars.value-1.star:nth-child(6) .star-container .star:nth-child(2),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-2.star:nth-child(6) .star-container .star:nth-child(3),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-3.star:nth-child(6) .star-container .star:nth-child(4),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-4.star:nth-child(6) .star-container .star:nth-child(5),.rating.value-5.half .star-container .rating.theme-rolling-stars.value-5.star:nth-child(6) .star-container .star:nth-child(6){transition:transform 1s;transform:rotate(1turn)} html, body { min-height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } /*.mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px ; letter-spacing: normal; font-style: italic !important; font-family: Cursive, Arial, Helvetica, sans-serif !important ; }*/ .login-page .theme-card .theme-form input { margin-bottom: 2px !important; } .form-group { margin-bottom: 3rem; } .select-input { width: 100%; padding: 0 22px; height: 54px !important; border: 1px solid #ddd; cursor: pointer; background: url(/assets/images/dropdown.png) no-repeat 95%; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -moz-appearance: none; } .category-border { background-color: #ffffff; } .simple-toaster { width: 300px; margin-left: auto; margin-right: auto; background-color: #2d2d2d; color: #0a0100; box-sizing: border-box; } .text-theme-primary { color: #ff4c3b; } .cursor-pointer { cursor: pointer; } @media (max-width: 480px) { .brand-logo img { height: 50px; } } .cart-buttons .btn-solid { padding: 8px 8px !important; white-space: nowrap; } .slick-wrapper .animation-text { animation: rise-up 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0.7s forwards; } .slick-wrapper .slick-dots { bottom: 6px; } .slick-wrapper .slick-dots li { vertical-align: middle; } .slick-wrapper .slick-dots li, .slick-wrapper .slick-dots li button { width: 6px; height: 6px; } .slick-wrapper .slick-dots li button::before { width: 6px; height: 6px; border-radius: 100%; color: #FFFFFF; } .slick-wrapper .slick-dots li.slick-active, .slick-wrapper .slick-dots li.slick-active button, .slick-wrapper .slick-dots li.slick-active button::before { width: 8px; height: 8px; opacity: 1; } .slick-wrapper [data-bars] .slick-dots li, .slick-wrapper [data-bars] .slick-dots li button { padding: 0; width: 150px; height: 18px; } .slick-wrapper [data-bars] .slick-dots li button::before, .slick-wrapper [data-bars] .slick-dots li button::after { content: ""; width: 150px; height: 4px; border-radius: 0; position: absolute; left: 0; top: 50%; transform: translateY(-2px); } .p-fluid .p-calendar .p-inputtext { border-radius: 0; } .p-calendar-w-btn .p-datepicker-trigger { margin-bottom: 30px; color: #fff; letter-spacing: 0.05em; border: 2px solid var(--theme-deafult); background: none; background-image: linear-gradient(30deg, var(--theme-deafult) 50%, transparent 50%); background-size: 850px; background-repeat: no-repeat; background-position: 0; transition: background 300ms ease-in-out; border-radius: 0; } .p-button:enabled:hover { background-position: 100%; background-color: #fff; border-color: var(--theme-deafult); color: #000000; } .form-message { margin-top: -27px; margin-bottom: 30px; } .rating { display: table-caption; } .rating .star-container { justify-content: flex-start; margin-left: 0; } .ql-editor p { padding: 0 !important; } .ql-editor ol > li, .ql-editor ul > li { display: list-item; } .media-body ol > li, .media-body ul > li { border: none !important; } .p-button:enabled:hover { background: #fff !important; color: #0a0100 !important; border: 3px solid var(--theme-deafult) !important; transition: 0.3s ease-in-out; } .blog-carousel .owl-item { width: 340px !important; } .k-grid-header .k-header { text-transform: uppercase; font-weight: 700; border: none; padding: 16px; } .theme-text { color: var(--theme-deafult); } /* Colors for the ripple elements.*/ /* stylelint-disable-next-line material/theme-mixin-api */ /* stylelint-disable-next-line material/theme-mixin-api */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .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: scale(0); } .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; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .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: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } @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; } 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; } .mat-focus-indicator { position: relative; } .mat-mdc-focus-indicator { position: relative; } @font-face { font-family: 'primeicons'; font-display: auto; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.ttf') format('truetype'), url('primeicons.woff') format('woff'), url('primeicons.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-o:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } @charset "UTF-8"; :root { --surface-a:#ffffff; --surface-b:#f8f9fa; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#495057; --text-color-secondary:#6c757d; --primary-color:#2196F3; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; --surface-50: #FAFAFA; --surface-100: #F5F5F5; --surface-200: #EEEEEE; --surface-300: #E0E0E0; --surface-400: #BDBDBD; --surface-500: #9E9E9E; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #EEEEEE; --gray-300: #E0E0E0; --gray-400: #BDBDBD; --gray-500: #9E9E9E; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; --border-radius:3px; --surface-ground:#f8f9fa; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dee2e6; } * { box-sizing: border-box; } .p-component { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #f44336; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-link { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 3px; } .p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } :root { --blue-50:#f4fafe; --blue-100:#cae6fc; --blue-200:#a0d2fa; --blue-300:#75bef8; --blue-400:#4baaf5; --blue-500:#2196f3; --blue-600:#1c80cf; --blue-700:#1769aa; --blue-800:#125386; --blue-900:#0d3c61; --green-50:#f6fbf6; --green-100:#d4ecd5; --green-200:#b2ddb4; --green-300:#90cd93; --green-400:#6ebe71; --green-500:#4caf50; --green-600:#419544; --green-700:#357b38; --green-800:#2a602c; --green-900:#1e4620; --yellow-50:#fffcf5; --yellow-100:#fef0cd; --yellow-200:#fde4a5; --yellow-300:#fdd87d; --yellow-400:#fccc55; --yellow-500:#fbc02d; --yellow-600:#d5a326; --yellow-700:#b08620; --yellow-800:#8a6a19; --yellow-900:#644d12; --cyan-50:#f2fcfd; --cyan-100:#c2eff5; --cyan-200:#91e2ed; --cyan-300:#61d5e4; --cyan-400:#30c9dc; --cyan-500:#00bcd4; --cyan-600:#00a0b4; --cyan-700:#008494; --cyan-800:#006775; --cyan-900:#004b55; --pink-50:#fef4f7; --pink-100:#fac9da; --pink-200:#f69ebc; --pink-300:#f1749e; --pink-400:#ed4981; --pink-500:#e91e63; --pink-600:#c61a54; --pink-700:#a31545; --pink-800:#801136; --pink-900:#5d0c28; --indigo-50:#f5f6fb; --indigo-100:#d1d5ed; --indigo-200:#acb4df; --indigo-300:#8893d1; --indigo-400:#6372c3; --indigo-500:#3f51b5; --indigo-600:#36459a; --indigo-700:#2c397f; --indigo-800:#232d64; --indigo-900:#192048; --teal-50:#f2faf9; --teal-100:#c2e6e2; --teal-200:#91d2cc; --teal-300:#61beb5; --teal-400:#30aa9f; --teal-500:#009688; --teal-600:#008074; --teal-700:#00695f; --teal-800:#00534b; --teal-900:#003c36; --orange-50:#fff8f2; --orange-100:#fde0c2; --orange-200:#fbc791; --orange-300:#f9ae61; --orange-400:#f79530; --orange-500:#f57c00; --orange-600:#d06900; --orange-700:#ac5700; --orange-800:#874400; --orange-900:#623200; --bluegray-50:#f7f9f9; --bluegray-100:#d9e0e3; --bluegray-200:#bbc7cd; --bluegray-300:#9caeb7; --bluegray-400:#7e96a1; --bluegray-500:#607d8b; --bluegray-600:#526a76; --bluegray-700:#435861; --bluegray-800:#35454c; --bluegray-900:#263238; --purple-50:#faf4fb; --purple-100:#e7cbec; --purple-200:#d4a2dd; --purple-300:#c279ce; --purple-400:#af50bf; --purple-500:#9c27b0; --purple-600:#852196; --purple-700:#6d1b7b; --purple-800:#561561; --purple-900:#3e1046; } .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { border-color: #2196F3; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } .p-autocomplete-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { padding: 0.5rem 0; } .p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { padding: 0.5rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #495057; background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E3F2FD; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #495057; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #dee2e6; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title select { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-title select:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; color: #495057; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-right: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; border-right: 0 none; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #2196F3; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.5rem 0.5rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6c757d; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-cascadeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.5rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } .p-input-filled .p-cascadeselect { background: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-checkbox { width: 20px; height: 20px; } .p-checkbox .p-checkbox-box { border: 2px solid #ced4da; background: #ffffff; width: 20px; height: 20px; color: #495057; border-radius: 3px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #2196F3; background: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #2196F3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0b7ad1; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { border-color: #2196F3; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border-color: #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { border-color: #2196F3; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 2.357rem; } .p-dropdown-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.5rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.5rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { padding: 0.5rem 0; } .p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { padding: 0.5rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #E3F2FD; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } .p-input-filled .p-dropdown { background: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; padding: 0.5rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #495057; background: #e9ecef; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 1rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #2196F3; } .p-inputgroup-addon { background: #e9ecef; color: #6c757d; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 0.5rem 0.5rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } .p-inputgroup > .p-component, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #2196F3; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0d89ec; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #f44336; } .p-inputtext { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; background: #ffffff; padding: 0.5rem 0.5rem; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none; appearance: none; border-radius: 3px; } .p-inputtext:enabled:hover { border-color: #2196F3; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-inputtext.ng-dirty.ng-invalid { border-color: #f44336; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } .p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2rem; } .p-input-icon-left.p-float-label > label { left: 2rem; } .p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2rem; } ::-webkit-input-placeholder { color: #6c757d; } :-moz-placeholder { color: #6c757d; } ::-moz-placeholder { color: #6c757d; } :-ms-input-placeholder { color: #6c757d; } .p-input-filled .p-inputtext { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-listbox { background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 3px; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.5rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.5rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.5rem 0; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #E3F2FD; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } .p-multiselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { border-color: #2196F3; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } .p-multiselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { padding: 0.5rem 0; } .p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { padding: 0.5rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } .p-input-filled .p-multiselect { background: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-password.p-invalid.p-component > .p-inputtext { border-color: #f44336; } .p-password-panel { padding: 1rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #D32F2F; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #FBC02D; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #689F38; } .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #ced4da; background: #ffffff; width: 20px; height: 20px; color: #495057; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #2196F3; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #2196F3; background: #2196F3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #2196F3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0b7ad1; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-icon.p-rating-cancel { color: #e74c3c; } .p-rating .p-rating-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-rating .p-rating-icon:first-child { margin-left: 0; } .p-rating .p-rating-icon.pi-star { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #c0392b; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { background: #2196F3; border-color: #2196F3; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 3px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #2196F3; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-slider .p-slider-range { background: #2196F3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #2196F3; border-color: #2196F3; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { background: #2196F3; border-color: #2196F3; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { border-color: #2196F3; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-treeselect.p-invalid.p-component { border-color: #f44336; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } .p-treeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-input-filled .p-treeselect { background: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .p-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .p-button.p-button-outlined { background-color: transparent; color: #2196F3; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #2196F3; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #2196F3; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.357rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.357rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607D8B; border: 1px solid #607D8B; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(96, 125, 139, 0.04); color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(96, 125, 139, 0.16); color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607D8B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607D8B; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607D8B; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #026da7; color: #ffffff; border-color: #026da7; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(2, 136, 209, 0.04); color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(2, 136, 209, 0.16); color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288D1; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288D1; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288D1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689F38; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689F38; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689F38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #e8a704; color: #212529; border-color: #e8a704; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #FBC02D; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #FBC02D; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #FBC02D; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9C27B0; border: 1px solid #9C27B0; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9C27B0; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9C27B0; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9C27B0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #D32F2F; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #D32F2F; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #D32F2F; } .p-button.p-button-link { color: #0b7ad1; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #0b7ad1; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #0b7ad1; border-color: transparent; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #e9ecef; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #6c757d; } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; color: #2196F3; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } .p-datatable .p-sortable-column.p-highlight:hover { background: #e9ecef; color: #2196F3; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #2196F3; } .p-datatable .p-sortable-column:focus { box-shadow: inset 0 0 0 0.15rem #a6d5fa; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; outline-color: #a6d5fa; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #E3F2FD; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #E3F2FD; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: #2196F3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #E3F2FD; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: solid #e9ecef; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #E3F2FD; color: #495057; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-column-filter-overlay { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.5rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #E3F2FD; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.5rem 1rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } .fc .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } .fc .fc-view-container td.fc-widget-content { background: #ffffff; border: 1px solid #dee2e6; color: #495057; } .fc .fc-view-container td.fc-head-container { border: 1px solid #dee2e6; } .fc .fc-view-container .fc-row { border-right: 1px solid #dee2e6; } .fc .fc-view-container .fc-event { background: #0d89ec; border: 1px solid #0d89ec; color: #ffffff; } .fc .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; } .fc .fc-toolbar .fc-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; display: flex; align-items: center; } .fc .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .fc .fc-toolbar .fc-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .fc .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: ""; } .fc .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: ""; } .fc .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #2196F3; border-color: #2196F3; color: #ffffff; } .fc .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .fc .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; z-index: 1; } .fc .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-orderlist .p-orderlist-controls { padding: 1rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; } .p-orderlist .p-orderlist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.5rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.5rem; color: #6c757d; } .p-orderlist .p-orderlist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #E3F2FD; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #6cbbf5; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-paginator { background: #ffffff; color: #6c757d; border: solid #e9ecef; border-width: 0; padding: 0.5rem 1rem; border-radius: 3px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; } .p-paginator .p-paginator-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-paginator .p-paginator-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.357rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #E3F2FD; border-color: #E3F2FD; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; } .p-picklist .p-picklist-buttons { padding: 1rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; } .p-picklist .p-picklist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.5rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.5rem; color: #6c757d; } .p-picklist .p-picklist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #2196F3; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; border-radius: 3px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; transition: box-shadow 0.2s; padding: 0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #E3F2FD; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #e9ecef; color: #495057; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.5rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.5rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #89c8f7; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 3px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #E3F2FD; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; } .p-treetable .p-sortable-column { outline-color: #a6d5fa; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #6c757d; } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; color: #2196F3; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; outline-color: #a6d5fa; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: #2196F3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-accordion .p-accordion-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 0; } .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { border-radius: 0; } .p-accordion p-accordiontab .p-accordion-content { border-radius: 0; } .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-top: 0 none; } .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-accordion p-accordiontab:last-child .p-accordion-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-card .p-card-body { padding: 1rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6c757d; } .p-card .p-card-content { padding: 1rem 0; } .p-card .p-card-footer { padding: 1rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 3px; } .p-fieldset .p-fieldset-legend { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-fieldset .p-fieldset-content { padding: 1rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; background: #f8f9fa; color: #495057; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-panel .p-panel-header .p-panel-title { font-weight: 600; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.5rem 1rem; } .p-panel .p-panel-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 3px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1rem; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #6c757d; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #2196F3; color: #2196F3; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1rem; border: 0 none; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1rem; border-radius: 3px; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; 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); } .p-confirm-popup .p-confirm-popup-content { padding: 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.5rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 3px; 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); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #495057; padding: 1.5rem; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 600; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-dialog-mask.p-component-overlay { background-color: rgba(0, 0, 0, 0.4); } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; 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); } .p-overlaypanel .p-overlaypanel-content { padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { background: #2196F3; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #0d89ec; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; 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); } .p-sidebar .p-sidebar-header { padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1rem; } .p-sidebar-mask.p-component-overlay { background: rgba(0, 0, 0, 0.4); } .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; padding: 0.5rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #495057; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #495057; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #495057; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .p-fileupload-choose:not(.p-disabled):active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; border-radius: 3px; padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { color: #495057; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { color: #6c757d; } .p-breadcrumb ul li.p-breadcrumb-chevron { margin: 0 0.5rem 0 0.5rem; color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-text { color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-icon { color: #6c757d; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:last-child { margin: 0; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-megamenu-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-megamenu .p-megamenu-submenu { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu .p-megamenu-submenu .p-menuitem { margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-vertical .p-menuitem { margin: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem:last-child { margin: 0; } .p-menu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:last-child { margin: 0; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-submenu-list .p-menuitem { margin: 0; } .p-menubar .p-submenu-list .p-menuitem:last-child { margin: 0; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list > .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list ul li a { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list ul li ul li a { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li a { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header > a { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-panelmenu .p-panelmenu-header.p-highlight { margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #495057; margin-bottom: 0; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-slidemenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-slidemenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { background: #e9ecef; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #495057; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { color: #6c757d; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; color: #495057; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 3px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #E3F2FD; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; color: #495057; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1rem; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #6c757d; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #2196F3; color: #2196F3; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:last-child { margin: 0; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; border-radius: 3px; } .p-inline-message.p-inline-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0px; color: #044868; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #044868; } .p-inline-message.p-inline-message-success { background: #C8E6C9; border: solid #439446; border-width: 0px; color: #224a23; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #224a23; } .p-inline-message.p-inline-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0px; color: #6d5100; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #6d5100; } .p-inline-message.p-inline-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0px; color: #73000c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #73000c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 3px; } .p-message .p-message-wrapper { padding: 1rem 1.5rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-message.p-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; } .p-message.p-message-info .p-message-icon { color: #044868; } .p-message.p-message-info .p-message-close { color: #044868; } .p-message.p-message-success { background: #C8E6C9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; } .p-message.p-message-success .p-message-icon { color: #224a23; } .p-message.p-message-success .p-message-close { color: #224a23; } .p-message.p-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; } .p-message.p-message-warn .p-message-icon { color: #6d5100; } .p-message.p-message-warn .p-message-close { color: #6d5100; } .p-message.p-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; } .p-message.p-message-error .p-message-icon { color: #73000c; } .p-message.p-message-error .p-message-close { color: #73000c; } .p-message .p-message-text { font-size: 1rem; font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-toast .p-toast-message.p-toast-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { background: #C8E6C9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 3px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #e9ecef; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-galleria-mask.p-component-overlay { background-color: rgba(0, 0, 0, 0.9); } .p-avatar { background-color: #dee2e6; border-radius: 3px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #607D8B; color: #ffffff; } .p-badge.p-badge-success { background-color: #689F38; color: #ffffff; } .p-badge.p-badge-info { background-color: #0288D1; color: #ffffff; } .p-badge.p-badge-warning { background-color: #FBC02D; color: #212529; } .p-badge.p-badge-danger { background-color: #D32F2F; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-blockui.p-component-overlay { background: rgba(0, 0, 0, 0.4); } .p-chip { background-color: #dee2e6; color: #495057; border-radius: 16px; padding: 0 0.5rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.25rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2rem; height: 2rem; margin-left: -0.5rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-progressbar { border: 0 none; height: 1.5rem; background: #dee2e6; border-radius: 3px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #2196F3; } .p-progressbar .p-progressbar-label { color: #495057; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-skeleton { background-color: #e9ecef; border-radius: 3px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 3px; } .p-tag.p-tag-success { background-color: #689F38; color: #ffffff; } .p-tag.p-tag-info { background-color: #0288D1; color: #ffffff; } .p-tag.p-tag-warning { background-color: #FBC02D; color: #212529; } .p-tag.p-tag-danger { background-color: #D32F2F; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1rem; } .p-terminal .p-terminal-input { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* Customizations to the designer theme should be defined here */ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #2196F3; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #2196F3; } .p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-button-label{transition:all .2s}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem} /*! * 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; } /*! * 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-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); } .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; } .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; }