@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); /*------------------------------------------------------------------ [Master Stylesheet] Project : Xintra - Django Tailwind Admin Template Create Date : 18/November/2024 Author & Copyright Ownership : Spruko Technologies Private Limited Author URL : https://themeforest.net/user/spruko Support : https://support.spruko.com/ License Details : https://spruko.com/licenses-details ------------------------------------------------------------------*/ /* Table Of Content variables switcher accordion alerts badge breadcrumb buttons cards dropdown forms input_group list_group modals navbar navs_tabs pagination popovers progress tables toast tooltips authentication custom dashboard_styles error header plugins ribbons widgets closed_menu detached_menu double_menu horizontal icon_click icon_hover icon_overlay icontext menu_click menu_hover vertical chat ecommerce file-manager landing mail task avatars background border opacity typography */ /* * Remix Icon v4.9.1 * https://remixicon.com * https://github.com/Remix-Design/RemixIcon * * Copyright RemixIcon.com * Released under the Apache License Version 2.0 * * Date: 2024-02-25 */ @font-face { font-family: "remixicon"; src: url('../icon-fonts/RemixIcons/fonts/remixicon.eot?t=1708865856766'); /* IE9*/ src: url('../icon-fonts/RemixIcons/fonts/remixicon.eot?t=1708865856766#iefix') format('embedded-opentype'), /* IE6-IE8 */ url("../icon-fonts/RemixIcons/fonts/remixicon.woff2?t=1708865856766") format("woff2"), url("../icon-fonts/RemixIcons/fonts/remixicon.woff?t=1708865856766") format("woff"), url('../icon-fonts/RemixIcons/fonts/remixicon.ttf?t=1708865856766') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../icon-fonts/RemixIcons/fonts/remixicon.svg?t=1708865856766#remixicon') format('svg'); /* iOS 4.1- */ font-display: swap; } [class^="ri-"], [class*=" ri-"] { font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; } .ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; } .ri-xxs { font-size: .5em; } .ri-xs { font-size: .75em; } .ri-sm { font-size: .875em } .ri-1x { font-size: 1em; } .ri-2x { font-size: 2em; } .ri-3x { font-size: 3em; } .ri-4x { font-size: 4em; } .ri-5x { font-size: 5em; } .ri-6x { font-size: 6em; } .ri-7x { font-size: 7em; } .ri-8x { font-size: 8em; } .ri-9x { font-size: 9em; } .ri-10x { font-size: 10em; } .ri-fw { text-align: center; width: 1.25em; } .ri-24-hours-fill:before { content: "\ea01"; } .ri-24-hours-line:before { content: "\ea02"; } .ri-4k-fill:before { content: "\ea03"; } .ri-4k-line:before { content: "\ea04"; } .ri-a-b:before { content: "\ea05"; } .ri-account-box-fill:before { content: "\ea06"; } .ri-account-box-line:before { content: "\ea07"; } .ri-account-circle-fill:before { content: "\ea08"; } .ri-account-circle-line:before { content: "\ea09"; } .ri-account-pin-box-fill:before { content: "\ea0a"; } .ri-account-pin-box-line:before { content: "\ea0b"; } .ri-account-pin-circle-fill:before { content: "\ea0c"; } .ri-account-pin-circle-line:before { content: "\ea0d"; } .ri-add-box-fill:before { content: "\ea0e"; } .ri-add-box-line:before { content: "\ea0f"; } .ri-add-circle-fill:before { content: "\ea10"; } .ri-add-circle-line:before { content: "\ea11"; } .ri-add-fill:before { content: "\ea12"; } .ri-add-line:before { content: "\ea13"; } .ri-admin-fill:before { content: "\ea14"; } .ri-admin-line:before { content: "\ea15"; } .ri-advertisement-fill:before { content: "\ea16"; } .ri-advertisement-line:before { content: "\ea17"; } .ri-airplay-fill:before { content: "\ea18"; } .ri-airplay-line:before { content: "\ea19"; } .ri-alarm-fill:before { content: "\ea1a"; } .ri-alarm-line:before { content: "\ea1b"; } .ri-alarm-warning-fill:before { content: "\ea1c"; } .ri-alarm-warning-line:before { content: "\ea1d"; } .ri-album-fill:before { content: "\ea1e"; } .ri-album-line:before { content: "\ea1f"; } .ri-alert-fill:before { content: "\ea20"; } .ri-alert-line:before { content: "\ea21"; } .ri-aliens-fill:before { content: "\ea22"; } .ri-aliens-line:before { content: "\ea23"; } .ri-align-bottom:before { content: "\ea24"; } .ri-align-center:before { content: "\ea25"; } .ri-align-justify:before { content: "\ea26"; } .ri-align-left:before { content: "\ea27"; } .ri-align-right:before { content: "\ea28"; } .ri-align-top:before { content: "\ea29"; } .ri-align-vertically:before { content: "\ea2a"; } .ri-alipay-fill:before { content: "\ea2b"; } .ri-alipay-line:before { content: "\ea2c"; } .ri-amazon-fill:before { content: "\ea2d"; } .ri-amazon-line:before { content: "\ea2e"; } .ri-anchor-fill:before { content: "\ea2f"; } .ri-anchor-line:before { content: "\ea30"; } .ri-ancient-gate-fill:before { content: "\ea31"; } .ri-ancient-gate-line:before { content: "\ea32"; } .ri-ancient-pavilion-fill:before { content: "\ea33"; } .ri-ancient-pavilion-line:before { content: "\ea34"; } .ri-android-fill:before { content: "\ea35"; } .ri-android-line:before { content: "\ea36"; } .ri-angularjs-fill:before { content: "\ea37"; } .ri-angularjs-line:before { content: "\ea38"; } .ri-anticlockwise-2-fill:before { content: "\ea39"; } .ri-anticlockwise-2-line:before { content: "\ea3a"; } .ri-anticlockwise-fill:before { content: "\ea3b"; } .ri-anticlockwise-line:before { content: "\ea3c"; } .ri-app-store-fill:before { content: "\ea3d"; } .ri-app-store-line:before { content: "\ea3e"; } .ri-apple-fill:before { content: "\ea3f"; } .ri-apple-line:before { content: "\ea40"; } .ri-apps-2-fill:before { content: "\ea41"; } .ri-apps-2-line:before { content: "\ea42"; } .ri-apps-fill:before { content: "\ea43"; } .ri-apps-line:before { content: "\ea44"; } .ri-archive-drawer-fill:before { content: "\ea45"; } .ri-archive-drawer-line:before { content: "\ea46"; } .ri-archive-fill:before { content: "\ea47"; } .ri-archive-line:before { content: "\ea48"; } .ri-arrow-down-circle-fill:before { content: "\ea49"; } .ri-arrow-down-circle-line:before { content: "\ea4a"; } .ri-arrow-down-fill:before { content: "\ea4b"; } .ri-arrow-down-line:before { content: "\ea4c"; } .ri-arrow-down-s-fill:before { content: "\ea4d"; } .ri-arrow-down-s-line:before { content: "\ea4e"; } .ri-arrow-drop-down-fill:before { content: "\ea4f"; } .ri-arrow-drop-down-line:before { content: "\ea50"; } .ri-arrow-drop-left-fill:before { content: "\ea51"; } .ri-arrow-drop-left-line:before { content: "\ea52"; } .ri-arrow-drop-right-fill:before { content: "\ea53"; } .ri-arrow-drop-right-line:before { content: "\ea54"; } .ri-arrow-drop-up-fill:before { content: "\ea55"; } .ri-arrow-drop-up-line:before { content: "\ea56"; } .ri-arrow-go-back-fill:before { content: "\ea57"; } .ri-arrow-go-back-line:before { content: "\ea58"; } .ri-arrow-go-forward-fill:before { content: "\ea59"; } .ri-arrow-go-forward-line:before { content: "\ea5a"; } .ri-arrow-left-circle-fill:before { content: "\ea5b"; } .ri-arrow-left-circle-line:before { content: "\ea5c"; } .ri-arrow-left-down-fill:before { content: "\ea5d"; } .ri-arrow-left-down-line:before { content: "\ea5e"; } .ri-arrow-left-fill:before { content: "\ea5f"; } .ri-arrow-left-line:before { content: "\ea60"; } .ri-arrow-left-right-fill:before { content: "\ea61"; } .ri-arrow-left-right-line:before { content: "\ea62"; } .ri-arrow-left-s-fill:before { content: "\ea63"; } .ri-arrow-left-s-line:before { content: "\ea64"; } .ri-arrow-left-up-fill:before { content: "\ea65"; } .ri-arrow-left-up-line:before { content: "\ea66"; } .ri-arrow-right-circle-fill:before { content: "\ea67"; } .ri-arrow-right-circle-line:before { content: "\ea68"; } .ri-arrow-right-down-fill:before { content: "\ea69"; } .ri-arrow-right-down-line:before { content: "\ea6a"; } .ri-arrow-right-fill:before { content: "\ea6b"; } .ri-arrow-right-line:before { content: "\ea6c"; } .ri-arrow-right-s-fill:before { content: "\ea6d"; } .ri-arrow-right-s-line:before { content: "\ea6e"; } .ri-arrow-right-up-fill:before { content: "\ea6f"; } .ri-arrow-right-up-line:before { content: "\ea70"; } .ri-arrow-up-circle-fill:before { content: "\ea71"; } .ri-arrow-up-circle-line:before { content: "\ea72"; } .ri-arrow-up-down-fill:before { content: "\ea73"; } .ri-arrow-up-down-line:before { content: "\ea74"; } .ri-arrow-up-fill:before { content: "\ea75"; } .ri-arrow-up-line:before { content: "\ea76"; } .ri-arrow-up-s-fill:before { content: "\ea77"; } .ri-arrow-up-s-line:before { content: "\ea78"; } .ri-artboard-2-fill:before { content: "\ea79"; } .ri-artboard-2-line:before { content: "\ea7a"; } .ri-artboard-fill:before { content: "\ea7b"; } .ri-artboard-line:before { content: "\ea7c"; } .ri-article-fill:before { content: "\ea7d"; } .ri-article-line:before { content: "\ea7e"; } .ri-aspect-ratio-fill:before { content: "\ea7f"; } .ri-aspect-ratio-line:before { content: "\ea80"; } .ri-asterisk:before { content: "\ea81"; } .ri-at-fill:before { content: "\ea82"; } .ri-at-line:before { content: "\ea83"; } .ri-attachment-2:before { content: "\ea84"; } .ri-attachment-fill:before { content: "\ea85"; } .ri-attachment-line:before { content: "\ea86"; } .ri-auction-fill:before { content: "\ea87"; } .ri-auction-line:before { content: "\ea88"; } .ri-award-fill:before { content: "\ea89"; } .ri-award-line:before { content: "\ea8a"; } .ri-baidu-fill:before { content: "\ea8b"; } .ri-baidu-line:before { content: "\ea8c"; } .ri-ball-pen-fill:before { content: "\ea8d"; } .ri-ball-pen-line:before { content: "\ea8e"; } .ri-bank-card-2-fill:before { content: "\ea8f"; } .ri-bank-card-2-line:before { content: "\ea90"; } .ri-bank-card-fill:before { content: "\ea91"; } .ri-bank-card-line:before { content: "\ea92"; } .ri-bank-fill:before { content: "\ea93"; } .ri-bank-line:before { content: "\ea94"; } .ri-bar-chart-2-fill:before { content: "\ea95"; } .ri-bar-chart-2-line:before { content: "\ea96"; } .ri-bar-chart-box-fill:before { content: "\ea97"; } .ri-bar-chart-box-line:before { content: "\ea98"; } .ri-bar-chart-fill:before { content: "\ea99"; } .ri-bar-chart-grouped-fill:before { content: "\ea9a"; } .ri-bar-chart-grouped-line:before { content: "\ea9b"; } .ri-bar-chart-horizontal-fill:before { content: "\ea9c"; } .ri-bar-chart-horizontal-line:before { content: "\ea9d"; } .ri-bar-chart-line:before { content: "\ea9e"; } .ri-barcode-box-fill:before { content: "\ea9f"; } .ri-barcode-box-line:before { content: "\eaa0"; } .ri-barcode-fill:before { content: "\eaa1"; } .ri-barcode-line:before { content: "\eaa2"; } .ri-barricade-fill:before { content: "\eaa3"; } .ri-barricade-line:before { content: "\eaa4"; } .ri-base-station-fill:before { content: "\eaa5"; } .ri-base-station-line:before { content: "\eaa6"; } .ri-basketball-fill:before { content: "\eaa7"; } .ri-basketball-line:before { content: "\eaa8"; } .ri-battery-2-charge-fill:before { content: "\eaa9"; } .ri-battery-2-charge-line:before { content: "\eaaa"; } .ri-battery-2-fill:before { content: "\eaab"; } .ri-battery-2-line:before { content: "\eaac"; } .ri-battery-charge-fill:before { content: "\eaad"; } .ri-battery-charge-line:before { content: "\eaae"; } .ri-battery-fill:before { content: "\eaaf"; } .ri-battery-line:before { content: "\eab0"; } .ri-battery-low-fill:before { content: "\eab1"; } .ri-battery-low-line:before { content: "\eab2"; } .ri-battery-saver-fill:before { content: "\eab3"; } .ri-battery-saver-line:before { content: "\eab4"; } .ri-battery-share-fill:before { content: "\eab5"; } .ri-battery-share-line:before { content: "\eab6"; } .ri-bear-smile-fill:before { content: "\eab7"; } .ri-bear-smile-line:before { content: "\eab8"; } .ri-behance-fill:before { content: "\eab9"; } .ri-behance-line:before { content: "\eaba"; } .ri-bell-fill:before { content: "\eabb"; } .ri-bell-line:before { content: "\eabc"; } .ri-bike-fill:before { content: "\eabd"; } .ri-bike-line:before { content: "\eabe"; } .ri-bilibili-fill:before { content: "\eabf"; } .ri-bilibili-line:before { content: "\eac0"; } .ri-bill-fill:before { content: "\eac1"; } .ri-bill-line:before { content: "\eac2"; } .ri-billiards-fill:before { content: "\eac3"; } .ri-billiards-line:before { content: "\eac4"; } .ri-bit-coin-fill:before { content: "\eac5"; } .ri-bit-coin-line:before { content: "\eac6"; } .ri-blaze-fill:before { content: "\eac7"; } .ri-blaze-line:before { content: "\eac8"; } .ri-bluetooth-connect-fill:before { content: "\eac9"; } .ri-bluetooth-connect-line:before { content: "\eaca"; } .ri-bluetooth-fill:before { content: "\eacb"; } .ri-bluetooth-line:before { content: "\eacc"; } .ri-blur-off-fill:before { content: "\eacd"; } .ri-blur-off-line:before { content: "\eace"; } .ri-body-scan-fill:before { content: "\eacf"; } .ri-body-scan-line:before { content: "\ead0"; } .ri-bold:before { content: "\ead1"; } .ri-book-2-fill:before { content: "\ead2"; } .ri-book-2-line:before { content: "\ead3"; } .ri-book-3-fill:before { content: "\ead4"; } .ri-book-3-line:before { content: "\ead5"; } .ri-book-fill:before { content: "\ead6"; } .ri-book-line:before { content: "\ead7"; } .ri-book-marked-fill:before { content: "\ead8"; } .ri-book-marked-line:before { content: "\ead9"; } .ri-book-open-fill:before { content: "\eada"; } .ri-book-open-line:before { content: "\eadb"; } .ri-book-read-fill:before { content: "\eadc"; } .ri-book-read-line:before { content: "\eadd"; } .ri-booklet-fill:before { content: "\eade"; } .ri-booklet-line:before { content: "\eadf"; } .ri-bookmark-2-fill:before { content: "\eae0"; } .ri-bookmark-2-line:before { content: "\eae1"; } .ri-bookmark-3-fill:before { content: "\eae2"; } .ri-bookmark-3-line:before { content: "\eae3"; } .ri-bookmark-fill:before { content: "\eae4"; } .ri-bookmark-line:before { content: "\eae5"; } .ri-boxing-fill:before { content: "\eae6"; } .ri-boxing-line:before { content: "\eae7"; } .ri-braces-fill:before { content: "\eae8"; } .ri-braces-line:before { content: "\eae9"; } .ri-brackets-fill:before { content: "\eaea"; } .ri-brackets-line:before { content: "\eaeb"; } .ri-briefcase-2-fill:before { content: "\eaec"; } .ri-briefcase-2-line:before { content: "\eaed"; } .ri-briefcase-3-fill:before { content: "\eaee"; } .ri-briefcase-3-line:before { content: "\eaef"; } .ri-briefcase-4-fill:before { content: "\eaf0"; } .ri-briefcase-4-line:before { content: "\eaf1"; } .ri-briefcase-5-fill:before { content: "\eaf2"; } .ri-briefcase-5-line:before { content: "\eaf3"; } .ri-briefcase-fill:before { content: "\eaf4"; } .ri-briefcase-line:before { content: "\eaf5"; } .ri-bring-forward:before { content: "\eaf6"; } .ri-bring-to-front:before { content: "\eaf7"; } .ri-broadcast-fill:before { content: "\eaf8"; } .ri-broadcast-line:before { content: "\eaf9"; } .ri-brush-2-fill:before { content: "\eafa"; } .ri-brush-2-line:before { content: "\eafb"; } .ri-brush-3-fill:before { content: "\eafc"; } .ri-brush-3-line:before { content: "\eafd"; } .ri-brush-4-fill:before { content: "\eafe"; } .ri-brush-4-line:before { content: "\eaff"; } .ri-brush-fill:before { content: "\eb00"; } .ri-brush-line:before { content: "\eb01"; } .ri-bubble-chart-fill:before { content: "\eb02"; } .ri-bubble-chart-line:before { content: "\eb03"; } .ri-bug-2-fill:before { content: "\eb04"; } .ri-bug-2-line:before { content: "\eb05"; } .ri-bug-fill:before { content: "\eb06"; } .ri-bug-line:before { content: "\eb07"; } .ri-building-2-fill:before { content: "\eb08"; } .ri-building-2-line:before { content: "\eb09"; } .ri-building-3-fill:before { content: "\eb0a"; } .ri-building-3-line:before { content: "\eb0b"; } .ri-building-4-fill:before { content: "\eb0c"; } .ri-building-4-line:before { content: "\eb0d"; } .ri-building-fill:before { content: "\eb0e"; } .ri-building-line:before { content: "\eb0f"; } .ri-bus-2-fill:before { content: "\eb10"; } .ri-bus-2-line:before { content: "\eb11"; } .ri-bus-fill:before { content: "\eb12"; } .ri-bus-line:before { content: "\eb13"; } .ri-bus-wifi-fill:before { content: "\eb14"; } .ri-bus-wifi-line:before { content: "\eb15"; } .ri-cactus-fill:before { content: "\eb16"; } .ri-cactus-line:before { content: "\eb17"; } .ri-cake-2-fill:before { content: "\eb18"; } .ri-cake-2-line:before { content: "\eb19"; } .ri-cake-3-fill:before { content: "\eb1a"; } .ri-cake-3-line:before { content: "\eb1b"; } .ri-cake-fill:before { content: "\eb1c"; } .ri-cake-line:before { content: "\eb1d"; } .ri-calculator-fill:before { content: "\eb1e"; } .ri-calculator-line:before { content: "\eb1f"; } .ri-calendar-2-fill:before { content: "\eb20"; } .ri-calendar-2-line:before { content: "\eb21"; } .ri-calendar-check-fill:before { content: "\eb22"; } .ri-calendar-check-line:before { content: "\eb23"; } .ri-calendar-event-fill:before { content: "\eb24"; } .ri-calendar-event-line:before { content: "\eb25"; } .ri-calendar-fill:before { content: "\eb26"; } .ri-calendar-line:before { content: "\eb27"; } .ri-calendar-todo-fill:before { content: "\eb28"; } .ri-calendar-todo-line:before { content: "\eb29"; } .ri-camera-2-fill:before { content: "\eb2a"; } .ri-camera-2-line:before { content: "\eb2b"; } .ri-camera-3-fill:before { content: "\eb2c"; } .ri-camera-3-line:before { content: "\eb2d"; } .ri-camera-fill:before { content: "\eb2e"; } .ri-camera-lens-fill:before { content: "\eb2f"; } .ri-camera-lens-line:before { content: "\eb30"; } .ri-camera-line:before { content: "\eb31"; } .ri-camera-off-fill:before { content: "\eb32"; } .ri-camera-off-line:before { content: "\eb33"; } .ri-camera-switch-fill:before { content: "\eb34"; } .ri-camera-switch-line:before { content: "\eb35"; } .ri-capsule-fill:before { content: "\eb36"; } .ri-capsule-line:before { content: "\eb37"; } .ri-car-fill:before { content: "\eb38"; } .ri-car-line:before { content: "\eb39"; } .ri-car-washing-fill:before { content: "\eb3a"; } .ri-car-washing-line:before { content: "\eb3b"; } .ri-caravan-fill:before { content: "\eb3c"; } .ri-caravan-line:before { content: "\eb3d"; } .ri-cast-fill:before { content: "\eb3e"; } .ri-cast-line:before { content: "\eb3f"; } .ri-cellphone-fill:before { content: "\eb40"; } .ri-cellphone-line:before { content: "\eb41"; } .ri-celsius-fill:before { content: "\eb42"; } .ri-celsius-line:before { content: "\eb43"; } .ri-centos-fill:before { content: "\eb44"; } .ri-centos-line:before { content: "\eb45"; } .ri-character-recognition-fill:before { content: "\eb46"; } .ri-character-recognition-line:before { content: "\eb47"; } .ri-charging-pile-2-fill:before { content: "\eb48"; } .ri-charging-pile-2-line:before { content: "\eb49"; } .ri-charging-pile-fill:before { content: "\eb4a"; } .ri-charging-pile-line:before { content: "\eb4b"; } .ri-chat-1-fill:before { content: "\eb4c"; } .ri-chat-1-line:before { content: "\eb4d"; } .ri-chat-2-fill:before { content: "\eb4e"; } .ri-chat-2-line:before { content: "\eb4f"; } .ri-chat-3-fill:before { content: "\eb50"; } .ri-chat-3-line:before { content: "\eb51"; } .ri-chat-4-fill:before { content: "\eb52"; } .ri-chat-4-line:before { content: "\eb53"; } .ri-chat-check-fill:before { content: "\eb54"; } .ri-chat-check-line:before { content: "\eb55"; } .ri-chat-delete-fill:before { content: "\eb56"; } .ri-chat-delete-line:before { content: "\eb57"; } .ri-chat-download-fill:before { content: "\eb58"; } .ri-chat-download-line:before { content: "\eb59"; } .ri-chat-follow-up-fill:before { content: "\eb5a"; } .ri-chat-follow-up-line:before { content: "\eb5b"; } .ri-chat-forward-fill:before { content: "\eb5c"; } .ri-chat-forward-line:before { content: "\eb5d"; } .ri-chat-heart-fill:before { content: "\eb5e"; } .ri-chat-heart-line:before { content: "\eb5f"; } .ri-chat-history-fill:before { content: "\eb60"; } .ri-chat-history-line:before { content: "\eb61"; } .ri-chat-new-fill:before { content: "\eb62"; } .ri-chat-new-line:before { content: "\eb63"; } .ri-chat-off-fill:before { content: "\eb64"; } .ri-chat-off-line:before { content: "\eb65"; } .ri-chat-poll-fill:before { content: "\eb66"; } .ri-chat-poll-line:before { content: "\eb67"; } .ri-chat-private-fill:before { content: "\eb68"; } .ri-chat-private-line:before { content: "\eb69"; } .ri-chat-quote-fill:before { content: "\eb6a"; } .ri-chat-quote-line:before { content: "\eb6b"; } .ri-chat-settings-fill:before { content: "\eb6c"; } .ri-chat-settings-line:before { content: "\eb6d"; } .ri-chat-smile-2-fill:before { content: "\eb6e"; } .ri-chat-smile-2-line:before { content: "\eb6f"; } .ri-chat-smile-3-fill:before { content: "\eb70"; } .ri-chat-smile-3-line:before { content: "\eb71"; } .ri-chat-smile-fill:before { content: "\eb72"; } .ri-chat-smile-line:before { content: "\eb73"; } .ri-chat-upload-fill:before { content: "\eb74"; } .ri-chat-upload-line:before { content: "\eb75"; } .ri-chat-voice-fill:before { content: "\eb76"; } .ri-chat-voice-line:before { content: "\eb77"; } .ri-check-double-fill:before { content: "\eb78"; } .ri-check-double-line:before { content: "\eb79"; } .ri-check-fill:before { content: "\eb7a"; } .ri-check-line:before { content: "\eb7b"; } .ri-checkbox-blank-circle-fill:before { content: "\eb7c"; } .ri-checkbox-blank-circle-line:before { content: "\eb7d"; } .ri-checkbox-blank-fill:before { content: "\eb7e"; } .ri-checkbox-blank-line:before { content: "\eb7f"; } .ri-checkbox-circle-fill:before { content: "\eb80"; } .ri-checkbox-circle-line:before { content: "\eb81"; } .ri-checkbox-fill:before { content: "\eb82"; } .ri-checkbox-indeterminate-fill:before { content: "\eb83"; } .ri-checkbox-indeterminate-line:before { content: "\eb84"; } .ri-checkbox-line:before { content: "\eb85"; } .ri-checkbox-multiple-blank-fill:before { content: "\eb86"; } .ri-checkbox-multiple-blank-line:before { content: "\eb87"; } .ri-checkbox-multiple-fill:before { content: "\eb88"; } .ri-checkbox-multiple-line:before { content: "\eb89"; } .ri-china-railway-fill:before { content: "\eb8a"; } .ri-china-railway-line:before { content: "\eb8b"; } .ri-chrome-fill:before { content: "\eb8c"; } .ri-chrome-line:before { content: "\eb8d"; } .ri-clapperboard-fill:before { content: "\eb8e"; } .ri-clapperboard-line:before { content: "\eb8f"; } .ri-clipboard-fill:before { content: "\eb90"; } .ri-clipboard-line:before { content: "\eb91"; } .ri-clockwise-2-fill:before { content: "\eb92"; } .ri-clockwise-2-line:before { content: "\eb93"; } .ri-clockwise-fill:before { content: "\eb94"; } .ri-clockwise-line:before { content: "\eb95"; } .ri-close-circle-fill:before { content: "\eb96"; } .ri-close-circle-line:before { content: "\eb97"; } .ri-close-fill:before { content: "\eb98"; } .ri-close-line:before { content: "\eb99"; } .ri-closed-captioning-fill:before { content: "\eb9a"; } .ri-closed-captioning-line:before { content: "\eb9b"; } .ri-cloud-fill:before { content: "\eb9c"; } .ri-cloud-line:before { content: "\eb9d"; } .ri-cloud-off-fill:before { content: "\eb9e"; } .ri-cloud-off-line:before { content: "\eb9f"; } .ri-cloud-windy-fill:before { content: "\eba0"; } .ri-cloud-windy-line:before { content: "\eba1"; } .ri-cloudy-2-fill:before { content: "\eba2"; } .ri-cloudy-2-line:before { content: "\eba3"; } .ri-cloudy-fill:before { content: "\eba4"; } .ri-cloudy-line:before { content: "\eba5"; } .ri-code-box-fill:before { content: "\eba6"; } .ri-code-box-line:before { content: "\eba7"; } .ri-code-fill:before { content: "\eba8"; } .ri-code-line:before { content: "\eba9"; } .ri-code-s-fill:before { content: "\ebaa"; } .ri-code-s-line:before { content: "\ebab"; } .ri-code-s-slash-fill:before { content: "\ebac"; } .ri-code-s-slash-line:before { content: "\ebad"; } .ri-code-view:before { content: "\ebae"; } .ri-codepen-fill:before { content: "\ebaf"; } .ri-codepen-line:before { content: "\ebb0"; } .ri-coin-fill:before { content: "\ebb1"; } .ri-coin-line:before { content: "\ebb2"; } .ri-coins-fill:before { content: "\ebb3"; } .ri-coins-line:before { content: "\ebb4"; } .ri-collage-fill:before { content: "\ebb5"; } .ri-collage-line:before { content: "\ebb6"; } .ri-command-fill:before { content: "\ebb7"; } .ri-command-line:before { content: "\ebb8"; } .ri-community-fill:before { content: "\ebb9"; } .ri-community-line:before { content: "\ebba"; } .ri-compass-2-fill:before { content: "\ebbb"; } .ri-compass-2-line:before { content: "\ebbc"; } .ri-compass-3-fill:before { content: "\ebbd"; } .ri-compass-3-line:before { content: "\ebbe"; } .ri-compass-4-fill:before { content: "\ebbf"; } .ri-compass-4-line:before { content: "\ebc0"; } .ri-compass-discover-fill:before { content: "\ebc1"; } .ri-compass-discover-line:before { content: "\ebc2"; } .ri-compass-fill:before { content: "\ebc3"; } .ri-compass-line:before { content: "\ebc4"; } .ri-compasses-2-fill:before { content: "\ebc5"; } .ri-compasses-2-line:before { content: "\ebc6"; } .ri-compasses-fill:before { content: "\ebc7"; } .ri-compasses-line:before { content: "\ebc8"; } .ri-computer-fill:before { content: "\ebc9"; } .ri-computer-line:before { content: "\ebca"; } .ri-contacts-book-2-fill:before { content: "\ebcb"; } .ri-contacts-book-2-line:before { content: "\ebcc"; } .ri-contacts-book-fill:before { content: "\ebcd"; } .ri-contacts-book-line:before { content: "\ebce"; } .ri-contacts-book-upload-fill:before { content: "\ebcf"; } .ri-contacts-book-upload-line:before { content: "\ebd0"; } .ri-contacts-fill:before { content: "\ebd1"; } .ri-contacts-line:before { content: "\ebd2"; } .ri-contrast-2-fill:before { content: "\ebd3"; } .ri-contrast-2-line:before { content: "\ebd4"; } .ri-contrast-drop-2-fill:before { content: "\ebd5"; } .ri-contrast-drop-2-line:before { content: "\ebd6"; } .ri-contrast-drop-fill:before { content: "\ebd7"; } .ri-contrast-drop-line:before { content: "\ebd8"; } .ri-contrast-fill:before { content: "\ebd9"; } .ri-contrast-line:before { content: "\ebda"; } .ri-copper-coin-fill:before { content: "\ebdb"; } .ri-copper-coin-line:before { content: "\ebdc"; } .ri-copper-diamond-fill:before { content: "\ebdd"; } .ri-copper-diamond-line:before { content: "\ebde"; } .ri-copyleft-fill:before { content: "\ebdf"; } .ri-copyleft-line:before { content: "\ebe0"; } .ri-copyright-fill:before { content: "\ebe1"; } .ri-copyright-line:before { content: "\ebe2"; } .ri-coreos-fill:before { content: "\ebe3"; } .ri-coreos-line:before { content: "\ebe4"; } .ri-coupon-2-fill:before { content: "\ebe5"; } .ri-coupon-2-line:before { content: "\ebe6"; } .ri-coupon-3-fill:before { content: "\ebe7"; } .ri-coupon-3-line:before { content: "\ebe8"; } .ri-coupon-4-fill:before { content: "\ebe9"; } .ri-coupon-4-line:before { content: "\ebea"; } .ri-coupon-5-fill:before { content: "\ebeb"; } .ri-coupon-5-line:before { content: "\ebec"; } .ri-coupon-fill:before { content: "\ebed"; } .ri-coupon-line:before { content: "\ebee"; } .ri-cpu-fill:before { content: "\ebef"; } .ri-cpu-line:before { content: "\ebf0"; } .ri-creative-commons-by-fill:before { content: "\ebf1"; } .ri-creative-commons-by-line:before { content: "\ebf2"; } .ri-creative-commons-fill:before { content: "\ebf3"; } .ri-creative-commons-line:before { content: "\ebf4"; } .ri-creative-commons-nc-fill:before { content: "\ebf5"; } .ri-creative-commons-nc-line:before { content: "\ebf6"; } .ri-creative-commons-nd-fill:before { content: "\ebf7"; } .ri-creative-commons-nd-line:before { content: "\ebf8"; } .ri-creative-commons-sa-fill:before { content: "\ebf9"; } .ri-creative-commons-sa-line:before { content: "\ebfa"; } .ri-creative-commons-zero-fill:before { content: "\ebfb"; } .ri-creative-commons-zero-line:before { content: "\ebfc"; } .ri-criminal-fill:before { content: "\ebfd"; } .ri-criminal-line:before { content: "\ebfe"; } .ri-crop-2-fill:before { content: "\ebff"; } .ri-crop-2-line:before { content: "\ec00"; } .ri-crop-fill:before { content: "\ec01"; } .ri-crop-line:before { content: "\ec02"; } .ri-css3-fill:before { content: "\ec03"; } .ri-css3-line:before { content: "\ec04"; } .ri-cup-fill:before { content: "\ec05"; } .ri-cup-line:before { content: "\ec06"; } .ri-currency-fill:before { content: "\ec07"; } .ri-currency-line:before { content: "\ec08"; } .ri-cursor-fill:before { content: "\ec09"; } .ri-cursor-line:before { content: "\ec0a"; } .ri-customer-service-2-fill:before { content: "\ec0b"; } .ri-customer-service-2-line:before { content: "\ec0c"; } .ri-customer-service-fill:before { content: "\ec0d"; } .ri-customer-service-line:before { content: "\ec0e"; } .ri-dashboard-2-fill:before { content: "\ec0f"; } .ri-dashboard-2-line:before { content: "\ec10"; } .ri-dashboard-3-fill:before { content: "\ec11"; } .ri-dashboard-3-line:before { content: "\ec12"; } .ri-dashboard-fill:before { content: "\ec13"; } .ri-dashboard-line:before { content: "\ec14"; } .ri-database-2-fill:before { content: "\ec15"; } .ri-database-2-line:before { content: "\ec16"; } .ri-database-fill:before { content: "\ec17"; } .ri-database-line:before { content: "\ec18"; } .ri-delete-back-2-fill:before { content: "\ec19"; } .ri-delete-back-2-line:before { content: "\ec1a"; } .ri-delete-back-fill:before { content: "\ec1b"; } .ri-delete-back-line:before { content: "\ec1c"; } .ri-delete-bin-2-fill:before { content: "\ec1d"; } .ri-delete-bin-2-line:before { content: "\ec1e"; } .ri-delete-bin-3-fill:before { content: "\ec1f"; } .ri-delete-bin-3-line:before { content: "\ec20"; } .ri-delete-bin-4-fill:before { content: "\ec21"; } .ri-delete-bin-4-line:before { content: "\ec22"; } .ri-delete-bin-5-fill:before { content: "\ec23"; } .ri-delete-bin-5-line:before { content: "\ec24"; } .ri-delete-bin-6-fill:before { content: "\ec25"; } .ri-delete-bin-6-line:before { content: "\ec26"; } .ri-delete-bin-7-fill:before { content: "\ec27"; } .ri-delete-bin-7-line:before { content: "\ec28"; } .ri-delete-bin-fill:before { content: "\ec29"; } .ri-delete-bin-line:before { content: "\ec2a"; } .ri-delete-column:before { content: "\ec2b"; } .ri-delete-row:before { content: "\ec2c"; } .ri-device-fill:before { content: "\ec2d"; } .ri-device-line:before { content: "\ec2e"; } .ri-device-recover-fill:before { content: "\ec2f"; } .ri-device-recover-line:before { content: "\ec30"; } .ri-dingding-fill:before { content: "\ec31"; } .ri-dingding-line:before { content: "\ec32"; } .ri-direction-fill:before { content: "\ec33"; } .ri-direction-line:before { content: "\ec34"; } .ri-disc-fill:before { content: "\ec35"; } .ri-disc-line:before { content: "\ec36"; } .ri-discord-fill:before { content: "\ec37"; } .ri-discord-line:before { content: "\ec38"; } .ri-discuss-fill:before { content: "\ec39"; } .ri-discuss-line:before { content: "\ec3a"; } .ri-dislike-fill:before { content: "\ec3b"; } .ri-dislike-line:before { content: "\ec3c"; } .ri-disqus-fill:before { content: "\ec3d"; } .ri-disqus-line:before { content: "\ec3e"; } .ri-divide-fill:before { content: "\ec3f"; } .ri-divide-line:before { content: "\ec40"; } .ri-donut-chart-fill:before { content: "\ec41"; } .ri-donut-chart-line:before { content: "\ec42"; } .ri-door-closed-fill:before { content: "\ec43"; } .ri-door-closed-line:before { content: "\ec44"; } .ri-door-fill:before { content: "\ec45"; } .ri-door-line:before { content: "\ec46"; } .ri-door-lock-box-fill:before { content: "\ec47"; } .ri-door-lock-box-line:before { content: "\ec48"; } .ri-door-lock-fill:before { content: "\ec49"; } .ri-door-lock-line:before { content: "\ec4a"; } .ri-door-open-fill:before { content: "\ec4b"; } .ri-door-open-line:before { content: "\ec4c"; } .ri-dossier-fill:before { content: "\ec4d"; } .ri-dossier-line:before { content: "\ec4e"; } .ri-douban-fill:before { content: "\ec4f"; } .ri-douban-line:before { content: "\ec50"; } .ri-double-quotes-l:before { content: "\ec51"; } .ri-double-quotes-r:before { content: "\ec52"; } .ri-download-2-fill:before { content: "\ec53"; } .ri-download-2-line:before { content: "\ec54"; } .ri-download-cloud-2-fill:before { content: "\ec55"; } .ri-download-cloud-2-line:before { content: "\ec56"; } .ri-download-cloud-fill:before { content: "\ec57"; } .ri-download-cloud-line:before { content: "\ec58"; } .ri-download-fill:before { content: "\ec59"; } .ri-download-line:before { content: "\ec5a"; } .ri-draft-fill:before { content: "\ec5b"; } .ri-draft-line:before { content: "\ec5c"; } .ri-drag-drop-fill:before { content: "\ec5d"; } .ri-drag-drop-line:before { content: "\ec5e"; } .ri-drag-move-2-fill:before { content: "\ec5f"; } .ri-drag-move-2-line:before { content: "\ec60"; } .ri-drag-move-fill:before { content: "\ec61"; } .ri-drag-move-line:before { content: "\ec62"; } .ri-dribbble-fill:before { content: "\ec63"; } .ri-dribbble-line:before { content: "\ec64"; } .ri-drive-fill:before { content: "\ec65"; } .ri-drive-line:before { content: "\ec66"; } .ri-drizzle-fill:before { content: "\ec67"; } .ri-drizzle-line:before { content: "\ec68"; } .ri-drop-fill:before { content: "\ec69"; } .ri-drop-line:before { content: "\ec6a"; } .ri-dropbox-fill:before { content: "\ec6b"; } .ri-dropbox-line:before { content: "\ec6c"; } .ri-dual-sim-1-fill:before { content: "\ec6d"; } .ri-dual-sim-1-line:before { content: "\ec6e"; } .ri-dual-sim-2-fill:before { content: "\ec6f"; } .ri-dual-sim-2-line:before { content: "\ec70"; } .ri-dv-fill:before { content: "\ec71"; } .ri-dv-line:before { content: "\ec72"; } .ri-dvd-fill:before { content: "\ec73"; } .ri-dvd-line:before { content: "\ec74"; } .ri-e-bike-2-fill:before { content: "\ec75"; } .ri-e-bike-2-line:before { content: "\ec76"; } .ri-e-bike-fill:before { content: "\ec77"; } .ri-e-bike-line:before { content: "\ec78"; } .ri-earth-fill:before { content: "\ec79"; } .ri-earth-line:before { content: "\ec7a"; } .ri-earthquake-fill:before { content: "\ec7b"; } .ri-earthquake-line:before { content: "\ec7c"; } .ri-edge-fill:before { content: "\ec7d"; } .ri-edge-line:before { content: "\ec7e"; } .ri-edit-2-fill:before { content: "\ec7f"; } .ri-edit-2-line:before { content: "\ec80"; } .ri-edit-box-fill:before { content: "\ec81"; } .ri-edit-box-line:before { content: "\ec82"; } .ri-edit-circle-fill:before { content: "\ec83"; } .ri-edit-circle-line:before { content: "\ec84"; } .ri-edit-fill:before { content: "\ec85"; } .ri-edit-line:before { content: "\ec86"; } .ri-eject-fill:before { content: "\ec87"; } .ri-eject-line:before { content: "\ec88"; } .ri-emotion-2-fill:before { content: "\ec89"; } .ri-emotion-2-line:before { content: "\ec8a"; } .ri-emotion-fill:before { content: "\ec8b"; } .ri-emotion-happy-fill:before { content: "\ec8c"; } .ri-emotion-happy-line:before { content: "\ec8d"; } .ri-emotion-laugh-fill:before { content: "\ec8e"; } .ri-emotion-laugh-line:before { content: "\ec8f"; } .ri-emotion-line:before { content: "\ec90"; } .ri-emotion-normal-fill:before { content: "\ec91"; } .ri-emotion-normal-line:before { content: "\ec92"; } .ri-emotion-sad-fill:before { content: "\ec93"; } .ri-emotion-sad-line:before { content: "\ec94"; } .ri-emotion-unhappy-fill:before { content: "\ec95"; } .ri-emotion-unhappy-line:before { content: "\ec96"; } .ri-empathize-fill:before { content: "\ec97"; } .ri-empathize-line:before { content: "\ec98"; } .ri-emphasis-cn:before { content: "\ec99"; } .ri-emphasis:before { content: "\ec9a"; } .ri-english-input:before { content: "\ec9b"; } .ri-equalizer-fill:before { content: "\ec9c"; } .ri-equalizer-line:before { content: "\ec9d"; } .ri-eraser-fill:before { content: "\ec9e"; } .ri-eraser-line:before { content: "\ec9f"; } .ri-error-warning-fill:before { content: "\eca0"; } .ri-error-warning-line:before { content: "\eca1"; } .ri-evernote-fill:before { content: "\eca2"; } .ri-evernote-line:before { content: "\eca3"; } .ri-exchange-box-fill:before { content: "\eca4"; } .ri-exchange-box-line:before { content: "\eca5"; } .ri-exchange-cny-fill:before { content: "\eca6"; } .ri-exchange-cny-line:before { content: "\eca7"; } .ri-exchange-dollar-fill:before { content: "\eca8"; } .ri-exchange-dollar-line:before { content: "\eca9"; } .ri-exchange-fill:before { content: "\ecaa"; } .ri-exchange-funds-fill:before { content: "\ecab"; } .ri-exchange-funds-line:before { content: "\ecac"; } .ri-exchange-line:before { content: "\ecad"; } .ri-external-link-fill:before { content: "\ecae"; } .ri-external-link-line:before { content: "\ecaf"; } .ri-eye-2-fill:before { content: "\ecb0"; } .ri-eye-2-line:before { content: "\ecb1"; } .ri-eye-close-fill:before { content: "\ecb2"; } .ri-eye-close-line:before { content: "\ecb3"; } .ri-eye-fill:before { content: "\ecb4"; } .ri-eye-line:before { content: "\ecb5"; } .ri-eye-off-fill:before { content: "\ecb6"; } .ri-eye-off-line:before { content: "\ecb7"; } .ri-facebook-box-fill:before { content: "\ecb8"; } .ri-facebook-box-line:before { content: "\ecb9"; } .ri-facebook-circle-fill:before { content: "\ecba"; } .ri-facebook-circle-line:before { content: "\ecbb"; } .ri-facebook-fill:before { content: "\ecbc"; } .ri-facebook-line:before { content: "\ecbd"; } .ri-fahrenheit-fill:before { content: "\ecbe"; } .ri-fahrenheit-line:before { content: "\ecbf"; } .ri-feedback-fill:before { content: "\ecc0"; } .ri-feedback-line:before { content: "\ecc1"; } .ri-file-2-fill:before { content: "\ecc2"; } .ri-file-2-line:before { content: "\ecc3"; } .ri-file-3-fill:before { content: "\ecc4"; } .ri-file-3-line:before { content: "\ecc5"; } .ri-file-4-fill:before { content: "\ecc6"; } .ri-file-4-line:before { content: "\ecc7"; } .ri-file-add-fill:before { content: "\ecc8"; } .ri-file-add-line:before { content: "\ecc9"; } .ri-file-chart-2-fill:before { content: "\ecca"; } .ri-file-chart-2-line:before { content: "\eccb"; } .ri-file-chart-fill:before { content: "\eccc"; } .ri-file-chart-line:before { content: "\eccd"; } .ri-file-cloud-fill:before { content: "\ecce"; } .ri-file-cloud-line:before { content: "\eccf"; } .ri-file-code-fill:before { content: "\ecd0"; } .ri-file-code-line:before { content: "\ecd1"; } .ri-file-copy-2-fill:before { content: "\ecd2"; } .ri-file-copy-2-line:before { content: "\ecd3"; } .ri-file-copy-fill:before { content: "\ecd4"; } .ri-file-copy-line:before { content: "\ecd5"; } .ri-file-damage-fill:before { content: "\ecd6"; } .ri-file-damage-line:before { content: "\ecd7"; } .ri-file-download-fill:before { content: "\ecd8"; } .ri-file-download-line:before { content: "\ecd9"; } .ri-file-edit-fill:before { content: "\ecda"; } .ri-file-edit-line:before { content: "\ecdb"; } .ri-file-excel-2-fill:before { content: "\ecdc"; } .ri-file-excel-2-line:before { content: "\ecdd"; } .ri-file-excel-fill:before { content: "\ecde"; } .ri-file-excel-line:before { content: "\ecdf"; } .ri-file-fill:before { content: "\ece0"; } .ri-file-forbid-fill:before { content: "\ece1"; } .ri-file-forbid-line:before { content: "\ece2"; } .ri-file-gif-fill:before { content: "\ece3"; } .ri-file-gif-line:before { content: "\ece4"; } .ri-file-history-fill:before { content: "\ece5"; } .ri-file-history-line:before { content: "\ece6"; } .ri-file-hwp-fill:before { content: "\ece7"; } .ri-file-hwp-line:before { content: "\ece8"; } .ri-file-info-fill:before { content: "\ece9"; } .ri-file-info-line:before { content: "\ecea"; } .ri-file-line:before { content: "\eceb"; } .ri-file-list-2-fill:before { content: "\ecec"; } .ri-file-list-2-line:before { content: "\eced"; } .ri-file-list-3-fill:before { content: "\ecee"; } .ri-file-list-3-line:before { content: "\ecef"; } .ri-file-list-fill:before { content: "\ecf0"; } .ri-file-list-line:before { content: "\ecf1"; } .ri-file-lock-fill:before { content: "\ecf2"; } .ri-file-lock-line:before { content: "\ecf3"; } .ri-file-marked-fill:before { content: "\ecf4"; } .ri-file-marked-line:before { content: "\ecf5"; } .ri-file-music-fill:before { content: "\ecf6"; } .ri-file-music-line:before { content: "\ecf7"; } .ri-file-paper-2-fill:before { content: "\ecf8"; } .ri-file-paper-2-line:before { content: "\ecf9"; } .ri-file-paper-fill:before { content: "\ecfa"; } .ri-file-paper-line:before { content: "\ecfb"; } .ri-file-pdf-fill:before { content: "\ecfc"; } .ri-file-pdf-line:before { content: "\ecfd"; } .ri-file-ppt-2-fill:before { content: "\ecfe"; } .ri-file-ppt-2-line:before { content: "\ecff"; } .ri-file-ppt-fill:before { content: "\ed00"; } .ri-file-ppt-line:before { content: "\ed01"; } .ri-file-reduce-fill:before { content: "\ed02"; } .ri-file-reduce-line:before { content: "\ed03"; } .ri-file-search-fill:before { content: "\ed04"; } .ri-file-search-line:before { content: "\ed05"; } .ri-file-settings-fill:before { content: "\ed06"; } .ri-file-settings-line:before { content: "\ed07"; } .ri-file-shield-2-fill:before { content: "\ed08"; } .ri-file-shield-2-line:before { content: "\ed09"; } .ri-file-shield-fill:before { content: "\ed0a"; } .ri-file-shield-line:before { content: "\ed0b"; } .ri-file-shred-fill:before { content: "\ed0c"; } .ri-file-shred-line:before { content: "\ed0d"; } .ri-file-text-fill:before { content: "\ed0e"; } .ri-file-text-line:before { content: "\ed0f"; } .ri-file-transfer-fill:before { content: "\ed10"; } .ri-file-transfer-line:before { content: "\ed11"; } .ri-file-unknow-fill:before { content: "\ed12"; } .ri-file-unknow-line:before { content: "\ed13"; } .ri-file-upload-fill:before { content: "\ed14"; } .ri-file-upload-line:before { content: "\ed15"; } .ri-file-user-fill:before { content: "\ed16"; } .ri-file-user-line:before { content: "\ed17"; } .ri-file-warning-fill:before { content: "\ed18"; } .ri-file-warning-line:before { content: "\ed19"; } .ri-file-word-2-fill:before { content: "\ed1a"; } .ri-file-word-2-line:before { content: "\ed1b"; } .ri-file-word-fill:before { content: "\ed1c"; } .ri-file-word-line:before { content: "\ed1d"; } .ri-file-zip-fill:before { content: "\ed1e"; } .ri-file-zip-line:before { content: "\ed1f"; } .ri-film-fill:before { content: "\ed20"; } .ri-film-line:before { content: "\ed21"; } .ri-filter-2-fill:before { content: "\ed22"; } .ri-filter-2-line:before { content: "\ed23"; } .ri-filter-3-fill:before { content: "\ed24"; } .ri-filter-3-line:before { content: "\ed25"; } .ri-filter-fill:before { content: "\ed26"; } .ri-filter-line:before { content: "\ed27"; } .ri-filter-off-fill:before { content: "\ed28"; } .ri-filter-off-line:before { content: "\ed29"; } .ri-find-replace-fill:before { content: "\ed2a"; } .ri-find-replace-line:before { content: "\ed2b"; } .ri-finder-fill:before { content: "\ed2c"; } .ri-finder-line:before { content: "\ed2d"; } .ri-fingerprint-2-fill:before { content: "\ed2e"; } .ri-fingerprint-2-line:before { content: "\ed2f"; } .ri-fingerprint-fill:before { content: "\ed30"; } .ri-fingerprint-line:before { content: "\ed31"; } .ri-fire-fill:before { content: "\ed32"; } .ri-fire-line:before { content: "\ed33"; } .ri-firefox-fill:before { content: "\ed34"; } .ri-firefox-line:before { content: "\ed35"; } .ri-first-aid-kit-fill:before { content: "\ed36"; } .ri-first-aid-kit-line:before { content: "\ed37"; } .ri-flag-2-fill:before { content: "\ed38"; } .ri-flag-2-line:before { content: "\ed39"; } .ri-flag-fill:before { content: "\ed3a"; } .ri-flag-line:before { content: "\ed3b"; } .ri-flashlight-fill:before { content: "\ed3c"; } .ri-flashlight-line:before { content: "\ed3d"; } .ri-flask-fill:before { content: "\ed3e"; } .ri-flask-line:before { content: "\ed3f"; } .ri-flight-land-fill:before { content: "\ed40"; } .ri-flight-land-line:before { content: "\ed41"; } .ri-flight-takeoff-fill:before { content: "\ed42"; } .ri-flight-takeoff-line:before { content: "\ed43"; } .ri-flood-fill:before { content: "\ed44"; } .ri-flood-line:before { content: "\ed45"; } .ri-flow-chart:before { content: "\ed46"; } .ri-flutter-fill:before { content: "\ed47"; } .ri-flutter-line:before { content: "\ed48"; } .ri-focus-2-fill:before { content: "\ed49"; } .ri-focus-2-line:before { content: "\ed4a"; } .ri-focus-3-fill:before { content: "\ed4b"; } .ri-focus-3-line:before { content: "\ed4c"; } .ri-focus-fill:before { content: "\ed4d"; } .ri-focus-line:before { content: "\ed4e"; } .ri-foggy-fill:before { content: "\ed4f"; } .ri-foggy-line:before { content: "\ed50"; } .ri-folder-2-fill:before { content: "\ed51"; } .ri-folder-2-line:before { content: "\ed52"; } .ri-folder-3-fill:before { content: "\ed53"; } .ri-folder-3-line:before { content: "\ed54"; } .ri-folder-4-fill:before { content: "\ed55"; } .ri-folder-4-line:before { content: "\ed56"; } .ri-folder-5-fill:before { content: "\ed57"; } .ri-folder-5-line:before { content: "\ed58"; } .ri-folder-add-fill:before { content: "\ed59"; } .ri-folder-add-line:before { content: "\ed5a"; } .ri-folder-chart-2-fill:before { content: "\ed5b"; } .ri-folder-chart-2-line:before { content: "\ed5c"; } .ri-folder-chart-fill:before { content: "\ed5d"; } .ri-folder-chart-line:before { content: "\ed5e"; } .ri-folder-download-fill:before { content: "\ed5f"; } .ri-folder-download-line:before { content: "\ed60"; } .ri-folder-fill:before { content: "\ed61"; } .ri-folder-forbid-fill:before { content: "\ed62"; } .ri-folder-forbid-line:before { content: "\ed63"; } .ri-folder-history-fill:before { content: "\ed64"; } .ri-folder-history-line:before { content: "\ed65"; } .ri-folder-info-fill:before { content: "\ed66"; } .ri-folder-info-line:before { content: "\ed67"; } .ri-folder-keyhole-fill:before { content: "\ed68"; } .ri-folder-keyhole-line:before { content: "\ed69"; } .ri-folder-line:before { content: "\ed6a"; } .ri-folder-lock-fill:before { content: "\ed6b"; } .ri-folder-lock-line:before { content: "\ed6c"; } .ri-folder-music-fill:before { content: "\ed6d"; } .ri-folder-music-line:before { content: "\ed6e"; } .ri-folder-open-fill:before { content: "\ed6f"; } .ri-folder-open-line:before { content: "\ed70"; } .ri-folder-received-fill:before { content: "\ed71"; } .ri-folder-received-line:before { content: "\ed72"; } .ri-folder-reduce-fill:before { content: "\ed73"; } .ri-folder-reduce-line:before { content: "\ed74"; } .ri-folder-settings-fill:before { content: "\ed75"; } .ri-folder-settings-line:before { content: "\ed76"; } .ri-folder-shared-fill:before { content: "\ed77"; } .ri-folder-shared-line:before { content: "\ed78"; } .ri-folder-shield-2-fill:before { content: "\ed79"; } .ri-folder-shield-2-line:before { content: "\ed7a"; } .ri-folder-shield-fill:before { content: "\ed7b"; } .ri-folder-shield-line:before { content: "\ed7c"; } .ri-folder-transfer-fill:before { content: "\ed7d"; } .ri-folder-transfer-line:before { content: "\ed7e"; } .ri-folder-unknow-fill:before { content: "\ed7f"; } .ri-folder-unknow-line:before { content: "\ed80"; } .ri-folder-upload-fill:before { content: "\ed81"; } .ri-folder-upload-line:before { content: "\ed82"; } .ri-folder-user-fill:before { content: "\ed83"; } .ri-folder-user-line:before { content: "\ed84"; } .ri-folder-warning-fill:before { content: "\ed85"; } .ri-folder-warning-line:before { content: "\ed86"; } .ri-folder-zip-fill:before { content: "\ed87"; } .ri-folder-zip-line:before { content: "\ed88"; } .ri-folders-fill:before { content: "\ed89"; } .ri-folders-line:before { content: "\ed8a"; } .ri-font-color:before { content: "\ed8b"; } .ri-font-size-2:before { content: "\ed8c"; } .ri-font-size:before { content: "\ed8d"; } .ri-football-fill:before { content: "\ed8e"; } .ri-football-line:before { content: "\ed8f"; } .ri-footprint-fill:before { content: "\ed90"; } .ri-footprint-line:before { content: "\ed91"; } .ri-forbid-2-fill:before { content: "\ed92"; } .ri-forbid-2-line:before { content: "\ed93"; } .ri-forbid-fill:before { content: "\ed94"; } .ri-forbid-line:before { content: "\ed95"; } .ri-format-clear:before { content: "\ed96"; } .ri-fridge-fill:before { content: "\ed97"; } .ri-fridge-line:before { content: "\ed98"; } .ri-fullscreen-exit-fill:before { content: "\ed99"; } .ri-fullscreen-exit-line:before { content: "\ed9a"; } .ri-fullscreen-fill:before { content: "\ed9b"; } .ri-fullscreen-line:before { content: "\ed9c"; } .ri-function-fill:before { content: "\ed9d"; } .ri-function-line:before { content: "\ed9e"; } .ri-functions:before { content: "\ed9f"; } .ri-funds-box-fill:before { content: "\eda0"; } .ri-funds-box-line:before { content: "\eda1"; } .ri-funds-fill:before { content: "\eda2"; } .ri-funds-line:before { content: "\eda3"; } .ri-gallery-fill:before { content: "\eda4"; } .ri-gallery-line:before { content: "\eda5"; } .ri-gallery-upload-fill:before { content: "\eda6"; } .ri-gallery-upload-line:before { content: "\eda7"; } .ri-game-fill:before { content: "\eda8"; } .ri-game-line:before { content: "\eda9"; } .ri-gamepad-fill:before { content: "\edaa"; } .ri-gamepad-line:before { content: "\edab"; } .ri-gas-station-fill:before { content: "\edac"; } .ri-gas-station-line:before { content: "\edad"; } .ri-gatsby-fill:before { content: "\edae"; } .ri-gatsby-line:before { content: "\edaf"; } .ri-genderless-fill:before { content: "\edb0"; } .ri-genderless-line:before { content: "\edb1"; } .ri-ghost-2-fill:before { content: "\edb2"; } .ri-ghost-2-line:before { content: "\edb3"; } .ri-ghost-fill:before { content: "\edb4"; } .ri-ghost-line:before { content: "\edb5"; } .ri-ghost-smile-fill:before { content: "\edb6"; } .ri-ghost-smile-line:before { content: "\edb7"; } .ri-gift-2-fill:before { content: "\edb8"; } .ri-gift-2-line:before { content: "\edb9"; } .ri-gift-fill:before { content: "\edba"; } .ri-gift-line:before { content: "\edbb"; } .ri-git-branch-fill:before { content: "\edbc"; } .ri-git-branch-line:before { content: "\edbd"; } .ri-git-commit-fill:before { content: "\edbe"; } .ri-git-commit-line:before { content: "\edbf"; } .ri-git-merge-fill:before { content: "\edc0"; } .ri-git-merge-line:before { content: "\edc1"; } .ri-git-pull-request-fill:before { content: "\edc2"; } .ri-git-pull-request-line:before { content: "\edc3"; } .ri-git-repository-commits-fill:before { content: "\edc4"; } .ri-git-repository-commits-line:before { content: "\edc5"; } .ri-git-repository-fill:before { content: "\edc6"; } .ri-git-repository-line:before { content: "\edc7"; } .ri-git-repository-private-fill:before { content: "\edc8"; } .ri-git-repository-private-line:before { content: "\edc9"; } .ri-github-fill:before { content: "\edca"; } .ri-github-line:before { content: "\edcb"; } .ri-gitlab-fill:before { content: "\edcc"; } .ri-gitlab-line:before { content: "\edcd"; } .ri-global-fill:before { content: "\edce"; } .ri-global-line:before { content: "\edcf"; } .ri-globe-fill:before { content: "\edd0"; } .ri-globe-line:before { content: "\edd1"; } .ri-goblet-fill:before { content: "\edd2"; } .ri-goblet-line:before { content: "\edd3"; } .ri-google-fill:before { content: "\edd4"; } .ri-google-line:before { content: "\edd5"; } .ri-google-play-fill:before { content: "\edd6"; } .ri-google-play-line:before { content: "\edd7"; } .ri-government-fill:before { content: "\edd8"; } .ri-government-line:before { content: "\edd9"; } .ri-gps-fill:before { content: "\edda"; } .ri-gps-line:before { content: "\eddb"; } .ri-gradienter-fill:before { content: "\eddc"; } .ri-gradienter-line:before { content: "\eddd"; } .ri-grid-fill:before { content: "\edde"; } .ri-grid-line:before { content: "\eddf"; } .ri-group-2-fill:before { content: "\ede0"; } .ri-group-2-line:before { content: "\ede1"; } .ri-group-fill:before { content: "\ede2"; } .ri-group-line:before { content: "\ede3"; } .ri-guide-fill:before { content: "\ede4"; } .ri-guide-line:before { content: "\ede5"; } .ri-h-1:before { content: "\ede6"; } .ri-h-2:before { content: "\ede7"; } .ri-h-3:before { content: "\ede8"; } .ri-h-4:before { content: "\ede9"; } .ri-h-5:before { content: "\edea"; } .ri-h-6:before { content: "\edeb"; } .ri-hail-fill:before { content: "\edec"; } .ri-hail-line:before { content: "\eded"; } .ri-hammer-fill:before { content: "\edee"; } .ri-hammer-line:before { content: "\edef"; } .ri-hand-coin-fill:before { content: "\edf0"; } .ri-hand-coin-line:before { content: "\edf1"; } .ri-hand-heart-fill:before { content: "\edf2"; } .ri-hand-heart-line:before { content: "\edf3"; } .ri-hand-sanitizer-fill:before { content: "\edf4"; } .ri-hand-sanitizer-line:before { content: "\edf5"; } .ri-handbag-fill:before { content: "\edf6"; } .ri-handbag-line:before { content: "\edf7"; } .ri-hard-drive-2-fill:before { content: "\edf8"; } .ri-hard-drive-2-line:before { content: "\edf9"; } .ri-hard-drive-fill:before { content: "\edfa"; } .ri-hard-drive-line:before { content: "\edfb"; } .ri-hashtag:before { content: "\edfc"; } .ri-haze-2-fill:before { content: "\edfd"; } .ri-haze-2-line:before { content: "\edfe"; } .ri-haze-fill:before { content: "\edff"; } .ri-haze-line:before { content: "\ee00"; } .ri-hd-fill:before { content: "\ee01"; } .ri-hd-line:before { content: "\ee02"; } .ri-heading:before { content: "\ee03"; } .ri-headphone-fill:before { content: "\ee04"; } .ri-headphone-line:before { content: "\ee05"; } .ri-health-book-fill:before { content: "\ee06"; } .ri-health-book-line:before { content: "\ee07"; } .ri-heart-2-fill:before { content: "\ee08"; } .ri-heart-2-line:before { content: "\ee09"; } .ri-heart-3-fill:before { content: "\ee0a"; } .ri-heart-3-line:before { content: "\ee0b"; } .ri-heart-add-fill:before { content: "\ee0c"; } .ri-heart-add-line:before { content: "\ee0d"; } .ri-heart-fill:before { content: "\ee0e"; } .ri-heart-line:before { content: "\ee0f"; } .ri-heart-pulse-fill:before { content: "\ee10"; } .ri-heart-pulse-line:before { content: "\ee11"; } .ri-hearts-fill:before { content: "\ee12"; } .ri-hearts-line:before { content: "\ee13"; } .ri-heavy-showers-fill:before { content: "\ee14"; } .ri-heavy-showers-line:before { content: "\ee15"; } .ri-history-fill:before { content: "\ee16"; } .ri-history-line:before { content: "\ee17"; } .ri-home-2-fill:before { content: "\ee18"; } .ri-home-2-line:before { content: "\ee19"; } .ri-home-3-fill:before { content: "\ee1a"; } .ri-home-3-line:before { content: "\ee1b"; } .ri-home-4-fill:before { content: "\ee1c"; } .ri-home-4-line:before { content: "\ee1d"; } .ri-home-5-fill:before { content: "\ee1e"; } .ri-home-5-line:before { content: "\ee1f"; } .ri-home-6-fill:before { content: "\ee20"; } .ri-home-6-line:before { content: "\ee21"; } .ri-home-7-fill:before { content: "\ee22"; } .ri-home-7-line:before { content: "\ee23"; } .ri-home-8-fill:before { content: "\ee24"; } .ri-home-8-line:before { content: "\ee25"; } .ri-home-fill:before { content: "\ee26"; } .ri-home-gear-fill:before { content: "\ee27"; } .ri-home-gear-line:before { content: "\ee28"; } .ri-home-heart-fill:before { content: "\ee29"; } .ri-home-heart-line:before { content: "\ee2a"; } .ri-home-line:before { content: "\ee2b"; } .ri-home-smile-2-fill:before { content: "\ee2c"; } .ri-home-smile-2-line:before { content: "\ee2d"; } .ri-home-smile-fill:before { content: "\ee2e"; } .ri-home-smile-line:before { content: "\ee2f"; } .ri-home-wifi-fill:before { content: "\ee30"; } .ri-home-wifi-line:before { content: "\ee31"; } .ri-honor-of-kings-fill:before { content: "\ee32"; } .ri-honor-of-kings-line:before { content: "\ee33"; } .ri-honour-fill:before { content: "\ee34"; } .ri-honour-line:before { content: "\ee35"; } .ri-hospital-fill:before { content: "\ee36"; } .ri-hospital-line:before { content: "\ee37"; } .ri-hotel-bed-fill:before { content: "\ee38"; } .ri-hotel-bed-line:before { content: "\ee39"; } .ri-hotel-fill:before { content: "\ee3a"; } .ri-hotel-line:before { content: "\ee3b"; } .ri-hotspot-fill:before { content: "\ee3c"; } .ri-hotspot-line:before { content: "\ee3d"; } .ri-hq-fill:before { content: "\ee3e"; } .ri-hq-line:before { content: "\ee3f"; } .ri-html5-fill:before { content: "\ee40"; } .ri-html5-line:before { content: "\ee41"; } .ri-ie-fill:before { content: "\ee42"; } .ri-ie-line:before { content: "\ee43"; } .ri-image-2-fill:before { content: "\ee44"; } .ri-image-2-line:before { content: "\ee45"; } .ri-image-add-fill:before { content: "\ee46"; } .ri-image-add-line:before { content: "\ee47"; } .ri-image-edit-fill:before { content: "\ee48"; } .ri-image-edit-line:before { content: "\ee49"; } .ri-image-fill:before { content: "\ee4a"; } .ri-image-line:before { content: "\ee4b"; } .ri-inbox-archive-fill:before { content: "\ee4c"; } .ri-inbox-archive-line:before { content: "\ee4d"; } .ri-inbox-fill:before { content: "\ee4e"; } .ri-inbox-line:before { content: "\ee4f"; } .ri-inbox-unarchive-fill:before { content: "\ee50"; } .ri-inbox-unarchive-line:before { content: "\ee51"; } .ri-increase-decrease-fill:before { content: "\ee52"; } .ri-increase-decrease-line:before { content: "\ee53"; } .ri-indent-decrease:before { content: "\ee54"; } .ri-indent-increase:before { content: "\ee55"; } .ri-indeterminate-circle-fill:before { content: "\ee56"; } .ri-indeterminate-circle-line:before { content: "\ee57"; } .ri-information-fill:before { content: "\ee58"; } .ri-information-line:before { content: "\ee59"; } .ri-infrared-thermometer-fill:before { content: "\ee5a"; } .ri-infrared-thermometer-line:before { content: "\ee5b"; } .ri-ink-bottle-fill:before { content: "\ee5c"; } .ri-ink-bottle-line:before { content: "\ee5d"; } .ri-input-cursor-move:before { content: "\ee5e"; } .ri-input-method-fill:before { content: "\ee5f"; } .ri-input-method-line:before { content: "\ee60"; } .ri-insert-column-left:before { content: "\ee61"; } .ri-insert-column-right:before { content: "\ee62"; } .ri-insert-row-bottom:before { content: "\ee63"; } .ri-insert-row-top:before { content: "\ee64"; } .ri-instagram-fill:before { content: "\ee65"; } .ri-instagram-line:before { content: "\ee66"; } .ri-install-fill:before { content: "\ee67"; } .ri-install-line:before { content: "\ee68"; } .ri-invision-fill:before { content: "\ee69"; } .ri-invision-line:before { content: "\ee6a"; } .ri-italic:before { content: "\ee6b"; } .ri-kakao-talk-fill:before { content: "\ee6c"; } .ri-kakao-talk-line:before { content: "\ee6d"; } .ri-key-2-fill:before { content: "\ee6e"; } .ri-key-2-line:before { content: "\ee6f"; } .ri-key-fill:before { content: "\ee70"; } .ri-key-line:before { content: "\ee71"; } .ri-keyboard-box-fill:before { content: "\ee72"; } .ri-keyboard-box-line:before { content: "\ee73"; } .ri-keyboard-fill:before { content: "\ee74"; } .ri-keyboard-line:before { content: "\ee75"; } .ri-keynote-fill:before { content: "\ee76"; } .ri-keynote-line:before { content: "\ee77"; } .ri-knife-blood-fill:before { content: "\ee78"; } .ri-knife-blood-line:before { content: "\ee79"; } .ri-knife-fill:before { content: "\ee7a"; } .ri-knife-line:before { content: "\ee7b"; } .ri-landscape-fill:before { content: "\ee7c"; } .ri-landscape-line:before { content: "\ee7d"; } .ri-layout-2-fill:before { content: "\ee7e"; } .ri-layout-2-line:before { content: "\ee7f"; } .ri-layout-3-fill:before { content: "\ee80"; } .ri-layout-3-line:before { content: "\ee81"; } .ri-layout-4-fill:before { content: "\ee82"; } .ri-layout-4-line:before { content: "\ee83"; } .ri-layout-5-fill:before { content: "\ee84"; } .ri-layout-5-line:before { content: "\ee85"; } .ri-layout-6-fill:before { content: "\ee86"; } .ri-layout-6-line:before { content: "\ee87"; } .ri-layout-bottom-2-fill:before { content: "\ee88"; } .ri-layout-bottom-2-line:before { content: "\ee89"; } .ri-layout-bottom-fill:before { content: "\ee8a"; } .ri-layout-bottom-line:before { content: "\ee8b"; } .ri-layout-column-fill:before { content: "\ee8c"; } .ri-layout-column-line:before { content: "\ee8d"; } .ri-layout-fill:before { content: "\ee8e"; } .ri-layout-grid-fill:before { content: "\ee8f"; } .ri-layout-grid-line:before { content: "\ee90"; } .ri-layout-left-2-fill:before { content: "\ee91"; } .ri-layout-left-2-line:before { content: "\ee92"; } .ri-layout-left-fill:before { content: "\ee93"; } .ri-layout-left-line:before { content: "\ee94"; } .ri-layout-line:before { content: "\ee95"; } .ri-layout-masonry-fill:before { content: "\ee96"; } .ri-layout-masonry-line:before { content: "\ee97"; } .ri-layout-right-2-fill:before { content: "\ee98"; } .ri-layout-right-2-line:before { content: "\ee99"; } .ri-layout-right-fill:before { content: "\ee9a"; } .ri-layout-right-line:before { content: "\ee9b"; } .ri-layout-row-fill:before { content: "\ee9c"; } .ri-layout-row-line:before { content: "\ee9d"; } .ri-layout-top-2-fill:before { content: "\ee9e"; } .ri-layout-top-2-line:before { content: "\ee9f"; } .ri-layout-top-fill:before { content: "\eea0"; } .ri-layout-top-line:before { content: "\eea1"; } .ri-leaf-fill:before { content: "\eea2"; } .ri-leaf-line:before { content: "\eea3"; } .ri-lifebuoy-fill:before { content: "\eea4"; } .ri-lifebuoy-line:before { content: "\eea5"; } .ri-lightbulb-fill:before { content: "\eea6"; } .ri-lightbulb-flash-fill:before { content: "\eea7"; } .ri-lightbulb-flash-line:before { content: "\eea8"; } .ri-lightbulb-line:before { content: "\eea9"; } .ri-line-chart-fill:before { content: "\eeaa"; } .ri-line-chart-line:before { content: "\eeab"; } .ri-line-fill:before { content: "\eeac"; } .ri-line-height:before { content: "\eead"; } .ri-line-line:before { content: "\eeae"; } .ri-link-m:before { content: "\eeaf"; } .ri-link-unlink-m:before { content: "\eeb0"; } .ri-link-unlink:before { content: "\eeb1"; } .ri-link:before { content: "\eeb2"; } .ri-linkedin-box-fill:before { content: "\eeb3"; } .ri-linkedin-box-line:before { content: "\eeb4"; } .ri-linkedin-fill:before { content: "\eeb5"; } .ri-linkedin-line:before { content: "\eeb6"; } .ri-links-fill:before { content: "\eeb7"; } .ri-links-line:before { content: "\eeb8"; } .ri-list-check-2:before { content: "\eeb9"; } .ri-list-check:before { content: "\eeba"; } .ri-list-ordered:before { content: "\eebb"; } .ri-list-settings-fill:before { content: "\eebc"; } .ri-list-settings-line:before { content: "\eebd"; } .ri-list-unordered:before { content: "\eebe"; } .ri-live-fill:before { content: "\eebf"; } .ri-live-line:before { content: "\eec0"; } .ri-loader-2-fill:before { content: "\eec1"; } .ri-loader-2-line:before { content: "\eec2"; } .ri-loader-3-fill:before { content: "\eec3"; } .ri-loader-3-line:before { content: "\eec4"; } .ri-loader-4-fill:before { content: "\eec5"; } .ri-loader-4-line:before { content: "\eec6"; } .ri-loader-5-fill:before { content: "\eec7"; } .ri-loader-5-line:before { content: "\eec8"; } .ri-loader-fill:before { content: "\eec9"; } .ri-loader-line:before { content: "\eeca"; } .ri-lock-2-fill:before { content: "\eecb"; } .ri-lock-2-line:before { content: "\eecc"; } .ri-lock-fill:before { content: "\eecd"; } .ri-lock-line:before { content: "\eece"; } .ri-lock-password-fill:before { content: "\eecf"; } .ri-lock-password-line:before { content: "\eed0"; } .ri-lock-unlock-fill:before { content: "\eed1"; } .ri-lock-unlock-line:before { content: "\eed2"; } .ri-login-box-fill:before { content: "\eed3"; } .ri-login-box-line:before { content: "\eed4"; } .ri-login-circle-fill:before { content: "\eed5"; } .ri-login-circle-line:before { content: "\eed6"; } .ri-logout-box-fill:before { content: "\eed7"; } .ri-logout-box-line:before { content: "\eed8"; } .ri-logout-box-r-fill:before { content: "\eed9"; } .ri-logout-box-r-line:before { content: "\eeda"; } .ri-logout-circle-fill:before { content: "\eedb"; } .ri-logout-circle-line:before { content: "\eedc"; } .ri-logout-circle-r-fill:before { content: "\eedd"; } .ri-logout-circle-r-line:before { content: "\eede"; } .ri-luggage-cart-fill:before { content: "\eedf"; } .ri-luggage-cart-line:before { content: "\eee0"; } .ri-luggage-deposit-fill:before { content: "\eee1"; } .ri-luggage-deposit-line:before { content: "\eee2"; } .ri-lungs-fill:before { content: "\eee3"; } .ri-lungs-line:before { content: "\eee4"; } .ri-mac-fill:before { content: "\eee5"; } .ri-mac-line:before { content: "\eee6"; } .ri-macbook-fill:before { content: "\eee7"; } .ri-macbook-line:before { content: "\eee8"; } .ri-magic-fill:before { content: "\eee9"; } .ri-magic-line:before { content: "\eeea"; } .ri-mail-add-fill:before { content: "\eeeb"; } .ri-mail-add-line:before { content: "\eeec"; } .ri-mail-check-fill:before { content: "\eeed"; } .ri-mail-check-line:before { content: "\eeee"; } .ri-mail-close-fill:before { content: "\eeef"; } .ri-mail-close-line:before { content: "\eef0"; } .ri-mail-download-fill:before { content: "\eef1"; } .ri-mail-download-line:before { content: "\eef2"; } .ri-mail-fill:before { content: "\eef3"; } .ri-mail-forbid-fill:before { content: "\eef4"; } .ri-mail-forbid-line:before { content: "\eef5"; } .ri-mail-line:before { content: "\eef6"; } .ri-mail-lock-fill:before { content: "\eef7"; } .ri-mail-lock-line:before { content: "\eef8"; } .ri-mail-open-fill:before { content: "\eef9"; } .ri-mail-open-line:before { content: "\eefa"; } .ri-mail-send-fill:before { content: "\eefb"; } .ri-mail-send-line:before { content: "\eefc"; } .ri-mail-settings-fill:before { content: "\eefd"; } .ri-mail-settings-line:before { content: "\eefe"; } .ri-mail-star-fill:before { content: "\eeff"; } .ri-mail-star-line:before { content: "\ef00"; } .ri-mail-unread-fill:before { content: "\ef01"; } .ri-mail-unread-line:before { content: "\ef02"; } .ri-mail-volume-fill:before { content: "\ef03"; } .ri-mail-volume-line:before { content: "\ef04"; } .ri-map-2-fill:before { content: "\ef05"; } .ri-map-2-line:before { content: "\ef06"; } .ri-map-fill:before { content: "\ef07"; } .ri-map-line:before { content: "\ef08"; } .ri-map-pin-2-fill:before { content: "\ef09"; } .ri-map-pin-2-line:before { content: "\ef0a"; } .ri-map-pin-3-fill:before { content: "\ef0b"; } .ri-map-pin-3-line:before { content: "\ef0c"; } .ri-map-pin-4-fill:before { content: "\ef0d"; } .ri-map-pin-4-line:before { content: "\ef0e"; } .ri-map-pin-5-fill:before { content: "\ef0f"; } .ri-map-pin-5-line:before { content: "\ef10"; } .ri-map-pin-add-fill:before { content: "\ef11"; } .ri-map-pin-add-line:before { content: "\ef12"; } .ri-map-pin-fill:before { content: "\ef13"; } .ri-map-pin-line:before { content: "\ef14"; } .ri-map-pin-range-fill:before { content: "\ef15"; } .ri-map-pin-range-line:before { content: "\ef16"; } .ri-map-pin-time-fill:before { content: "\ef17"; } .ri-map-pin-time-line:before { content: "\ef18"; } .ri-map-pin-user-fill:before { content: "\ef19"; } .ri-map-pin-user-line:before { content: "\ef1a"; } .ri-mark-pen-fill:before { content: "\ef1b"; } .ri-mark-pen-line:before { content: "\ef1c"; } .ri-markdown-fill:before { content: "\ef1d"; } .ri-markdown-line:before { content: "\ef1e"; } .ri-markup-fill:before { content: "\ef1f"; } .ri-markup-line:before { content: "\ef20"; } .ri-mastercard-fill:before { content: "\ef21"; } .ri-mastercard-line:before { content: "\ef22"; } .ri-mastodon-fill:before { content: "\ef23"; } .ri-mastodon-line:before { content: "\ef24"; } .ri-medal-2-fill:before { content: "\ef25"; } .ri-medal-2-line:before { content: "\ef26"; } .ri-medal-fill:before { content: "\ef27"; } .ri-medal-line:before { content: "\ef28"; } .ri-medicine-bottle-fill:before { content: "\ef29"; } .ri-medicine-bottle-line:before { content: "\ef2a"; } .ri-medium-fill:before { content: "\ef2b"; } .ri-medium-line:before { content: "\ef2c"; } .ri-men-fill:before { content: "\ef2d"; } .ri-men-line:before { content: "\ef2e"; } .ri-mental-health-fill:before { content: "\ef2f"; } .ri-mental-health-line:before { content: "\ef30"; } .ri-menu-2-fill:before { content: "\ef31"; } .ri-menu-2-line:before { content: "\ef32"; } .ri-menu-3-fill:before { content: "\ef33"; } .ri-menu-3-line:before { content: "\ef34"; } .ri-menu-4-fill:before { content: "\ef35"; } .ri-menu-4-line:before { content: "\ef36"; } .ri-menu-5-fill:before { content: "\ef37"; } .ri-menu-5-line:before { content: "\ef38"; } .ri-menu-add-fill:before { content: "\ef39"; } .ri-menu-add-line:before { content: "\ef3a"; } .ri-menu-fill:before { content: "\ef3b"; } .ri-menu-fold-fill:before { content: "\ef3c"; } .ri-menu-fold-line:before { content: "\ef3d"; } .ri-menu-line:before { content: "\ef3e"; } .ri-menu-unfold-fill:before { content: "\ef3f"; } .ri-menu-unfold-line:before { content: "\ef40"; } .ri-merge-cells-horizontal:before { content: "\ef41"; } .ri-merge-cells-vertical:before { content: "\ef42"; } .ri-message-2-fill:before { content: "\ef43"; } .ri-message-2-line:before { content: "\ef44"; } .ri-message-3-fill:before { content: "\ef45"; } .ri-message-3-line:before { content: "\ef46"; } .ri-message-fill:before { content: "\ef47"; } .ri-message-line:before { content: "\ef48"; } .ri-messenger-fill:before { content: "\ef49"; } .ri-messenger-line:before { content: "\ef4a"; } .ri-meteor-fill:before { content: "\ef4b"; } .ri-meteor-line:before { content: "\ef4c"; } .ri-mic-2-fill:before { content: "\ef4d"; } .ri-mic-2-line:before { content: "\ef4e"; } .ri-mic-fill:before { content: "\ef4f"; } .ri-mic-line:before { content: "\ef50"; } .ri-mic-off-fill:before { content: "\ef51"; } .ri-mic-off-line:before { content: "\ef52"; } .ri-mickey-fill:before { content: "\ef53"; } .ri-mickey-line:before { content: "\ef54"; } .ri-microscope-fill:before { content: "\ef55"; } .ri-microscope-line:before { content: "\ef56"; } .ri-microsoft-fill:before { content: "\ef57"; } .ri-microsoft-line:before { content: "\ef58"; } .ri-mind-map:before { content: "\ef59"; } .ri-mini-program-fill:before { content: "\ef5a"; } .ri-mini-program-line:before { content: "\ef5b"; } .ri-mist-fill:before { content: "\ef5c"; } .ri-mist-line:before { content: "\ef5d"; } .ri-money-cny-box-fill:before { content: "\ef5e"; } .ri-money-cny-box-line:before { content: "\ef5f"; } .ri-money-cny-circle-fill:before { content: "\ef60"; } .ri-money-cny-circle-line:before { content: "\ef61"; } .ri-money-dollar-box-fill:before { content: "\ef62"; } .ri-money-dollar-box-line:before { content: "\ef63"; } .ri-money-dollar-circle-fill:before { content: "\ef64"; } .ri-money-dollar-circle-line:before { content: "\ef65"; } .ri-money-euro-box-fill:before { content: "\ef66"; } .ri-money-euro-box-line:before { content: "\ef67"; } .ri-money-euro-circle-fill:before { content: "\ef68"; } .ri-money-euro-circle-line:before { content: "\ef69"; } .ri-money-pound-box-fill:before { content: "\ef6a"; } .ri-money-pound-box-line:before { content: "\ef6b"; } .ri-money-pound-circle-fill:before { content: "\ef6c"; } .ri-money-pound-circle-line:before { content: "\ef6d"; } .ri-moon-clear-fill:before { content: "\ef6e"; } .ri-moon-clear-line:before { content: "\ef6f"; } .ri-moon-cloudy-fill:before { content: "\ef70"; } .ri-moon-cloudy-line:before { content: "\ef71"; } .ri-moon-fill:before { content: "\ef72"; } .ri-moon-foggy-fill:before { content: "\ef73"; } .ri-moon-foggy-line:before { content: "\ef74"; } .ri-moon-line:before { content: "\ef75"; } .ri-more-2-fill:before { content: "\ef76"; } .ri-more-2-line:before { content: "\ef77"; } .ri-more-fill:before { content: "\ef78"; } .ri-more-line:before { content: "\ef79"; } .ri-motorbike-fill:before { content: "\ef7a"; } .ri-motorbike-line:before { content: "\ef7b"; } .ri-mouse-fill:before { content: "\ef7c"; } .ri-mouse-line:before { content: "\ef7d"; } .ri-movie-2-fill:before { content: "\ef7e"; } .ri-movie-2-line:before { content: "\ef7f"; } .ri-movie-fill:before { content: "\ef80"; } .ri-movie-line:before { content: "\ef81"; } .ri-music-2-fill:before { content: "\ef82"; } .ri-music-2-line:before { content: "\ef83"; } .ri-music-fill:before { content: "\ef84"; } .ri-music-line:before { content: "\ef85"; } .ri-mv-fill:before { content: "\ef86"; } .ri-mv-line:before { content: "\ef87"; } .ri-navigation-fill:before { content: "\ef88"; } .ri-navigation-line:before { content: "\ef89"; } .ri-netease-cloud-music-fill:before { content: "\ef8a"; } .ri-netease-cloud-music-line:before { content: "\ef8b"; } .ri-netflix-fill:before { content: "\ef8c"; } .ri-netflix-line:before { content: "\ef8d"; } .ri-newspaper-fill:before { content: "\ef8e"; } .ri-newspaper-line:before { content: "\ef8f"; } .ri-node-tree:before { content: "\ef90"; } .ri-notification-2-fill:before { content: "\ef91"; } .ri-notification-2-line:before { content: "\ef92"; } .ri-notification-3-fill:before { content: "\ef93"; } .ri-notification-3-line:before { content: "\ef94"; } .ri-notification-4-fill:before { content: "\ef95"; } .ri-notification-4-line:before { content: "\ef96"; } .ri-notification-badge-fill:before { content: "\ef97"; } .ri-notification-badge-line:before { content: "\ef98"; } .ri-notification-fill:before { content: "\ef99"; } .ri-notification-line:before { content: "\ef9a"; } .ri-notification-off-fill:before { content: "\ef9b"; } .ri-notification-off-line:before { content: "\ef9c"; } .ri-npmjs-fill:before { content: "\ef9d"; } .ri-npmjs-line:before { content: "\ef9e"; } .ri-number-0:before { content: "\ef9f"; } .ri-number-1:before { content: "\efa0"; } .ri-number-2:before { content: "\efa1"; } .ri-number-3:before { content: "\efa2"; } .ri-number-4:before { content: "\efa3"; } .ri-number-5:before { content: "\efa4"; } .ri-number-6:before { content: "\efa5"; } .ri-number-7:before { content: "\efa6"; } .ri-number-8:before { content: "\efa7"; } .ri-number-9:before { content: "\efa8"; } .ri-numbers-fill:before { content: "\efa9"; } .ri-numbers-line:before { content: "\efaa"; } .ri-nurse-fill:before { content: "\efab"; } .ri-nurse-line:before { content: "\efac"; } .ri-oil-fill:before { content: "\efad"; } .ri-oil-line:before { content: "\efae"; } .ri-omega:before { content: "\efaf"; } .ri-open-arm-fill:before { content: "\efb0"; } .ri-open-arm-line:before { content: "\efb1"; } .ri-open-source-fill:before { content: "\efb2"; } .ri-open-source-line:before { content: "\efb3"; } .ri-opera-fill:before { content: "\efb4"; } .ri-opera-line:before { content: "\efb5"; } .ri-order-play-fill:before { content: "\efb6"; } .ri-order-play-line:before { content: "\efb7"; } .ri-organization-chart:before { content: "\efb8"; } .ri-outlet-2-fill:before { content: "\efb9"; } .ri-outlet-2-line:before { content: "\efba"; } .ri-outlet-fill:before { content: "\efbb"; } .ri-outlet-line:before { content: "\efbc"; } .ri-page-separator:before { content: "\efbd"; } .ri-pages-fill:before { content: "\efbe"; } .ri-pages-line:before { content: "\efbf"; } .ri-paint-brush-fill:before { content: "\efc0"; } .ri-paint-brush-line:before { content: "\efc1"; } .ri-paint-fill:before { content: "\efc2"; } .ri-paint-line:before { content: "\efc3"; } .ri-palette-fill:before { content: "\efc4"; } .ri-palette-line:before { content: "\efc5"; } .ri-pantone-fill:before { content: "\efc6"; } .ri-pantone-line:before { content: "\efc7"; } .ri-paragraph:before { content: "\efc8"; } .ri-parent-fill:before { content: "\efc9"; } .ri-parent-line:before { content: "\efca"; } .ri-parentheses-fill:before { content: "\efcb"; } .ri-parentheses-line:before { content: "\efcc"; } .ri-parking-box-fill:before { content: "\efcd"; } .ri-parking-box-line:before { content: "\efce"; } .ri-parking-fill:before { content: "\efcf"; } .ri-parking-line:before { content: "\efd0"; } .ri-passport-fill:before { content: "\efd1"; } .ri-passport-line:before { content: "\efd2"; } .ri-patreon-fill:before { content: "\efd3"; } .ri-patreon-line:before { content: "\efd4"; } .ri-pause-circle-fill:before { content: "\efd5"; } .ri-pause-circle-line:before { content: "\efd6"; } .ri-pause-fill:before { content: "\efd7"; } .ri-pause-line:before { content: "\efd8"; } .ri-pause-mini-fill:before { content: "\efd9"; } .ri-pause-mini-line:before { content: "\efda"; } .ri-paypal-fill:before { content: "\efdb"; } .ri-paypal-line:before { content: "\efdc"; } .ri-pen-nib-fill:before { content: "\efdd"; } .ri-pen-nib-line:before { content: "\efde"; } .ri-pencil-fill:before { content: "\efdf"; } .ri-pencil-line:before { content: "\efe0"; } .ri-pencil-ruler-2-fill:before { content: "\efe1"; } .ri-pencil-ruler-2-line:before { content: "\efe2"; } .ri-pencil-ruler-fill:before { content: "\efe3"; } .ri-pencil-ruler-line:before { content: "\efe4"; } .ri-percent-fill:before { content: "\efe5"; } .ri-percent-line:before { content: "\efe6"; } .ri-phone-camera-fill:before { content: "\efe7"; } .ri-phone-camera-line:before { content: "\efe8"; } .ri-phone-fill:before { content: "\efe9"; } .ri-phone-find-fill:before { content: "\efea"; } .ri-phone-find-line:before { content: "\efeb"; } .ri-phone-line:before { content: "\efec"; } .ri-phone-lock-fill:before { content: "\efed"; } .ri-phone-lock-line:before { content: "\efee"; } .ri-picture-in-picture-2-fill:before { content: "\efef"; } .ri-picture-in-picture-2-line:before { content: "\eff0"; } .ri-picture-in-picture-exit-fill:before { content: "\eff1"; } .ri-picture-in-picture-exit-line:before { content: "\eff2"; } .ri-picture-in-picture-fill:before { content: "\eff3"; } .ri-picture-in-picture-line:before { content: "\eff4"; } .ri-pie-chart-2-fill:before { content: "\eff5"; } .ri-pie-chart-2-line:before { content: "\eff6"; } .ri-pie-chart-box-fill:before { content: "\eff7"; } .ri-pie-chart-box-line:before { content: "\eff8"; } .ri-pie-chart-fill:before { content: "\eff9"; } .ri-pie-chart-line:before { content: "\effa"; } .ri-pin-distance-fill:before { content: "\effb"; } .ri-pin-distance-line:before { content: "\effc"; } .ri-ping-pong-fill:before { content: "\effd"; } .ri-ping-pong-line:before { content: "\effe"; } .ri-pinterest-fill:before { content: "\efff"; } .ri-pinterest-line:before { content: "\f000"; } .ri-pinyin-input:before { content: "\f001"; } .ri-pixelfed-fill:before { content: "\f002"; } .ri-pixelfed-line:before { content: "\f003"; } .ri-plane-fill:before { content: "\f004"; } .ri-plane-line:before { content: "\f005"; } .ri-plant-fill:before { content: "\f006"; } .ri-plant-line:before { content: "\f007"; } .ri-play-circle-fill:before { content: "\f008"; } .ri-play-circle-line:before { content: "\f009"; } .ri-play-fill:before { content: "\f00a"; } .ri-play-line:before { content: "\f00b"; } .ri-play-list-2-fill:before { content: "\f00c"; } .ri-play-list-2-line:before { content: "\f00d"; } .ri-play-list-add-fill:before { content: "\f00e"; } .ri-play-list-add-line:before { content: "\f00f"; } .ri-play-list-fill:before { content: "\f010"; } .ri-play-list-line:before { content: "\f011"; } .ri-play-mini-fill:before { content: "\f012"; } .ri-play-mini-line:before { content: "\f013"; } .ri-playstation-fill:before { content: "\f014"; } .ri-playstation-line:before { content: "\f015"; } .ri-plug-2-fill:before { content: "\f016"; } .ri-plug-2-line:before { content: "\f017"; } .ri-plug-fill:before { content: "\f018"; } .ri-plug-line:before { content: "\f019"; } .ri-polaroid-2-fill:before { content: "\f01a"; } .ri-polaroid-2-line:before { content: "\f01b"; } .ri-polaroid-fill:before { content: "\f01c"; } .ri-polaroid-line:before { content: "\f01d"; } .ri-police-car-fill:before { content: "\f01e"; } .ri-police-car-line:before { content: "\f01f"; } .ri-price-tag-2-fill:before { content: "\f020"; } .ri-price-tag-2-line:before { content: "\f021"; } .ri-price-tag-3-fill:before { content: "\f022"; } .ri-price-tag-3-line:before { content: "\f023"; } .ri-price-tag-fill:before { content: "\f024"; } .ri-price-tag-line:before { content: "\f025"; } .ri-printer-cloud-fill:before { content: "\f026"; } .ri-printer-cloud-line:before { content: "\f027"; } .ri-printer-fill:before { content: "\f028"; } .ri-printer-line:before { content: "\f029"; } .ri-product-hunt-fill:before { content: "\f02a"; } .ri-product-hunt-line:before { content: "\f02b"; } .ri-profile-fill:before { content: "\f02c"; } .ri-profile-line:before { content: "\f02d"; } .ri-projector-2-fill:before { content: "\f02e"; } .ri-projector-2-line:before { content: "\f02f"; } .ri-projector-fill:before { content: "\f030"; } .ri-projector-line:before { content: "\f031"; } .ri-psychotherapy-fill:before { content: "\f032"; } .ri-psychotherapy-line:before { content: "\f033"; } .ri-pulse-fill:before { content: "\f034"; } .ri-pulse-line:before { content: "\f035"; } .ri-pushpin-2-fill:before { content: "\f036"; } .ri-pushpin-2-line:before { content: "\f037"; } .ri-pushpin-fill:before { content: "\f038"; } .ri-pushpin-line:before { content: "\f039"; } .ri-qq-fill:before { content: "\f03a"; } .ri-qq-line:before { content: "\f03b"; } .ri-qr-code-fill:before { content: "\f03c"; } .ri-qr-code-line:before { content: "\f03d"; } .ri-qr-scan-2-fill:before { content: "\f03e"; } .ri-qr-scan-2-line:before { content: "\f03f"; } .ri-qr-scan-fill:before { content: "\f040"; } .ri-qr-scan-line:before { content: "\f041"; } .ri-question-answer-fill:before { content: "\f042"; } .ri-question-answer-line:before { content: "\f043"; } .ri-question-fill:before { content: "\f044"; } .ri-question-line:before { content: "\f045"; } .ri-question-mark:before { content: "\f046"; } .ri-questionnaire-fill:before { content: "\f047"; } .ri-questionnaire-line:before { content: "\f048"; } .ri-quill-pen-fill:before { content: "\f049"; } .ri-quill-pen-line:before { content: "\f04a"; } .ri-radar-fill:before { content: "\f04b"; } .ri-radar-line:before { content: "\f04c"; } .ri-radio-2-fill:before { content: "\f04d"; } .ri-radio-2-line:before { content: "\f04e"; } .ri-radio-button-fill:before { content: "\f04f"; } .ri-radio-button-line:before { content: "\f050"; } .ri-radio-fill:before { content: "\f051"; } .ri-radio-line:before { content: "\f052"; } .ri-rainbow-fill:before { content: "\f053"; } .ri-rainbow-line:before { content: "\f054"; } .ri-rainy-fill:before { content: "\f055"; } .ri-rainy-line:before { content: "\f056"; } .ri-reactjs-fill:before { content: "\f057"; } .ri-reactjs-line:before { content: "\f058"; } .ri-record-circle-fill:before { content: "\f059"; } .ri-record-circle-line:before { content: "\f05a"; } .ri-record-mail-fill:before { content: "\f05b"; } .ri-record-mail-line:before { content: "\f05c"; } .ri-recycle-fill:before { content: "\f05d"; } .ri-recycle-line:before { content: "\f05e"; } .ri-red-packet-fill:before { content: "\f05f"; } .ri-red-packet-line:before { content: "\f060"; } .ri-reddit-fill:before { content: "\f061"; } .ri-reddit-line:before { content: "\f062"; } .ri-refresh-fill:before { content: "\f063"; } .ri-refresh-line:before { content: "\f064"; } .ri-refund-2-fill:before { content: "\f065"; } .ri-refund-2-line:before { content: "\f066"; } .ri-refund-fill:before { content: "\f067"; } .ri-refund-line:before { content: "\f068"; } .ri-registered-fill:before { content: "\f069"; } .ri-registered-line:before { content: "\f06a"; } .ri-remixicon-fill:before { content: "\f06b"; } .ri-remixicon-line:before { content: "\f06c"; } .ri-remote-control-2-fill:before { content: "\f06d"; } .ri-remote-control-2-line:before { content: "\f06e"; } .ri-remote-control-fill:before { content: "\f06f"; } .ri-remote-control-line:before { content: "\f070"; } .ri-repeat-2-fill:before { content: "\f071"; } .ri-repeat-2-line:before { content: "\f072"; } .ri-repeat-fill:before { content: "\f073"; } .ri-repeat-line:before { content: "\f074"; } .ri-repeat-one-fill:before { content: "\f075"; } .ri-repeat-one-line:before { content: "\f076"; } .ri-reply-all-fill:before { content: "\f077"; } .ri-reply-all-line:before { content: "\f078"; } .ri-reply-fill:before { content: "\f079"; } .ri-reply-line:before { content: "\f07a"; } .ri-reserved-fill:before { content: "\f07b"; } .ri-reserved-line:before { content: "\f07c"; } .ri-rest-time-fill:before { content: "\f07d"; } .ri-rest-time-line:before { content: "\f07e"; } .ri-restart-fill:before { content: "\f07f"; } .ri-restart-line:before { content: "\f080"; } .ri-restaurant-2-fill:before { content: "\f081"; } .ri-restaurant-2-line:before { content: "\f082"; } .ri-restaurant-fill:before { content: "\f083"; } .ri-restaurant-line:before { content: "\f084"; } .ri-rewind-fill:before { content: "\f085"; } .ri-rewind-line:before { content: "\f086"; } .ri-rewind-mini-fill:before { content: "\f087"; } .ri-rewind-mini-line:before { content: "\f088"; } .ri-rhythm-fill:before { content: "\f089"; } .ri-rhythm-line:before { content: "\f08a"; } .ri-riding-fill:before { content: "\f08b"; } .ri-riding-line:before { content: "\f08c"; } .ri-road-map-fill:before { content: "\f08d"; } .ri-road-map-line:before { content: "\f08e"; } .ri-roadster-fill:before { content: "\f08f"; } .ri-roadster-line:before { content: "\f090"; } .ri-robot-fill:before { content: "\f091"; } .ri-robot-line:before { content: "\f092"; } .ri-rocket-2-fill:before { content: "\f093"; } .ri-rocket-2-line:before { content: "\f094"; } .ri-rocket-fill:before { content: "\f095"; } .ri-rocket-line:before { content: "\f096"; } .ri-rotate-lock-fill:before { content: "\f097"; } .ri-rotate-lock-line:before { content: "\f098"; } .ri-rounded-corner:before { content: "\f099"; } .ri-route-fill:before { content: "\f09a"; } .ri-route-line:before { content: "\f09b"; } .ri-router-fill:before { content: "\f09c"; } .ri-router-line:before { content: "\f09d"; } .ri-rss-fill:before { content: "\f09e"; } .ri-rss-line:before { content: "\f09f"; } .ri-ruler-2-fill:before { content: "\f0a0"; } .ri-ruler-2-line:before { content: "\f0a1"; } .ri-ruler-fill:before { content: "\f0a2"; } .ri-ruler-line:before { content: "\f0a3"; } .ri-run-fill:before { content: "\f0a4"; } .ri-run-line:before { content: "\f0a5"; } .ri-safari-fill:before { content: "\f0a6"; } .ri-safari-line:before { content: "\f0a7"; } .ri-safe-2-fill:before { content: "\f0a8"; } .ri-safe-2-line:before { content: "\f0a9"; } .ri-safe-fill:before { content: "\f0aa"; } .ri-safe-line:before { content: "\f0ab"; } .ri-sailboat-fill:before { content: "\f0ac"; } .ri-sailboat-line:before { content: "\f0ad"; } .ri-save-2-fill:before { content: "\f0ae"; } .ri-save-2-line:before { content: "\f0af"; } .ri-save-3-fill:before { content: "\f0b0"; } .ri-save-3-line:before { content: "\f0b1"; } .ri-save-fill:before { content: "\f0b2"; } .ri-save-line:before { content: "\f0b3"; } .ri-scales-2-fill:before { content: "\f0b4"; } .ri-scales-2-line:before { content: "\f0b5"; } .ri-scales-3-fill:before { content: "\f0b6"; } .ri-scales-3-line:before { content: "\f0b7"; } .ri-scales-fill:before { content: "\f0b8"; } .ri-scales-line:before { content: "\f0b9"; } .ri-scan-2-fill:before { content: "\f0ba"; } .ri-scan-2-line:before { content: "\f0bb"; } .ri-scan-fill:before { content: "\f0bc"; } .ri-scan-line:before { content: "\f0bd"; } .ri-scissors-2-fill:before { content: "\f0be"; } .ri-scissors-2-line:before { content: "\f0bf"; } .ri-scissors-cut-fill:before { content: "\f0c0"; } .ri-scissors-cut-line:before { content: "\f0c1"; } .ri-scissors-fill:before { content: "\f0c2"; } .ri-scissors-line:before { content: "\f0c3"; } .ri-screenshot-2-fill:before { content: "\f0c4"; } .ri-screenshot-2-line:before { content: "\f0c5"; } .ri-screenshot-fill:before { content: "\f0c6"; } .ri-screenshot-line:before { content: "\f0c7"; } .ri-sd-card-fill:before { content: "\f0c8"; } .ri-sd-card-line:before { content: "\f0c9"; } .ri-sd-card-mini-fill:before { content: "\f0ca"; } .ri-sd-card-mini-line:before { content: "\f0cb"; } .ri-search-2-fill:before { content: "\f0cc"; } .ri-search-2-line:before { content: "\f0cd"; } .ri-search-eye-fill:before { content: "\f0ce"; } .ri-search-eye-line:before { content: "\f0cf"; } .ri-search-fill:before { content: "\f0d0"; } .ri-search-line:before { content: "\f0d1"; } .ri-secure-payment-fill:before { content: "\f0d2"; } .ri-secure-payment-line:before { content: "\f0d3"; } .ri-seedling-fill:before { content: "\f0d4"; } .ri-seedling-line:before { content: "\f0d5"; } .ri-send-backward:before { content: "\f0d6"; } .ri-send-plane-2-fill:before { content: "\f0d7"; } .ri-send-plane-2-line:before { content: "\f0d8"; } .ri-send-plane-fill:before { content: "\f0d9"; } .ri-send-plane-line:before { content: "\f0da"; } .ri-send-to-back:before { content: "\f0db"; } .ri-sensor-fill:before { content: "\f0dc"; } .ri-sensor-line:before { content: "\f0dd"; } .ri-separator:before { content: "\f0de"; } .ri-server-fill:before { content: "\f0df"; } .ri-server-line:before { content: "\f0e0"; } .ri-service-fill:before { content: "\f0e1"; } .ri-service-line:before { content: "\f0e2"; } .ri-settings-2-fill:before { content: "\f0e3"; } .ri-settings-2-line:before { content: "\f0e4"; } .ri-settings-3-fill:before { content: "\f0e5"; } .ri-settings-3-line:before { content: "\f0e6"; } .ri-settings-4-fill:before { content: "\f0e7"; } .ri-settings-4-line:before { content: "\f0e8"; } .ri-settings-5-fill:before { content: "\f0e9"; } .ri-settings-5-line:before { content: "\f0ea"; } .ri-settings-6-fill:before { content: "\f0eb"; } .ri-settings-6-line:before { content: "\f0ec"; } .ri-settings-fill:before { content: "\f0ed"; } .ri-settings-line:before { content: "\f0ee"; } .ri-shape-2-fill:before { content: "\f0ef"; } .ri-shape-2-line:before { content: "\f0f0"; } .ri-shape-fill:before { content: "\f0f1"; } .ri-shape-line:before { content: "\f0f2"; } .ri-share-box-fill:before { content: "\f0f3"; } .ri-share-box-line:before { content: "\f0f4"; } .ri-share-circle-fill:before { content: "\f0f5"; } .ri-share-circle-line:before { content: "\f0f6"; } .ri-share-fill:before { content: "\f0f7"; } .ri-share-forward-2-fill:before { content: "\f0f8"; } .ri-share-forward-2-line:before { content: "\f0f9"; } .ri-share-forward-box-fill:before { content: "\f0fa"; } .ri-share-forward-box-line:before { content: "\f0fb"; } .ri-share-forward-fill:before { content: "\f0fc"; } .ri-share-forward-line:before { content: "\f0fd"; } .ri-share-line:before { content: "\f0fe"; } .ri-shield-check-fill:before { content: "\f0ff"; } .ri-shield-check-line:before { content: "\f100"; } .ri-shield-cross-fill:before { content: "\f101"; } .ri-shield-cross-line:before { content: "\f102"; } .ri-shield-fill:before { content: "\f103"; } .ri-shield-flash-fill:before { content: "\f104"; } .ri-shield-flash-line:before { content: "\f105"; } .ri-shield-keyhole-fill:before { content: "\f106"; } .ri-shield-keyhole-line:before { content: "\f107"; } .ri-shield-line:before { content: "\f108"; } .ri-shield-star-fill:before { content: "\f109"; } .ri-shield-star-line:before { content: "\f10a"; } .ri-shield-user-fill:before { content: "\f10b"; } .ri-shield-user-line:before { content: "\f10c"; } .ri-ship-2-fill:before { content: "\f10d"; } .ri-ship-2-line:before { content: "\f10e"; } .ri-ship-fill:before { content: "\f10f"; } .ri-ship-line:before { content: "\f110"; } .ri-shirt-fill:before { content: "\f111"; } .ri-shirt-line:before { content: "\f112"; } .ri-shopping-bag-2-fill:before { content: "\f113"; } .ri-shopping-bag-2-line:before { content: "\f114"; } .ri-shopping-bag-3-fill:before { content: "\f115"; } .ri-shopping-bag-3-line:before { content: "\f116"; } .ri-shopping-bag-fill:before { content: "\f117"; } .ri-shopping-bag-line:before { content: "\f118"; } .ri-shopping-basket-2-fill:before { content: "\f119"; } .ri-shopping-basket-2-line:before { content: "\f11a"; } .ri-shopping-basket-fill:before { content: "\f11b"; } .ri-shopping-basket-line:before { content: "\f11c"; } .ri-shopping-cart-2-fill:before { content: "\f11d"; } .ri-shopping-cart-2-line:before { content: "\f11e"; } .ri-shopping-cart-fill:before { content: "\f11f"; } .ri-shopping-cart-line:before { content: "\f120"; } .ri-showers-fill:before { content: "\f121"; } .ri-showers-line:before { content: "\f122"; } .ri-shuffle-fill:before { content: "\f123"; } .ri-shuffle-line:before { content: "\f124"; } .ri-shut-down-fill:before { content: "\f125"; } .ri-shut-down-line:before { content: "\f126"; } .ri-side-bar-fill:before { content: "\f127"; } .ri-side-bar-line:before { content: "\f128"; } .ri-signal-tower-fill:before { content: "\f129"; } .ri-signal-tower-line:before { content: "\f12a"; } .ri-signal-wifi-1-fill:before { content: "\f12b"; } .ri-signal-wifi-1-line:before { content: "\f12c"; } .ri-signal-wifi-2-fill:before { content: "\f12d"; } .ri-signal-wifi-2-line:before { content: "\f12e"; } .ri-signal-wifi-3-fill:before { content: "\f12f"; } .ri-signal-wifi-3-line:before { content: "\f130"; } .ri-signal-wifi-error-fill:before { content: "\f131"; } .ri-signal-wifi-error-line:before { content: "\f132"; } .ri-signal-wifi-fill:before { content: "\f133"; } .ri-signal-wifi-line:before { content: "\f134"; } .ri-signal-wifi-off-fill:before { content: "\f135"; } .ri-signal-wifi-off-line:before { content: "\f136"; } .ri-sim-card-2-fill:before { content: "\f137"; } .ri-sim-card-2-line:before { content: "\f138"; } .ri-sim-card-fill:before { content: "\f139"; } .ri-sim-card-line:before { content: "\f13a"; } .ri-single-quotes-l:before { content: "\f13b"; } .ri-single-quotes-r:before { content: "\f13c"; } .ri-sip-fill:before { content: "\f13d"; } .ri-sip-line:before { content: "\f13e"; } .ri-skip-back-fill:before { content: "\f13f"; } .ri-skip-back-line:before { content: "\f140"; } .ri-skip-back-mini-fill:before { content: "\f141"; } .ri-skip-back-mini-line:before { content: "\f142"; } .ri-skip-forward-fill:before { content: "\f143"; } .ri-skip-forward-line:before { content: "\f144"; } .ri-skip-forward-mini-fill:before { content: "\f145"; } .ri-skip-forward-mini-line:before { content: "\f146"; } .ri-skull-2-fill:before { content: "\f147"; } .ri-skull-2-line:before { content: "\f148"; } .ri-skull-fill:before { content: "\f149"; } .ri-skull-line:before { content: "\f14a"; } .ri-skype-fill:before { content: "\f14b"; } .ri-skype-line:before { content: "\f14c"; } .ri-slack-fill:before { content: "\f14d"; } .ri-slack-line:before { content: "\f14e"; } .ri-slice-fill:before { content: "\f14f"; } .ri-slice-line:before { content: "\f150"; } .ri-slideshow-2-fill:before { content: "\f151"; } .ri-slideshow-2-line:before { content: "\f152"; } .ri-slideshow-3-fill:before { content: "\f153"; } .ri-slideshow-3-line:before { content: "\f154"; } .ri-slideshow-4-fill:before { content: "\f155"; } .ri-slideshow-4-line:before { content: "\f156"; } .ri-slideshow-fill:before { content: "\f157"; } .ri-slideshow-line:before { content: "\f158"; } .ri-smartphone-fill:before { content: "\f159"; } .ri-smartphone-line:before { content: "\f15a"; } .ri-snapchat-fill:before { content: "\f15b"; } .ri-snapchat-line:before { content: "\f15c"; } .ri-snowy-fill:before { content: "\f15d"; } .ri-snowy-line:before { content: "\f15e"; } .ri-sort-asc:before { content: "\f15f"; } .ri-sort-desc:before { content: "\f160"; } .ri-sound-module-fill:before { content: "\f161"; } .ri-sound-module-line:before { content: "\f162"; } .ri-soundcloud-fill:before { content: "\f163"; } .ri-soundcloud-line:before { content: "\f164"; } .ri-space-ship-fill:before { content: "\f165"; } .ri-space-ship-line:before { content: "\f166"; } .ri-space:before { content: "\f167"; } .ri-spam-2-fill:before { content: "\f168"; } .ri-spam-2-line:before { content: "\f169"; } .ri-spam-3-fill:before { content: "\f16a"; } .ri-spam-3-line:before { content: "\f16b"; } .ri-spam-fill:before { content: "\f16c"; } .ri-spam-line:before { content: "\f16d"; } .ri-speaker-2-fill:before { content: "\f16e"; } .ri-speaker-2-line:before { content: "\f16f"; } .ri-speaker-3-fill:before { content: "\f170"; } .ri-speaker-3-line:before { content: "\f171"; } .ri-speaker-fill:before { content: "\f172"; } .ri-speaker-line:before { content: "\f173"; } .ri-spectrum-fill:before { content: "\f174"; } .ri-spectrum-line:before { content: "\f175"; } .ri-speed-fill:before { content: "\f176"; } .ri-speed-line:before { content: "\f177"; } .ri-speed-mini-fill:before { content: "\f178"; } .ri-speed-mini-line:before { content: "\f179"; } .ri-split-cells-horizontal:before { content: "\f17a"; } .ri-split-cells-vertical:before { content: "\f17b"; } .ri-spotify-fill:before { content: "\f17c"; } .ri-spotify-line:before { content: "\f17d"; } .ri-spy-fill:before { content: "\f17e"; } .ri-spy-line:before { content: "\f17f"; } .ri-stack-fill:before { content: "\f180"; } .ri-stack-line:before { content: "\f181"; } .ri-stack-overflow-fill:before { content: "\f182"; } .ri-stack-overflow-line:before { content: "\f183"; } .ri-stackshare-fill:before { content: "\f184"; } .ri-stackshare-line:before { content: "\f185"; } .ri-star-fill:before { content: "\f186"; } .ri-star-half-fill:before { content: "\f187"; } .ri-star-half-line:before { content: "\f188"; } .ri-star-half-s-fill:before { content: "\f189"; } .ri-star-half-s-line:before { content: "\f18a"; } .ri-star-line:before { content: "\f18b"; } .ri-star-s-fill:before { content: "\f18c"; } .ri-star-s-line:before { content: "\f18d"; } .ri-star-smile-fill:before { content: "\f18e"; } .ri-star-smile-line:before { content: "\f18f"; } .ri-steam-fill:before { content: "\f190"; } .ri-steam-line:before { content: "\f191"; } .ri-steering-2-fill:before { content: "\f192"; } .ri-steering-2-line:before { content: "\f193"; } .ri-steering-fill:before { content: "\f194"; } .ri-steering-line:before { content: "\f195"; } .ri-stethoscope-fill:before { content: "\f196"; } .ri-stethoscope-line:before { content: "\f197"; } .ri-sticky-note-2-fill:before { content: "\f198"; } .ri-sticky-note-2-line:before { content: "\f199"; } .ri-sticky-note-fill:before { content: "\f19a"; } .ri-sticky-note-line:before { content: "\f19b"; } .ri-stock-fill:before { content: "\f19c"; } .ri-stock-line:before { content: "\f19d"; } .ri-stop-circle-fill:before { content: "\f19e"; } .ri-stop-circle-line:before { content: "\f19f"; } .ri-stop-fill:before { content: "\f1a0"; } .ri-stop-line:before { content: "\f1a1"; } .ri-stop-mini-fill:before { content: "\f1a2"; } .ri-stop-mini-line:before { content: "\f1a3"; } .ri-store-2-fill:before { content: "\f1a4"; } .ri-store-2-line:before { content: "\f1a5"; } .ri-store-3-fill:before { content: "\f1a6"; } .ri-store-3-line:before { content: "\f1a7"; } .ri-store-fill:before { content: "\f1a8"; } .ri-store-line:before { content: "\f1a9"; } .ri-strikethrough-2:before { content: "\f1aa"; } .ri-strikethrough:before { content: "\f1ab"; } .ri-subscript-2:before { content: "\f1ac"; } .ri-subscript:before { content: "\f1ad"; } .ri-subtract-fill:before { content: "\f1ae"; } .ri-subtract-line:before { content: "\f1af"; } .ri-subway-fill:before { content: "\f1b0"; } .ri-subway-line:before { content: "\f1b1"; } .ri-subway-wifi-fill:before { content: "\f1b2"; } .ri-subway-wifi-line:before { content: "\f1b3"; } .ri-suitcase-2-fill:before { content: "\f1b4"; } .ri-suitcase-2-line:before { content: "\f1b5"; } .ri-suitcase-3-fill:before { content: "\f1b6"; } .ri-suitcase-3-line:before { content: "\f1b7"; } .ri-suitcase-fill:before { content: "\f1b8"; } .ri-suitcase-line:before { content: "\f1b9"; } .ri-sun-cloudy-fill:before { content: "\f1ba"; } .ri-sun-cloudy-line:before { content: "\f1bb"; } .ri-sun-fill:before { content: "\f1bc"; } .ri-sun-foggy-fill:before { content: "\f1bd"; } .ri-sun-foggy-line:before { content: "\f1be"; } .ri-sun-line:before { content: "\f1bf"; } .ri-superscript-2:before { content: "\f1c0"; } .ri-superscript:before { content: "\f1c1"; } .ri-surgical-mask-fill:before { content: "\f1c2"; } .ri-surgical-mask-line:before { content: "\f1c3"; } .ri-surround-sound-fill:before { content: "\f1c4"; } .ri-surround-sound-line:before { content: "\f1c5"; } .ri-survey-fill:before { content: "\f1c6"; } .ri-survey-line:before { content: "\f1c7"; } .ri-swap-box-fill:before { content: "\f1c8"; } .ri-swap-box-line:before { content: "\f1c9"; } .ri-swap-fill:before { content: "\f1ca"; } .ri-swap-line:before { content: "\f1cb"; } .ri-switch-fill:before { content: "\f1cc"; } .ri-switch-line:before { content: "\f1cd"; } .ri-sword-fill:before { content: "\f1ce"; } .ri-sword-line:before { content: "\f1cf"; } .ri-syringe-fill:before { content: "\f1d0"; } .ri-syringe-line:before { content: "\f1d1"; } .ri-t-box-fill:before { content: "\f1d2"; } .ri-t-box-line:before { content: "\f1d3"; } .ri-t-shirt-2-fill:before { content: "\f1d4"; } .ri-t-shirt-2-line:before { content: "\f1d5"; } .ri-t-shirt-air-fill:before { content: "\f1d6"; } .ri-t-shirt-air-line:before { content: "\f1d7"; } .ri-t-shirt-fill:before { content: "\f1d8"; } .ri-t-shirt-line:before { content: "\f1d9"; } .ri-table-2:before { content: "\f1da"; } .ri-table-alt-fill:before { content: "\f1db"; } .ri-table-alt-line:before { content: "\f1dc"; } .ri-table-fill:before { content: "\f1dd"; } .ri-table-line:before { content: "\f1de"; } .ri-tablet-fill:before { content: "\f1df"; } .ri-tablet-line:before { content: "\f1e0"; } .ri-takeaway-fill:before { content: "\f1e1"; } .ri-takeaway-line:before { content: "\f1e2"; } .ri-taobao-fill:before { content: "\f1e3"; } .ri-taobao-line:before { content: "\f1e4"; } .ri-tape-fill:before { content: "\f1e5"; } .ri-tape-line:before { content: "\f1e6"; } .ri-task-fill:before { content: "\f1e7"; } .ri-task-line:before { content: "\f1e8"; } .ri-taxi-fill:before { content: "\f1e9"; } .ri-taxi-line:before { content: "\f1ea"; } .ri-taxi-wifi-fill:before { content: "\f1eb"; } .ri-taxi-wifi-line:before { content: "\f1ec"; } .ri-team-fill:before { content: "\f1ed"; } .ri-team-line:before { content: "\f1ee"; } .ri-telegram-fill:before { content: "\f1ef"; } .ri-telegram-line:before { content: "\f1f0"; } .ri-temp-cold-fill:before { content: "\f1f1"; } .ri-temp-cold-line:before { content: "\f1f2"; } .ri-temp-hot-fill:before { content: "\f1f3"; } .ri-temp-hot-line:before { content: "\f1f4"; } .ri-terminal-box-fill:before { content: "\f1f5"; } .ri-terminal-box-line:before { content: "\f1f6"; } .ri-terminal-fill:before { content: "\f1f7"; } .ri-terminal-line:before { content: "\f1f8"; } .ri-terminal-window-fill:before { content: "\f1f9"; } .ri-terminal-window-line:before { content: "\f1fa"; } .ri-test-tube-fill:before { content: "\f1fb"; } .ri-test-tube-line:before { content: "\f1fc"; } .ri-text-direction-l:before { content: "\f1fd"; } .ri-text-direction-r:before { content: "\f1fe"; } .ri-text-spacing:before { content: "\f1ff"; } .ri-text-wrap:before { content: "\f200"; } .ri-text:before { content: "\f201"; } .ri-thermometer-fill:before { content: "\f202"; } .ri-thermometer-line:before { content: "\f203"; } .ri-thumb-down-fill:before { content: "\f204"; } .ri-thumb-down-line:before { content: "\f205"; } .ri-thumb-up-fill:before { content: "\f206"; } .ri-thumb-up-line:before { content: "\f207"; } .ri-thunderstorms-fill:before { content: "\f208"; } .ri-thunderstorms-line:before { content: "\f209"; } .ri-ticket-2-fill:before { content: "\f20a"; } .ri-ticket-2-line:before { content: "\f20b"; } .ri-ticket-fill:before { content: "\f20c"; } .ri-ticket-line:before { content: "\f20d"; } .ri-time-fill:before { content: "\f20e"; } .ri-time-line:before { content: "\f20f"; } .ri-timer-2-fill:before { content: "\f210"; } .ri-timer-2-line:before { content: "\f211"; } .ri-timer-fill:before { content: "\f212"; } .ri-timer-flash-fill:before { content: "\f213"; } .ri-timer-flash-line:before { content: "\f214"; } .ri-timer-line:before { content: "\f215"; } .ri-todo-fill:before { content: "\f216"; } .ri-todo-line:before { content: "\f217"; } .ri-toggle-fill:before { content: "\f218"; } .ri-toggle-line:before { content: "\f219"; } .ri-tools-fill:before { content: "\f21a"; } .ri-tools-line:before { content: "\f21b"; } .ri-tornado-fill:before { content: "\f21c"; } .ri-tornado-line:before { content: "\f21d"; } .ri-trademark-fill:before { content: "\f21e"; } .ri-trademark-line:before { content: "\f21f"; } .ri-traffic-light-fill:before { content: "\f220"; } .ri-traffic-light-line:before { content: "\f221"; } .ri-train-fill:before { content: "\f222"; } .ri-train-line:before { content: "\f223"; } .ri-train-wifi-fill:before { content: "\f224"; } .ri-train-wifi-line:before { content: "\f225"; } .ri-translate-2:before { content: "\f226"; } .ri-translate:before { content: "\f227"; } .ri-travesti-fill:before { content: "\f228"; } .ri-travesti-line:before { content: "\f229"; } .ri-treasure-map-fill:before { content: "\f22a"; } .ri-treasure-map-line:before { content: "\f22b"; } .ri-trello-fill:before { content: "\f22c"; } .ri-trello-line:before { content: "\f22d"; } .ri-trophy-fill:before { content: "\f22e"; } .ri-trophy-line:before { content: "\f22f"; } .ri-truck-fill:before { content: "\f230"; } .ri-truck-line:before { content: "\f231"; } .ri-tumblr-fill:before { content: "\f232"; } .ri-tumblr-line:before { content: "\f233"; } .ri-tv-2-fill:before { content: "\f234"; } .ri-tv-2-line:before { content: "\f235"; } .ri-tv-fill:before { content: "\f236"; } .ri-tv-line:before { content: "\f237"; } .ri-twitch-fill:before { content: "\f238"; } .ri-twitch-line:before { content: "\f239"; } .ri-twitter-fill:before { content: "\f23a"; } .ri-twitter-line:before { content: "\f23b"; } .ri-typhoon-fill:before { content: "\f23c"; } .ri-typhoon-line:before { content: "\f23d"; } .ri-u-disk-fill:before { content: "\f23e"; } .ri-u-disk-line:before { content: "\f23f"; } .ri-ubuntu-fill:before { content: "\f240"; } .ri-ubuntu-line:before { content: "\f241"; } .ri-umbrella-fill:before { content: "\f242"; } .ri-umbrella-line:before { content: "\f243"; } .ri-underline:before { content: "\f244"; } .ri-uninstall-fill:before { content: "\f245"; } .ri-uninstall-line:before { content: "\f246"; } .ri-unsplash-fill:before { content: "\f247"; } .ri-unsplash-line:before { content: "\f248"; } .ri-upload-2-fill:before { content: "\f249"; } .ri-upload-2-line:before { content: "\f24a"; } .ri-upload-cloud-2-fill:before { content: "\f24b"; } .ri-upload-cloud-2-line:before { content: "\f24c"; } .ri-upload-cloud-fill:before { content: "\f24d"; } .ri-upload-cloud-line:before { content: "\f24e"; } .ri-upload-fill:before { content: "\f24f"; } .ri-upload-line:before { content: "\f250"; } .ri-usb-fill:before { content: "\f251"; } .ri-usb-line:before { content: "\f252"; } .ri-user-2-fill:before { content: "\f253"; } .ri-user-2-line:before { content: "\f254"; } .ri-user-3-fill:before { content: "\f255"; } .ri-user-3-line:before { content: "\f256"; } .ri-user-4-fill:before { content: "\f257"; } .ri-user-4-line:before { content: "\f258"; } .ri-user-5-fill:before { content: "\f259"; } .ri-user-5-line:before { content: "\f25a"; } .ri-user-6-fill:before { content: "\f25b"; } .ri-user-6-line:before { content: "\f25c"; } .ri-user-add-fill:before { content: "\f25d"; } .ri-user-add-line:before { content: "\f25e"; } .ri-user-fill:before { content: "\f25f"; } .ri-user-follow-fill:before { content: "\f260"; } .ri-user-follow-line:before { content: "\f261"; } .ri-user-heart-fill:before { content: "\f262"; } .ri-user-heart-line:before { content: "\f263"; } .ri-user-line:before { content: "\f264"; } .ri-user-location-fill:before { content: "\f265"; } .ri-user-location-line:before { content: "\f266"; } .ri-user-received-2-fill:before { content: "\f267"; } .ri-user-received-2-line:before { content: "\f268"; } .ri-user-received-fill:before { content: "\f269"; } .ri-user-received-line:before { content: "\f26a"; } .ri-user-search-fill:before { content: "\f26b"; } .ri-user-search-line:before { content: "\f26c"; } .ri-user-settings-fill:before { content: "\f26d"; } .ri-user-settings-line:before { content: "\f26e"; } .ri-user-shared-2-fill:before { content: "\f26f"; } .ri-user-shared-2-line:before { content: "\f270"; } .ri-user-shared-fill:before { content: "\f271"; } .ri-user-shared-line:before { content: "\f272"; } .ri-user-smile-fill:before { content: "\f273"; } .ri-user-smile-line:before { content: "\f274"; } .ri-user-star-fill:before { content: "\f275"; } .ri-user-star-line:before { content: "\f276"; } .ri-user-unfollow-fill:before { content: "\f277"; } .ri-user-unfollow-line:before { content: "\f278"; } .ri-user-voice-fill:before { content: "\f279"; } .ri-user-voice-line:before { content: "\f27a"; } .ri-video-add-fill:before { content: "\f27b"; } .ri-video-add-line:before { content: "\f27c"; } .ri-video-chat-fill:before { content: "\f27d"; } .ri-video-chat-line:before { content: "\f27e"; } .ri-video-download-fill:before { content: "\f27f"; } .ri-video-download-line:before { content: "\f280"; } .ri-video-fill:before { content: "\f281"; } .ri-video-line:before { content: "\f282"; } .ri-video-upload-fill:before { content: "\f283"; } .ri-video-upload-line:before { content: "\f284"; } .ri-vidicon-2-fill:before { content: "\f285"; } .ri-vidicon-2-line:before { content: "\f286"; } .ri-vidicon-fill:before { content: "\f287"; } .ri-vidicon-line:before { content: "\f288"; } .ri-vimeo-fill:before { content: "\f289"; } .ri-vimeo-line:before { content: "\f28a"; } .ri-vip-crown-2-fill:before { content: "\f28b"; } .ri-vip-crown-2-line:before { content: "\f28c"; } .ri-vip-crown-fill:before { content: "\f28d"; } .ri-vip-crown-line:before { content: "\f28e"; } .ri-vip-diamond-fill:before { content: "\f28f"; } .ri-vip-diamond-line:before { content: "\f290"; } .ri-vip-fill:before { content: "\f291"; } .ri-vip-line:before { content: "\f292"; } .ri-virus-fill:before { content: "\f293"; } .ri-virus-line:before { content: "\f294"; } .ri-visa-fill:before { content: "\f295"; } .ri-visa-line:before { content: "\f296"; } .ri-voice-recognition-fill:before { content: "\f297"; } .ri-voice-recognition-line:before { content: "\f298"; } .ri-voiceprint-fill:before { content: "\f299"; } .ri-voiceprint-line:before { content: "\f29a"; } .ri-volume-down-fill:before { content: "\f29b"; } .ri-volume-down-line:before { content: "\f29c"; } .ri-volume-mute-fill:before { content: "\f29d"; } .ri-volume-mute-line:before { content: "\f29e"; } .ri-volume-off-vibrate-fill:before { content: "\f29f"; } .ri-volume-off-vibrate-line:before { content: "\f2a0"; } .ri-volume-up-fill:before { content: "\f2a1"; } .ri-volume-up-line:before { content: "\f2a2"; } .ri-volume-vibrate-fill:before { content: "\f2a3"; } .ri-volume-vibrate-line:before { content: "\f2a4"; } .ri-vuejs-fill:before { content: "\f2a5"; } .ri-vuejs-line:before { content: "\f2a6"; } .ri-walk-fill:before { content: "\f2a7"; } .ri-walk-line:before { content: "\f2a8"; } .ri-wallet-2-fill:before { content: "\f2a9"; } .ri-wallet-2-line:before { content: "\f2aa"; } .ri-wallet-3-fill:before { content: "\f2ab"; } .ri-wallet-3-line:before { content: "\f2ac"; } .ri-wallet-fill:before { content: "\f2ad"; } .ri-wallet-line:before { content: "\f2ae"; } .ri-water-flash-fill:before { content: "\f2af"; } .ri-water-flash-line:before { content: "\f2b0"; } .ri-webcam-fill:before { content: "\f2b1"; } .ri-webcam-line:before { content: "\f2b2"; } .ri-wechat-2-fill:before { content: "\f2b3"; } .ri-wechat-2-line:before { content: "\f2b4"; } .ri-wechat-fill:before { content: "\f2b5"; } .ri-wechat-line:before { content: "\f2b6"; } .ri-wechat-pay-fill:before { content: "\f2b7"; } .ri-wechat-pay-line:before { content: "\f2b8"; } .ri-weibo-fill:before { content: "\f2b9"; } .ri-weibo-line:before { content: "\f2ba"; } .ri-whatsapp-fill:before { content: "\f2bb"; } .ri-whatsapp-line:before { content: "\f2bc"; } .ri-wheelchair-fill:before { content: "\f2bd"; } .ri-wheelchair-line:before { content: "\f2be"; } .ri-wifi-fill:before { content: "\f2bf"; } .ri-wifi-line:before { content: "\f2c0"; } .ri-wifi-off-fill:before { content: "\f2c1"; } .ri-wifi-off-line:before { content: "\f2c2"; } .ri-window-2-fill:before { content: "\f2c3"; } .ri-window-2-line:before { content: "\f2c4"; } .ri-window-fill:before { content: "\f2c5"; } .ri-window-line:before { content: "\f2c6"; } .ri-windows-fill:before { content: "\f2c7"; } .ri-windows-line:before { content: "\f2c8"; } .ri-windy-fill:before { content: "\f2c9"; } .ri-windy-line:before { content: "\f2ca"; } .ri-wireless-charging-fill:before { content: "\f2cb"; } .ri-wireless-charging-line:before { content: "\f2cc"; } .ri-women-fill:before { content: "\f2cd"; } .ri-women-line:before { content: "\f2ce"; } .ri-wubi-input:before { content: "\f2cf"; } .ri-xbox-fill:before { content: "\f2d0"; } .ri-xbox-line:before { content: "\f2d1"; } .ri-xing-fill:before { content: "\f2d2"; } .ri-xing-line:before { content: "\f2d3"; } .ri-youtube-fill:before { content: "\f2d4"; } .ri-youtube-line:before { content: "\f2d5"; } .ri-zcool-fill:before { content: "\f2d6"; } .ri-zcool-line:before { content: "\f2d7"; } .ri-zhihu-fill:before { content: "\f2d8"; } .ri-zhihu-line:before { content: "\f2d9"; } .ri-zoom-in-fill:before { content: "\f2da"; } .ri-zoom-in-line:before { content: "\f2db"; } .ri-zoom-out-fill:before { content: "\f2dc"; } .ri-zoom-out-line:before { content: "\f2dd"; } .ri-zzz-fill:before { content: "\f2de"; } .ri-zzz-line:before { content: "\f2df"; } .ri-arrow-down-double-fill:before { content: "\f2e0"; } .ri-arrow-down-double-line:before { content: "\f2e1"; } .ri-arrow-left-double-fill:before { content: "\f2e2"; } .ri-arrow-left-double-line:before { content: "\f2e3"; } .ri-arrow-right-double-fill:before { content: "\f2e4"; } .ri-arrow-right-double-line:before { content: "\f2e5"; } .ri-arrow-turn-back-fill:before { content: "\f2e6"; } .ri-arrow-turn-back-line:before { content: "\f2e7"; } .ri-arrow-turn-forward-fill:before { content: "\f2e8"; } .ri-arrow-turn-forward-line:before { content: "\f2e9"; } .ri-arrow-up-double-fill:before { content: "\f2ea"; } .ri-arrow-up-double-line:before { content: "\f2eb"; } .ri-bard-fill:before { content: "\f2ec"; } .ri-bard-line:before { content: "\f2ed"; } .ri-bootstrap-fill:before { content: "\f2ee"; } .ri-bootstrap-line:before { content: "\f2ef"; } .ri-box-1-fill:before { content: "\f2f0"; } .ri-box-1-line:before { content: "\f2f1"; } .ri-box-2-fill:before { content: "\f2f2"; } .ri-box-2-line:before { content: "\f2f3"; } .ri-box-3-fill:before { content: "\f2f4"; } .ri-box-3-line:before { content: "\f2f5"; } .ri-brain-fill:before { content: "\f2f6"; } .ri-brain-line:before { content: "\f2f7"; } .ri-candle-fill:before { content: "\f2f8"; } .ri-candle-line:before { content: "\f2f9"; } .ri-cash-fill:before { content: "\f2fa"; } .ri-cash-line:before { content: "\f2fb"; } .ri-contract-left-fill:before { content: "\f2fc"; } .ri-contract-left-line:before { content: "\f2fd"; } .ri-contract-left-right-fill:before { content: "\f2fe"; } .ri-contract-left-right-line:before { content: "\f2ff"; } .ri-contract-right-fill:before { content: "\f300"; } .ri-contract-right-line:before { content: "\f301"; } .ri-contract-up-down-fill:before { content: "\f302"; } .ri-contract-up-down-line:before { content: "\f303"; } .ri-copilot-fill:before { content: "\f304"; } .ri-copilot-line:before { content: "\f305"; } .ri-corner-down-left-fill:before { content: "\f306"; } .ri-corner-down-left-line:before { content: "\f307"; } .ri-corner-down-right-fill:before { content: "\f308"; } .ri-corner-down-right-line:before { content: "\f309"; } .ri-corner-left-down-fill:before { content: "\f30a"; } .ri-corner-left-down-line:before { content: "\f30b"; } .ri-corner-left-up-fill:before { content: "\f30c"; } .ri-corner-left-up-line:before { content: "\f30d"; } .ri-corner-right-down-fill:before { content: "\f30e"; } .ri-corner-right-down-line:before { content: "\f30f"; } .ri-corner-right-up-fill:before { content: "\f310"; } .ri-corner-right-up-line:before { content: "\f311"; } .ri-corner-up-left-double-fill:before { content: "\f312"; } .ri-corner-up-left-double-line:before { content: "\f313"; } .ri-corner-up-left-fill:before { content: "\f314"; } .ri-corner-up-left-line:before { content: "\f315"; } .ri-corner-up-right-double-fill:before { content: "\f316"; } .ri-corner-up-right-double-line:before { content: "\f317"; } .ri-corner-up-right-fill:before { content: "\f318"; } .ri-corner-up-right-line:before { content: "\f319"; } .ri-cross-fill:before { content: "\f31a"; } .ri-cross-line:before { content: "\f31b"; } .ri-edge-new-fill:before { content: "\f31c"; } .ri-edge-new-line:before { content: "\f31d"; } .ri-equal-fill:before { content: "\f31e"; } .ri-equal-line:before { content: "\f31f"; } .ri-expand-left-fill:before { content: "\f320"; } .ri-expand-left-line:before { content: "\f321"; } .ri-expand-left-right-fill:before { content: "\f322"; } .ri-expand-left-right-line:before { content: "\f323"; } .ri-expand-right-fill:before { content: "\f324"; } .ri-expand-right-line:before { content: "\f325"; } .ri-expand-up-down-fill:before { content: "\f326"; } .ri-expand-up-down-line:before { content: "\f327"; } .ri-flickr-fill:before { content: "\f328"; } .ri-flickr-line:before { content: "\f329"; } .ri-forward-10-fill:before { content: "\f32a"; } .ri-forward-10-line:before { content: "\f32b"; } .ri-forward-15-fill:before { content: "\f32c"; } .ri-forward-15-line:before { content: "\f32d"; } .ri-forward-30-fill:before { content: "\f32e"; } .ri-forward-30-line:before { content: "\f32f"; } .ri-forward-5-fill:before { content: "\f330"; } .ri-forward-5-line:before { content: "\f331"; } .ri-graduation-cap-fill:before { content: "\f332"; } .ri-graduation-cap-line:before { content: "\f333"; } .ri-home-office-fill:before { content: "\f334"; } .ri-home-office-line:before { content: "\f335"; } .ri-hourglass-2-fill:before { content: "\f336"; } .ri-hourglass-2-line:before { content: "\f337"; } .ri-hourglass-fill:before { content: "\f338"; } .ri-hourglass-line:before { content: "\f339"; } .ri-javascript-fill:before { content: "\f33a"; } .ri-javascript-line:before { content: "\f33b"; } .ri-loop-left-fill:before { content: "\f33c"; } .ri-loop-left-line:before { content: "\f33d"; } .ri-loop-right-fill:before { content: "\f33e"; } .ri-loop-right-line:before { content: "\f33f"; } .ri-memories-fill:before { content: "\f340"; } .ri-memories-line:before { content: "\f341"; } .ri-meta-fill:before { content: "\f342"; } .ri-meta-line:before { content: "\f343"; } .ri-microsoft-loop-fill:before { content: "\f344"; } .ri-microsoft-loop-line:before { content: "\f345"; } .ri-nft-fill:before { content: "\f346"; } .ri-nft-line:before { content: "\f347"; } .ri-notion-fill:before { content: "\f348"; } .ri-notion-line:before { content: "\f349"; } .ri-openai-fill:before { content: "\f34a"; } .ri-openai-line:before { content: "\f34b"; } .ri-overline:before { content: "\f34c"; } .ri-p2p-fill:before { content: "\f34d"; } .ri-p2p-line:before { content: "\f34e"; } .ri-presentation-fill:before { content: "\f34f"; } .ri-presentation-line:before { content: "\f350"; } .ri-replay-10-fill:before { content: "\f351"; } .ri-replay-10-line:before { content: "\f352"; } .ri-replay-15-fill:before { content: "\f353"; } .ri-replay-15-line:before { content: "\f354"; } .ri-replay-30-fill:before { content: "\f355"; } .ri-replay-30-line:before { content: "\f356"; } .ri-replay-5-fill:before { content: "\f357"; } .ri-replay-5-line:before { content: "\f358"; } .ri-school-fill:before { content: "\f359"; } .ri-school-line:before { content: "\f35a"; } .ri-shining-2-fill:before { content: "\f35b"; } .ri-shining-2-line:before { content: "\f35c"; } .ri-shining-fill:before { content: "\f35d"; } .ri-shining-line:before { content: "\f35e"; } .ri-sketching:before { content: "\f35f"; } .ri-skip-down-fill:before { content: "\f360"; } .ri-skip-down-line:before { content: "\f361"; } .ri-skip-left-fill:before { content: "\f362"; } .ri-skip-left-line:before { content: "\f363"; } .ri-skip-right-fill:before { content: "\f364"; } .ri-skip-right-line:before { content: "\f365"; } .ri-skip-up-fill:before { content: "\f366"; } .ri-skip-up-line:before { content: "\f367"; } .ri-slow-down-fill:before { content: "\f368"; } .ri-slow-down-line:before { content: "\f369"; } .ri-sparkling-2-fill:before { content: "\f36a"; } .ri-sparkling-2-line:before { content: "\f36b"; } .ri-sparkling-fill:before { content: "\f36c"; } .ri-sparkling-line:before { content: "\f36d"; } .ri-speak-fill:before { content: "\f36e"; } .ri-speak-line:before { content: "\f36f"; } .ri-speed-up-fill:before { content: "\f370"; } .ri-speed-up-line:before { content: "\f371"; } .ri-tiktok-fill:before { content: "\f372"; } .ri-tiktok-line:before { content: "\f373"; } .ri-token-swap-fill:before { content: "\f374"; } .ri-token-swap-line:before { content: "\f375"; } .ri-unpin-fill:before { content: "\f376"; } .ri-unpin-line:before { content: "\f377"; } .ri-wechat-channels-fill:before { content: "\f378"; } .ri-wechat-channels-line:before { content: "\f379"; } .ri-wordpress-fill:before { content: "\f37a"; } .ri-wordpress-line:before { content: "\f37b"; } .ri-blender-fill:before { content: "\f37c"; } .ri-blender-line:before { content: "\f37d"; } .ri-emoji-sticker-fill:before { content: "\f37e"; } .ri-emoji-sticker-line:before { content: "\f37f"; } .ri-git-close-pull-request-fill:before { content: "\f380"; } .ri-git-close-pull-request-line:before { content: "\f381"; } .ri-instance-fill:before { content: "\f382"; } .ri-instance-line:before { content: "\f383"; } .ri-megaphone-fill:before { content: "\f384"; } .ri-megaphone-line:before { content: "\f385"; } .ri-pass-expired-fill:before { content: "\f386"; } .ri-pass-expired-line:before { content: "\f387"; } .ri-pass-pending-fill:before { content: "\f388"; } .ri-pass-pending-line:before { content: "\f389"; } .ri-pass-valid-fill:before { content: "\f38a"; } .ri-pass-valid-line:before { content: "\f38b"; } .ri-ai-generate:before { content: "\f38c"; } .ri-calendar-close-fill:before { content: "\f38d"; } .ri-calendar-close-line:before { content: "\f38e"; } .ri-draggable:before { content: "\f38f"; } .ri-font-family:before { content: "\f390"; } .ri-font-mono:before { content: "\f391"; } .ri-font-sans-serif:before { content: "\f392"; } .ri-font-sans:before { content: "\f393"; } .ri-hard-drive-3-fill:before { content: "\f394"; } .ri-hard-drive-3-line:before { content: "\f395"; } .ri-kick-fill:before { content: "\f396"; } .ri-kick-line:before { content: "\f397"; } .ri-list-check-3:before { content: "\f398"; } .ri-list-indefinite:before { content: "\f399"; } .ri-list-ordered-2:before { content: "\f39a"; } .ri-list-radio:before { content: "\f39b"; } .ri-openbase-fill:before { content: "\f39c"; } .ri-openbase-line:before { content: "\f39d"; } .ri-planet-fill:before { content: "\f39e"; } .ri-planet-line:before { content: "\f39f"; } .ri-prohibited-fill:before { content: "\f3a0"; } .ri-prohibited-line:before { content: "\f3a1"; } .ri-quote-text:before { content: "\f3a2"; } .ri-seo-fill:before { content: "\f3a3"; } .ri-seo-line:before { content: "\f3a4"; } .ri-slash-commands:before { content: "\f3a5"; } .ri-archive-2-fill:before { content: "\f3a6"; } .ri-archive-2-line:before { content: "\f3a7"; } .ri-inbox-2-fill:before { content: "\f3a8"; } .ri-inbox-2-line:before { content: "\f3a9"; } .ri-shake-hands-fill:before { content: "\f3aa"; } .ri-shake-hands-line:before { content: "\f3ab"; } .ri-supabase-fill:before { content: "\f3ac"; } .ri-supabase-line:before { content: "\f3ad"; } .ri-water-percent-fill:before { content: "\f3ae"; } .ri-water-percent-line:before { content: "\f3af"; } .ri-yuque-fill:before { content: "\f3b0"; } .ri-yuque-line:before { content: "\f3b1"; } .ri-crosshair-2-fill:before { content: "\f3b2"; } .ri-crosshair-2-line:before { content: "\f3b3"; } .ri-crosshair-fill:before { content: "\f3b4"; } .ri-crosshair-line:before { content: "\f3b5"; } .ri-file-close-fill:before { content: "\f3b6"; } .ri-file-close-line:before { content: "\f3b7"; } .ri-infinity-fill:before { content: "\f3b8"; } .ri-infinity-line:before { content: "\f3b9"; } .ri-rfid-fill:before { content: "\f3ba"; } .ri-rfid-line:before { content: "\f3bb"; } .ri-slash-commands-2:before { content: "\f3bc"; } .ri-user-forbid-fill:before { content: "\f3bd"; } .ri-user-forbid-line:before { content: "\f3be"; } .ri-beer-fill:before { content: "\f3bf"; } .ri-beer-line:before { content: "\f3c0"; } .ri-circle-fill:before { content: "\f3c1"; } .ri-circle-line:before { content: "\f3c2"; } .ri-dropdown-list:before { content: "\f3c3"; } .ri-file-image-fill:before { content: "\f3c4"; } .ri-file-image-line:before { content: "\f3c5"; } .ri-file-pdf-2-fill:before { content: "\f3c6"; } .ri-file-pdf-2-line:before { content: "\f3c7"; } .ri-file-video-fill:before { content: "\f3c8"; } .ri-file-video-line:before { content: "\f3c9"; } .ri-folder-image-fill:before { content: "\f3ca"; } .ri-folder-image-line:before { content: "\f3cb"; } .ri-folder-video-fill:before { content: "\f3cc"; } .ri-folder-video-line:before { content: "\f3cd"; } .ri-hexagon-fill:before { content: "\f3ce"; } .ri-hexagon-line:before { content: "\f3cf"; } .ri-menu-search-fill:before { content: "\f3d0"; } .ri-menu-search-line:before { content: "\f3d1"; } .ri-octagon-fill:before { content: "\f3d2"; } .ri-octagon-line:before { content: "\f3d3"; } .ri-pentagon-fill:before { content: "\f3d4"; } .ri-pentagon-line:before { content: "\f3d5"; } .ri-rectangle-fill:before { content: "\f3d6"; } .ri-rectangle-line:before { content: "\f3d7"; } .ri-robot-2-fill:before { content: "\f3d8"; } .ri-robot-2-line:before { content: "\f3d9"; } .ri-shapes-fill:before { content: "\f3da"; } .ri-shapes-line:before { content: "\f3db"; } .ri-square-fill:before { content: "\f3dc"; } .ri-square-line:before { content: "\f3dd"; } .ri-tent-fill:before { content: "\f3de"; } .ri-tent-line:before { content: "\f3df"; } .ri-threads-fill:before { content: "\f3e0"; } .ri-threads-line:before { content: "\f3e1"; } .ri-tree-fill:before { content: "\f3e2"; } .ri-tree-line:before { content: "\f3e3"; } .ri-triangle-fill:before { content: "\f3e4"; } .ri-triangle-line:before { content: "\f3e5"; } .ri-twitter-x-fill:before { content: "\f3e6"; } .ri-twitter-x-line:before { content: "\f3e7"; } .ri-verified-badge-fill:before { content: "\f3e8"; } .ri-verified-badge-line:before { content: "\f3e9"; } .ri-armchair-fill:before { content: "\f3ea"; } .ri-armchair-line:before { content: "\f3eb"; } .ri-bnb-fill:before { content: "\f3ec"; } .ri-bnb-line:before { content: "\f3ed"; } .ri-bread-fill:before { content: "\f3ee"; } .ri-bread-line:before { content: "\f3ef"; } .ri-btc-fill:before { content: "\f3f0"; } .ri-btc-line:before { content: "\f3f1"; } .ri-calendar-schedule-fill:before { content: "\f3f2"; } .ri-calendar-schedule-line:before { content: "\f3f3"; } .ri-dice-1-fill:before { content: "\f3f4"; } .ri-dice-1-line:before { content: "\f3f5"; } .ri-dice-2-fill:before { content: "\f3f6"; } .ri-dice-2-line:before { content: "\f3f7"; } .ri-dice-3-fill:before { content: "\f3f8"; } .ri-dice-3-line:before { content: "\f3f9"; } .ri-dice-4-fill:before { content: "\f3fa"; } .ri-dice-4-line:before { content: "\f3fb"; } .ri-dice-5-fill:before { content: "\f3fc"; } .ri-dice-5-line:before { content: "\f3fd"; } .ri-dice-6-fill:before { content: "\f3fe"; } .ri-dice-6-line:before { content: "\f3ff"; } .ri-dice-fill:before { content: "\f400"; } .ri-dice-line:before { content: "\f401"; } .ri-drinks-fill:before { content: "\f402"; } .ri-drinks-line:before { content: "\f403"; } .ri-equalizer-2-fill:before { content: "\f404"; } .ri-equalizer-2-line:before { content: "\f405"; } .ri-equalizer-3-fill:before { content: "\f406"; } .ri-equalizer-3-line:before { content: "\f407"; } .ri-eth-fill:before { content: "\f408"; } .ri-eth-line:before { content: "\f409"; } .ri-flower-fill:before { content: "\f40a"; } .ri-flower-line:before { content: "\f40b"; } .ri-glasses-2-fill:before { content: "\f40c"; } .ri-glasses-2-line:before { content: "\f40d"; } .ri-glasses-fill:before { content: "\f40e"; } .ri-glasses-line:before { content: "\f40f"; } .ri-goggles-fill:before { content: "\f410"; } .ri-goggles-line:before { content: "\f411"; } .ri-image-circle-fill:before { content: "\f412"; } .ri-image-circle-line:before { content: "\f413"; } .ri-info-i:before { content: "\f414"; } .ri-money-rupee-circle-fill:before { content: "\f415"; } .ri-money-rupee-circle-line:before { content: "\f416"; } .ri-news-fill:before { content: "\f417"; } .ri-news-line:before { content: "\f418"; } .ri-robot-3-fill:before { content: "\f419"; } .ri-robot-3-line:before { content: "\f41a"; } .ri-share-2-fill:before { content: "\f41b"; } .ri-share-2-line:before { content: "\f41c"; } .ri-sofa-fill:before { content: "\f41d"; } .ri-sofa-line:before { content: "\f41e"; } .ri-svelte-fill:before { content: "\f41f"; } .ri-svelte-line:before { content: "\f420"; } .ri-vk-fill:before { content: "\f421"; } .ri-vk-line:before { content: "\f422"; } .ri-xrp-fill:before { content: "\f423"; } .ri-xrp-line:before { content: "\f424"; } .ri-xtz-fill:before { content: "\f425"; } .ri-xtz-line:before { content: "\f426"; } .ri-archive-stack-fill:before { content: "\f427"; } .ri-archive-stack-line:before { content: "\f428"; } .ri-bowl-fill:before { content: "\f429"; } .ri-bowl-line:before { content: "\f42a"; } .ri-calendar-view:before { content: "\f42b"; } .ri-carousel-view:before { content: "\f42c"; } .ri-code-block:before { content: "\f42d"; } .ri-color-filter-fill:before { content: "\f42e"; } .ri-color-filter-line:before { content: "\f42f"; } .ri-contacts-book-3-fill:before { content: "\f430"; } .ri-contacts-book-3-line:before { content: "\f431"; } .ri-contract-fill:before { content: "\f432"; } .ri-contract-line:before { content: "\f433"; } .ri-drinks-2-fill:before { content: "\f434"; } .ri-drinks-2-line:before { content: "\f435"; } .ri-export-fill:before { content: "\f436"; } .ri-export-line:before { content: "\f437"; } .ri-file-check-fill:before { content: "\f438"; } .ri-file-check-line:before { content: "\f439"; } .ri-focus-mode:before { content: "\f43a"; } .ri-folder-6-fill:before { content: "\f43b"; } .ri-folder-6-line:before { content: "\f43c"; } .ri-folder-check-fill:before { content: "\f43d"; } .ri-folder-check-line:before { content: "\f43e"; } .ri-folder-close-fill:before { content: "\f43f"; } .ri-folder-close-line:before { content: "\f440"; } .ri-folder-cloud-fill:before { content: "\f441"; } .ri-folder-cloud-line:before { content: "\f442"; } .ri-gallery-view-2:before { content: "\f443"; } .ri-gallery-view:before { content: "\f444"; } .ri-hand:before { content: "\f445"; } .ri-import-fill:before { content: "\f446"; } .ri-import-line:before { content: "\f447"; } .ri-information-2-fill:before { content: "\f448"; } .ri-information-2-line:before { content: "\f449"; } .ri-kanban-view-2:before { content: "\f44a"; } .ri-kanban-view:before { content: "\f44b"; } .ri-list-view:before { content: "\f44c"; } .ri-lock-star-fill:before { content: "\f44d"; } .ri-lock-star-line:before { content: "\f44e"; } .ri-puzzle-2-fill:before { content: "\f44f"; } .ri-puzzle-2-line:before { content: "\f450"; } .ri-puzzle-fill:before { content: "\f451"; } .ri-puzzle-line:before { content: "\f452"; } .ri-ram-2-fill:before { content: "\f453"; } .ri-ram-2-line:before { content: "\f454"; } .ri-ram-fill:before { content: "\f455"; } .ri-ram-line:before { content: "\f456"; } .ri-receipt-fill:before { content: "\f457"; } .ri-receipt-line:before { content: "\f458"; } .ri-shadow-fill:before { content: "\f459"; } .ri-shadow-line:before { content: "\f45a"; } .ri-sidebar-fold-fill:before { content: "\f45b"; } .ri-sidebar-fold-line:before { content: "\f45c"; } .ri-sidebar-unfold-fill:before { content: "\f45d"; } .ri-sidebar-unfold-line:before { content: "\f45e"; } .ri-slideshow-view:before { content: "\f45f"; } .ri-sort-alphabet-asc:before { content: "\f460"; } .ri-sort-alphabet-desc:before { content: "\f461"; } .ri-sort-number-asc:before { content: "\f462"; } .ri-sort-number-desc:before { content: "\f463"; } .ri-stacked-view:before { content: "\f464"; } .ri-sticky-note-add-fill:before { content: "\f465"; } .ri-sticky-note-add-line:before { content: "\f466"; } .ri-swap-2-fill:before { content: "\f467"; } .ri-swap-2-line:before { content: "\f468"; } .ri-swap-3-fill:before { content: "\f469"; } .ri-swap-3-line:before { content: "\f46a"; } .ri-table-3:before { content: "\f46b"; } .ri-table-view:before { content: "\f46c"; } .ri-text-block:before { content: "\f46d"; } .ri-text-snippet:before { content: "\f46e"; } .ri-timeline-view:before { content: "\f46f"; } .ri-blogger-fill:before { content: "\f470"; } .ri-blogger-line:before { content: "\f471"; } .ri-chat-thread-fill:before { content: "\f472"; } .ri-chat-thread-line:before { content: "\f473"; } .ri-discount-percent-fill:before { content: "\f474"; } .ri-discount-percent-line:before { content: "\f475"; } .ri-exchange-2-fill:before { content: "\f476"; } .ri-exchange-2-line:before { content: "\f477"; } .ri-git-fork-fill:before { content: "\f478"; } .ri-git-fork-line:before { content: "\f479"; } .ri-input-field:before { content: "\f47a"; } .ri-progress-1-fill:before { content: "\f47b"; } .ri-progress-1-line:before { content: "\f47c"; } .ri-progress-2-fill:before { content: "\f47d"; } .ri-progress-2-line:before { content: "\f47e"; } .ri-progress-3-fill:before { content: "\f47f"; } .ri-progress-3-line:before { content: "\f480"; } .ri-progress-4-fill:before { content: "\f481"; } .ri-progress-4-line:before { content: "\f482"; } .ri-progress-5-fill:before { content: "\f483"; } .ri-progress-5-line:before { content: "\f484"; } .ri-progress-6-fill:before { content: "\f485"; } .ri-progress-6-line:before { content: "\f486"; } .ri-progress-7-fill:before { content: "\f487"; } .ri-progress-7-line:before { content: "\f488"; } .ri-progress-8-fill:before { content: "\f489"; } .ri-progress-8-line:before { content: "\f48a"; } .ri-remix-run-fill:before { content: "\f48b"; } .ri-remix-run-line:before { content: "\f48c"; } .ri-signpost-fill:before { content: "\f48d"; } .ri-signpost-line:before { content: "\f48e"; } .ri-time-zone-fill:before { content: "\f48f"; } .ri-time-zone-line:before { content: "\f490"; } .ri-arrow-down-wide-fill:before { content: "\f491"; } .ri-arrow-down-wide-line:before { content: "\f492"; } .ri-arrow-left-wide-fill:before { content: "\f493"; } .ri-arrow-left-wide-line:before { content: "\f494"; } .ri-arrow-right-wide-fill:before { content: "\f495"; } .ri-arrow-right-wide-line:before { content: "\f496"; } .ri-arrow-up-wide-fill:before { content: "\f497"; } .ri-arrow-up-wide-line:before { content: "\f498"; } .ri-bluesky-fill:before { content: "\f499"; } .ri-bluesky-line:before { content: "\f49a"; } .ri-expand-height-fill:before { content: "\f49b"; } .ri-expand-height-line:before { content: "\f49c"; } .ri-expand-width-fill:before { content: "\f49d"; } .ri-expand-width-line:before { content: "\f49e"; } .ri-forward-end-fill:before { content: "\f49f"; } .ri-forward-end-line:before { content: "\f4a0"; } .ri-forward-end-mini-fill:before { content: "\f4a1"; } .ri-forward-end-mini-line:before { content: "\f4a2"; } .ri-friendica-fill:before { content: "\f4a3"; } .ri-friendica-line:before { content: "\f4a4"; } .ri-git-pr-draft-fill:before { content: "\f4a5"; } .ri-git-pr-draft-line:before { content: "\f4a6"; } .ri-play-reverse-fill:before { content: "\f4a7"; } .ri-play-reverse-line:before { content: "\f4a8"; } .ri-play-reverse-mini-fill:before { content: "\f4a9"; } .ri-play-reverse-mini-line:before { content: "\f4aa"; } .ri-rewind-start-fill:before { content: "\f4ab"; } .ri-rewind-start-line:before { content: "\f4ac"; } .ri-rewind-start-mini-fill:before { content: "\f4ad"; } .ri-rewind-start-mini-line:before { content: "\f4ae"; } .ri-scroll-to-bottom-fill:before { content: "\f4af"; } .ri-scroll-to-bottom-line:before { content: "\f4b0"; } .ri-add-large-fill:before { content: "\f4b1"; } .ri-add-large-line:before { content: "\f4b2"; } .ri-aed-electrodes-fill:before { content: "\f4b3"; } .ri-aed-electrodes-line:before { content: "\f4b4"; } .ri-aed-fill:before { content: "\f4b5"; } .ri-aed-line:before { content: "\f4b6"; } .ri-alibaba-cloud-fill:before { content: "\f4b7"; } .ri-alibaba-cloud-line:before { content: "\f4b8"; } .ri-align-item-bottom-fill:before { content: "\f4b9"; } .ri-align-item-bottom-line:before { content: "\f4ba"; } .ri-align-item-horizontal-center-fill:before { content: "\f4bb"; } .ri-align-item-horizontal-center-line:before { content: "\f4bc"; } .ri-align-item-left-fill:before { content: "\f4bd"; } .ri-align-item-left-line:before { content: "\f4be"; } .ri-align-item-right-fill:before { content: "\f4bf"; } .ri-align-item-right-line:before { content: "\f4c0"; } .ri-align-item-top-fill:before { content: "\f4c1"; } .ri-align-item-top-line:before { content: "\f4c2"; } .ri-align-item-vertical-center-fill:before { content: "\f4c3"; } .ri-align-item-vertical-center-line:before { content: "\f4c4"; } .ri-apps-2-add-fill:before { content: "\f4c5"; } .ri-apps-2-add-line:before { content: "\f4c6"; } .ri-close-large-fill:before { content: "\f4c7"; } .ri-close-large-line:before { content: "\f4c8"; } .ri-collapse-diagonal-2-fill:before { content: "\f4c9"; } .ri-collapse-diagonal-2-line:before { content: "\f4ca"; } .ri-collapse-diagonal-fill:before { content: "\f4cb"; } .ri-collapse-diagonal-line:before { content: "\f4cc"; } .ri-dashboard-horizontal-fill:before { content: "\f4cd"; } .ri-dashboard-horizontal-line:before { content: "\f4ce"; } .ri-expand-diagonal-2-fill:before { content: "\f4cf"; } .ri-expand-diagonal-2-line:before { content: "\f4d0"; } .ri-expand-diagonal-fill:before { content: "\f4d1"; } .ri-expand-diagonal-line:before { content: "\f4d2"; } .ri-firebase-fill:before { content: "\f4d3"; } .ri-firebase-line:before { content: "\f4d4"; } .ri-flip-horizontal-2-fill:before { content: "\f4d5"; } .ri-flip-horizontal-2-line:before { content: "\f4d6"; } .ri-flip-horizontal-fill:before { content: "\f4d7"; } .ri-flip-horizontal-line:before { content: "\f4d8"; } .ri-flip-vertical-2-fill:before { content: "\f4d9"; } .ri-flip-vertical-2-line:before { content: "\f4da"; } .ri-flip-vertical-fill:before { content: "\f4db"; } .ri-flip-vertical-line:before { content: "\f4dc"; } .ri-formula:before { content: "\f4dd"; } .ri-function-add-fill:before { content: "\f4de"; } .ri-function-add-line:before { content: "\f4df"; } .ri-goblet-2-fill:before { content: "\f4e0"; } .ri-goblet-2-line:before { content: "\f4e1"; } .ri-golf-ball-fill:before { content: "\f4e2"; } .ri-golf-ball-line:before { content: "\f4e3"; } .ri-group-3-fill:before { content: "\f4e4"; } .ri-group-3-line:before { content: "\f4e5"; } .ri-heart-add-2-fill:before { content: "\f4e6"; } .ri-heart-add-2-line:before { content: "\f4e7"; } .ri-id-card-fill:before { content: "\f4e8"; } .ri-id-card-line:before { content: "\f4e9"; } .ri-information-off-fill:before { content: "\f4ea"; } .ri-information-off-line:before { content: "\f4eb"; } .ri-java-fill:before { content: "\f4ec"; } .ri-java-line:before { content: "\f4ed"; } .ri-layout-grid-2-fill:before { content: "\f4ee"; } .ri-layout-grid-2-line:before { content: "\f4ef"; } .ri-layout-horizontal-fill:before { content: "\f4f0"; } .ri-layout-horizontal-line:before { content: "\f4f1"; } .ri-layout-vertical-fill:before { content: "\f4f2"; } .ri-layout-vertical-line:before { content: "\f4f3"; } .ri-menu-fold-2-fill:before { content: "\f4f4"; } .ri-menu-fold-2-line:before { content: "\f4f5"; } .ri-menu-fold-3-fill:before { content: "\f4f6"; } .ri-menu-fold-3-line:before { content: "\f4f7"; } .ri-menu-fold-4-fill:before { content: "\f4f8"; } .ri-menu-fold-4-line:before { content: "\f4f9"; } .ri-menu-unfold-2-fill:before { content: "\f4fa"; } .ri-menu-unfold-2-line:before { content: "\f4fb"; } .ri-menu-unfold-3-fill:before { content: "\f4fc"; } .ri-menu-unfold-3-line:before { content: "\f4fd"; } .ri-menu-unfold-4-fill:before { content: "\f4fe"; } .ri-menu-unfold-4-line:before { content: "\f4ff"; } .ri-mobile-download-fill:before { content: "\f500"; } .ri-mobile-download-line:before { content: "\f501"; } .ri-nextjs-fill:before { content: "\f502"; } .ri-nextjs-line:before { content: "\f503"; } .ri-nodejs-fill:before { content: "\f504"; } .ri-nodejs-line:before { content: "\f505"; } .ri-pause-large-fill:before { content: "\f506"; } .ri-pause-large-line:before { content: "\f507"; } .ri-play-large-fill:before { content: "\f508"; } .ri-play-large-line:before { content: "\f509"; } .ri-play-reverse-large-fill:before { content: "\f50a"; } .ri-play-reverse-large-line:before { content: "\f50b"; } .ri-police-badge-fill:before { content: "\f50c"; } .ri-police-badge-line:before { content: "\f50d"; } .ri-prohibited-2-fill:before { content: "\f50e"; } .ri-prohibited-2-line:before { content: "\f50f"; } .ri-shopping-bag-4-fill:before { content: "\f510"; } .ri-shopping-bag-4-line:before { content: "\f511"; } .ri-snowflake-fill:before { content: "\f512"; } .ri-snowflake-line:before { content: "\f513"; } .ri-square-root:before { content: "\f514"; } .ri-stop-large-fill:before { content: "\f515"; } .ri-stop-large-line:before { content: "\f516"; } .ri-tailwind-css-fill:before { content: "\f517"; } .ri-tailwind-css-line:before { content: "\f518"; } .ri-tooth-fill:before { content: "\f519"; } .ri-tooth-line:before { content: "\f51a"; } .ri-video-off-fill:before { content: "\f51b"; } .ri-video-off-line:before { content: "\f51c"; } .ri-video-on-fill:before { content: "\f51d"; } .ri-video-on-line:before { content: "\f51e"; } .ri-webhook-fill:before { content: "\f51f"; } .ri-webhook-line:before { content: "\f520"; } .ri-weight-fill:before { content: "\f521"; } .ri-weight-line:before { content: "\f522"; } /* FONT */ /* Poppins */ :root { --body-bg: 249 250 252; --primary: 92 103 247; --primary-rgb: 92, 103, 247; --primary-tint1-rgb: 227 84 212; --primary-tint2-rgb: 255 93 159; --primary-tint3-rgb: 255 142 111; --secondary: 158 92 247; --warning: 255 198 88; --info: 14 165 232; --success: 33 206 158; --danger: 251 66 66; --light: 249 249 250; --dark: 10 10 10; --orange: 253 97 43; --pink: 254 84 155; --teal: 0 216 216; --purple: 123 118 254; --green: 1 239 140; --default-body-bg-color: 249 250 252; --default-text-color: 33 43 55; --default-border: 236 243 251; --default-background: 249 250 251; --menu-bg: 255 255 255; --menu-prime-color: 97 116 143; --menu-border-color: 226 230 241; --header-bg: 255 255 255; --header-prime-color: 97 116 143; --header-border-color: 226 230 241; --custom-white: 255 255 255; --custom-black: 0 0 0; --list-hover-focus-bg: 245 246 247; --text-muted: 110 130 159; --input-border: 222 231 241; --form-control-bg: 255 255 255; --bs-link-color-rgb: 33 43 55; --facebook: 59 89 152; --twitter: 0 172 238; --github: 51 51 51; --google: 207 78 67; --youtube: 255 0 0; } /* dark mode */ .dark { --body-bg: 25 25 28; --dark-bg: 45 45 48; --menu-bg: 25 25 28; --menu-border-color: 255 255 255; --menu-prime-color: 255 255 255; --header-bg: 25 25 28; --header-prime-color: 255 255 255; --header-border-color: 255 255 255; --custom-white: 25 25 28; --custom-black: 255 255 255; --default-border: 255 255 255; --default-text-color: 255 255 255; --light: 43 46 49; --dark: 249 249 250; --list-hover-focus-bg: 255 255 255; --default-background: 45 45 48; --default-body-bg-color: 45 45 48; --text-muted: 255 255 255; --input-border: 255 255 255; --form-control-bg: 25 25 28; } [data-menu-styles=dark][class=light] { --menu-bg: 32 41 71; --menu-prime-color: 178 184 199; } [data-menu-styles=dark] { --menu-border-color: 255, 255, 255, 0.1; } [data-menu-styles=color] { --menu-bg: 92 103 247; --menu-prime-color: 255 255 255; --menu-border-color: 255 255 255; } /* Menu Toggle Button */ [data-toggled=icon-overlay-close] .animated-arrow span, [data-toggled=close-menu-close] .animated-arrow span, [data-toggled=icon-text-close] .animated-arrow span, [data-toggled=detached-close] .animated-arrow span, [data-toggled=menu-click-closed] .animated-arrow span, [data-toggled=menu-hover-closed] .animated-arrow span, [data-toggled=icon-click-closed] .animated-arrow span, [data-toggled=icon-hover-closed] .animated-arrow span, [data-toggled=double-menu-close] .animated-arrow span{ background-color: transparent !important; background-image: none !important; } [data-toggled=icon-overlay-close] .animated-arrow span::before, [data-toggled=close-menu-close] .animated-arrow span::before, [data-toggled=icon-text-close] .animated-arrow span::before, [data-toggled=detached-close] .animated-arrow span::before, [data-toggled=menu-click-closed] .animated-arrow span::before, [data-toggled=menu-hover-closed] .animated-arrow span::before, [data-toggled=icon-click-closed] .animated-arrow span::before, [data-toggled=icon-hover-closed] .animated-arrow span::before, [data-toggled=double-menu-close] .animated-arrow span::before{ bottom: 0px !important; --tw-rotate: 45deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; content: var(--tw-content) !important; top: 0px !important; } [data-toggled=icon-overlay-close] .animated-arrow span::after, [data-toggled=close-menu-close] .animated-arrow span::after, [data-toggled=icon-text-close] .animated-arrow span::after, [data-toggled=detached-close] .animated-arrow span::after, [data-toggled=menu-click-closed] .animated-arrow span::after, [data-toggled=menu-hover-closed] .animated-arrow span::after, [data-toggled=icon-click-closed] .animated-arrow span::after, [data-toggled=icon-hover-closed] .animated-arrow span::after, [data-toggled=double-menu-close] .animated-arrow span::after{ --tw-rotate: -45deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; top: 0px !important; content: var(--tw-content) !important; width: 1.0625rem !important; } /* Menu Toggle Button */ #switcher-canvas #switcher-main-tab button.nav-link{ border-radius: 0; font-weight: 400; color: rgb(var(--default-text-color)); } #switcher-main-tab .nav-justified .nav-item, #switcher-main-tab .nav-justified > .nav-link{ flex-grow: 1 !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; text-align: center !important; } #switcher-main-tab button.nav-link.active{ border-color: transparent; background-color: rgb(var(--danger) / 0.2); color: rgb(var(--danger)); } #switcher-main-tab button.nav-link{ padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } [data-toggled=open] .app-sidebar{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 992px){ [data-toggled=open] .app-sidebar{ --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } } [data-toggled=open] .app-sidebar .main-sidebar-header{ display: none; } [data-toggled=open] .app-sidebar #sidebar-scroll{ margin-top: 0px; } [data-toggled=close] .app-sidebar{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } @media (min-width: 992px){ [data-toggled=close] .app-sidebar{ --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } } [data-toggled=close] .app-sidebar .main-sidebar-header{ display: none; } [data-toggled=close] .app-sidebar #sidebar-scroll{ margin-top: 0px; } [data-toggled=close][dir=ltr] .app-sidebar{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [data-toggled=close][dir=rtl] .app-sidebar{ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 1400px) { [data-width=boxed] .page{ position: relative; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 1400px; background-color: rgb(var(--dark-bg)); --tw-shadow: 0 0 1rem black; --tw-shadow-colored: 0 0 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-width=boxed] .page .app-sidebar{ inset-inline-start: auto; } } [data-vertical-style=icontext][data-toggled=icon-text-close] .app-sidebar .main-menu svg{ display: inline; } [data-menu-styles=color] .side-menu__item.active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .side-menu__item.active .side-menu__icon, [data-menu-styles=color] .side-menu__item.active .side-menu__label, [data-menu-styles=color] .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .main-sidebar-header{ border-bottom-width: 1px; border-inline-end-width: 1px; border-bottom-color: rgb(var(--menu-border-color) / 0.1); border-inline-end-color: rgb(var(--menu-border-color) / 0.1); } [data-menu-styles=gradient] .side-menu__item.active .side-menu__icon, [data-menu-styles=gradient] .side-menu__item.active .side-menu__label, [data-menu-styles=gradient] .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .main-sidebar-header{ border-bottom-width: 1px; border-inline-end-width: 1px; border-bottom-color: rgb(var(--menu-border-color) / 0.1); border-inline-end-color: rgb(var(--menu-border-color) / 0.1); } [data-header-styles=dark][class=light] .app-header{ --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } [data-header-styles=color] .app-header{ background-color: rgb(var(--primary)); } [data-menu-position=scrollable][data-nav-layout=vertical] .app-sidebar{ position: absolute; } [data-menu-position=scrollable][data-nav-layout=vertical] .app-sidebar .main-sidebar-header{ position: absolute; } [data-header-position=scrollable][data-nav-layout=vertical] .app-header{ position: absolute; } /* Start Menu Styles */ [data-menu-styles=dark] .app-sidebar{ border-color: rgb(255 255 255 / 0.1); } [data-menu-styles=dark] .app-sidebar .side-menu__item{ --tw-text-opacity: 1; color: rgb(162 166 185 / var(--tw-text-opacity)); } [data-menu-styles=dark] .app-sidebar .side-menu__item .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item .slide__category{ --tw-text-opacity: 1 !important; color: rgb(162 166 185 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(162 166 185 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item.active{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=dark] .app-sidebar .side-menu__item.active::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label:is(.dark *), [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__angle:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item:hover{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label:is(.dark *), [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__angle:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark] .app-sidebar .main-sidebar-header{ --tw-backdrop-blur: blur(64px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo.desktop-logo, [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none !important; } [data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo.desktop-dark{ display: block !important; } [data-menu-styles=dark] .app-sidebar .main-sidebar-header .slide.has-sub .slide-menu{ --tw-bg-opacity: 1 !important; background-color: rgb(32 41 71 / var(--tw-bg-opacity)) !important; } @media (min-width: 992px){ [data-menu-styles=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo.toggle-logo{ display: none; } [data-menu-styles=dark][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo.toggle-dark{ display: block; } [data-menu-styles=dark][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo.toggle-logo{ display: none !important; } [data-menu-styles=dark][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo.toggle-dark{ display: block !important; } [data-menu-styles=dark][class=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][class=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header{ background-color: rgb(var(--body-bg)); } [data-menu-styles=dark][class=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][class=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ background-color: rgb(var(--body-bg)) !important; } [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .main-sidebar-header{ --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } @media (min-width: 992px){ [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo{ display: none !important; } [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: block !important; } } [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ border-color: rgb(255 255 255 / 0.1) !important; --tw-bg-opacity: 1 !important; background-color: rgb(32 41 71 / var(--tw-bg-opacity)) !important; } [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2{ border-color: rgb(255 255 255 / 0.1) !important; --tw-bg-opacity: 1 !important; background-color: rgb(32 41 71 / var(--tw-bg-opacity)) !important; } [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=dark][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark][data-nav-style=menu-click][data-toggled=menu-click-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-click][data-toggled=icon-click-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .dark .slide.has-sub .slide-menu, [data-menu-styles=dark][data-vertical-style=doublemenu] .dark .slide.has-sub .slide-menu{ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(255 255 255 / 0.1); --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-color: rgb(255 255 255 / 0.1); background-color: rgb(0 0 0 / 0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ fill: #fff; } .theme-colors .switch-select .color-input[data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg,.theme-colors .switch-select .color-input [data-menu-styles=dark][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } } [data-menu-styles=dark].dark .app-sidebar{ background-color: rgb(var(--body-bg)) !important; } [data-menu-styles=dark].dark .main-sidebar-header{ background-color: rgb(var(--body-bg)) !important; } [data-menu-styles=color] .app-sidebar{ border-color: rgb(255 255 255 / 0.2) !important; background-color: rgb(var(--primary)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__angle{ color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=color] .app-sidebar .main-sidebar-header{ background-color: rgb(var(--primary)) !important; --tw-backdrop-blur: blur(64px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: block; } [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark{ display: none; } [data-menu-styles=color] .app-sidebar .app-sidebar{ background-color: rgb(var(--primary)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item{ color: rgb(255 255 255 / 0.6); } [data-menu-styles=color] .app-sidebar .side-menu__item .side-menu__icon{ color: rgb(255 255 255 / 0.6); } [data-menu-styles=color] .app-sidebar .side-menu__item .side-menu__label, [data-menu-styles=color] .app-sidebar .side-menu__item .side-menu__angle{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item.active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=color] .app-sidebar .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item:hover .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .side-menu__item:hover{ background-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item{ color: rgb(255 255 255 / 0.6); } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); border-color: rgb(255 255 255 / 0.6); } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active::before{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } [data-menu-styles=color] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=color] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color] .app-sidebar .slide__category{ color: rgb(255 255 255 / 0.5); } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-white{ display: block !important; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-logo{ display: none !important; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .desktop-white{ display: block !important; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .toggle-white{ display: none !important; } [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white{ display: block !important; } [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo{ display: none !important; } [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white{ display: block !important; } [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=color][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark .toggle-white{ display: none !important; } @media (min-width: 992px) { [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: none !important; } [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white{ display: block !important; } [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ border-color: rgb(255 255 255 / 0.2) !important; background-color: rgb(var(--primary)) !important; } [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before{ content: var(--tw-content) !important; border-color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=color][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=color][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar{ border-color: rgb(255 255 255 / 0.2) !important; } [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(255 255 255 / 0.2) !important; background-color: rgb(var(--primary)) !important; } [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-color: rgb(255 255 255 / 0.1); background-color: rgb(0 0 0 / 0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=color][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ fill: #fff; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } } [data-menu-styles=gradient] { --menu-bg: 92 103 247; --menu-prime-color: 255 255 255; --menu-border-color: 255 255 255; } [data-menu-styles=gradient] .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #FF3DBB var(--tw-gradient-to-position) !important; } [data-menu-styles=gradient] .app-sidebar::before{ position: absolute !important; inset: 0px !important; height: 100% !important; content: var(--tw-content) !important; width: 100% !important; } [data-menu-styles=gradient] .app-sidebar .main-sidebar-header{ background-color: rgb(var(--primary)) !important; --tw-backdrop-blur: blur(64px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: block !important; } [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark{ display: none; } [data-menu-styles=gradient] .app-sidebar .side-menu__item{ color: rgb(255 255 255 / 0.7); } [data-menu-styles=gradient] .app-sidebar .side-menu__item::before{ content: var(--tw-content); color: rgb(255 255 255 / 0.7); } [data-menu-styles=gradient] .app-sidebar .side-menu__item .side-menu__icon{ color: rgb(255 255 255 / 0.7); } [data-menu-styles=gradient] .app-sidebar .side-menu__item .side-menu__label{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=gradient] .app-sidebar .side-menu__item.active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .side-menu__item.active .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .side-menu__item.active .side-menu__label{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .side-menu__item:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .side-menu__item:hover .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .side-menu__item:hover{ background-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item{ color: rgb(255 255 255 / 0.7); } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); border-color: rgb(255 255 255 / 0.7); } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active::before{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=gradient] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient] .app-sidebar .slide__category{ color: rgb(255 255 255 / 0.5); } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-white{ display: block !important; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-logo{ display: none !important; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .desktop-white{ display: block !important; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .header-logo .toggle-white{ display: none !important; } [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white{ display: block !important; } [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo{ display: none !important; } [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white{ display: block !important; } [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=gradient][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white{ display: none !important; } @media (min-width: 992px) { [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: none !important; } [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white{ display: block !important; } [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide__category::before{ content: var(--tw-content) !important; border-color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ z-index: -1 !important; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: rgb(var(--secondary)) var(--tw-gradient-to-position) !important; } [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu::before, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu::before, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu::before, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu::before{ position: absolute !important; inset: 0px !important; z-index: -1 !important; height: 100% !important; content: var(--tw-content) !important; width: 100% !important; } [data-menu-styles=gradient][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } @media (min-width: 992px){ [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: none !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white{ display: block !important; } } [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ z-index: 0 !important; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: rgb(var(--secondary)) var(--tw-gradient-to-position) !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu::before{ position: absolute !important; inset: 0px !important; z-index: -1 !important; height: 100% !important; content: var(--tw-content) !important; width: 100% !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3{ background-color: transparent !important; background-image: none !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child2::before, [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu.child3::before{ content: var(--tw-content) !important; background-image: none !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar{ border-color: rgb(255 255 255 / 0.2) !important; background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #e354d4 var(--tw-gradient-to-position) !important; } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar::before{ position: absolute !important; inset: 0px !important; height: 100% !important; content: var(--tw-content) !important; width: 100% !important; } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(255 255 255 / 0.2) !important; background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #e354d4 var(--tw-gradient-to-position) !important; } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .side-menu__angle{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-color: rgb(255 255 255 / 0.1); background-color: rgb(0 0 0 / 0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=gradient][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ fill: #fff; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } } [data-menu-styles=gradient] .dark .main-sidebar-header{ background-color: rgb(var(--primary)) !important; } [data-menu-styles=light] .app-sidebar { --menu-prime-color: 97 116 143; --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light] .app-sidebar .slide__category::before{ border-color: rgb(0 0 0 / 0.5); } [data-menu-styles=light] .app-sidebar .main-sidebar-header{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-backdrop-blur: blur(64px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: block; } [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } [data-menu-styles=light] .app-sidebar .app-sidebar{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light] .app-sidebar .side-menu__label{ color: rgb(var(--menu-prime-color)) !important; } [data-menu-styles=light] .app-sidebar .side-menu__icon{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .side-menu__angle:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light] .app-sidebar .side-menu__item{ color: rgb(var(--menu-prime-color)); } [data-menu-styles=light] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=light] .app-sidebar .side-menu__item.active .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .side-menu__item.active .side-menu__label,.svg-icon-med [data-menu-styles=light] .app-sidebar .side-menu__item.active .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .side-menu__item:hover{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__label, [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__label,.svg-icon-med [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__icon{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .side-menu__item:hover .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); border-color: rgb(83 100 133 / 0.8); } [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active::before, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover::before, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active::before, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover::before, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active::before, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active::before, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover::before{ content: var(--tw-content) !important; color: rgb(var(--primary)) !important; } [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-menu-styles=light] .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light] .app-sidebar .slide__category{ color: rgb(var(--menu-prime-color)); } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-logo{ display: block; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-white, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-white{ display: none; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo{ display: block; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white{ display: none; } @media (min-width: 992px) { @media (min-width: 992px){ [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo{ display: block !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: none !important; } } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1{ color: rgb(var(--default-text-color)) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-width: 1px; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary1, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary1.border-opacity-10, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary1.border-opacity-25, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary1.border-opacity-50, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary1.border-opacity-75, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary1.border-opacity-100, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary2, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary2.border-opacity-10, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary2.border-opacity-25, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary2.border-opacity-50, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary2.border-opacity-75, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary2.border-opacity-100, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary3, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary3.border-opacity-10, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary3.border-opacity-25, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary3.border-opacity-50, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary3.border-opacity-75, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left.border-primary3.border-opacity-100, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=light][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } } [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo{ display: block !important; } [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white, [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark{ display: none !important; } @media (min-width: 992px) { [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide-menu .child2{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; font-weight: 600 !important; --tw-text-opacity: 1 !important; color: rgb(34 37 40 / var(--tw-text-opacity)) !important; } [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(255 255 255 / 0.1); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; font-weight: 600 !important; --tw-text-opacity: 1 !important; color: rgb(34 37 40 / var(--tw-text-opacity)) !important; } [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=light][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ --tw-text-opacity: 1; color: rgb(123 129 145 / var(--tw-text-opacity)); } [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(255 255 255 / 0.1) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } } [data-menu-styles=light].dark .app-sidebar { --menu-prime-color: 128 135 147; --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light].dark .app-sidebar .main-sidebar-header{ --tw-border-opacity: 1; border-color: rgb(243 243 243 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: block; } [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=light].dark .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } [data-menu-styles=light].dark .app-sidebar .app-sidebar{ --tw-border-opacity: 1 !important; border-color: rgb(243 243 243 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light].dark .app-sidebar .side-menu__label{ --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light].dark .app-sidebar .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light].dark .app-sidebar .side-menu__item{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__label, [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)); } .svg-icon-med[data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__label,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__icon{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light].dark .app-sidebar .side-menu__item:hover .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light].dark .app-sidebar .side-menu__item.active{ background-color: transparent; font-weight: 600; } [data-menu-styles=light].dark .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=light].dark .app-sidebar .side-menu__item.active .side-menu__angle{ color: rgb(var(--primary)); } .svg-icon-med[data-menu-styles=light].dark .app-sidebar .side-menu__item.active .side-menu__label,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .side-menu__item.active .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light].dark .app-sidebar .side-menu__item.active .side-menu__icon{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light].dark .app-sidebar .side-menu__item.active .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); border-color: rgb(83 100 133 / 0.8); } [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover::before, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover::before{ content: var(--tw-content) !important; border-color: rgb(var(--primary)) !important; } [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle, [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:active .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child1 .side-menu__item.hover .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:active .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child2 .side-menu__item.hover .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:active .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-menu-styles=light].dark .app-sidebar .slide-menu.child3 .side-menu__item.hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=light].dark .app-sidebar .slide__category{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-logo{ display: block; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-dark{ display: none; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo{ display: block; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark{ display: none; } @media (min-width: 992px) { @media (min-width: 992px){ [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo{ display: block !important; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: none !important; } } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .side-menu__label1{ color: rgb(var(--default-text-color)) !important; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(83 100 133 / var(--tw-text-opacity)) !important; } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=light].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } } [data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo{ display: block !important; } [data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=light].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark{ display: none !important; } [data-menu-styles=transparent] .app-sidebar { --menu-prime-color: 128 135 147; border-color: rgb(0 0 0 / 0.07); --tw-bg-opacity: 1; background-color: rgb(249 250 252 / var(--tw-bg-opacity)); } [data-menu-styles=transparent] .app-sidebar .slide__category::before{ border-color: rgb(0 0 0 / 0.5); } [data-menu-styles=transparent] .app-sidebar .main-sidebar-header{ border-color: rgb(0 0 0 / 0.07) !important; --tw-bg-opacity: 1 !important; background-color: rgb(249 250 252 / var(--tw-bg-opacity)) !important; --tw-backdrop-blur: blur(64px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: block; } [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=transparent] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } [data-menu-styles=transparent] .app-sidebar .side-menu__item{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } [data-menu-styles=transparent] .app-sidebar .side-menu__item .side-menu__icon{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } [data-menu-styles=transparent] .app-sidebar .side-menu__item .side-menu__label{ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent] .app-sidebar .side-menu__item.active, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=transparent] .app-sidebar .side-menu__item.active,.svg-icon-med [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=transparent] .app-sidebar .side-menu__item.active::before, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover::before{ content: var(--tw-content) !important; color: rgb(var(--primary)) !important; } [data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__icon{ color: rgb(var(--primary)); } .svg-icon-med[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__icon,.svg-icon-med [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__label, [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__label,.svg-icon-med [data-menu-styles=transparent] .app-sidebar .side-menu__item.active .side-menu__angle,.svg-icon-med [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__label,.svg-icon-med [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=transparent] .app-sidebar .side-menu__item:hover{ background-color: rgb(0 0 0 / 0.05) !important; } [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(97 116 143 / var(--tw-border-opacity)); } [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover::before{ content: var(--tw-content) !important; --tw-border-opacity: 1 !important; border-color: rgb(97 116 143 / var(--tw-border-opacity)) !important; } [data-menu-styles=transparent] .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent] .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } [data-menu-styles=transparent] .app-sidebar .slide__category{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } [data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .main-sidebar{ border-color: rgb(0 0 0 / 0.07) !important; } [data-menu-styles=transparent][data-vertical-style=doublemenu] .app-sidebar .slide .side-menu__label1{ font-weight: 400 !important; color: rgb(var(--default-text-color)) !important; } [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-logo{ display: block; } [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .desktop-white{ display: none; } [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo{ display: block !important; } [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white, [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark{ display: none !important; } @media (min-width: 992px) { @media (min-width: 992px){ [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-white{ display: none !important; } [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-dark{ display: block !important; } } [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ border-color: rgb(0 0 0 / 0.07) !important; background-color: rgb(var(--body-bg)) !important; } [data-menu-styles=transparent][data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent][data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ border-color: rgb(0 0 0 / 0.07) !important; } [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar{ border-bottom-width: 1px !important; } [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(0 0 0 / 0.07) !important; background-color: rgb(var(--body-bg)) !important; } [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ border-color: rgb(0 0 0 / 0.07) !important; color: rgb(var(--primary)) !important; } .svg-icon-med[data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ background-color: rgb(var(--primary) / 0.2); } [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-color: rgb(0 0 0 / 0.07); background-color: rgb(var(--body-bg)); --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=transparent][data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child1, [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child2, [data-menu-styles=transparent][data-nav-layout=horizontal].dark .app-sidebar .slide.has-sub .slide-menu.child3{ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--dark-bg)) !important; } [data-menu-styles=transparent][data-nav-layout=horizontal].dark .main-menu-container .slide-left, [data-menu-styles=transparent][data-nav-layout=horizontal].dark .main-menu-container .slide-right{ border-color: rgb(255 255 255 / 0.1); } } [data-menu-styles=transparent].dark .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--dark-bg)) !important; } [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header{ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--dark-bg)) !important; --tw-backdrop-blur: blur(64px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__icon{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__label{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover::before{ content: var(--tw-content) !important; color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover{ background-color: rgb(255 255 255 / 0.05) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item{ color: rgb(255 255 255 / 0.6); } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); border-color: rgb(255 255 255 / 0.6); } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover{ background-color: transparent !important; color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover::before{ border-color: rgb(255 255 255 / 0.6) !important; content: var(--tw-content) !important; color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle{ color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide__category{ color: rgb(255 255 255 / 0.6); } [data-menu-styles=transparent].dark .app-sidebar .slide__category::before{ content: var(--tw-content); border-color: rgb(255 255 255 / 0.7); } [data-menu-styles=transparent].dark .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=transparent].dark .app-sidebar .header-logo .desktop-dark{ display: block; } [data-menu-styles=transparent].dark .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark .app-sidebar .header-logo .toggle-logo, [data-menu-styles=transparent].dark .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent].dark .app-sidebar .header-logo .desktop-white{ display: none; } [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-logo, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-logo{ display: block !important; } [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent].dark .app-sidebar[data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-dark{ display: none !important; } [data-menu-styles=transparent].dark .app-sidebar{ border-color: rgb(255 255 255 / 0.1); } [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header{ border-color: rgb(255 255 255 / 0.1); } [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header .header-logo.desktop-logo{ display: none; } [data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header .header-logo.desktop-dark{ display: block; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item{ color: rgb(255 255 255 / 0.7); } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item .side-menu__icon{ color: rgb(255 255 255 / 0.7); } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .side-menu__item.active .side-menu__icon, [data-menu-styles=transparent].dark .app-sidebar .side-menu__item:hover .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item{ color: rgb(255 255 255 / 0.7); } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item::before{ content: var(--tw-content); border-color: rgb(255 255 255 / 0.8); } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active::before{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item.active .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover::before, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover::before{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child1 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child2 .side-menu__item:hover .side-menu__angle, [data-menu-styles=transparent].dark .app-sidebar .slide-menu.child3 .side-menu__item:hover .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=transparent].dark .app-sidebar .slide__category{ color: rgb(255 255 255 / 0.5); } @media (min-width: 992px){ [data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo .toggle-dark{ display: none; } [data-menu-styles=transparent].dark[data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .header-logo.toggle-white{ display: block; } } [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-white{ display: block !important; } [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-logo, [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .desktop-dark, [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-white, [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-logo, [data-menu-styles=transparent].dark[data-vertical-style=icontext][data-toggled=icon-text-close]:not([icon-text=open]) .app-sidebar .header-logo .toggle-dark{ display: none !important; } @media (min-width: 992px) { @media (min-width: 992px){ [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-logo, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo .toggle-dark{ display: none !important; } [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .header-logo.toggle-white{ display: block !important; } } [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.has-sub .slide-menu{ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--dark-bg)) !important; } [data-menu-styles=transparent].dark[data-nav-style=menu-click][data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=menu-hover][data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=icon-click][data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-nav-style=icon-hover][data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1, [data-menu-styles=transparent].dark[data-vertical-style=doublemenu]:not([data-nav-layout=horizontal]) .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .slide.side-menu__label1{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left, [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right{ border-color: rgb(255 255 255 / 0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-left svg, [data-menu-styles=transparent].dark[data-nav-layout=horizontal] .app-sidebar .main-menu-container .slide-right svg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; } [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .main-menu-container .slide-left, [data-menu-styles=transparent].dark[data-nav-layout=horizontal].dark .main-menu-container .slide-right{ border-color: rgb(255 255 255 / 0.1); } } [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: none; } [data-menu-styles=dark][data-nav-layout=vertical] .app-sidebar .main-sidebar-header .header-logo .desktop-dark{ display: block; } @media (max-width: 991.98px) { [data-header-styles] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles] .app-header .horizontal-logo .header-logo .toggle-white, [data-header-styles] .app-header .horizontal-logo .header-logo .toggle-logo{ display: none; } } /* Start Header Styles */ [data-header-styles=dark] .app-header { --header-prime-color: 255 255 255; border-color: rgb(255 255 255 / 0.1); --tw-bg-opacity: 1; background-color: rgb(21 22 26 / var(--tw-bg-opacity)); } [data-header-styles=dark] .app-header .main-header-container .header-link-icon{ border-color: rgb(255 255 255 / 0.1) !important; background-color: transparent !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=dark] .app-header .main-header-container .header-link-icon:hover{ background-color: transparent !important; } [data-header-styles=dark] .app-header .main-header-container .header-link-icon:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } [data-header-styles=dark] .app-header .header-search-bar{ border-color: rgb(255 255 255 / 0.05) !important; background-color: rgb(255 255 255 / 0.05) !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=dark] .app-header .header-search-bar::-moz-placeholder{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=dark] .app-header .header-search-bar::placeholder{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=dark] .app-header .header-search-bar:focus{ border-color: rgb(255 255 255 / 0.05) !important; } [data-header-styles=dark] .app-header .animated-arrow span{ background-color: rgb(255 255 255 / 0.6); } [data-header-styles=dark] .app-header .animated-arrow span:before, [data-header-styles=dark] .app-header .animated-arrow span:after{ background-color: rgb(255 255 255 / 0.6); } [data-header-styles=dark] .app-header .sidebar-toggle{ background-color: transparent !important; color: rgb(0 0 0 / 0.6) !important; } [data-header-styles=dark] .app-header .sidebar-toggle:hover{ background-color: rgb(0 0 0 / 0.1) !important; color: rgb(0 0 0 / 0.6) !important; } [data-header-styles=dark] .app-header .sidebar-toggle:focus{ --tw-ring-color: rgb(255 255 255 / 0.1) !important; --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=dark] .app-header .sidebar-toggle svg{ color: rgb(0 0 0 / 0.6); } [data-header-styles=dark] .app-header .ti-dropdown-toggle{ border-color: rgb(255 255 255 / 0.1) !important; background-color: transparent !important; color: rgb(0 0 0 / 0.6) !important; } [data-header-styles=dark] .app-header .ti-dropdown-toggle:hover{ color: rgb(0 0 0 / 0.6) !important; } [data-header-styles=dark] .app-header .ti-dropdown-toggle:focus{ --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=dark] .app-header .ti-dropdown-toggle svg{ color: rgb(0 0 0 / 0.6) !important; } [data-header-styles=dark] .app-header .dropdown-profile:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=dark] .app-header .dropdown-profile img{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } [data-header-styles=dark] .app-header .dropdown-profile p{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=dark] .app-header .dropdown-profile span{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=dark] .app-header #dropdown-flag:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } [data-header-styles=dark] .app-header .header-search button, [data-header-styles=dark] .app-header .switcher-icon button{ background-color: transparent; color: rgb(0 0 0 / 0.6); } [data-header-styles=dark] .app-header .header-search button:hover, [data-header-styles=dark] .app-header .switcher-icon button:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-header-styles=dark] .app-header .header-search button:focus, [data-header-styles=dark] .app-header .switcher-icon button:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); --tw-ring-offset-color: rgb(255 255 255 / 0.1); } [data-header-styles=dark] .app-header .header-search button svg, [data-header-styles=dark] .app-header .switcher-icon button svg{ color: rgb(0 0 0 / 0.6); } [data-header-styles=dark] .app-header .header-theme-mode a, [data-header-styles=dark] .app-header .header-fullscreen a{ background-color: transparent; color: rgb(0 0 0 / 0.6); } [data-header-styles=dark] .app-header .header-theme-mode a:hover, [data-header-styles=dark] .app-header .header-fullscreen a:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-header-styles=dark] .app-header .header-theme-mode a:focus, [data-header-styles=dark] .app-header .header-fullscreen a:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); --tw-ring-offset-color: rgb(255 255 255 / 0.1); } [data-header-styles=dark] .app-header .header-theme-mode a svg, [data-header-styles=dark] .app-header .header-fullscreen a svg{ color: rgb(0 0 0 / 0.6); } @media (min-width: 992px) { [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-dark{ display: none !important; } [data-header-styles=dark] .app-header .horizontal-logo .header-logo .desktop-white{ display: block !important; } } [data-header-styles=color] .app-header { --header-prime-color: 255 255 255 0.1; border-color: rgb(255 255 255 / 0.2) !important; background-color: rgb(var(--primary)) !important; } [data-header-styles=color] .app-header .main-header-container .header-link-icon{ border-color: rgb(255 255 255 / 0.1) !important; background-color: transparent !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .main-header-container .header-link-icon:hover{ background-color: transparent !important; } [data-header-styles=color] .app-header .header-search-bar{ border-color: rgb(255 255 255 / 0.05) !important; background-color: rgb(255 255 255 / 0.05) !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .header-search-bar::-moz-placeholder{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .header-search-bar::placeholder{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .header-search-bar:focus{ border-color: rgb(255 255 255 / 0.05) !important; } [data-header-styles=color] .app-header .animated-arrow span{ background-color: rgb(255 255 255 / 0.6); } [data-header-styles=color] .app-header .header-search-icon{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .animated-arrow span:before, [data-header-styles=color] .app-header .animated-arrow span:after{ background-color: rgb(255 255 255 / 0.6); } [data-header-styles=color] .app-header .sidebar-toggle{ background-color: transparent !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .sidebar-toggle:hover{ background-color: rgb(255 255 255 / 0.2) !important; color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=color] .app-header .sidebar-toggle:focus{ --tw-ring-color: transparent !important; --tw-ring-offset-color: transparent !important; } [data-header-styles=color] .app-header .sidebar-toggle svg{ color: rgb(255 255 255 / 0.6); } [data-header-styles=color] .app-header .ti-dropdown-toggle{ border-color: rgb(255 255 255 / 0.2); background-color: transparent; color: rgb(255 255 255 / 0.6); } [data-header-styles=color] .app-header .ti-dropdown-toggle:hover{ color: rgb(255 255 255 / 0.2); } [data-header-styles=color] .app-header .ti-dropdown-toggle:focus{ --tw-ring-color: transparent; --tw-ring-offset-color: transparent; } [data-header-styles=color] .app-header .ti-dropdown-toggle svg{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .dropdown-profile:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=color] .app-header .dropdown-profile img{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } [data-header-styles=color] .app-header .dropdown-profile p{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .dropdown-profile span{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header #dropdown-flag:focus{ --tw-ring-color: rgb(255 255 255 / 0.2); } [data-header-styles=color] .app-header .header-search button, [data-header-styles=color] .app-header .switcher-icon button{ background-color: transparent !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .header-search button:hover, [data-header-styles=color] .app-header .switcher-icon button:hover{ color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=color] .app-header .header-search button:focus, [data-header-styles=color] .app-header .switcher-icon button:focus{ --tw-ring-color: rgb(255 255 255 / 0.2) !important; --tw-ring-offset-color: rgb(255 255 255 / 0.2) !important; } [data-header-styles=color] .app-header .header-search svg, [data-header-styles=color] .app-header .switcher-icon svg{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=color] .app-header .header-theme-mode a, [data-header-styles=color] .app-header .header-fullscreen a{ background-color: transparent; color: rgb(255 255 255 / 0.6); } [data-header-styles=color] .app-header .header-theme-mode a:hover, [data-header-styles=color] .app-header .header-fullscreen a:hover{ color: rgb(255 255 255 / 0.1); } [data-header-styles=color] .app-header .header-theme-mode a:focus, [data-header-styles=color] .app-header .header-fullscreen a:focus{ --tw-ring-color: rgb(255 255 255 / 0.2); --tw-ring-offset-color: rgb(255 255 255 / 0.2); } [data-header-styles=color] .app-header .header-theme-mode svg, [data-header-styles=color] .app-header .header-fullscreen svg{ color: rgb(255 255 255 / 0.6) !important; } @media (min-width: 992px) { [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-dark{ display: none !important; } [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-white{ display: block !important; } } @media (max-width: 991.98px) { [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=color] .app-header .horizontal-logo .header-logo .desktop-white{ display: none !important; } [data-header-styles=color] .app-header .horizontal-logo .header-logo .toggle-white{ display: block; } } [data-header-styles=gradient] .app-header { --header-prime-color: 255 255 255; border-color: rgb(255 255 255 / 0.2) !important; background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #FF3DBB var(--tw-gradient-to-position) !important; } [data-header-styles=gradient] .app-header::before{ position: absolute !important; inset: 0px !important; z-index: -1 !important; height: 100% !important; content: var(--tw-content) !important; width: 100% !important; } [data-header-styles=gradient] .app-header .main-header-container .header-link-icon{ border-color: rgb(255 255 255 / 0.1) !important; background-color: transparent !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header .main-header-container .header-link-icon:hover{ background-color: transparent !important; } [data-header-styles=gradient] .app-header .main-header-container .header-link-icon:focus{ border-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=gradient] .app-header .header-search-bar{ border-color: rgb(255 255 255 / 0.05) !important; background-color: rgb(255 255 255 / 0.05) !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header .header-search-bar::-moz-placeholder{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header .header-search-bar::placeholder{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header .header-search-icon{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header .animated-arrow span{ background-color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .animated-arrow span:before, [data-header-styles=gradient] .app-header .animated-arrow span:after{ background-color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .sidebar-toggle{ background-color: transparent; color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .sidebar-toggle:hover{ background-color: rgb(0 0 0 / 0.2); color: rgb(255 255 255 / 0.2); } [data-header-styles=gradient] .app-header .sidebar-toggle:focus{ --tw-ring-color: transparent; --tw-ring-offset-color: transparent; } [data-header-styles=gradient] .app-header .sidebar-toggle svg{ color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .ti-dropdown-toggle{ border-color: rgb(255 255 255 / 0.2); background-color: transparent; color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .ti-dropdown-toggle:hover{ color: rgb(255 255 255 / 0.2); } [data-header-styles=gradient] .app-header .ti-dropdown-toggle:focus{ --tw-ring-color: transparent; --tw-ring-offset-color: transparent; } [data-header-styles=gradient] .app-header .ti-dropdown-toggle svg{ color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .dropdown-profile:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=gradient] .app-header .dropdown-profile img{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } [data-header-styles=gradient] .app-header .dropdown-profile p{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header .dropdown-profile span{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=gradient] .app-header #dropdown-flag:focus{ --tw-ring-color: rgb(255 255 255 / 0.2); } [data-header-styles=gradient] .app-header .header-search button, [data-header-styles=gradient] .app-header .switcher-icon button{ background-color: transparent; color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .header-search button:hover, [data-header-styles=gradient] .app-header .switcher-icon button:hover{ color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .header-search button:focus, [data-header-styles=gradient] .app-header .switcher-icon button:focus{ --tw-ring-color: rgb(0 0 0 / 0.2); --tw-ring-offset-color: rgb(0 0 0 / 0.2); } [data-header-styles=gradient] .app-header .header-search svg, [data-header-styles=gradient] .app-header .switcher-icon svg{ color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .header-theme-mode a, [data-header-styles=gradient] .app-header .header-fullscreen a{ background-color: transparent; color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .header-theme-mode a:hover, [data-header-styles=gradient] .app-header .header-fullscreen a:hover{ color: rgb(255 255 255 / 0.6); } [data-header-styles=gradient] .app-header .header-theme-mode a:focus, [data-header-styles=gradient] .app-header .header-fullscreen a:focus{ --tw-ring-color: rgb(0 0 0 / 0.2); --tw-ring-offset-color: rgb(0 0 0 / 0.2); } [data-header-styles=gradient] .app-header .header-theme-mode svg, [data-header-styles=gradient] .app-header .header-fullscreen svg{ color: rgb(255 255 255 / 0.6); } @media (min-width: 992px) { [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-dark{ display: none !important; } [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-white{ display: block !important; } } @media (max-width: 991.98px) { [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .desktop-white{ display: none !important; } [data-header-styles=gradient] .app-header .horizontal-logo .header-logo .toggle-white{ display: block; } } [data-header-styles=light] .app-header{ --tw-border-opacity: 1 !important; border-color: rgb(226 230 241 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-header-styles=light] .app-header .main-header-container .header-link-icon{ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .main-header-container .header-link-icon:hover{ background-color: transparent !important; } [data-header-styles=light] .app-header .animated-arrow span{ background-color: rgb(var(--text-muted)); } [data-header-styles=light] .app-header .animated-arrow span:before, [data-header-styles=light] .app-header .animated-arrow span:after{ background-color: rgb(var(--text-muted)) !important; } [data-header-styles=light] .app-header .sidebar-toggle{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .sidebar-toggle:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; } [data-header-styles=light] .app-header .sidebar-toggle:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)) !important; --tw-ring-offset-width: 0px !important; --tw-ring-offset-color: #fff !important; } [data-header-styles=light] .app-header .ti-dropdown-toggle{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .ti-dropdown-toggle:focus{ --tw-ring-color: rgb(var(--primary)) !important; --tw-ring-offset-color: #fff !important; } [data-header-styles=light] .app-header .dropdown-profile:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=light] .app-header .dropdown-profile img{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } [data-header-styles=light] .app-header .dropdown-profile p{ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .dropdown-profile span{ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header #dropdown-flag:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=light] .app-header .header-search button, [data-header-styles=light] .app-header .switcher-icon button{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .header-search button:focus, [data-header-styles=light] .app-header .switcher-icon button:focus{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)) !important; --tw-ring-offset-width: 0px !important; --tw-ring-offset-color: #fff !important; } [data-header-styles=light] .app-header .header-theme-mode a, [data-header-styles=light] .app-header .header-fullscreen a{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .header-theme-mode a:focus, [data-header-styles=light] .app-header .header-fullscreen a:focus{ --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)) !important; --tw-ring-offset-width: 0px !important; --tw-ring-offset-color: #fff !important; } @media screen and (min-width: 992px) { [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-white, [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-dark{ display: none !important; } [data-header-styles=light] .app-header .horizontal-logo .header-logo .desktop-logo{ display: block !important; } } [data-header-styles=transparent] .app-header{ border-color: rgb(0 0 0 / 0.07) !important; --tw-bg-opacity: 1 !important; background-color: rgb(249 250 252 / var(--tw-bg-opacity)) !important; } [data-header-styles=transparent] .app-header .sidebar-toggle{ background-color: transparent; --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-header-styles=transparent] .app-header .sidebar-toggle:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; } [data-header-styles=transparent] .app-header .ti-dropdown-toggle{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-header-styles=transparent] .app-header .ti-dropdown-toggle:focus{ --tw-ring-color: rgb(var(--primary)); --tw-ring-offset-color: #fff; } [data-header-styles=transparent] .app-header .dropdown-profile:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=transparent] .app-header .dropdown-profile img{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } [data-header-styles=transparent] .app-header #dropdown-flag:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=transparent] .app-header .header-search button, [data-header-styles=transparent] .app-header .switcher-icon button{ background-color: transparent; --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-header-styles=transparent] .app-header .header-search button:focus, [data-header-styles=transparent] .app-header .switcher-icon button:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; } [data-header-styles=transparent] .app-header .header-theme-mode a, [data-header-styles=transparent] .app-header .header-fullscreen a{ background-color: transparent; --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } [data-header-styles=transparent] .app-header .header-theme-mode a:focus, [data-header-styles=transparent] .app-header .header-fullscreen a:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; } @media (min-width: 992px) { [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-dark, [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-white{ display: none; } [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-logo{ display: block; } } @media (max-width: 991.98px) { [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .desktop-white{ display: none; } [data-header-styles=transparent] .app-header .horizontal-logo .header-logo .toggle-logo{ display: block; } } [data-header-styles=transparent].dark .app-header{ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--dark-bg)) !important; } [data-header-styles=transparent].dark .app-header .main-header-container .header-link-icon{ color: rgb(255 255 255 / 0.6); } [data-header-styles=transparent].dark .app-header .sidebar-toggle{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=transparent].dark .app-header .sidebar-toggle:hover{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-header-styles=transparent].dark .app-header .sidebar-toggle:focus{ --tw-ring-color: rgb(255 255 255 / 0.1) !important; --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=transparent].dark .app-header .sidebar-toggle svg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-header-styles=transparent].dark .app-header .ti-dropdown-toggle{ border-color: rgb(255 255 255 / 0.1) !important; color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=transparent].dark .app-header .ti-dropdown-toggle:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-header-styles=transparent].dark .app-header .ti-dropdown-toggle:focus{ --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=transparent].dark .app-header .ti-dropdown-toggle svg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-header-styles=transparent].dark .app-header .dropdown-profile:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } [data-header-styles=transparent].dark .app-header .dropdown-profile img{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } [data-header-styles=transparent].dark .app-header .dropdown-profile p{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=transparent].dark .app-header .dropdown-profile span{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=transparent].dark .app-header #dropdown-flag:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } [data-header-styles=transparent].dark .app-header .header-search button, [data-header-styles=transparent].dark .app-header .switcher-icon button{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=transparent].dark .app-header .header-search button:hover, [data-header-styles=transparent].dark .app-header .switcher-icon button:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-header-styles=transparent].dark .app-header .header-search button:focus, [data-header-styles=transparent].dark .app-header .switcher-icon button:focus{ --tw-ring-color: rgb(255 255 255 / 0.1) !important; --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=transparent].dark .app-header .header-search button svg, [data-header-styles=transparent].dark .app-header .switcher-icon button svg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-header-styles=transparent].dark .app-header .header-theme-mode a, [data-header-styles=transparent].dark .app-header .header-fullscreen a{ color: rgb(255 255 255 / 0.6) !important; } [data-header-styles=transparent].dark .app-header .header-theme-mode a:hover, [data-header-styles=transparent].dark .app-header .header-fullscreen a:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-header-styles=transparent].dark .app-header .header-theme-mode a:focus, [data-header-styles=transparent].dark .app-header .header-fullscreen a:focus{ --tw-ring-color: rgb(255 255 255 / 0.1) !important; --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } [data-header-styles=transparent].dark .app-header .header-theme-mode a svg, [data-header-styles=transparent].dark .app-header .header-fullscreen a svg{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @media (min-width: 992px) { [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktop-logo, [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktop-white{ display: none; } [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktop-dark{ display: block; } [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .toggle-logo, [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .toggle-dark, [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .esktop-logo{ display: none; } [data-header-styles=transparent].dark .app-header .horizontal-logo .header-logo .desktpop-white{ display: block; } } /* End Header Styles */ /* Start Classic-Page Styles */ [data-page-style=classic] body{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-page-style=classic] .box{ border-width: 1px; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); } [data-page-style=classic] .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-page-style=classic] .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-page-style=classic] .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-page-style=classic] .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-page-style=classic] .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-page-style=classic] .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-page-style=classic] .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-page-style=classic] .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-page-style=classic] .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-page-style=classic] .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-page-style=classic] .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-page-style=classic] .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-page-style=classic] .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-page-style=classic] .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-page-style=classic] .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-page-style=classic] .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-page-style=classic] .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-page-style=classic] .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-page-style=classic].dark body{ background-color: rgb(var(--body-bg)); } [data-page-style=classic].dark .box{ border-width: 1px; border-color: rgb(var(--default-border) / 0.1); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); } [data-page-style=classic].dark .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-page-style=classic].dark .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-page-style=classic].dark .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-page-style=classic].dark .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-page-style=classic].dark .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-page-style=classic].dark .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-page-style=classic].dark .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-page-style=classic].dark .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-page-style=classic].dark .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-page-style=classic].dark .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-page-style=classic].dark .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-page-style=classic].dark .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-page-style=classic].dark .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-page-style=classic].dark .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-page-style=classic].dark .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-page-style=classic].dark .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-page-style=classic].dark .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-page-style=classic].dark .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-page-style=classic].dark[data-width=boxed] .page{ background-color: rgb(var(--body-bg)) !important; } [data-page-style=classic][data-width=boxed] .page{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } /* End Classic-Page Styles */ [data-page-style=modern] { --light: 255 255 255; --custom-white: 243 246 248; --default-border: 230 235 241; } [data-page-style=modern] .dropdown-menu{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-page-style=modern] body{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-page-style=modern] .switcher-style{ --tw-bg-opacity: 1; background-color: rgb(243 246 248 / var(--tw-bg-opacity)); } [data-page-style=modern] .switcher-style:is(.dark *){ background-color: rgb(var(--body-bg)); } [data-page-style=modern] .box{ --tw-bg-opacity: 1; background-color: rgb(243 246 248 / var(--tw-bg-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-page-style=modern][class=dark] { --light: 20, 20, 20; --body-bg: 25, 25, 28; } [data-page-style=modern][class=dark] .box{ background-color: rgb(var(--body-bg)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-page-style=modern][class=dark] .dropdown-menu{ background-color: rgb(var(--light)); } [data-page-style=modern][class=dark] body{ background-color: rgb(var(--dark-bg)); } [data-page-style=modern][class=dark] .ti-btn-light{ border-color: rgb(0 0 0 / 0.1) !important; background-color: rgb(0 0 0 / 0.1) !important; } [data-page-style=modern][class=dark] .ti-btn-light:hover, [data-page-style=modern][class=dark] .ti-btn-light:focus, [data-page-style=modern][class=dark] .ti-btn-light:active{ border-color: rgb(0 0 0 / 0.1) !important; background-color: rgb(0 0 0 / 0.1) !important; } [data-page-style=modern] .footer{ --tw-bg-opacity: 1; background-color: rgb(243 246 248 / var(--tw-bg-opacity)); } [data-page-style=modern] .app-sidebar, [data-page-style=modern] .footer, [data-page-style=modern] .app-header, [data-page-style=modern] .app-sidebar .main-sidebar{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (min-width: 992px) { [data-page-style=modern][data-menu-styles][data-nav-layout=horizontal] .app-sidebar{ border-bottom-width: 1px !important; border-color: rgb(var(--header-border-color)) !important; } [data-page-style=modern].dark[data-menu-styles][data-nav-layout=horizontal] .app-sidebar{ border-color: rgb(255 255 255 / 0.1) !important; } [data-vertical-style=detached][data-toggled=detached-close] .content{ position: relative; margin-inline-start: 5rem; } } @media (min-width: 1600px) { [data-vertical-style=detached][data-width=default] .main-content{ padding-top: 0px !important; padding-bottom: 0px !important; padding-inline-start: 0.75rem !important; padding-inline-end: 10rem !important; } } @media (min-width: 992px) { [data-vertical-style=detached]:not([data-toggled=detached-close]) .content{ padding-inline-start: 0.75rem; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar{ border-inline-end-width: 1px !important; border-color: rgb(var(--default-border)) !important; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .main-sidebar-header{ border-inline-end-width: 1px !important; border-color: rgb(var(--default-border)) !important; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .main-sidebar-header:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } } /* Start Boxed Styles */ @media (min-width: 1400px) { [data-width=boxed] .page{ position: relative !important; margin-top: 0px !important; margin-bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; width: 1400px !important; background-color: rgb(var(--body-bg)) !important; --tw-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1) !important; --tw-shadow-colored: 0rem 0rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [data-width=boxed] .page:is(.dark *){ background-color: rgb(var(--dark-bg)) !important; --tw-shadow: 0rem 0rem 1rem rgba(255,255,255,0.1) !important; --tw-shadow-colored: 0rem 0rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [data-width=boxed] .page .app-header{ margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 1400px; } [data-width=boxed][data-nav-layout=horizontal] .app-sidebar{ margin-left: auto !important; margin-right: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 1400px !important; } [data-width=boxed] .page .app-sidebar{ inset-inline-start: auto; } [data-width=boxed] .main-chart-wrapper .chat-user-details.open{ inset-inline-end: 0px; } [data-width=boxed].dark .page{ --tw-shadow: -1px 0px 13px 15px rgba(255,255,255,0.04) !important; --tw-shadow-colored: -1px 0px 13px 15px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [data-width=boxed][data-vertical-style=detached] .page{ margin-left: auto !important; margin-right: auto !important; width: 1400px !important; } [data-width=boxed][data-vertical-style=detached] .page .app-sidebar{ margin-inline-end: 1rem; } [data-width=boxed] #sales-donut{ width: 100% !important; } [data-width=boxed] .chat-info{ min-width: 21.875rem; max-width: 21.875rem; } [data-width=boxed] .main-chat-area{ width: 100%; max-width: 100%; overflow: hidden; } [data-width=boxed] .chat-user-details{ display: none; } [data-width=boxed] .main-chart-wrapper .main-chat-right-icons .responsive-userinfo-open{ display: flex; } [data-width=boxed] .main-chart-wrapper .chat-user-details.open{ bottom: 0.5rem; display: block; } [data-width=boxed] .main-chart-wrapper .chat-user-details{ position: absolute; } [data-width=boxed] .mail-info-body{ max-height: calc(100vh - 19.3rem); } [data-width=boxed] #product-quantity{ width: 2rem; } [data-width=boxed] .xxxl\:col-span-2{ grid-column: span 4 / span 4; } [data-width=boxed] .xxxl\:col-span-3, [data-width=boxed] .xxxl\:col-span-4, [data-width=boxed] .xxxl\:col-span-6, [data-width=boxed] .xxxl\:col-span-8{ grid-column: span 12 / span 12; } [data-width=boxed] .xxxl\:col-span-9{ grid-column: span 12 / span 12; } [data-width=boxed] .xxxl\:flex{ display: block; } [data-width=boxed] .xxxl\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } [data-width=boxed] .xxl\:max-w-\[250px\]{ max-width: 160px; } [data-width=boxed] .xxxl\:\!col-span-3{ grid-column: span 6 / span 6 !important; } [data-width=boxed] .swiper-text{ display: none; } [data-width=boxed] .xxxl\:grid-cols-4{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } } /* End Boxed Styles */ /* Start Background Image Styles */ [bg-img=bgimg1] .app-sidebar{ border-inline-end-width: 0px !important; background-image: url("../images/menu-bg-images/bg-img1.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar{ background-image: url("../images/menu-bg-images/bg-img1.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg2] .app-sidebar{ border-inline-end-width: 0px !important; background-image: url("../images/menu-bg-images/bg-img2.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg2][data-menu-styles=gradient] .app-sidebar{ background-image: url("../images/menu-bg-images/bg-img2.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg3] .app-sidebar{ border-inline-end-width: 0px !important; background-image: url("../images/menu-bg-images/bg-img3.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar{ background-image: url("../images/menu-bg-images/bg-img3.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg4] .app-sidebar{ border-inline-end-width: 0px !important; background-image: url("../images/menu-bg-images/bg-img4.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar{ background-image: url("../images/menu-bg-images/bg-img4.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg5] .app-sidebar{ border-inline-end-width: 0px !important; background-image: url("../images/menu-bg-images/bg-img5.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar{ background-image: url("../images/menu-bg-images/bg-img5.jpg") !important; background-size: cover !important; background-position: center !important; } [bg-img=bgimg5] .app-sidebar, [bg-img=bgimg4] .app-sidebar, [bg-img=bgimg3] .app-sidebar, [bg-img=bgimg2] .app-sidebar, [bg-img=bgimg1] .app-sidebar{ background-size: cover; background-position: center; background-repeat: no-repeat; } [bg-img=bgimg5] .app-sidebar::before, [bg-img=bgimg4] .app-sidebar::before, [bg-img=bgimg3] .app-sidebar::before, [bg-img=bgimg2] .app-sidebar::before, [bg-img=bgimg1] .app-sidebar::before{ position: absolute; left: 0px; right: 0px; top: 0px; z-index: -1; height: 100%; content: var(--tw-content); width: 100%; } [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [bg-img=bgimg5][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [bg-img=bgimg4][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [bg-img=bgimg3][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg3][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg3][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [bg-img=bgimg3][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [bg-img=bgimg2][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg2][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg2][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [bg-img=bgimg2][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar, [bg-img=bgimg1][data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar, [bg-img=bgimg1][data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar, [bg-img=bgimg1][data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar, [bg-img=bgimg1][data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar { position: fixed; } [bg-img=bgimg5][data-menu-styles=light] .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=light] .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=light] .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=light] .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=light] .app-sidebar::before{ content: var(--tw-content); background-color: rgb(255 255 255 / 0.8); } [bg-img=bgimg5][data-menu-styles=light] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=light] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=light] .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=light] .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=light] .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5].light[data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg4].light[data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg3].light[data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg2].light[data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg1].light[data-menu-styles=dark] .app-sidebar::before{ content: var(--tw-content); background-color: rgb(21 22 26 / 0.8); } [bg-img=bgimg5].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg4].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg3].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg2].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg1].light[data-menu-styles=dark] .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5][data-menu-styles=dark].dark .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=dark].dark .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=dark].dark .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=dark].dark .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=dark].dark .app-sidebar::before{ content: var(--tw-content); background-color: rgb(var(--body-bg) / 0.8); } [bg-img=bgimg5][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=dark].dark .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5][data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=dark] .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=dark] .app-sidebar::before{ content: var(--tw-content); background-color: rgb(21 22 26 / 0.8); } [bg-img=bgimg5][data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=dark] .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=dark] .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5][data-menu-styles=color] .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=color] .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=color] .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=color] .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=color] .app-sidebar::before{ background-color: rgb(var(--primary) / 0.8); background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); content: var(--tw-content); --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position); } [bg-img=bgimg5][data-menu-styles=color] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=color] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=color] .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=color] .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=color] .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=gradient] .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar::before{ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--primary) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); content: var(--tw-content); --tw-gradient-to: rgb(var(--secondary) / 0.8) var(--tw-gradient-to-position); } [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar::after, [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar::after, [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar::after, [bg-img=bgimg2][data-menu-styles=gradient] .app-sidebar::after, [bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar::after{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); content: var(--tw-content); --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position); } [bg-img=bgimg5][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=gradient] .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=gradient] .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5][data-menu-styles=transparent] .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=transparent] .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=transparent] .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=transparent] .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=transparent] .app-sidebar::before{ content: var(--tw-content); background-color: rgb(var(--body-bg) / 0.8); } [bg-img=bgimg5][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=transparent] .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=transparent] .app-sidebar .main-sidebar-header{ background-color: transparent !important; } [bg-img=bgimg5][data-menu-styles=transparent].dark .app-sidebar::before, [bg-img=bgimg4][data-menu-styles=transparent].dark .app-sidebar::before, [bg-img=bgimg3][data-menu-styles=transparent].dark .app-sidebar::before, [bg-img=bgimg2][data-menu-styles=transparent].dark .app-sidebar::before, [bg-img=bgimg1][data-menu-styles=transparent].dark .app-sidebar::before{ content: var(--tw-content); background-color: rgb(var(--dark-bg) / 0.8); } [bg-img=bgimg5][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-menu-styles=transparent].dark .app-sidebar .main-sidebar-header{ background-color: transparent !important; } @media (min-width: 992px) { [bg-img=bgimg5][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, [bg-img=bgimg4][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, [bg-img=bgimg3][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, [bg-img=bgimg2][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header, [bg-img=bgimg1][data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); } } /* End Background Image Styles */ /* Start Header-Scrollable Styles */ [data-header-position=scrollable] .app-header{ position: absolute; } @media screen and (min-width: 992px) { [data-header-position=scrollable]:not([data-menu-position=scrollable]) .app-sidebar.sticky-pin{ position: fixed !important; top: 0px !important; } } [data-header-position=scrollable]:not([data-menu-position=scrollable])[data-toggled=open] .app-sidebar.sticky-pin{ margin-top: 0px; } /* End Header-Scrollable Styles */ /* Loader Styles */ [loader=disable] #loader{ display: none; } /* Loader Styles */ /* Start:: Loader */ #loader{ position: fixed; top: 0px; inset-inline-start: 0px; z-index: 9999; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #loader:is(.dark *){ background-color: rgb(var(--dark-bg)); } /* End:: Loader */ /* Start Menu-Scrollable Styles */ [data-menu-position=scrollable] .app-sidebar{ position: absolute; } [data-menu-position=scrollable] .app-sidebar .main-sidebar-header { position: absolute; } [data-menu-position=scrollable] .app-sidebar #sidebar-scroll{ padding-bottom: 0px; } [data-menu-position=scrollable]:not([data-nav-layout=horizontal]) .content{ min-height: 1300px; } /* End Menu-Scrollable Styles */ @media (max-width: 991.98px) { .app-header .horizontal-logo .header-logo .toggle-logo{ display: block !important; } } [data-vertical-style=overlay][data-icon-overlay=open][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: none !important; } [data-vertical-style=overlay][data-icon-overlay=open][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark{ display: block !important; } @media (min-width: 992px) { [data-vertical-style=detached] .app-content{ margin-top: 6.25rem; } [data-vertical-style=detached] .app-header{ position: fixed !important; } } [data-menu-styles=color][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } [data-menu-styles=color][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } [data-menu-styles=color][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: none; } [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none !important; } [data-menu-styles=gradient][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none !important; } [data-menu-styles=gradient][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none !important; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category::before{ content: var(--tw-content) !important; color: rgb(255 255 255 / 0.6) !important; } [data-menu-styles=gradient][data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: none !important; } [data-header-styles=light] .app-header .header-search-bar{ border-width: 1px !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-header-styles=light] .app-header .header-search-bar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-header-styles=light] .app-header .header-search-bar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-header-styles=light] .app-header .header-search-bar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-header-styles=light] .app-header .header-search-bar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-header-styles=light] .app-header .header-search-bar:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(226 230 241 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .header-search-icon i:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .header-link-icon:is(.dark *){ --tw-border-opacity: 1 !important; border-color: rgb(226 230 241 / var(--tw-border-opacity)) !important; } [data-header-styles=light] .app-header .autoComplete_wrapper > input:is(.dark *)::-moz-placeholder{ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .autoComplete_wrapper > input:is(.dark *)::placeholder{ --tw-text-opacity: 1 !important; color: rgb(97 116 143 / var(--tw-text-opacity)) !important; } [data-header-styles=light] .app-header .animated-arrow span:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(97 116 143 / var(--tw-bg-opacity)) !important; } [data-header-styles=light] .app-header .animated-arrow span:is(.dark *)::before{ content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(97 116 143 / var(--tw-bg-opacity)) !important; } [data-header-styles=light] .app-header .animated-arrow span:is(.dark *)::after{ content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(97 116 143 / var(--tw-bg-opacity)) !important; } [data-header-styles=light][data-toggled=icon-overlay-close] .animated-arrow span:is(.dark *){ background-color: transparent !important; } [data-header-styles=light][data-vertical-style=closed] .animated-arrow span:is(.dark *){ background-color: transparent !important; } @media (min-width: 992px) { [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .desktop-white:is(.dark *){ display: none; } [data-menu-styles=transparent][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .header-logo .toggle-white:is(.dark *){ display: block !important; } [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .desktop-white:is(.dark *){ display: none; } [data-menu-styles=transparent][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .header-logo .toggle-white:is(.dark *){ display: block !important; } } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar{ border-width: 1px; border-color: rgb(var(--default-border)); } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-menu-styles=transparent][data-vertical-style=detached] .app-sidebar:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } @media (min-width: 992px) { [data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .header-logo .desktop-white{ display: none; } [data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .header-logo .toggle-logo{ display: block !important; } [data-menu-styles=transparent][data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .header-logo .toggle-white:is(.dark *){ display: block !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu] .app-sidebar .header-logo .desktop-white, [data-menu-styles=gradient][data-vertical-style=doublemenu] .app-sidebar .header-logo .toggle-dark{ display: none !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu] .app-sidebar .header-logo .desktop-white:is(.dark *), [data-menu-styles=gradient][data-vertical-style=doublemenu] .app-sidebar .header-logo .toggle-dark:is(.dark *){ display: none !important; } [data-menu-styles=gradient][data-vertical-style=doublemenu] .app-sidebar .header-logo .toggle-white{ display: block !important; } [data-menu-styles=color][data-vertical-style=doublemenu] .app-sidebar .header-logo .desktop-white, [data-menu-styles=color][data-vertical-style=doublemenu] .app-sidebar .header-logo .toggle-dark{ display: none !important; } [data-menu-styles=color][data-vertical-style=doublemenu] .app-sidebar .header-logo .desktop-white:is(.dark *), [data-menu-styles=color][data-vertical-style=doublemenu] .app-sidebar .header-logo .toggle-dark:is(.dark *){ display: none !important; } [data-menu-styles=color][data-vertical-style=doublemenu] .app-sidebar .header-logo .toggle-white{ display: block !important; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed].dark .app-sidebar .main-sidebar-header .header-logo .toggle-white { display: block; } [data-nav-layout=horizontal][data-header-position=scrollable] .app-content { margin-top: 8.5rem; } } [data-menu-styles=light] .simplebar-scrollbar.simplebar-visible:before{ opacity: 0.2 !important; } @media (min-width: 992px) { [data-nav-layout=vertical] footer{ padding-inline-start: 15rem; } } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *){ display: block; } @media (min-width: 992px) { [data-header-position=scrollable][data-nav-layout=vertical] .app-content{ margin-top: 5.75rem; } } @media (max-width: 992px) { [data-header-position=scrollable][data-nav-layout=vertical] .app-content{ margin-top: 4.25rem; } } [data-nav-layout=horizontal][data-menu-styles=color][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--primary)) !important; } [data-nav-layout=horizontal][data-menu-styles=color][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--primary)) !important; } [data-nav-layout=horizontal][data-menu-styles=color][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--primary)) !important; } [data-nav-layout=horizontal][data-menu-styles=color][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--primary)) !important; } @media (max-width: 991.98px) { [data-nav-layout=horizontal][data-header-position=scrollable][data-menu-position=scrollable] .main-content{ padding-top: 5.75rem; } } [data-vertical-style=doublemenu][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *){ display: none; } [data-header-styles=light][data-vertical-style=icontext][data-toggled=icon-text-close] .app-header .animated-arrow span:is(.dark *){ background-color: transparent !important; } [data-header-styles=light][data-vertical-style=detached][data-toggled=detached-close] .app-header .animated-arrow span:is(.dark *){ background-color: transparent !important; } [data-header-styles=light][data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-header .animated-arrow span:is(.dark *){ background-color: transparent !important; } [data-nav-layout=vertical] .main-menu > .slide.active .slide-menu .side-menu__item:hover .side-menu__angle, [data-nav-layout=vertical] .main-menu > .slide:hover .slide-menu .side-menu__item:hover .side-menu__angle{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } @media (min-width: 1400px) { [data-width=boxed][data-vertical-style=detached] .app-header .main-header-container{ width: 99%; } } /* Disabled unused icon fonts - Jowi project uses RemixIcon only */ /* CUSTOM */ /* Start:: authentication */ .authentication{ min-height: 100vh; } .authentication .authentication-brand.desktop-dark{ display: block; } .authentication .form-control{ padding-inline-end: 2.5rem; } .authentication .swiper-button-next, .authentication .swiper-button-prev{ background-color: rgba(255,255,255,0.05) !important; color: rgba(255,255,255,0.5) !important; } .authentication .swiper-pagination-bullet{ opacity: 0.1; } .authentication .swiper-pagination-bullet-active{ opacity: 0.5; } .authentication .google-svg{ margin-inline-end: 0.5rem; height: 0.75rem; width: 0.75rem; } .authentication .authentication-barrier{ position: relative; } .authentication .authentication-barrier span{ position: relative; z-index: 2; } .authentication .authentication-barrier:before{ position: absolute; inset-inline-end: -35px; top: 0.625rem; z-index: 1; height: 0.125rem; width: 45%; border-radius: 50%; background-image: linear-gradient(to left,transparent,light); --tw-content: ""; content: var(--tw-content); } .authentication .authentication-barrier:after{ position: absolute; inset-inline-start: -35px; top: 0.625rem; z-index: 1; height: 0.125rem; width: 45%; border-radius: 50%; background-image: linear-gradient(to left,light,transparent); --tw-content: ""; content: var(--tw-content); } .authentication.coming-soon .authentication-cover, .authentication.under-maintenance .authentication-cover{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-image: none; } .authentication.coming-soon .authentication-cover:is(.dark *), .authentication.under-maintenance .authentication-cover:is(.dark *){ background-color: rgb(var(--body-bg)); } .authentication.coming-soon .authentication-cover:before, .authentication.coming-soon .authentication-cover:after, .authentication.under-maintenance .authentication-cover:before, .authentication.under-maintenance .authentication-cover:after{ display: none; } .authentication.coming-soon .authentication-cover .aunthentication-cover-content, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content{ height: 100%; width: 100%; padding: 3rem; -webkit-backdrop-filter: none; backdrop-filter: none; } .authentication.coming-soon .authentication-cover .aunthentication-cover-content:before, .authentication.coming-soon .authentication-cover .aunthentication-cover-content:after, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content:before, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content:after{ display: none; } .authentication.coming-soon .authentication-cover .aunthentication-cover-content .coming-soon-time, .authentication.coming-soon .authentication-cover .aunthentication-cover-content .under-maintenance-time, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .coming-soon-time, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .under-maintenance-time{ border-width: 2px; border-style: dashed; border-color: rgb(var(--primary) / 0.2); } .authentication.coming-soon .authentication-cover .aunthentication-cover-content .authentication-brand, .authentication.under-maintenance .authentication-cover .aunthentication-cover-content .authentication-brand{ height: 2rem; width: auto; border-width: 0px; } .authentication .coming-soom-image-container img, .authentication .under-maintenance-image-container img{ height: auto; width: 100%; } .authentication .authentication-cover{ position: relative; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; background-color: rgb(var(--primary) / 0.9); } .authentication .authentication-cover:before{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-84.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); } .authentication .authentication-cover .aunthentication-cover-content{ position: relative; height: 20rem; width: 75%; padding: 2rem; } .authentication.authentication-basic .desktop-dark{ display: none; } .authentication .form-control-lg#one, .authentication .form-control-lg#two, .authentication .form-control-lg#three, .authentication .form-control-lg#four{ padding-left: 0px; padding-right: 0px; } @media (min-width: 992px) { .aunthentication-cover-content{ border-radius: 0.3rem; } } [class=dark] .authentication.authentication-basic .desktop-white{ display: block; } [class=dark] .authentication.authentication-basic .desktop-logo{ display: none; } [class=dark] .authentication .authentication-brand.desktop-white{ display: block; } [class=dark] .authentication.authentication-cover.desktop-white{ display: block; } .authentication .desktop-logo, .authentication .desktop-white{ height: 1.7rem; line-height: 1.7rem; } .authentication.authentication-basic .desktop-white{ display: none; } /* Start:: coming soon */ .authentication.coming-soon .form-control{ padding-inline-end: 1rem; } .coming-soon-main{ position: relative; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .coming-soon-main:is(.dark *){ background-color: rgb(var(--body-bg)); } .coming-soon-main:before{ position: absolute; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/svg/pattern-2.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.1; --tw-content: ""; content: var(--tw-content); } .footer.authentication-footer{ z-index: 100; background-color: transparent; padding-inline-start: 0px; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .anim, .anim svg{ position: absolute; height: 100%; width: 100%; opacity: 0.8; } .anim path{ stroke-width: 1; } /* End:: coming soon */ .show-password-button{ position: absolute; inset-inline-end: 0.25rem; top: 0px; padding: 0.4rem; } .authentication.authentication-cover-main .show-password-button{ padding: 0.45rem; } .authentication-background{ position: relative !important; background-color: rgb(var(--primary)) !important; } .authentication-background:is(.dark *){ background-color: rgb(var(--primary)) !important; } .authentication-background:before{ position: absolute; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/backgrounds/1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.15; --tw-content: ""; content: var(--tw-content); } .authentication-cover-image{ border-radius: 50%; } .authentication-cover-icon{ border-width: 0px !important; background-color: rgba(255,255,255,0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .authentication-cover-icon:hover, .authentication-cover-icon:active, .authentication-cover-icon:focus{ border-width: 0px !important; background-color: rgba(255,255,255,0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .authentication.two-step-verification .form-control{ padding-inline-end: 0.75rem; } .authentication-cover .authentication-cover-logo{ position: absolute; inset-inline-end: 30px; top: 30px; } /* End:: authentication */ /* Start:: custom */ /* Start::body */ body{ position: relative; display: flex; min-height: 100vh; flex-direction: column; justify-content: flex-start; overflow-x: clip; background-color: rgb(var(--body-bg)); text-align: start; font-family: Poppins, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgb(var(--default-text-color)); } body:is(.dark *){ background-color: rgb(var(--dark-bg)); color: rgb(var(--default-text-color) / 0.8); } body ::-webkit-scrollbar{ height: 0.25rem; width: 0px; background-color: rgb(var(--light)); -webkit-transition-property: all; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.05s; transition-duration: ease; } body :hover::-webkit-scrollbar-thumb{ background-color: rgb(var(--input-border)); } body :hover:is(.dark *)::-webkit-scrollbar-thumb{ background-color: rgb(var(--default-border) / 0.1); } /* End::body */ a, button { outline: 0 !important; } /* Start::basic */ .page{ display: flex; min-height: 100vh; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .app-content{ margin-inline-start: 15rem; margin-top: 1.75rem; margin-bottom: 0px; min-height: calc(100vh - 10rem); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease; } } pre{ border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); padding: 1.25rem; font-size: 0.75rem; } pre.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } pre.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } pre.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } pre.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } pre.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } pre.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } pre.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } pre.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } pre.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } pre.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } pre.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } pre.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } pre.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } pre.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } pre.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } pre.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } pre.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } pre.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } pre:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } html{ scroll-behavior: smooth; text-align: start; font-family: Poppins, sans-serif; } html[dir=rtl]{ direction: rtl !important; } .icon-label{ margin-top: 1rem; font-size: 0.75rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .icon-label:is(.dark *){ color: rgb(255 255 255 / 0.7); } .simplebar-scrollbar:before{ --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; } .app-sidebar .simplebar-track.simplebar-horizontal{ display: none !important; } .simplebar-track.simplebar-vertical{ width: 10px !important; } .simplebar-track, .simplebar-scrollbar{ right: -1px !important; } .simplebar-track:where([dir="rtl"], [dir="rtl"] *), .simplebar-scrollbar:where([dir="rtl"], [dir="rtl"] *){ left: -1px !important; } @media (min-width: 992px){ [data-toggled=icon-overlay-close] .content{ margin-inline-start: 6rem; } } .scrollToTop{ position: fixed; bottom: 1.25rem; inset-inline-end: 1.25rem; z-index: 10; display: none; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 0.25rem; border-width: 1px; border-color: rgb(var(--primary)); background-color: rgb(var(--primary) / 0.1); background-position: center; background-repeat: no-repeat; text-align: center; color: rgb(var(--primary)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; } .svg-icon-med.scrollToTop{ background-color: rgb(var(--primary) / 0.2); } .scrollToTop.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .scrollToTop.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .scrollToTop.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .scrollToTop.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .scrollToTop.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .scrollToTop.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .scrollToTop.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .scrollToTop.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .scrollToTop.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .scrollToTop.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .scrollToTop.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .scrollToTop.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .scrollToTop.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .scrollToTop.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .scrollToTop.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .scrollToTop.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .scrollToTop.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .scrollToTop.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [class=dark] .scrollToTop{ --tw-shadow: 0 1rem 3rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } #drag-right .box, #drag-center .box, #drag-left .box{ touch-action: none; } .main-content{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 991.98px) { .main-content{ padding-top: 3.75rem; } } /* End::basic */ /* Start::App Content */ .bd-example > .dropdown-menu{ position: static; display: block; } /* Start::width */ .min-w-fit-content{ min-width: -moz-fit-content; min-width: fit-content; } /* End::width */ /* Start::Scrollspy */ .scrollspy-example{ margin-top: 0.5rem; height: 12.5rem; overflow: auto; } .scrollspy-example-2{ height: 21.875; overflow: auto; } .scrollspy-example-3{ height: 13.75rem; overflow: auto; } .simple-list-example-scrollspy .active{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .scrollspy-example-4{ margin-top: 0.5rem; height: 12.5rem; overflow: auto; } /* End::Scrollspy */ /* Start::Carousel */ .carousel-inner{ border-radius: 0.35rem; } .carousel-caption{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* End::Carousel */ /* Start::navbar */ .fixed-top{ position: static; margin-top: -1rem; margin-inline-end: -1rem; margin-inline-start: -1rem; margin-bottom: 0px; } .fixed-bottom{ position: static; margin-bottom: -1rem; margin-inline-start: -1rem; margin-inline-end: 0px; margin-top: 1rem; } .sticky-top{ position: static; margin-top: -1rem; margin-inline-end: -1rem; margin-inline-start: -1rem; margin-bottom: 0px; } /*End::navbar*/ /* Start::Helpers */ .bd-example-ratios .ratio{ display: inline-block; width: 10rem; border-radius: 0.5rem; border-color: rgb(var(--default-border)); background-color: rgb(var(--primary) / 0.1); color: rgb(var(--text-muted)); } .bd-example-ratios .ratio:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } @media (min-width: 768px) { .bd-example-ratios-breakpoint .ratio-4x3 { --bs-aspect-ratio: 50%; } } .bd-example-ratios-breakpoint .ratio-4x3{ width: 15rem; } /* End::Helpers */ .callout{ margin-top: 1.25rem; margin-bottom: 1.25rem; border-inline-start-width: 4px; border-style: solid; border-inline-start-color: rgb(var(--default-border)); background-color: rgb(var(--light)); padding: 1.25rem; } .callout-info{ border-color: rgb(var(--info) / 0.5); background-color: rgb(var(--info) / 0.075); } .callout-warning{ border-color: rgb(var(--warning) / 0.5); background-color: rgb(var(--warning) / 0.075); } .callout-danger{ border-color: rgb(var(--danger) / 0.5); background-color: rgb(var(--danger) / 0.075); } .flex-container div{ border-width: 0px; background-color: transparent; } .flex-container div > div{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light)); } .flex-container div > div.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .flex-container div > div.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .flex-container div > div.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .flex-container div > div.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .flex-container div > div.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .flex-container div > div.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .flex-container div > div.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .flex-container div > div.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .flex-container div > div.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .flex-container div > div.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .flex-container div > div.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .flex-container div > div.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .flex-container div > div.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .flex-container div > div.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .flex-container div > div.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .flex-container div > div.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .flex-container div > div.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .flex-container div > div.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bd-example-position-utils{ position: relative; padding: 2rem; } .bd-example-position-utils .position-relative{ height: 12.5rem; background-color: rgb(var(--default-background)); } .bd-example-position-utils .position-absolute{ height: 2rem; width: 2rem; border-radius: 0.5rem; background-color: rgb(var(--primary) / 0.1); } /* End::Utilities Page */ /* Start:: Images & Figures */ .bd-placeholder-img-lg{ font-size: 3.5rem; } .figure-caption{ color: rgb(var(--text-muted)); } .figure-caption:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } /* End:: Images & Figures */ /* End:App-Content */ /* Start::Footer*/ @media (min-width: 992px) { [data-nav-layout=vertical] .footer{ padding-inline-start: 15rem; } } .footer{ border-top-width: 1px; border-style: solid; border-top-color: rgb(var(--default-border)); } /* End::Footer*/ /* Start::OffCanvas */ .offcanvas{ border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .offcanvas:is(.dark *){ background-color: rgb(var(--body-bg)); } .offcanvas-body{ flex-grow: 1; overflow-y: auto; padding: 1rem; } /* End::OffCanvas */ /* Start::Switcher */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #switcher-main-tab{ border-bottom-width: 0px; } #switcher-canvas{ width: 27.5rem; } #switcher-canvas .offcanvas-body{ padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 7rem; } #switcher-canvas .canvas-footer{ position: absolute; bottom: 0px; width: 100%; border-top-width: 1px; border-style: dashed; border-top-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1.563rem; padding-right: 1.563rem; padding-top: 0.75rem; padding-bottom: 0.75rem; --tw-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.5); --tw-shadow-colored: 0 0.25rem 0.5rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #switcher-canvas .canvas-footer:is(.dark *){ background-color: rgb(var(--body-bg)); } #switcher-canvas #switcher-main-tab button.nav-link{ border-radius: 0; font-weight: 400; color: rgb(var(--default-text-color)); } #switcher-canvas #switcher-main-tab button.nav-link.active{ border-color: transparent; background-color: rgb(var(--danger) / 0.2); color: rgb(var(--danger)); } #switcher-canvas #switcher-main-tab button.nav-link:hover{ border-color: transparent; } .switcher-style{ padding-left: 1.563rem; padding-right: 1.563rem; padding-top: 0.875rem; padding-bottom: 0.875rem; } .switcher-style h6{ margin-bottom: 0.625rem; } .switcher-icon i { animation-name: spin; animation-duration: 3000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .switch-select .form-check-label{ font-size: 0.813rem; font-weight: 400; } .switch-select.form-check{ margin-bottom: 0px; min-height: auto; } .menu-image .bgimage-input{ height: 5.625rem; width: 3.5rem; border-radius: 0.5rem; border-width: 0px; } .menu-image .bgimage-input.form-check-input:focus{ border-color: transparent; --tw-shadow: 0 0 0 0.25rem black1; --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .menu-image .bgimage-input.bg-img1{ background-image: url(../images/menu-bg-images/bg-img1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .menu-image .bgimage-input.bg-img1.form-check-input:checked[type=radio]{ background-image: none; } .menu-image .bgimage-input.bg-img2{ background-image: url(../images/menu-bg-images/bg-img2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .menu-image .bgimage-input.bg-img2.form-check-input:checked[type=radio]{ background-image: none; } .menu-image .bgimage-input.bg-img3{ background-image: url(../images/menu-bg-images/bg-img3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .menu-image .bgimage-input.bg-img3.form-check-input:checked[type=radio]{ background-image: none; } .menu-image .bgimage-input.bg-img4{ background-image: url(../images/menu-bg-images/bg-img4.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .menu-image .bgimage-input.bg-img4.form-check-input:checked[type=radio]{ background-image: none; } .menu-image .bgimage-input.bg-img5{ background-image: url(../images/menu-bg-images/bg-img5.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .menu-image .bgimage-input.bg-img5.form-check-input:checked[type=radio]{ background-image: none; } .theme-colors.switcher-style{ padding-left: 1.563rem; padding-right: 1.563rem; padding-top: 0.938rem; padding-bottom: 0.938rem; } .theme-colors .switch-select .color-input{ height: 2rem; width: 2rem; border-radius: 50%; } .theme-colors .switch-select .color-input.form-check-input:checked{ position: relative; border-width: 1px; border-style: solid; border-color: rgb(var(--input-border)); --tw-shadow: 0px 6px 16px 2px rgba(0,0,0,0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked:before{ position: absolute; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; font-family: tabler; font-size: 1.35rem; font-weight: 400; color: rgb(var(--success)); --tw-content: ""; content: var(--tw-content); } .theme-colors .switch-select .color-input.color-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-dark{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary{ background-color: rgb(var(--primary)); } .theme-colors .switch-select .color-input.color-primary-1{ --tw-bg-opacity: 1; background-color: rgb(118 71 229 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-2{ --tw-bg-opacity: 1; background-color: rgb(63 75 236 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-3{ --tw-bg-opacity: 1; background-color: rgb(55 125 206 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-4{ --tw-bg-opacity: 1; background-color: rgb(1 159 162 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-5{ --tw-bg-opacity: 1; background-color: rgb(139 149 4 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-transparent{ background-image: url(../images/menu-bg-images/transparent.png); } .theme-colors .switch-select .color-input.color-bg-1{ --tw-bg-opacity: 1; background-color: rgb(12 23 91 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-2{ --tw-bg-opacity: 1; background-color: rgb(50 11 110 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-3{ --tw-bg-opacity: 1; background-color: rgb(8 81 113 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-4{ --tw-bg-opacity: 1; background-color: rgb(3 81 60 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-5{ --tw-bg-opacity: 1; background-color: rgb(73 78 1 / var(--tw-bg-opacity)); } .theme-colors .switch-select .form-check-input:checked[type=radio]{ background-image: none; } .theme-colors .switch-select .form-check-input:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .theme-colors .switch-select .form-check-input:active{ --tw-brightness: brightness(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .switcher-style-head{ margin-bottom: 0px; background-color: rgb(var(--light)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.313rem; padding-bottom: 0.313rem; font-size: 0.8rem; font-weight: 500; color: rgb(var(--default-text-color)); } .switcher-style-head .switcher-style-description{ float: right; border-radius: 0.5rem; background-color: rgb(var(--secondary) / 0.2); padding-left: 0.313rem; padding-right: 0.313rem; padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 0.625rem; color: rgb(var(--secondary)); } #switcher-home, #switcher-profile{ padding: 0px; } .box .card-body#switcher-home .simplebar-track,.box .card-body #switcher-profile .simplebar-track{ inset-inline-end: 0px; } .theme-container-primary button, .theme-container-background button{ display: none; } .pickr-container-primary .pickr .pcr-button, .pickr-container-background .pickr .pcr-button{ height: 2rem; width: 2rem; overflow: hidden; border-radius: 50%; border-width: 1px; border-style: solid; border-color: rgb(var(--primary)); } .pickr-container-primary .pickr .pcr-button.border-primary1, .pickr-container-background .pickr .pcr-button.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2, .pickr-container-background .pickr .pcr-button.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3, .pickr-container-background .pickr .pcr-button.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button:focus, .pickr-container-background .pickr .pcr-button:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pickr-container-primary .pickr .pcr-button::after, .pickr-container-background .pickr .pcr-button::after { content: "\efc5"; font-size: 1.25rem; line-height: 1.5; color: rgb(255 255 255 / 0.7); font-family: remixicon !important; } @media (max-width: 991.98px) { .navigation-menu-styles{ display: none; } } /* End::Switcher */ .card{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .card.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .card.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .card.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .card.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .card.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .card.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .card.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .card.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .card.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .card.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .card.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .card.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .card.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .card.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .card.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .card.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .card.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .card.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .card:is(.dark *){ background-color: rgb(var(--body-bg)); } .img-thumbnail{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .img-thumbnail.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .img-thumbnail.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .img-thumbnail.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .img-thumbnail.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .img-thumbnail.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .img-thumbnail.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .img-thumbnail.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .img-thumbnail.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .img-thumbnail.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .img-thumbnail.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .img-thumbnail.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .img-thumbnail.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .img-thumbnail.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .img-thumbnail.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .img-thumbnail.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .img-thumbnail.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .img-thumbnail.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .img-thumbnail.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .img-thumbnail:is(.dark *){ background-color: rgb(var(--body-bg)); } /* Start:Responsive Dropdowns */ @media (max-width: 575.98px) { .cart-dropdown, .notifications-dropdown, .header-fullscreen{ display: none !important; } } /* End:Responsive Dropdowns */ /* Start::Close Button */ .btn-close:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } /* End::Close Button */ /* Start::Icons Page */ .icons-list{ margin-inline-start: 0px; margin-inline-end: -1px; margin-top: 0px; margin-bottom: -1px; display: flex; list-style-type: none; flex-wrap: wrap; padding: 0px; } .box .card-body.icons-list .simplebar-track{ inset-inline-end: 0px; } .icons-list .icons-list-item{ margin: 0.25rem !important; display: flex !important; height: 3rem !important; width: 3rem !important; align-items: center !important; justify-content: center !important; border-radius: 9999px !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; text-align: center !important; --tw-shadow: 0px 0.125px 0.25px rgba(0,0,0,0.05) !important; --tw-shadow-colored: 0px 0.125px 0.25px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .icons-list .icons-list-item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .icons-list .icons-list-item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .icons-list .icons-list-item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .icons-list .icons-list-item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .icons-list .icons-list-item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .icons-list .icons-list-item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .icons-list .icons-list-item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .icons-list .icons-list-item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .icons-list .icons-list-item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .icons-list .icons-list-item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .icons-list .icons-list-item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .icons-list .icons-list-item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .icons-list .icons-list-item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .icons-list .icons-list-item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .icons-list .icons-list-item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .icons-list .icons-list-item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .icons-list .icons-list-item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .icons-list .icons-list-item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .icons-list .icons-list-item:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .icons-list .icons-list-item i{ font-size: 1.05rem; color: rgb(var(--default-text-color)); } .fe{ color: inherit; } /* End::Icons Page */ .bd-placeholder-img{ margin: 0.125rem; } /* End::Shadows */ /* Start::placeholders */ .placeholder-xl{ min-height: 1.5em; } .placeholder{ background-color: var(--gray-7); } /* End:::placeholders */ /* Start::scrollspy */ .scrollspy-example-2{ height: 21.875rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding: 0.75rem; } .scrollspy-example-2.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .scrollspy-example-2.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .scrollspy-example-2.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .scrollspy-example-2.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .scrollspy-example-2.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .scrollspy-example-2.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .scrollspy-example-2.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .scrollspy-example-2.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .scrollspy-example-2.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .scrollspy-example-2.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .scrollspy-example-2.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .scrollspy-example-2.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .scrollspy-example-2.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .scrollspy-example-2.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .scrollspy-example-2.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .scrollspy-example-2.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .scrollspy-example-2.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .scrollspy-example-2.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } /* End::scrollspy */ /* Start::object-fit */ .object-fit-container{ display: flex; align-items: center; justify-content: center; } .object-fit-container img, .object-fit-container video{ height: 15.625rem; width: 15.625rem; } /* End::object-fit */ /* Start::invoice */ .invoice-amount-input{ width: 9.375rem; } .choices-control .choices__inner{ border-width: 0px; background-color: rgb(var(--light)); } .svg-icon-background{ display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 0.5rem; padding: 0.625rem; } .svg-icon-background svg{ height: 1.25rem; width: 1.25rem; } .invoice-quantity-container{ width: 8.75rem; } /* End::invoice */ /* Start::pricing */ .pricing-card:hover, .pricing-card.hover { box-shadow: 0px 7px 28px 0px rgba(100, 100, 110, 0.1); } .pricing-table-item-icon{ position: absolute; top: -9px; inset-inline-start: auto; inset-inline-end: 1rem; display: flex; height: 25px; width: 100px; align-items: center; justify-content: center; border-radius: 0.5rem; background-color: rgb(var(--primary-tint1-rgb)); text-align: center; font-size: 15px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .pricing-body{ margin-bottom: 0px; } .pricing-body li{ margin-bottom: 1rem; } .pricing-body li:last-child{ margin-bottom: 0px; } .pricing-card .ribbon-2.ribbon-right{ top: 1.25rem; } .pricing-card .ribbon-2.ribbon-right:before{ border-inline-end-width: 9px; border-style: solid; border-inline-end-color: transparent; } .switcher-box{ margin-bottom: 1rem; display: flex; align-content: center; justify-content: center; } .switcher-box .pricing-time-span{ padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0px; padding-bottom: 0px; font-size: 15px; font-weight: 500; line-height: 30px; } .switcher-pricing .pricing-toggle:checked:after { transform: translatex(28px); } .switcher-pricing [type=checkbox]:checked{ background-image: none; } [dir=rtl] .switcher-pricing .pricing-toggle:checked:after { transform: translatex(-28px); } .switcher-pricing .pricing-toggle{ position: relative; margin: 0px; display: inline-block; height: 30px; width: 59px; border-radius: 43px; border-width: 2px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--primary)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.2s; transition-timing-function: ease; } .switcher-pricing .pricing-toggle:after{ position: absolute; inset-inline-start: 3px; top: 3px; height: 1.25rem; width: 1.25rem; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 2px rgba(0,0,0,0.2); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.25s; transition-timing-function: linear; --tw-content: ""; content: var(--tw-content); } .switcher-pricing input[type=checkbox]{ cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #convertable-pricing .tab-content{ display: none; } #convertable-pricing .tab-content.show{ display: block; } /* End::pricing */ /* Start::Team */ .team-member{ z-index: 0; overflow: hidden; } .team-member .avatar.avatar-xl{ border-radius: 50%; } /* End::Team */ /* Start:: To Do Task */ .task-navigation ul.task-main-nav li{ border-radius: 0.5rem; padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.55rem; padding-bottom: 0.55rem; font-weight: 400; } .task-navigation ul.task-main-nav li:hover a{ color: rgb(var(--primary)); } .svg-icon-med.task-navigation ul.task-main-nav li:hover a{ background-color: rgb(var(--primary) / 0.2); } .task-navigation ul.task-main-nav li.active{ border-radius: 0.3rem; background-color: rgb(var(--primary) / 0.05); } .task-navigation ul.task-main-nav li.active div{ color: rgb(var(--primary)); } .svg-icon-med.task-navigation ul.task-main-nav li.active div{ background-color: rgb(var(--primary) / 0.2); } th.todolist-progress{ width: 150px; } .todolist-handle-drag{ width: 50px; } .todo-box{ touch-action: none; } button.btn.todo-handle{ cursor: move; } .todo-list-card{ position: relative; z-index: 0; } .todo-list-card:before{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-67.png); background-repeat: no-repeat; opacity: 0.05; --tw-content: ""; content: var(--tw-content); } /* End:: To Do Task */ /* Start:: Terms & Conditions */ .terms-list > li{ margin-bottom: 1.35rem; } .terms-list > li:last-child{ margin-bottom: 0px; } .terms-list > li li{ margin-bottom: 0.5rem; } .terms-list > li li:last-child{ margin-bottom: 0px; } /* End:: Terms & Conditions */ /* Start:: Faq's */ .faq-accordion.accordion.accordion-primary .accordion-button.collapsed{ color: rgb(var(--default-text-color)); } .faq-accordion.accordion.accordion-primary .accordion-button.collapsed:after{ font-size: 0.8125rem; color: rgb(var(--text-muted)); } .faq-accordion.accordion.accordion-primary .accordion-button.collapsed:is(.dark *):after{ color: rgb(var(--text-muted) / 0.5); } .faq-accordion .accordion-body{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.8125rem; color: rgb(var(--default-text-color)); } .faq-accordion .accordion-body:is(.dark *){ background-color: rgb(var(--body-bg)); } .faq-accordion .accordion-button{ font-weight: 600; } .faq-nav.nav-tabs-header .nav-item .nav-link{ background-color: rgb(var(--light)); } /* End:: Faq's */ /* Start:: Timeline */ .timeline, .timeline .timeline-container{ position: relative; width: 100%; } .timeline .timeline-end{ position: relative; margin-inline-start: -1rem; margin-top: 3px; } .timeline .timeline-end .avatar{ display: inline-block; } .timeline .timeline-content{ position: relative; margin-inline-start: 4rem; margin-inline-end: 6%; } .timeline .timeline-content::after{ position: absolute; inset-inline-start: -2.83rem; top: 0.1875rem; z-index: 1; display: block; height: 0.75rem; width: 0.75rem; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0px 0px 1px 3px var(--primary03); --tw-shadow-colored: 0px 0px 1px 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-content: ""; content: var(--tw-content); } .timeline .timeline-content:is(.dark *)::after{ background-color: rgb(var(--body-bg)); } .timeline .timeline-continue{ position: relative; width: 100%; padding-top: 2rem; } .timeline .timeline-continue::after{ position: absolute; inset-inline-start: 1.5rem; top: 0.125rem; margin-inline-start: -1px; height: 100%; border-inline-start-width: 1px; border-style: dashed; border-inline-start-color: rgb(var(--primary) / 0.4); --tw-content: ""; content: var(--tw-content); } .timeline .timeline-date{ position: relative; font-size: 0.875rem; } .timeline .timeline-box{ position: relative; margin-bottom: 15px; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0px 2px 0px rgba(118,138,254,0.03); --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .timeline .timeline-box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .timeline .timeline-box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .timeline .timeline-box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .timeline .timeline-box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .timeline .timeline-box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .timeline .timeline-box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .timeline .timeline-box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .timeline .timeline-box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .timeline .timeline-box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .timeline .timeline-box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .timeline .timeline-box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .timeline .timeline-box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .timeline .timeline-box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .timeline .timeline-box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .timeline .timeline-box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .timeline .timeline-box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .timeline .timeline-box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .timeline .timeline-box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .timeline .timeline-box:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .timeline .timeline-box .timeline-text{ position: relative; } .timeline .timeline-right .timeline-time{ text-align: end; } @media (max-width: 1199.98px) { .timeline-2 .notification::before{ content: var(--tw-content); inset-inline-start: 2.5rem; } .timeline-2 .notification .notification-time{ margin-top: 0.35rem; margin-bottom: 0.35rem; } .timeline-2 .notification .notification-body{ margin-inline-end: 0px; } .timeline-2 .notification > li{ padding-left: 0px; padding-right: 0px; padding-top: 9px; padding-bottom: 9px; } .timeline-2 .notification{ padding-inline-start: 4.5rem; } .timeline-2 .notification .notification-time.content-end{ margin-inline-end: 0px; } .timeline-2 .notification .notification-icon{ inset-inline-start: -9.5%; inset-inline-end: auto; } .timeline-2 .notification:before{ inset-inline-start: 3rem; } } @media (max-width: 566px) { .notification{ padding-inline-start: 1.5rem !important; } } @media (max-width: 1500px) { .timeline-3 .timeline-steps .content-top{ margin-top: 0px; } } @media (min-width: 991.98px) and (max-width: 1150px) { .timeline-2 .notification:before{ display: block; } } @media (min-width: 768px) and (max-width: 991.98px) { .timeline-2 .notification .notification-icon{ inset-inline-start: -9%; } } @media (max-width: 767.98px) { .timeline .timeline-continue::after{ inset-inline-start: 1.5rem; } .timeline .row.timeline-right .timeline-date::after{ inset-inline-start: -2.4rem; } .timeline .row.timeline-right .timeline-date, .timeline .row.timeline-right .timeline-time{ text-align: start; } .timeline .timeline-end{ text-align: start; } .timeline .timeline-date{ margin-top: 0px; } .timeline-2 .notification .notification-icon{ inset-inline-start: -3.7rem; } .timeline-2 .notification:before{ inset-inline-start: 2.5rem; } } [dir=rtl] .timeline .row.timeline-right .timeline-box::after{ border-color: transparent transparent transparent white; } [dir=rtl] .timeline .row.timeline-right .timeline-box::before{ border-color: transparent transparent transparent defaultborder; } [dir=rtl] .timeline .timeline-box::before{ border-color: transparent defaultborder transparent transparent; } [dir=rtl] .timeline .timeline-box::after{ border-color: transparent white transparent transparent; } .notification{ position: relative; list-style-type: none; padding: 0px; } .box .card-body.notification .simplebar-track{ inset-inline-end: 0px; } .notification:before{ position: absolute; inset-inline-start: 49.05%; top: 55px; bottom: 4rem; margin-inline-start: -1px; border-inline-start-width: 1px; border-style: dashed; border-inline-start-color: rgb(var(--primary) / 0.4); --tw-content: ""; content: var(--tw-content); } .notification > li{ position: relative; min-height: 50px; padding-left: 0px; padding-right: 0px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .notification .notification-time{ margin-top: 2.1rem; margin-bottom: 2.1rem; } .notification .notification-time.content-end{ margin-inline-end: 2.1rem; justify-content: flex-end; text-align: end; } .notification .notification-time .date, .notification .notification-time .time{ display: block; font-weight: 500; } .notification .notification-time .date{ line-height: 1rem; color: rgb(var(--text-muted)); } .notification .notification-time .date:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .notification .notification-time .time{ font-size: 1.125rem; line-height: 1.5rem; color: rgb(var(--text-muted)); } .notification .notification-time .time:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .notification .notification-icon{ position: absolute; inset-inline-end: 46%; top: 51px; width: 10%; text-align: center; } .notification .notification-icon a{ display: inline-block; height: 11px; width: 11px; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.875rem; line-height: 10px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); text-decoration-line: none; transition-property: border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.2s; transition-timing-function: linear; } .notification .notification-icon a:is(.dark *){ background-color: rgb(var(--body-bg)); } .notification .notification-icon a.primary1{ border-color: rgb(var(--primary-tint1-rgb)); } .notification .notification-icon a.primary2{ border-color: rgb(var(--primary-tint2-rgb)); } .notification .notification-icon a.primary3{ border-color: rgb(var(--primary-tint3-rgb)); } .notification .notification-icon a.warning{ border-color: rgb(var(--warning)); } .notification .notification-icon a.secondary{ border-color: rgb(var(--secondary)); } .notification .notification-icon a.success{ border-color: rgb(var(--success)); } .notification .notification-icon a.info{ border-color: rgb(var(--info)); } .notification .notification-body{ position: relative; margin-inline-start: 0px; margin-inline-end: 4%; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0px 2px 0px rgba(118,138,254,0.03); --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .notification .notification-body.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .notification .notification-body.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .notification .notification-body.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .notification .notification-body.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .notification .notification-body.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .notification .notification-body.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .notification .notification-body.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .notification .notification-body.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .notification .notification-body.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .notification .notification-body.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .notification .notification-body.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .notification .notification-body.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .notification .notification-body.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .notification .notification-body.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .notification .notification-body.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .notification .notification-body.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .notification .notification-body.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .notification .notification-body.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .notification .notification-body:is(.dark *){ background-color: rgb(var(--body-bg)); } .notification .notification-body.notification-body-end{ margin-inline-end: 0px; } .notification .notification-body > div + div{ margin-top: 15px; } .timeline .profile-activity-media img{ margin: 0.25rem; height: 3rem; width: 4rem; border-radius: 0.75rem; } @media (max-width: 576px) { .notification .notification-body:before{ display: none; } .notification .notification-icon a{ display: none; } .notification:before{ display: none; } .notification-body .media{ flex-direction: column; } .notification-body .media .main-img-user{ margin-bottom: 0.625rem !important; } .notification .notification-body{ position: relative; margin-left: 0px; margin-right: 0px; } .notification-badge{ position: absolute; inset-inline-start: 0.625rem; top: 0.5rem; } .notification .notification-time .date, .notification .notification-time .time{ display: inline; } .notification .notification-time .time{ margin-inline-start: 5px; margin-inline-end: 0.625rem; font-size: 11px; line-height: 1rem; color: rgb(var(--text-muted)); } .notification .notification-time .time:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } } .timeline-steps{ display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } .timeline-steps .content-top{ margin-top: -10.25rem; } .timeline-steps .timeline-step{ position: relative; margin: 1rem; display: flex; flex-direction: column; align-items: center; } @media (min-width: 576px) { .timeline-steps .timeline-step:not(:last-child):after{ position: absolute; inset-inline-start: 8rem; top: 0.35rem; display: block; width: 6.46rem; border-top-width: 2px; border-style: dotted; border-top-color: rgb(var(--secondary) / 0.2); --tw-content: ""; content: var(--tw-content); } .timeline-steps .timeline-step:not(:first-child):before{ position: absolute; inset-inline-end: 8rem; top: 0.35rem; display: block; width: 5.6875rem; border-top-width: 2px; border-style: dotted; border-top-color: rgb(var(--secondary) / 0.2); --tw-content: ""; content: var(--tw-content); } } .timeline-steps .timeline-content{ width: 13rem; text-align: center; } .timeline-steps .timeline-content .inner-circle{ display: inline-flex; height: 0.5rem; width: 0.5rem; align-items: center; justify-content: center; border-radius: 1rem; background-color: rgb(var(--primary)); } .timeline-steps .timeline-content .inner-circle:before{ display: inline-block; height: 1rem; width: 2rem; min-width: 3rem; border-radius: 6.25rem; background-color: rgb(var(--primary) / 0.15); --tw-content: ""; content: var(--tw-content); } /* End:: Timeline */ /* Start:: Blog */ .popular-blog-content{ max-width: 14rem; } /* End:: Blog */ /* Start:: Blog Details */ .blog-popular-tags .badge{ margin: 0.313rem; font-size: 0.65rem; } #blog-details-comment-list{ max-height: 265px; } /* End:: Blog Details */ /* Start:: Create Blog */ .blog-images-container .filepond--root{ width: 100%; } .blog-images-container .filepond--panel-root{ border-radius: 0.5rem; border-color: rgb(var(--input-border)); } .blog-images-container .filepond--root .filepond--drop-label label{ color: rgb(var(--text-muted)); } .blog-images-container .filepond--root .filepond--drop-label label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } #blog-content{ height: auto; } @media screen and (max-width: 400px) { .choices__inner .choices__list--multiple .choices__item{ margin-bottom: 0.25rem !important; } } @media screen and (max-width: 991px) { .ql-toolbar.ql-snow .ql-formats{ margin-bottom: 0.25rem !important; } } /* End:: Create Blog */ /* Start:: Profile */ .profile-card .avatar.avatar-xxl img{ border-width: 4px; border-style: solid; border-color: rgb(var(--primary-tint1-rgb) / 0.3); } .profile-card{ overflow: hidden; } .profile-card .profile-banner-img{ position: relative; } .profile-card .profile-banner-img::before{ position: absolute; inset-inline-start: 0px; top: 0px; height: 100%; width: 100%; background-color: rgb(var(--primary) / 0.3); --tw-content: ""; content: var(--tw-content); } @media (max-width: 576px) { .profile-card .profile-content{ margin-top: -3rem; } } .profile-content{ margin-top: -5rem; } .profile-timeline{ margin-bottom: 0px; } .profile-timeline li{ position: relative; margin-bottom: 1.85rem; padding-inline-start: 3rem; } .profile-timeline li .profile-timeline-avatar{ position: absolute; inset-inline-start: 0.125rem; top: 0px; } .profile-timeline li:last-child{ margin-bottom: 0px; } .profile-timeline li:last-child::before{ display: none; } .profile-timeline li::before { content: ""; position: absolute; inset-inline-start: 0.813rem; top: 1.813rem; height: 100%; border-width: 1px; border-style: dashed; border-color: rgb(var(--dark) / 0.1); background-color: transparent; } .profile-timeline li.border-primary1::before{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .profile-timeline li.border-primary1.border-opacity-10::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .profile-timeline li.border-primary1.border-opacity-25::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .profile-timeline li.border-primary1.border-opacity-50::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .profile-timeline li.border-primary1.border-opacity-75::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .profile-timeline li.border-primary1.border-opacity-100::before{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .profile-timeline li.border-primary2::before{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .profile-timeline li.border-primary2.border-opacity-10::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .profile-timeline li.border-primary2.border-opacity-25::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .profile-timeline li.border-primary2.border-opacity-50::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .profile-timeline li.border-primary2.border-opacity-75::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .profile-timeline li.border-primary2.border-opacity-100::before{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .profile-timeline li.border-primary3::before{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .profile-timeline li.border-primary3.border-opacity-10::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .profile-timeline li.border-primary3.border-opacity-25::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .profile-timeline li.border-primary3.border-opacity-50::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .profile-timeline li.border-primary3.border-opacity-75::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .profile-timeline li.border-primary3.border-opacity-100::before{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .profile-timeline .profile-activity-media{ border-radius: 0.75rem; background-color: rgb(var(--light)); padding: 0.3rem; } .profile-timeline .profile-activity-media img{ margin: 0.25rem; height: 3rem; width: 4rem; border-radius: 0.5rem; } .profile-settings-tab .nav-item .nav-link{ border-width: 0px; } .profile-settings-tab .nav-item .nav-link.active{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: rgb(var(--primary) / 0.1); } .profile-settings-tab .nav-item .nav-link.active:before{ bottom: 1px; } .profile-settings-tab .nav-item .nav-link:hover, .profile-settings-tab .nav-item .nav-link:focus{ border-width: 0px; } .tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link{ position: relative; border-bottom-color: none; padding: 0.5rem; } .tab-style-8.nav-tabs > .nav-item > .nav-link.active{ border-width: 2px !important; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; border-bottom-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary) / 0.1) !important; color: rgb(var(--primary)) !important; } .svg-icon-med.tab-style-8.nav-tabs > .nav-item > .nav-link.active{ background-color: rgb(var(--primary) / 0.2); } /* End:: Profile */ /* Start:: Full Calendar */ [dir=rtl] .fullcalendar-events-activity li{ padding-top: 0.25rem; padding-bottom: 0.25rem; padding-inline-end: 1rem; padding-inline-start: 2rem; } .fullcalendar-events-activity li{ position: relative; margin-bottom: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-inline-start: 2rem; padding-inline-end: 0px; font-size: 0.8125rem; } .fullcalendar-events-activity li::before{ position: absolute; inset-inline-start: 0.1rem; top: 0.563rem; height: 0.75rem; width: 0.75rem; border-radius: 3.125rem; border-width: 2px; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } .fullcalendar-events-activity li:is(.dark *)::before{ background-color: rgb(var(--body-bg)); } .fullcalendar-events-activity li::after{ position: absolute; inset-inline-start: 0.4rem; top: 1.25rem; height: 100%; border-inline-end-width: 2px; border-style: dashed; border-inline-end-color: rgb(var(--primary) / 0.1); background-color: transparent; --tw-content: ""; content: var(--tw-content); } .fullcalendar-events-activity li:last-child{ margin-bottom: 0px; } .fullcalendar-events-activity li:last-child::after{ border-inline-end-width: 0px; border-style: dashed; border-inline-end-color: rgb(var(--default-border)); } #full-calendar-activity{ max-height: 24rem; } /* End:: Full Calendar */ /* Start:: Draggable Cards */ #draggable-left .card, #draggable-right .card{ cursor: move; } /* End:: Draggable Cards */ /* Start:: Back to Top */ .scrollToTop{ position: fixed; inset-inline-end: 1.25rem; bottom: 1.25rem; z-index: 10000; display: flex; height: 2.5rem; width: 2.5rem; align-items: center; justify-content: center; border-radius: 0.25rem; border-width: 1px; border-style: solid; border-color: rgb(var(--primary)); background-color: rgb(var(--primary) / 0.1); background-position: center; background-repeat: no-repeat; text-align: center; color: rgb(var(--primary)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.1s; transition-timing-function: linear; } .svg-icon-med.scrollToTop{ background-color: rgb(var(--primary) / 0.2); } .scrollToTop.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .scrollToTop.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .scrollToTop.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .scrollToTop.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .scrollToTop.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .scrollToTop.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .scrollToTop.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .scrollToTop.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .scrollToTop.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .scrollToTop.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .scrollToTop.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .scrollToTop.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .scrollToTop.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .scrollToTop.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .scrollToTop.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .scrollToTop.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .scrollToTop.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .scrollToTop.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } /* End:: Back to Top */ [dir=rtl] .rtl-rotate{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* Start:: Projects List */ .project-list-title{ max-width: 13.375rem; } #project-descriptioin-editor{ height: 200px; overflow: auto; } .project-list-main .choices__inner{ width: 150px; } .project-list-description{ min-width: 350px; max-width: 350px; white-space: wrap !important; } /* End:: Projects List */ /* Start:: Job Details */ .swiper-related-jobs .swiper-button-next, .swiper-related-jobs .swiper-button-prev{ background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .box.job-info-banner{ z-index: 0 !important; height: 10rem !important; background-color: rgb(var(--primary)) !important; } .box.job-info-banner:is(.dark *){ background-color: rgb(var(--primary)) !important; } .box.job-info-banner::before{ position: absolute; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-69.jpg); background-size: cover; background-position: top; background-repeat: repeat; opacity: 0.3; --tw-content: ""; content: var(--tw-content); } .box.job-info-data{ margin-left: 1rem; margin-right: 1rem; margin-top: -5rem; width: auto; } .swiper-vertical.swiper-related-jobs{ height: 38rem; } @media (max-width: 349px) { .swiper-vertical.swiper-related-jobs{ height: 32rem; } } /* End:: Job Details */ /* Start:: Companies Search */ @media screen and (min-width: 623px) { .input-group.companies-search-input .choices{ margin-bottom: 0px; border-top-left-radius: 0; border-top-right-radius: 0; border-style: solid; } .input-group.companies-search-input .choices__inner{ min-height: 100% !important; border-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .input-group.companies-search-input .choices__inner:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .input-group.companies-search-input .choices__list--dropdown .choices__item--selectable{ padding-inline-end: 1rem; } [dir=rtl] .input-group.companies-search-input .choices__inner{ border-radius: 0; } } @media screen and (max-width: 622px) { .input-group.companies-search-input{ display: block; } .input-group.companies-search-input .form-control{ margin-bottom: 0.5rem; width: 100%; border-radius: 0.5rem; } .input-group.companies-search-input .choices{ margin-bottom: 0.5rem; border-radius: 0.5rem; } .input-group.companies-search-input .choices .choices__inner{ border-radius: 0.5rem !important; } .input-group.companies-search-input .ti-btn{ z-index: 0 !important; width: 100% !important; border-radius: 0.5rem !important; } .input-group.companies-search-input input{ border-radius: 0.5rem !important; border-width: 1px !important; border-color: rgb(var(--default-border)) !important; } .input-group.companies-search-input input.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .input-group.companies-search-input input.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .input-group.companies-search-input input.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .input-group.companies-search-input input.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .input-group.companies-search-input input.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .input-group.companies-search-input input.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .input-group.companies-search-input input.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .input-group.companies-search-input input.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .input-group.companies-search-input input.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .input-group.companies-search-input input.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .input-group.companies-search-input input.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .input-group.companies-search-input input.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .input-group.companies-search-input input.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .input-group.companies-search-input input.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .input-group.companies-search-input input.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .input-group.companies-search-input input.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .input-group.companies-search-input input.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .input-group.companies-search-input input.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .input-group.companies-search-input input:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } } /* End:: Companies Search */ /* Start:: Jobs Candidate Search */ .companies-search-input .choices__list.choices__list--single{ line-height: 2.25; } .companies-search-input1 .choices{ flex: 1 1 auto; } /* End:: Jobs Candidate Search */ /* Start:: Jobs Candidate Details */ .list-bullets li{ position: relative; margin-bottom: -1px; list-style-position: inside; list-style-type: circle; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .list-bullets li.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .list-bullets li.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .list-bullets li.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .list-bullets li.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .list-bullets li.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .list-bullets li.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .list-bullets li.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .list-bullets li.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .list-bullets li.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .list-bullets li.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .list-bullets li.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .list-bullets li.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .list-bullets li.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .list-bullets li.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .list-bullets li.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .list-bullets li.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .list-bullets li.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .list-bullets li.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .swiper-vertical.swiper-related-profiles{ height: 39.75rem; } @media (min-width: 1400px) and (max-width: 1433px) { .swiper-vertical.swiper-related-profiles{ height: 35.75rem; } } @media (max-width: 398px) { .swiper-vertical.swiper-related-profiles{ height: 16rem; } } .job-candidate-details{ z-index: 0; overflow: hidden; } .job-candidate-details .candidate-bg-shape{ position: absolute; inset-inline-start: 0px; z-index: -1; height: 115px; width: 100%; background-image: url(../images/media/media-70.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.94; } /* End:: Jobs Candidate Details */ /* Start:: CRM Companies */ #offcanvasExample{ border-color: transparent !important; } /* End:: CRM Companies */ #leads-discovered .box{ border-top-width: 3px; border-style: solid; border-top-color: rgb(var(--primary) / 0.18); } #leads-discovered .box .company-name{ color: rgb(var(--primary)); } .svg-icon-med#leads-discovered .box .company-name{ background-color: rgb(var(--primary) / 0.2); } #leads-discovered .box .deal-description{ background-color: rgb(var(--primary) / 0.05); } #leads-discovered .box .avatar{ background-color: rgb(var(--primary)); } #leads-qualified .box{ border-top-width: 3px; border-style: solid; border-top-color: rgb(var(--primary-tint1-rgb) / 0.18); } #leads-qualified .box .company-name{ color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med#leads-qualified .box .company-name{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } #leads-qualified .box .deal-description{ background-color: rgb(var(--primary-tint1-rgb) / 0.05); } #leads-qualified .box .avatar{ background-color: rgb(var(--primary) / 0.1); } #contact-initiated .box{ border-top-width: 3px; border-style: solid; border-top-color: rgb(var(--primary-tint2-rgb) / 0.18); } #contact-initiated .box .company-name{ color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med#contact-initiated .box .company-name{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } #contact-initiated .box .deal-description{ background-color: rgb(var(--primary-tint2-rgb) / 0.05); } #contact-initiated .box .avatar{ background-color: rgb(var(--primary) / 0.2); } #needs-identified .box{ border-top-width: 3px; border-style: solid; border-top-color: rgb(var(--primary-tint3-rgb) / 0.18); } #needs-identified .box .company-name{ color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med#needs-identified .box .company-name{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } #needs-identified .box .deal-description{ background-color: rgb(var(--primary-tint3-rgb) / 0.05); } #needs-identified .box .avatar{ background-color: rgb(var(--primary) / 0.3); } #negotiation .box{ border-top-width: 3px; border-style: solid; border-top-color: rgb(var(--secondary) / 0.18); } #negotiation .box .company-name{ color: rgb(var(--secondary)); } #negotiation .box .deal-description{ background-color: rgb(var(--secondary) / 0.05); } #negotiation .box .avatar{ background-color: rgb(var(--secondary)); } #deal-finalized .box{ border-top-width: 3px; border-style: solid; border-top-color: rgb(var(--success) / 0.18); } #deal-finalized .box .company-name{ color: rgb(var(--success)); } #deal-finalized .box .deal-description{ background-color: rgb(var(--success) / 0.05); } #deal-finalized .box .avatar{ background-color: rgb(var(--success)); } #leads-discovered .box, #leads-qualified .box, #contact-initiated .box, #needs-identified .box, #negotiation .box, #deal-finalized .box{ margin-bottom: 0.5rem; touch-action: none; } #leads-discovered .box:last-child, #leads-qualified .box:last-child, #contact-initiated .box:last-child, #needs-identified .box:last-child, #negotiation .box:last-child, #deal-finalized .box:last-child{ margin-bottom: 1.5rem; } #leads-discovered .box .box-body, #leads-qualified .box .box-body, #contact-initiated .box .box-body, #needs-identified .box .box-body, #negotiation .box .box-body, #deal-finalized .box .box-body{ padding: 1rem; } #leads-discovered .box .box-body .deal-description, #leads-qualified .box .box-body .deal-description, #contact-initiated .box .box-body .deal-description, #needs-identified .box .box-body .deal-description, #negotiation .box .box-body .deal-description, #deal-finalized .box .box-body .deal-description{ border-radius: 4px !important; padding-left: 9px !important; padding-right: 9px !important; padding-top: 3px !important; padding-bottom: 3px !important; } #leads-discovered .box .box-body .deal-description .company-name, #leads-qualified .box .box-body .deal-description .company-name, #contact-initiated .box .box-body .deal-description .company-name, #needs-identified .box .box-body .deal-description .company-name, #negotiation .box .box-body .deal-description .company-name, #deal-finalized .box .box-body .deal-description .company-name{ font-size: 0.75rem; } .create-nft-item .filepond--root[data-style-panel-layout~=circle]{ width: 100%; border-radius: 0.5rem; } .create-nft-item .filepond--drop-label.filepond--drop-label label{ padding: 2em; } .create-nft-item .filepond--drop-label{ color: rgb(var(--text-muted)); } .create-nft-item .filepond--drop-label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .create-nft-item .filepond--panel-root{ border-width: 2px; border-style: dashed; border-color: rgb(var(--input-border)); } .create-nft-item .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper{ border-radius: 0.3rem; } @media (min-width: 576px) { .create-nft-item .filepond--root[data-style-panel-layout~=circle]{ height: 15.08rem !important; width: 22.25rem !important; } .create-nft-item .filepond--drop-label label{ font-size: 0.75rem; } .create-nft-item .filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper, .create-nft-item .filepond--file{ height: 15.08rem; width: 22.25rem; } } .nft-wallet{ position: relative; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); text-align: center; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-wallet.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .nft-wallet.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .nft-wallet.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .nft-wallet.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .nft-wallet.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .nft-wallet.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .nft-wallet.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .nft-wallet.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .nft-wallet.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .nft-wallet.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .nft-wallet.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .nft-wallet.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .nft-wallet.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .nft-wallet.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .nft-wallet.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .nft-wallet.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .nft-wallet.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .nft-wallet.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .nft-wallet:hover{ background-color: rgb(var(--primary) / 0.1) !important; } .nft-wallet:hover:is(.dark *){ background-color: rgb(var(--primary) / 0.1) !important; } .nft-wallet.active{ border-color: rgb(var(--primary) / 0.2) !important; background-color: rgb(var(--primary) / 0.1) !important; } .nft-list li{ overflow: hidden; border-radius: 0.5rem; } .nft-list li.active{ border-radius: 0.5rem !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .nft-wallet-card{ position: relative; z-index: 0; } .nft-wallet-card::before{ position: absolute; inset-inline-start: -1.5rem; top: -1.5rem; height: 5rem; width: 5rem; border-radius: 2.35rem; border-width: 13px; border-style: solid; border-color: rgb(255,255,255,0.05); --tw-content: ""; content: var(--tw-content); } .nft-wallet-card::after{ position: absolute; inset-inline-end: -1.5rem; bottom: -1.5rem; height: 5rem; width: 5rem; border-radius: 2.35rem; border-width: 13px; border-style: solid; border-color: rgb(255,255,255,0.05); --tw-content: ""; content: var(--tw-content); } .nft-tag.nft-tag-primary:hover, .nft-tag.nft-tag-primary.active{ color: rgb(var(--primary)); } .svg-icon-med.nft-tag.nft-tag-primary:hover,.svg-icon-med .nft-tag.nft-tag-primary.active{ background-color: rgb(var(--primary) / 0.2); } .nft-tag.nft-tag-primary:hover .nft-tag-icon, .nft-tag.nft-tag-primary.active .nft-tag-icon{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-primary .nft-tag-icon{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary)); } .svg-icon-med.nft-tag.nft-tag-primary .nft-tag-icon{ background-color: rgb(var(--primary) / 0.2); } .nft-tag.nft-tag-primary1:hover, .nft-tag.nft-tag-primary1.active{ color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med.nft-tag.nft-tag-primary1:hover,.svg-icon-med .nft-tag.nft-tag-primary1.active{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .nft-tag.nft-tag-primary1:hover .nft-tag-icon, .nft-tag.nft-tag-primary1.active .nft-tag-icon{ background-color: rgb(var(--primary-tint1-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-primary1 .nft-tag-icon{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med.nft-tag.nft-tag-primary1 .nft-tag-icon{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .nft-tag.nft-tag-primary2:hover, .nft-tag.nft-tag-primary2.active{ color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med.nft-tag.nft-tag-primary2:hover,.svg-icon-med .nft-tag.nft-tag-primary2.active{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .nft-tag.nft-tag-primary2:hover .nft-tag-icon, .nft-tag.nft-tag-primary2.active .nft-tag-icon{ background-color: rgb(var(--primary-tint2-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-primary2 .nft-tag-icon{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med.nft-tag.nft-tag-primary2 .nft-tag-icon{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .nft-tag.nft-tag-primary3:hover, .nft-tag.nft-tag-primary3.active{ color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med.nft-tag.nft-tag-primary3:hover,.svg-icon-med .nft-tag.nft-tag-primary3.active{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .nft-tag.nft-tag-primary3:hover .nft-tag-icon, .nft-tag.nft-tag-primary3.active .nft-tag-icon{ background-color: rgb(var(--primary-tint3-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-primary3 .nft-tag-icon{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med.nft-tag.nft-tag-primary3 .nft-tag-icon{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .nft-tag.nft-tag-secondary:hover, .nft-tag.nft-tag-secondary.active{ color: rgb(var(--secondary)); } .nft-tag.nft-tag-secondary:hover .nft-tag-icon, .nft-tag.nft-tag-secondary.active .nft-tag-icon{ background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-secondary .nft-tag-icon{ background-color: rgb(var(--secondary) / 0.1); color: rgb(var(--secondary)); } .nft-tag.nft-tag-warning:hover, .nft-tag.nft-tag-warning.active{ color: rgb(var(--warning)); } .nft-tag.nft-tag-warning:hover .nft-tag-icon, .nft-tag.nft-tag-warning.active .nft-tag-icon{ background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-warning .nft-tag-icon{ background-color: rgb(var(--warning) / 0.1); color: rgb(var(--warning)); } .nft-tag.nft-tag-info:hover, .nft-tag.nft-tag-info.active{ color: rgb(var(--info)); } .nft-tag.nft-tag-info:hover .nft-tag-icon, .nft-tag.nft-tag-info.active .nft-tag-icon{ background-color: rgb(var(--info) / 0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-info .nft-tag-icon{ background-color: rgb(var(--info) / 0.1); color: rgb(var(--info)); } .nft-tag.nft-tag-success:hover, .nft-tag.nft-tag-success.active{ color: rgb(var(--success)); } .nft-tag.nft-tag-success:hover .nft-tag-icon, .nft-tag.nft-tag-success.active .nft-tag-icon{ background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-success .nft-tag-icon{ background-color: rgb(var(--success) / 0.1); color: rgb(var(--success)); } .nft-tag.nft-tag-danger:hover, .nft-tag.nft-tag-danger.active{ color: rgb(var(--danger)); } .nft-tag.nft-tag-danger:hover .nft-tag-icon, .nft-tag.nft-tag-danger.active .nft-tag-icon{ background-color: rgb(var(--danger) / 0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-danger .nft-tag-icon{ background-color: rgb(var(--danger) / 0.1); color: rgb(var(--danger)); } .nft-tag.nft-tag-dark:hover, .nft-tag.nft-tag-dark.active{ color: rgb(var(--dark)); } .nft-tag.nft-tag-dark:hover .nft-tag-icon, .nft-tag.nft-tag-dark.active .nft-tag-icon{ background-color: rgb(var(--danger) / 0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.nft-tag-dark .nft-tag-icon{ background-color: rgb(var(--dark) / 0.1); color: rgb(var(--dark)); } .nft-tag .nft-tag-text{ display: inline-block; padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0.5rem; padding-inline-end: 1.25rem; font-weight: 400; } .nft-tag .nft-tag-icon{ display: inline-block; border-radius: 50px; background-color: rgb(var(--light)); padding: 0.4rem; line-height: 1; } .nft-tag{ position: relative; display: inline-flex; align-items: center; border-radius: 50rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 5px; color: rgb(var(--default-text-color)); --tw-shadow: 0px 2px 0px rgba(118,138,254,0.03); --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nft-tag.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .nft-tag.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .nft-tag.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .nft-tag.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .nft-tag.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .nft-tag.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .nft-tag.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .nft-tag.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .nft-tag.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .nft-tag.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .nft-tag.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .nft-tag.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .nft-tag.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .nft-tag.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .nft-tag.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .nft-tag.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .nft-tag.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .nft-tag.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .nft-tag:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } /* End:: NFT Live Auction */ /* Start:: Crypto Wallet */ [class=dark] .qr-image{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } /* End:: Crypto Wallet */ /* Start:: Crypto Currency Exchange */ .currency-exchange-card{ position: relative !important; z-index: 10 !important; min-height: 21.875rem !important; background-color: rgb(var(--primary)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .currency-exchange-card:before{ position: absolute; z-index: 0; height: 100%; width: 100%; background-image: url(../images/media/media-69.jpg); background-size: cover; background-repeat: no-repeat; opacity: 0.15; --tw-content: ""; content: var(--tw-content); } .currency-exchange-card .currency-exchange-area{ position: relative; z-index: 1; background-color: rgb(var(--dark) / 0.1); --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .currency-exchange-card .currency-exchange-area .form-control{ line-height: 1.96; } .currency-exchange-area .choices__inner{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .currency-exchange-area .choices__inner:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .currency-exchange-area .choices[data-type*=select-one].is-open::after{ border-bottom-color: transparent !important; } /* End:: Crypto Currency Exchange */ /* Start:: Crypto Buy & Sell */ #buy_sell-statistics .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area{ stroke: transparent; } /* End:: Crypto Buy & Sell */ /* Start:: Crypto Marketcap */ #bitcoin-chart .apexcharts-grid line, #etherium-chart .apexcharts-grid line, #dashcoin-chart .apexcharts-grid line, #btc-chart .apexcharts-grid line, #eth-chart .apexcharts-grid line, #glm-chart .apexcharts-grid line, #dash-chart .apexcharts-grid line, #lite-chart .apexcharts-grid line, #ripple-chart .apexcharts-grid line, #eos-chart .apexcharts-grid line, #bytecoin-chart .apexcharts-grid line, #iota-chart .apexcharts-grid line, #monero-chart .apexcharts-grid line{ stroke: transparent; } /* End:: Crypto Marketcap */ /* Start:: Loader */ #loader{ position: fixed; inset-inline-start: 0px; top: 0px; z-index: 9999; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #loader:is(.dark *){ background-color: rgb(var(--body-bg)); } /* End:: Loader */ /* Start:: Offcanvas body padding*/ @media (min-width: 992px) { body{ overflow: auto; padding-inline-end: 0px; } } /* end:: Offcanvas body padding*/ /* start:: kanban*/ @media (min-width: 1400px) { .kanban-board{ width: 370px; } } [class^=ri-], [class*=" ri-"]{ display: inline-flex; } .badge-task{ background-color: rgba(0,0,0,0.2); } /* end:: kanban*/ [class=dark] .bg-dark .h1, [class=dark] .bg-dark .h2, [class=dark] .bg-dark .h3, [class=dark] .bg-dark .h4, [class=dark] .bg-dark .h5, [class=dark] .bg-dark .h6, [class=dark] .bg-dark h1, [class=dark] .bg-dark h2, [class=dark] .bg-dark h3, [class=dark] .bg-dark h4, [class=dark] .bg-dark h5, [class=dark] .bg-dark h6, [class=dark] .card-bg-dark .h1, [class=dark] .card-bg-dark .h2, [class=dark] .card-bg-dark .h3, [class=dark] .card-bg-dark .h4, [class=dark] .card-bg-dark .h5, [class=dark] .card-bg-dark .h6, [class=dark] .card-bg-dark h1, [class=dark] .card-bg-dark h2, [class=dark] .card-bg-dark h3, [class=dark] .card-bg-dark h4, [class=dark] .card-bg-dark h5, [class=dark] .card-bg-dark h6{ color: rgb(var(--custom-white)) !important; } [class=dark] .bg-dark .text-fixed-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .bg-dark.box, [class=dark] .card-bg-dark.box{ color: rgb(var(--custom-white)) !important; } [class=dark] .bg-dark.box .card-body, [class=dark] .bg-dark.box .card-footer, [class=dark] .card-bg-dark.box .card-body, [class=dark] .card-bg-dark.box .card-footer{ color: rgb(var(--custom-white)) !important; } [class=dark] .choices[data-type*=select-one] .choices__button{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } [class=dark] .apexcharts-tooltip *{ color: rgb(var(--default-text-color)); } [class=dark] #circle-custom .apexcharts-legend.apx-legend-position-left{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [class=dark] #circle-custom .apexcharts-legend.apx-legend-position-left:is(.dark *){ background-color: rgb(var(--body-bg)); } [class=dark] .navbar-nav .nav-link.active, [class=dark] .navbar-nav .nav-link.show{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .d-inline-table{ display: inline-table; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ color: rgb(var(--default-text-color)); } .h1:is(.dark *), .h2:is(.dark *), .h3:is(.dark *), .h4:is(.dark *), .h5:is(.dark *), .h6:is(.dark *), h1:is(.dark *), h2:is(.dark *), h3:is(.dark *), h4:is(.dark *), h5:is(.dark *), h6:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: 500 !important; } .box{ color: rgb(var(--default-text-color)) !important; } .box:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } [class=light][data-header-styles=transparent] .page-header-breadcrumb h4, [class=light][data-default-header-styles=transparent] .page-header-breadcrumb h4{ color: rgb(var(--default-text-color)) !important; } [class=light][data-header-styles=transparent] .app-header .main-header-container .form-control, [class=light][data-default-header-styles=transparent] .app-header .main-header-container .form-control{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); --tw-shadow: 0px 2px 0px rgba(118,138,254,0.03); --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=light][data-header-styles=transparent] .app-header .main-header-container .form-control:focus, [class=light][data-default-header-styles=transparent] .app-header .main-header-container .form-control:focus{ --tw-shadow: 0px 2px 0px rgba(118,138,254,0.03); --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=light] .page-header-breadcrumb h4{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-header-styles=dark] .header-link.dropdown-toggle .user-name, [data-header-styles=color] .header-link.dropdown-toggle .user-name, [data-header-styles=gradient] .header-link.dropdown-toggle .user-name{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [data-default-header-styles=transparent] .page-header-breadcrumb, [data-default-header-styles=light] .page-header-breadcrumb, [data-default-header-styles=dark] .page-header-breadcrumb, [data-default-header-styles=color] .page-header-breadcrumb, [data-default-header-styles=gradient] .page-header-breadcrumb{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: -2rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after{ background-color: transparent !important; } .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after{ background-color: transparent !important; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label{ font-weight: 400; color: rgb(var(--text-muted)); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label{ font-weight: 400; color: rgb(var(--text-muted)); } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{ font-weight: 400; color: rgb(var(--text-muted)); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .form-floating > .form-control-plaintext ~ label:is(.dark *), .form-floating > .form-control:focus ~ label:is(.dark *), .form-floating > .form-control:not(:placeholder-shown) ~ label:is(.dark *), .form-floating > .form-select ~ label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .dropdown-item-text{ color: rgb(var(--default-text-color)) !important; } .blockquote-footer{ color: rgb(var(--default-text-color)) !important; } hr{ border-color: rgb(var(--default-border)); opacity: 1; } /* Start:: rtl */ [dir=rtl] .dropdown-menu { --bs-position: start; } [dir=rtl] .dropdown-menu-end { --bs-position: end; } [dir=rtl] .notification .notification-body .transform-arrow{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .notification .notification-body .bi-skip-backward::before{ --tw-content: ""; content: var(--tw-content); } [dir=rtl] .notification .notification-body .bi-skip-forward::before{ --tw-content: ""; content: var(--tw-content); } /* End:: rtl */ /* Start:: reviews */ .testimonialSwiper01{ padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 4rem; } .swiper-pagination-custom{ display: flex; align-items: center; justify-content: center; padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 1.25rem; } .swiper-pagination-custom .swiper-pagination-bullet{ height: 1.75rem !important; width: 1.75rem !important; overflow: hidden !important; border-radius: 50% !important; } .swiper-pagination-custom .swiper-pagination-bullet img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active img{ border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(var(--primary)); } .testimonialSwiper01 .swiper-slide { scale: 0.8; } .testimonialSwiper01 .swiper-slide.swiper-slide-active{ max-width: 500px; opacity: 1; scale: 1; } .testimonialSwiper01 .swiper-slide.swiper-slide-active .review-quote{ color: rgba(255,255,255,0.2); } .review-quote{ z-index: 0; } .testimonialSwiper01 .swiper-slide.swiper-slide-active .card{ background-color: rgb(var(--primary)); color: rgb(var(--custom-white)); } .testimonialSwiper01 .swiper-slide.swiper-slide-active .card .card-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .testimonialSwiper01 .swiper-slide.swiper-slide-active .card h6{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .review-quote{ position: absolute !important; inset-inline-start: auto !important; inset-inline-end: 3px !important; top: 7.25rem !important; font-size: 3rem !important; color: rgb(var(--primary) / 0.5) !important; opacity: 1 !important; } .review-quote.primary{ color: rgb(var(--primary) / 0.4); } .review-quote.secondary{ color: rgb(var(--secondary) / 0.4); } .review-quote.success{ color: rgb(var(--success) / 0.4); } .review-quote.warning{ color: rgb(var(--warning) / 0.4); } .reviews-container .box{ margin-bottom: 0px; background-color: rgba(255,255,255,0.05); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .review-style-2 .testimonialSwiperService{ padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 1.75rem !important; } .review-style-2 .testimonialSwiperService .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: rgb(var(--primary) / 0.1) !important; } /* End:: reviews */ /* Start:: sortable js */ ul.sortable-list li, ol.sortable-list li{ margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 3px; border-radius: 0.3rem; border-width: 1px; border-style: solid; border-color: rgb(var(--primary) / 0.05); background-color: rgb(var(--primary) / 0.05); font-weight: 500; } ul.sortable-list li.border-primary1, ol.sortable-list li.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } ul.sortable-list li.border-primary1.border-opacity-10, ol.sortable-list li.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } ul.sortable-list li.border-primary1.border-opacity-25, ol.sortable-list li.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } ul.sortable-list li.border-primary1.border-opacity-50, ol.sortable-list li.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } ul.sortable-list li.border-primary1.border-opacity-75, ol.sortable-list li.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } ul.sortable-list li.border-primary1.border-opacity-100, ol.sortable-list li.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } ul.sortable-list li.border-primary2, ol.sortable-list li.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } ul.sortable-list li.border-primary2.border-opacity-10, ol.sortable-list li.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } ul.sortable-list li.border-primary2.border-opacity-25, ol.sortable-list li.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } ul.sortable-list li.border-primary2.border-opacity-50, ol.sortable-list li.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } ul.sortable-list li.border-primary2.border-opacity-75, ol.sortable-list li.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } ul.sortable-list li.border-primary2.border-opacity-100, ol.sortable-list li.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } ul.sortable-list li.border-primary3, ol.sortable-list li.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } ul.sortable-list li.border-primary3.border-opacity-10, ol.sortable-list li.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } ul.sortable-list li.border-primary3.border-opacity-25, ol.sortable-list li.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } ul.sortable-list li.border-primary3.border-opacity-50, ol.sortable-list li.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } ul.sortable-list li.border-primary3.border-opacity-75, ol.sortable-list li.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } ul.sortable-list li.border-primary3.border-opacity-100, ol.sortable-list li.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } ul.sortable-list li.filtered, ol.sortable-list li.filtered{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } ul.sortable-list li.selected, ol.sortable-list li.selected{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary)); background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } ul.sortable-list li.selected.border-primary1, ol.sortable-list li.selected.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } ul.sortable-list li.selected.border-primary1.border-opacity-10, ol.sortable-list li.selected.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } ul.sortable-list li.selected.border-primary1.border-opacity-25, ol.sortable-list li.selected.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } ul.sortable-list li.selected.border-primary1.border-opacity-50, ol.sortable-list li.selected.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } ul.sortable-list li.selected.border-primary1.border-opacity-75, ol.sortable-list li.selected.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } ul.sortable-list li.selected.border-primary1.border-opacity-100, ol.sortable-list li.selected.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } ul.sortable-list li.selected.border-primary2, ol.sortable-list li.selected.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } ul.sortable-list li.selected.border-primary2.border-opacity-10, ol.sortable-list li.selected.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } ul.sortable-list li.selected.border-primary2.border-opacity-25, ol.sortable-list li.selected.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } ul.sortable-list li.selected.border-primary2.border-opacity-50, ol.sortable-list li.selected.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } ul.sortable-list li.selected.border-primary2.border-opacity-75, ol.sortable-list li.selected.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } ul.sortable-list li.selected.border-primary2.border-opacity-100, ol.sortable-list li.selected.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } ul.sortable-list li.selected.border-primary3, ol.sortable-list li.selected.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } ul.sortable-list li.selected.border-primary3.border-opacity-10, ol.sortable-list li.selected.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } ul.sortable-list li.selected.border-primary3.border-opacity-25, ol.sortable-list li.selected.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } ul.sortable-list li.selected.border-primary3.border-opacity-50, ol.sortable-list li.selected.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } ul.sortable-list li.selected.border-primary3.border-opacity-75, ol.sortable-list li.selected.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } ul.sortable-list li.selected.border-primary3.border-opacity-100, ol.sortable-list li.selected.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } ul.sortable-list .list-group-item + .list-group-item, ol.sortable-list .list-group-item + .list-group-item{ border-top-width: 1px; } ul#shared-right li, ul#cloning-right li, ul#disabling-sorting-right li, ol#shared-right li, ol#cloning-right li, ol#disabling-sorting-right li{ border-width: 1px; border-style: solid; border-color: rgb(var(--secondary) / 0.05); background-color: rgb(var(--secondary) / 0.05); } ul#shared-right li.border-primary1, ul#cloning-right li.border-primary1, ul#disabling-sorting-right li.border-primary1, ol#shared-right li.border-primary1, ol#cloning-right li.border-primary1, ol#disabling-sorting-right li.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } ul#shared-right li.border-primary1.border-opacity-10, ul#cloning-right li.border-primary1.border-opacity-10, ul#disabling-sorting-right li.border-primary1.border-opacity-10, ol#shared-right li.border-primary1.border-opacity-10, ol#cloning-right li.border-primary1.border-opacity-10, ol#disabling-sorting-right li.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } ul#shared-right li.border-primary1.border-opacity-25, ul#cloning-right li.border-primary1.border-opacity-25, ul#disabling-sorting-right li.border-primary1.border-opacity-25, ol#shared-right li.border-primary1.border-opacity-25, ol#cloning-right li.border-primary1.border-opacity-25, ol#disabling-sorting-right li.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } ul#shared-right li.border-primary1.border-opacity-50, ul#cloning-right li.border-primary1.border-opacity-50, ul#disabling-sorting-right li.border-primary1.border-opacity-50, ol#shared-right li.border-primary1.border-opacity-50, ol#cloning-right li.border-primary1.border-opacity-50, ol#disabling-sorting-right li.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } ul#shared-right li.border-primary1.border-opacity-75, ul#cloning-right li.border-primary1.border-opacity-75, ul#disabling-sorting-right li.border-primary1.border-opacity-75, ol#shared-right li.border-primary1.border-opacity-75, ol#cloning-right li.border-primary1.border-opacity-75, ol#disabling-sorting-right li.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } ul#shared-right li.border-primary1.border-opacity-100, ul#cloning-right li.border-primary1.border-opacity-100, ul#disabling-sorting-right li.border-primary1.border-opacity-100, ol#shared-right li.border-primary1.border-opacity-100, ol#cloning-right li.border-primary1.border-opacity-100, ol#disabling-sorting-right li.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } ul#shared-right li.border-primary2, ul#cloning-right li.border-primary2, ul#disabling-sorting-right li.border-primary2, ol#shared-right li.border-primary2, ol#cloning-right li.border-primary2, ol#disabling-sorting-right li.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } ul#shared-right li.border-primary2.border-opacity-10, ul#cloning-right li.border-primary2.border-opacity-10, ul#disabling-sorting-right li.border-primary2.border-opacity-10, ol#shared-right li.border-primary2.border-opacity-10, ol#cloning-right li.border-primary2.border-opacity-10, ol#disabling-sorting-right li.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } ul#shared-right li.border-primary2.border-opacity-25, ul#cloning-right li.border-primary2.border-opacity-25, ul#disabling-sorting-right li.border-primary2.border-opacity-25, ol#shared-right li.border-primary2.border-opacity-25, ol#cloning-right li.border-primary2.border-opacity-25, ol#disabling-sorting-right li.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } ul#shared-right li.border-primary2.border-opacity-50, ul#cloning-right li.border-primary2.border-opacity-50, ul#disabling-sorting-right li.border-primary2.border-opacity-50, ol#shared-right li.border-primary2.border-opacity-50, ol#cloning-right li.border-primary2.border-opacity-50, ol#disabling-sorting-right li.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } ul#shared-right li.border-primary2.border-opacity-75, ul#cloning-right li.border-primary2.border-opacity-75, ul#disabling-sorting-right li.border-primary2.border-opacity-75, ol#shared-right li.border-primary2.border-opacity-75, ol#cloning-right li.border-primary2.border-opacity-75, ol#disabling-sorting-right li.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } ul#shared-right li.border-primary2.border-opacity-100, ul#cloning-right li.border-primary2.border-opacity-100, ul#disabling-sorting-right li.border-primary2.border-opacity-100, ol#shared-right li.border-primary2.border-opacity-100, ol#cloning-right li.border-primary2.border-opacity-100, ol#disabling-sorting-right li.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } ul#shared-right li.border-primary3, ul#cloning-right li.border-primary3, ul#disabling-sorting-right li.border-primary3, ol#shared-right li.border-primary3, ol#cloning-right li.border-primary3, ol#disabling-sorting-right li.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } ul#shared-right li.border-primary3.border-opacity-10, ul#cloning-right li.border-primary3.border-opacity-10, ul#disabling-sorting-right li.border-primary3.border-opacity-10, ol#shared-right li.border-primary3.border-opacity-10, ol#cloning-right li.border-primary3.border-opacity-10, ol#disabling-sorting-right li.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } ul#shared-right li.border-primary3.border-opacity-25, ul#cloning-right li.border-primary3.border-opacity-25, ul#disabling-sorting-right li.border-primary3.border-opacity-25, ol#shared-right li.border-primary3.border-opacity-25, ol#cloning-right li.border-primary3.border-opacity-25, ol#disabling-sorting-right li.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } ul#shared-right li.border-primary3.border-opacity-50, ul#cloning-right li.border-primary3.border-opacity-50, ul#disabling-sorting-right li.border-primary3.border-opacity-50, ol#shared-right li.border-primary3.border-opacity-50, ol#cloning-right li.border-primary3.border-opacity-50, ol#disabling-sorting-right li.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } ul#shared-right li.border-primary3.border-opacity-75, ul#cloning-right li.border-primary3.border-opacity-75, ul#disabling-sorting-right li.border-primary3.border-opacity-75, ol#shared-right li.border-primary3.border-opacity-75, ol#cloning-right li.border-primary3.border-opacity-75, ol#disabling-sorting-right li.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } ul#shared-right li.border-primary3.border-opacity-100, ul#cloning-right li.border-primary3.border-opacity-100, ul#disabling-sorting-right li.border-primary3.border-opacity-100, ol#shared-right li.border-primary3.border-opacity-100, ol#cloning-right li.border-primary3.border-opacity-100, ol#disabling-sorting-right li.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } ul .handle, ol .handle{ cursor: grab; } .grid-square{ margin-inline-end: 1.5rem; margin-bottom: 1.5rem; display: inline-block; height: 100px; width: 100px; border-radius: 0.75rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1.25rem; } .grid-square.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .grid-square.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .grid-square.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .grid-square.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .grid-square.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .grid-square.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .grid-square.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .grid-square.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .grid-square.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .grid-square.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .grid-square.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .grid-square.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .grid-square.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .grid-square.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .grid-square.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .grid-square.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .grid-square.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .grid-square.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .grid-square:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .nested-sortable, .nested-1, .nested-2, .nested-3{ margin-top: 5px; } .nested-sortable .list-group-item + .list-group-item, .nested-1 .list-group-item + .list-group-item, .nested-2 .list-group-item + .list-group-item, .nested-3 .list-group-item + .list-group-item{ border-top-width: 1px; } .nested-1, .nested-2, .nested-3{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary) / 0.05); background-color: rgb(var(--primary) / 0.05); font-weight: 500; } .nested-1.border-primary1, .nested-2.border-primary1, .nested-3.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .nested-1.border-primary1.border-opacity-10, .nested-2.border-primary1.border-opacity-10, .nested-3.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .nested-1.border-primary1.border-opacity-25, .nested-2.border-primary1.border-opacity-25, .nested-3.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .nested-1.border-primary1.border-opacity-50, .nested-2.border-primary1.border-opacity-50, .nested-3.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .nested-1.border-primary1.border-opacity-75, .nested-2.border-primary1.border-opacity-75, .nested-3.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .nested-1.border-primary1.border-opacity-100, .nested-2.border-primary1.border-opacity-100, .nested-3.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .nested-1.border-primary2, .nested-2.border-primary2, .nested-3.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .nested-1.border-primary2.border-opacity-10, .nested-2.border-primary2.border-opacity-10, .nested-3.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .nested-1.border-primary2.border-opacity-25, .nested-2.border-primary2.border-opacity-25, .nested-3.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .nested-1.border-primary2.border-opacity-50, .nested-2.border-primary2.border-opacity-50, .nested-3.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .nested-1.border-primary2.border-opacity-75, .nested-2.border-primary2.border-opacity-75, .nested-3.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .nested-1.border-primary2.border-opacity-100, .nested-2.border-primary2.border-opacity-100, .nested-3.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .nested-1.border-primary3, .nested-2.border-primary3, .nested-3.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .nested-1.border-primary3.border-opacity-10, .nested-2.border-primary3.border-opacity-10, .nested-3.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .nested-1.border-primary3.border-opacity-25, .nested-2.border-primary3.border-opacity-25, .nested-3.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .nested-1.border-primary3.border-opacity-50, .nested-2.border-primary3.border-opacity-50, .nested-3.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .nested-1.border-primary3.border-opacity-75, .nested-2.border-primary3.border-opacity-75, .nested-3.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .nested-1.border-primary3.border-opacity-100, .nested-2.border-primary3.border-opacity-100, .nested-3.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } /* End:: sortable js */ /* Start:: search results */ .search-result-input .form-control{ padding-inline-start: 2.25rem; } .search-tab.tab-style-6 .nav-item .nav-link{ background-color: rgb(var(--primary) / 0.1); } .search-tab.tab-style-6 .nav-item .nav-link.active{ background-color: rgb(var(--primary)); } .search-result-icon{ z-index: 5; } .searched-item-main-link:hover{ color: rgb(var(--primary)); text-decoration-line: underline; } .svg-icon-med.searched-item-main-link:hover{ background-color: rgb(var(--primary) / 0.2); } .glightbox.card.search-images-card:hover:after{ --tw-content: none; content: var(--tw-content); } .avatar.avatar-search{ height: 120px; width: inherit; } .search-images-card{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.4s; } .search-images-card:hover{ --tw-shadow: 0px 4px 16px black1; --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.4s; } /* End:: search results */ .ad-gallery{ display: none; } @media (max-width: 767.98px) { .swiper-related-jobs .swiper-button-next, .swiper-related-jobs .swiper-button-prev{ display: none; } } /* Start:: Full Canendar */ @media (min-width: 1400px) { .column-list{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; -moz-column-count: 2; column-count: 2; -moz-column-gap: 8px; column-gap: 8px; } } /* End:: Full Canendar */ /* Start:: Crypto Charts */ #btc-chart .apexcharts-canvas, #btc-chart .apexcharts-svg, #bytecoin-chart .apexcharts-canvas, #bytecoin-chart .apexcharts-svg, #dash-chart .apexcharts-canvas, #dash-chart .apexcharts-svg, #dash-price-graph .apexcharts-canvas, #dash-price-graph .apexcharts-svg, #eos-chart .apexcharts-canvas, #eos-chart .apexcharts-svg, #eth-chart .apexcharts-canvas, #eth-chart .apexcharts-svg, #glm-chart .apexcharts-canvas, #glm-chart .apexcharts-svg, #iota-chart .apexcharts-canvas, #iota-chart .apexcharts-svg, #monero-chart .apexcharts-canvas, #monero-chart .apexcharts-svg, #ripple-chart .apexcharts-canvas, #ripple-chart .apexcharts-svg{ width: 120px !important; } /* End:: Crypto Charts */ /* Start:: Print */ @media print { *{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); text-shadow: none !important; } *::before, *::after { text-shadow: none !important; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } a:not(.btn){ text-decoration-line: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre{ -moz-column-break-inside: avoid; break-inside: avoid; white-space: pre-wrap; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } pre.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } pre.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } pre.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } pre.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } pre.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } pre.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } pre.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } pre.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } pre.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } pre.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } pre.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } pre.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } pre.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } pre.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } pre.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } pre.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } pre.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } pre.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } blockquote{ -moz-column-break-inside: avoid; break-inside: avoid; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } blockquote.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } blockquote.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } blockquote.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } blockquote.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } blockquote.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } blockquote.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } blockquote.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } blockquote.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } blockquote.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } blockquote.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } blockquote.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } blockquote.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } blockquote.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } blockquote.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } blockquote.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } blockquote.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } blockquote.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } blockquote.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } thead{ display: table-header-group; } tr, img{ -moz-column-break-inside: avoid; break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ -moz-column-break-after: avoid; break-after: avoid; } @page { size: a4; } body, .container{ min-width: 992px !important; } .table, .text-wrap table{ border-collapse: collapse; } .table td, .text-wrap table td, .table th, .text-wrap table th{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .table td:is(.dark *), .text-wrap table td:is(.dark *), .table th:is(.dark *), .text-wrap table th:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .table-bordered th, .text-wrap table th, .table-bordered td, .text-wrap table td{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } .table-bordered th.border-primary1, .text-wrap table th.border-primary1, .table-bordered td.border-primary1, .text-wrap table td.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered th.border-primary1.border-opacity-10, .text-wrap table th.border-primary1.border-opacity-10, .table-bordered td.border-primary1.border-opacity-10, .text-wrap table td.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered th.border-primary1.border-opacity-25, .text-wrap table th.border-primary1.border-opacity-25, .table-bordered td.border-primary1.border-opacity-25, .text-wrap table td.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered th.border-primary1.border-opacity-50, .text-wrap table th.border-primary1.border-opacity-50, .table-bordered td.border-primary1.border-opacity-50, .text-wrap table td.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered th.border-primary1.border-opacity-75, .text-wrap table th.border-primary1.border-opacity-75, .table-bordered td.border-primary1.border-opacity-75, .text-wrap table td.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered th.border-primary1.border-opacity-100, .text-wrap table th.border-primary1.border-opacity-100, .table-bordered td.border-primary1.border-opacity-100, .text-wrap table td.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered th.border-primary2, .text-wrap table th.border-primary2, .table-bordered td.border-primary2, .text-wrap table td.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered th.border-primary2.border-opacity-10, .text-wrap table th.border-primary2.border-opacity-10, .table-bordered td.border-primary2.border-opacity-10, .text-wrap table td.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered th.border-primary2.border-opacity-25, .text-wrap table th.border-primary2.border-opacity-25, .table-bordered td.border-primary2.border-opacity-25, .text-wrap table td.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered th.border-primary2.border-opacity-50, .text-wrap table th.border-primary2.border-opacity-50, .table-bordered td.border-primary2.border-opacity-50, .text-wrap table td.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered th.border-primary2.border-opacity-75, .text-wrap table th.border-primary2.border-opacity-75, .table-bordered td.border-primary2.border-opacity-75, .text-wrap table td.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered th.border-primary2.border-opacity-100, .text-wrap table th.border-primary2.border-opacity-100, .table-bordered td.border-primary2.border-opacity-100, .text-wrap table td.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered th.border-primary3, .text-wrap table th.border-primary3, .table-bordered td.border-primary3, .text-wrap table td.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered th.border-primary3.border-opacity-10, .text-wrap table th.border-primary3.border-opacity-10, .table-bordered td.border-primary3.border-opacity-10, .text-wrap table td.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered th.border-primary3.border-opacity-25, .text-wrap table th.border-primary3.border-opacity-25, .table-bordered td.border-primary3.border-opacity-25, .text-wrap table td.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered th.border-primary3.border-opacity-50, .text-wrap table th.border-primary3.border-opacity-50, .table-bordered td.border-primary3.border-opacity-50, .text-wrap table td.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered th.border-primary3.border-opacity-75, .text-wrap table th.border-primary3.border-opacity-75, .table-bordered td.border-primary3.border-opacity-75, .text-wrap table td.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered th.border-primary3.border-opacity-100, .text-wrap table th.border-primary3.border-opacity-100, .table-bordered td.border-primary3.border-opacity-100, .text-wrap table td.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .app-sidebar, .app-content .page-header-breadcrumb, .app-header, .footer{ display: none !important; } .main-content.app-content{ padding-top: 0.625rem !important; } } /* End:: Print */ .loader-disable{ display: none !important; } .card-img, .card-img-bottom, .card-img-top{ width: 100%; } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl{ margin-left: auto; margin-right: auto; max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ margin-left: auto !important; margin-right: auto !important; max-width: 1320px !important; } } /* End:: custom */ [type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select{ border-radius: 0.25rem !important; border-color: rgb(var(--input-border)) !important; } [type=text]:is(.dark *), input:where(:not([type])):is(.dark *), [type=email]:is(.dark *), [type=url]:is(.dark *), [type=password]:is(.dark *), [type=number]:is(.dark *), [type=date]:is(.dark *), [type=datetime-local]:is(.dark *), [type=month]:is(.dark *), [type=search]:is(.dark *), [type=tel]:is(.dark *), [type=time]:is(.dark *), [type=week]:is(.dark *), [multiple]:is(.dark *), textarea:is(.dark *), select:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .waves-effect{ display: inline-flex !important; } .box .footer-card-icon{ height: 60px; width: 60px; } .box .card-text { font-size: 0.813rem; } .box.overlay-card .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); } .box.overlay-card{ position: relative; } .box.overlay-card::before{ position: absolute; inset: 0px; border-radius: 0.3rem; content: var(--tw-content); background-color: rgb(0 0 0 / 0.25); } .progress-bar-striped{ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } code{ font-size: 0.875rem; --tw-text-opacity: 1; color: rgb(214 51 132 / var(--tw-text-opacity)); } .simplebar-scrollbar:before{ --tw-bg-opacity: 1 !important; background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important; } .simplebar-scrollbar:is(.dark *):before{ background-color: rgb(var(--light)) !important; } [dir=rtl] .breadcrumb-item + .breadcrumb-item::before{ display: inline-flex; content: var(--tw-content); --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .activity-feed li{ margin-bottom: 1.25rem; } .ratio > *{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .invoice-quantity-container input{ width: 50px !important; } .search-images-card img{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } pre[class*=language-]{ border-width: 0px !important; padding: 0px !important; } .box pre.card-body[class*=language-] .simplebar-track{ inset-inline-end: 0px; } .ti-img-thumbnail{ margin-left: auto; margin-right: auto; height: auto; max-width: 100%; border-radius: 0.5rem; border-width: 1px; border-color: rgb(var(--default-border)); padding: 0.25rem; } .ti-img-thumbnail.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-img-thumbnail.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-img-thumbnail.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-img-thumbnail.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-img-thumbnail.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-img-thumbnail.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-img-thumbnail.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-img-thumbnail.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-img-thumbnail.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-img-thumbnail.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-img-thumbnail.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-img-thumbnail.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-img-thumbnail.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-img-thumbnail.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-img-thumbnail.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-img-thumbnail.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-img-thumbnail.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-img-thumbnail.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-img-thumbnail:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--dark-bg)); } .ti-img-thumbnail-rounded{ margin-left: auto; margin-right: auto; height: auto; max-width: 100%; border-radius: 9999px; border-width: 1px; border-color: rgb(var(--default-border)); padding: 0.25rem; } .ti-img-thumbnail-rounded.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-img-thumbnail-rounded.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-img-thumbnail-rounded.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-img-thumbnail-rounded.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-img-thumbnail-rounded.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-img-thumbnail-rounded.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-img-thumbnail-rounded.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-img-thumbnail-rounded.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-img-thumbnail-rounded.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-img-thumbnail-rounded.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-img-thumbnail-rounded.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-img-thumbnail-rounded.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-img-thumbnail-rounded.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-img-thumbnail-rounded.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-img-thumbnail-rounded.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-img-thumbnail-rounded.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-img-thumbnail-rounded.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-img-thumbnail-rounded.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-img-thumbnail-rounded:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--dark-bg)); } #responsive-overlay{ visibility: hidden; position: fixed; inset: 0px; z-index: 49; --tw-bg-opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; } #responsive-overlay.active{ visibility: visible; --tw-bg-opacity: 0.5; } .bg-primary1#responsive-overlay.active{ background-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-primary2#responsive-overlay.active{ background-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-primary3#responsive-overlay.active{ background-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #responsive-overlay.active:is(.dark *){ --tw-bg-opacity: 0.8; } .container, .container-fluid{ margin-left: auto; margin-right: auto; width: 100%; padding-left: calc(1.5rem * 0.5); padding-right: calc(1.5rem * 0.5); } @media (min-width: 480px){ .container{ max-width: 540px; } } @media (min-width: 768px){ .container{ max-width: 720px; } } @media (min-width: 992px){ .container{ max-width: 960px; } } @media (min-width: 1200px){ .container{ max-width: 1140px; } } @media (min-width: 1400px){ .container{ max-width: 1320px; } } @media (min-width: 576px) { .container, .container-sm{ margin-left: auto; margin-right: auto; max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm{ margin-left: auto; margin-right: auto; max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm{ margin-left: auto; margin-right: auto; max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl{ margin-left: auto; margin-right: auto; max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ margin-left: auto; margin-right: auto; max-width: 1320px; } } a{ cursor: pointer; } #hs-select-temporary{ width: 100%; } code[class*=language-]{ padding: 1rem !important; } #switcher-body [type=radio]{ --tw-border-opacity: 1 !important; border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } #switcher-body [type=radio]:is(.dark *){ border-color: rgb(255 255 255 / 0.3) !important; } @media (max-width: 576px) { .header-element.header-country .ti-dropdown-menu{ inset-inline-start: 0px !important; inset-inline-end: auto !important; width: 100% !important; } } .fe-arrow-left:where([dir="rtl"], [dir="rtl"] *)::before{ --tw-content: ""; content: var(--tw-content); } .fe-arrow-right:where([dir="rtl"], [dir="rtl"] *)::before{ --tw-content: ""; content: var(--tw-content); } #navbar-collapse-basic1, #navbar-collapse-basic2{ height: 100% !important; } .page-item:not(:first-child) .page-link{ margin-inline-start: calc(var(--bs-width) * -1); } .main-sidebar::-webkit-scrollbar { height: 0px; } [dir=rtl] #contact-phone{ direction: rtl; } @media (min-width: 576px) { #folders-close-btn { display: none; } } .hire-list li{ margin-bottom: 1.68rem; } [data-width=boxed] .offer-item-img { display: none; } .testimonialSwiper01{ padding-bottom: 4rem !important; } .testimonialSwiper01 .swiper-slide.swiper-slide-active .box{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .testimonialSwiper01 .swiper-slide.swiper-slide-active .box-body{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .testimonialSwiper01 .swiper-slide.swiper-slide-active div{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } #hs-custom-backdrop-modal-backdrop{ z-index: 100 !important; } [dir=rtl] .choices[data-type*=select-multiple] .choices__button, [dir=rtl] .choices[data-type*=text] .choices__button { inset-inline-start: 17px; } [dir=rtl] .ql-editor ol { padding-right: 1.5em; padding-left: 0px; } [dir=rtl] .ql-editor li > .ql-ui:before { margin-right: -1.5em; margin-left: 0.3em; text-align: left; } .choices[data-type*=select-one].is-open::after{ border-bottom-color: transparent !important; } .noUi-handle{ border-width: 1px !important; border-color: rgb(var(--default-border)) !important; } .noUi-handle.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .noUi-handle.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .noUi-handle.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .noUi-handle.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .noUi-handle.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .noUi-handle.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .noUi-handle.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .noUi-handle.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .noUi-handle.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .noUi-handle.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .noUi-handle.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .noUi-handle.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .noUi-handle.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .noUi-handle.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .noUi-handle.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .noUi-handle.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .noUi-handle.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .noUi-handle.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .noUi-handle:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .noUi-handle:after, .noUi-handle:before{ background-color: rgb(var(--default-border)) !important; } .noUi-handle:is(.dark *):after, .noUi-handle:is(.dark *):before{ background-color: rgb(var(--default-border) / 0.1) !important; } div:where(.swal2-container) img:where(.swal2-image){ max-width: 90% !important; } .choices__input{ padding: 0px !important; } .box .card-body.choices__input .simplebar-track{ inset-inline-end: 0px; } .form-check-input:focus{ border-color: rgb(var(--primary)) !important; } .card-img{ border-radius: 0.25rem !important; } .choices__list input{ padding-inline-start: 5px !important; } .apexcharts-menu .apexcharts-menu-item:hover{ background-color: rgb(var(--light)) !important; } @media (max-width: 335px) { .main-chart-wrapper .chat-content{ max-height: calc(100vh - 19.5rem); } } .page-header-breadcrumb h1{ line-height: 1; } .swiper-button-next:after, .swiper-button-prev:after{ font-size: 12px !important; } @media (max-width: 550px) { #rangearea-basic .apexcharts-toolbar, #rangearea-combo .apexcharts-toolbar{ --tw-translate-y: 19px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } button.gridjs-sort-asc:is(.dark *){ --tw-invert: invert(1) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } button.gridjs-sort-desc:is(.dark *){ --tw-invert: invert(1) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } @media (min-width: 480px) { [dir=rtl] .tabulator .tabulator-footer .tabulator-page-size{ padding-inline-end: 2rem !important; padding-inline-start: 0.75rem !important; } } .todo-handle{ cursor: move !important; } #file-manager-storage .apexcharts-pie line, #file-manager-storage .apexcharts-pie circle{ stroke: transparent !important; } .tagify.form-control{ padding: 0px !important; } .box .card-body.tagify.form-control .simplebar-track{ inset-inline-end: 0px; } input[type=color i]::-webkit-color-swatch-wrapper{ padding: 0px !important; } .box input.card-body[type=color i]::-webkit-color-swatch-wrapper .simplebar-track{ inset-inline-end: 0px; } .ql-bubble .ql-tooltip-editor input[type=text]{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .ql-bubble .ql-tooltip-editor input[type=text]::-moz-placeholder{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ql-bubble .ql-tooltip-editor input[type=text]::placeholder{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .choices__list--dropdown input{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .choices__list--dropdown:is(.dark *), .choices__list[aria-expanded]:is(.dark *){ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .vr{ display: inline-block; min-height: 1em; width: 1px; align-self: stretch; background-color: rgb(var(--default-border)); } .vr:is(.dark *){ background-color: rgb(var(--default-border) / 0.1); } [dir=rtl] #chart-10, [dir=rtl] #chart-11, [dir=rtl] #chart-12, [dir=rtl] #chart-13{ inset-inline-end: 0px !important; } [dir=rtl] .ts-wrapper.single .ts-control::after{ left: 15px !important; content: var(--tw-content) !important; right: auto !important; } [dir=rtl] .ts-control .item, [dir=rtl] .ts-control input{ margin-inline-start: 0.5rem; } [dir=rtl] .form-select{ padding-right: 0.75rem !important; } [dir=rtl] th.gridjs-th .gridjs-th-content{ float: right !important; } [dir=rtl] .gridjs-pagination .gridjs-summary{ float: right !important; } #column-rotated-labels .apexcharts-xaxis{ --tw-translate-y: -43px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tabulator .tabulator-footer .tabulator-footer-contents{ flex-wrap: wrap !important; gap: 0.5rem !important; } [data-width=boxed] .error-bg{ width: 100% !important; } .page-header-breadcrumb .breadcrumb{ margin-bottom: 0.35rem !important; } .TASK-kanban-board .simplebar-scrollbar:is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--default-border) / 0.5) !important; } .select2-selection__choice__remove{ border-inline-start-width: 0px !important; } .fc-timegrid-col-frame .fc-timegrid-event-harness .fc-event{ margin: -2px !important; } .dual-listbox__available{ margin-bottom: 0.5rem; } .ql-snow .ql-tooltip{ border-color: rgb(var(--default-border)) !important; } .ql-snow .ql-tooltip:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .ql-snow .ql-tooltip input{ border-color: rgb(var(--default-border)) !important; } .ql-snow .ql-tooltip input:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } @media (min-width: 992px) { [data-menu-styles=light][data-nav-style=icon-click][data-nav-style=icon-click][bg-img=bgimg1] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-click][data-nav-style=icon-click][bg-img=bgimg2] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-click][data-nav-style=icon-click][bg-img=bgimg3] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-click][data-nav-style=icon-click][bg-img=bgimg4] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-click][data-nav-style=icon-click][bg-img=bgimg5] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *){ display: none; } [data-menu-styles=light][data-nav-style=icon-hover][data-nav-style=icon-hover][bg-img=bgimg1] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-hover][data-nav-style=icon-hover][bg-img=bgimg2] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-hover][data-nav-style=icon-hover][bg-img=bgimg3] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-hover][data-nav-style=icon-hover][bg-img=bgimg4] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *), [data-menu-styles=light][data-nav-style=icon-hover][data-nav-style=icon-hover][bg-img=bgimg5] .app-sidebar .main-sidebar-header .header-logo .toggle-white:is(.dark *){ display: none; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][bg-img=bgimg1] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][bg-img=bgimg2] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][bg-img=bgimg3] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][bg-img=bgimg4] .app-sidebar, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][bg-img=bgimg5] .app-sidebar{ position: absolute; } [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][bg-img=bgimg1] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][bg-img=bgimg2] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][bg-img=bgimg3] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][bg-img=bgimg4] .app-sidebar, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][bg-img=bgimg5] .app-sidebar{ position: absolute; } [data-vertical-style=doublemenu][data-toggled=double-menu-close][data-menu-styles=transparent] .app-sidebar .header-logo .toggle-white:is(.dark *){ display: block !important; } .companies-search-input1 .form-control{ width: 25% !important; } } .group-chat li{ padding-inline-end: 2rem !important; } /* Start:: dashboard_styles */ /* New Styles */ #referrals-chart .apexcharts-pie text, #job-acceptance .apexcharts-pie text, #portfolio .apexcharts-pie text, #patients-chart .apexcharts-pie text, #follow-on-device .apexcharts-pie text{ fill: rgb(var(--default-text-color)) !important; } .top-categories .table th, .top-categories .table td{ padding-top: 0.83rem !important; padding-bottom: 0.83rem !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; } ul.analytics-activity li{ margin-bottom: 1.17rem; } #orders .apexcharts-pie line, #orders .apexcharts-pie circle{ stroke: transparent !important; } #orders .apexcharts-pie text{ fill: rgb(var(--default-text-color)) !important; } #orders .apexcharts-pie text:is(.dark *){ fill: rgb(var(--default-text-color) / 0.6) !important; } #orders .apexcharts-legend{ padding-left: 2.25rem !important; padding-right: 2.25rem !important; padding-top: 0px !important; padding-bottom: 0px !important; } #circlechart .apexcharts-datalabels-group text, #recent-orders .apexcharts-datalabels-group text{ fill: rgb(var(--default-text-color)) !important; color: rgb(var(--default-text-color)) !important; } #circlechart .apexcharts-datalabels-group text:is(.dark *), #recent-orders .apexcharts-datalabels-group text:is(.dark *){ fill: rgb(var(--default-text-color) / 0.8) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .sales-country-list{ margin-bottom: 0px; } .sales-country-list li{ margin-bottom: 1.05rem; } .sales-country-list li:last-child{ margin-bottom: 0px; } .analytics-visitors-countries li{ margin-bottom: 1.4rem; } #chart-21, #chart-22, #chart-23, #chart-24{ margin-bottom: -7px; } .top-category-name{ position: relative; padding-inline-start: 1rem; } .top-category-name:before{ position: absolute; inset-inline-start: -0.125rem; top: 0.375rem; height: 0.625rem; width: 0.625rem; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(var(--primary)); --tw-content: ""; content: var(--tw-content); } .top-category-name.one:before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary)); } .top-category-name.two:before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); } .top-category-name.three:before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); } .top-category-name.four:before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); } .top-category-name.five:before{ border-width: 2px; border-style: solid; border-color: rgb(var(--warning)); } .box.main-dashboard-banner{ z-index: 1; border-width: 0px; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .box.main-dashboard-banner:before{ position: absolute; z-index: -1; height: 100%; width: 100%; background-image: linear-gradient(to right top,#ff9794,#fd8dac,#e58cc6,#bf7cdc,#6f78f4); --tw-content: ""; content: var(--tw-content); } .box.main-dashboard-banner:after{ position: absolute; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-87.png); background-size: cover; background-position: center; background-repeat: repeat; opacity: 0.1; --tw-content: ""; content: var(--tw-content); } .box.main-dashboard-banner img{ position: absolute; bottom: -30px; inset-inline-end: 0.625rem; height: 200px; width: 200px; } @media (min-width: 1200px) and (max-width: 1420px) { .box.main-dashboard-banner img{ position: absolute; bottom: -30px; inset-inline-end: -1rem; height: 200px; width: 200px; } } .box.main-dashboard-banner.main-dashboard-banner2:before{ background-color: rgb(var(--primary)); background-image: none; } .box.main-dashboard-banner.main-dashboard-banner2:after{ background-image: url(../images/media/media-87.png); } .box.main-dashboard-banner.main-dashboard-banner2 img{ bottom: -9px; height: 170px; width: 170px; } .recent-activity-list{ position: relative; margin-bottom: 0px; } .recent-activity-list::before{ position: absolute; inset-inline-start: 65px; top: 0.75rem; height: 82%; width: 1px; content: var(--tw-content); background-color: rgb(var(--default-border)); } .recent-activity-list:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--default-border) / 0.1); } .recent-activity-list li{ position: relative; margin-bottom: 1.1rem; padding-inline-start: 5.75rem; } .recent-activity-list li .activity-time{ position: absolute; inset-inline-start: 0px; top: 0.125rem; } .recent-activity-list li:nth-child(1)::before{ background-color: rgb(var(--primary)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(var(--primary-rgb),0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .recent-activity-list li:nth-child(1):is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--primary)) !important; } .recent-activity-list li:nth-child(2)::before{ background-color: rgb(var(--primary-tint1-rgb)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(227,84,212,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .recent-activity-list li:nth-child(2):is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--primary-tint1-rgb)) !important; } .recent-activity-list li:nth-child(3)::before{ background-color: rgb(var(--primary-tint2-rgb)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,93,159,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .recent-activity-list li:nth-child(3):is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--primary-tint2-rgb)) !important; } .recent-activity-list li:nth-child(4)::before{ background-color: rgb(var(--primary-tint3-rgb)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,142,111,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .recent-activity-list li:nth-child(4):is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--primary-tint3-rgb)) !important; } .recent-activity-list li:nth-child(5)::before{ background-color: rgb(var(--secondary)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(158,92,247,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .recent-activity-list li:nth-child(5):is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--secondary)) !important; } .recent-activity-list li:nth-child(6)::before{ background-color: rgb(var(--warning)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(158,92,247,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .recent-activity-list li:nth-child(6):is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--warning)) !important; } .recent-activity-list li:before{ position: absolute; inset-inline-start: 62px; top: 7px; height: 7px; width: 7px; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } .recent-activity-list li:is(.dark *):before{ background-color: rgb(var(--body-bg)); } .recent-activity-list li:last-child{ margin-bottom: 0px; } .main-content-card{ position: relative; z-index: 1; overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } .main-content-card.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .main-content-card.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .main-content-card.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .main-content-card.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .main-content-card.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .main-content-card.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .main-content-card.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .main-content-card.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .main-content-card.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .main-content-card.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .main-content-card.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .main-content-card.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .main-content-card.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .main-content-card.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .main-content-card.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .main-content-card.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .main-content-card.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .main-content-card.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .main-content-card:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .main-content-card:before { content: ""; position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-89.png); background-size: cover; background-position: center; background-repeat: repeat; opacity: 0.6; --tw-content: ""; content: var(--tw-content); } [class=dark] .main-content-card:before{ opacity: 0; --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .offer-card{ position: relative; z-index: 1; overflow: hidden; background-image: url(../images/media/backgrounds/1.jpg); background-size: cover; background-position: bottom; } .offer-card::before{ position: absolute; z-index: -1; height: 100%; width: 100%; background-color: rgb(var(--primary) / 0.7); --tw-content: ""; content: var(--tw-content); } .offer-card-details .offer-item-img{ position: absolute; inset-inline-end: -0.125rem; bottom: 18px; height: 12rem; } @media (max-width: 380px) { .offer-card-details .offer-item-img{ display: none; } } .order-content{ margin-bottom: -25px; } .ecommerce-recent-activity{ position: relative; overflow: hidden; } .ecommerce-recent-activity::before{ position: absolute; inset-inline-start: 0.8rem; top: 1.4375rem; height: 100%; width: 1px; border-width: 1px; border-style: dashed; border-color: rgb(var(--default-border)); background-color: transparent; --tw-content: ""; content: var(--tw-content); } .ecommerce-recent-activity:is(.dark *)::before{ content: var(--tw-content); border-color: rgb(var(--default-border) / 0.1); } .ecommerce-recent-activity li{ padding-bottom: 1.65rem; } #revenue-report{ padding-top: 6.1rem; } #profit-report{ position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; width: 100%; } .task-list-tab li{ margin-bottom: 1.55rem; } .task-list-tab li:last-child{ margin-bottom: 0px; } #Leads-overview .apexcharts-yaxis .apexcharts-text{ fill: #b6c5d3; } .timeline-widget-list{ margin-bottom: 0.5rem; } .timeline-widget-list:last-child{ margin-bottom: 0px; } .courses-instructors li{ margin-bottom: 1.23rem; } .schedule-list li{ margin-bottom: 1.4rem; } .schedule-list li:last-child, .courses-instructors li:last-child{ margin-bottom: 0px; } .market-cap-list li{ margin-bottom: 1.25rem; } .market-cap-list li:last-child{ margin-bottom: 0px; } .nft-banner-card{ z-index: 1; } .nft-banner-card::before{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; border-radius: 0.75rem; background-image: url(../images/nft-images/35.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); } .nft-banner-card::after{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; border-radius: 1rem; background-image: linear-gradient(to right,rgba(0,0,0,0.5) 30%,transparent); background-size: cover; background-position: center; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); } .nft-main-banner-image{ height: 12rem; border-radius: 50%; } .nft-auction-time{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: 1; border-bottom-right-radius: 15px; border-top-left-radius: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 5px; padding-bottom: 5px; font-size: 11px; } .nft-auction-time:where([dir="rtl"], [dir="rtl"] *){ border-bottom-left-radius: 15px; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0.25rem; } .nft-like-badge{ position: absolute; inset-inline-end: 0px; bottom: 0px; border-radius: 0; background-color: rgba(0,0,0,0.5); } #nft-collections-slide:where([dir="rtl"], [dir="rtl"] *){ direction: ltr; } .bid-amt svg{ margin-bottom: 0.25rem; height: 17px; width: 11px; } .bg-crypto-balance{ position: relative; z-index: 1; } .bg-crypto-balance::before{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 0.5rem; background-image: url(../images/media/media-88.jpg); background-size: cover; background-position: bottom; opacity: 0.15; --tw-content: ""; content: var(--tw-content); } .bg-crypto-balance::after{ position: absolute; inset-inline-end: 0.15rem; top: 0px; z-index: -1; height: 100%; width: 100%; --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-image: url(../images/media/media-73.png); background-repeat: no-repeat; opacity: 0.07; --tw-content: ""; content: var(--tw-content); } .box.main-dashboard-banner.project-dashboard-banner:before{ background-color: rgb(var(--primary)); background-image: none; } .box.main-dashboard-banner.project-dashboard-banner:after{ background-image: url(../images/media/media-82.jpg); opacity: 0.35; } .box.main-dashboard-banner.project-dashboard-banner img{ inset-inline-end: -5px; bottom: -0.25rem; height: 168px; width: 197px; opacity: 0.95; --tw-saturate: saturate(0.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .daily-tasks-time{ width: 4.5rem; border-radius: 7px; background-color: rgb(var(--light)); padding: 0.25rem; text-align: center; font-size: 13px; } .box.course-main{ z-index: 1; } .box.course-main:before{ position: absolute; z-index: -1; height: 100%; width: 100%; --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-image: url(../images/media/media-80.jpg); background-size: cover; background-position: bottom; background-repeat: repeat; opacity: 0.2; --tw-content: ""; content: var(--tw-content); } .box.course-main:after{ position: absolute; inset-inline-end: 0px; z-index: -1; height: 100%; width: 100%; --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color: rgb(0 0 0 / 6%); background-size: cover; background-repeat: repeat; --tw-content: ""; content: var(--tw-content); } .Upcoming-courses-schedule > .list-item{ margin-bottom: 1.25rem; } .Upcoming-courses-schedule > .list-item:last-child{ margin-bottom: 0px; } .Upcoming-courses-schedule > .list-item:nth-child(2) .course-schedule::before{ background-color: rgb(var(--primary)); } .Upcoming-courses-schedule > .list-item:nth-child(3) .course-schedule::before{ background-color: rgb(var(--primary-tint1-rgb)); } .Upcoming-courses-schedule > .list-item:nth-child(4) .course-schedule::before{ background-color: rgb(var(--primary-tint2-rgb)); } .Upcoming-courses-schedule > .list-item:nth-child(5) .course-schedule::before{ background-color: rgb(var(--primary-tint3-rgb)); } .Upcoming-courses-schedule > .list-item:nth-child(6) .course-schedule::before{ background-color: rgb(var(--secondary)); } .course-schedule{ position: relative; } .course-schedule::before{ position: absolute; inset-inline-start: -15px; top: 0px; height: 96%; width: 0.2rem; border-radius: 0.5rem; background-color: rgb(var(--info)); --tw-content: ""; content: var(--tw-content); } .top-categories li{ margin-bottom: 1.5rem; } .svg-icon-med{ margin-inline-end: -1.6875rem; margin-bottom: -22px; height: 5rem; width: 5rem; border-radius: 50%; background-color: rgba(0,0,0,0.3); padding: 1.1875rem; } .svg-icon-med.opacity-1{ opacity: 0.7 !important; } .svg-icon-med.text-primary{ background-color: rgb(var(--primary) / 0.2); } .svg-icon-med.text-primarytint1color{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .svg-icon-med.text-primarytint2color{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .svg-icon-med.text-primarytint3color{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .med-banner-card{ position: relative !important; z-index: 0 !important; overflow: hidden !important; background-color: rgb(var(--primary)) !important; } .med-banner-card::before{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-72.jpg); background-size: cover; background-repeat: no-repeat; opacity: 0.25; --tw-content: ""; content: var(--tw-content); } .med-banner-card:after{ position: absolute; inset-inline-end: 5.15rem; top: 1.25rem; z-index: -1; height: 11rem; width: 11rem; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); opacity: 0.05; --tw-content: ""; content: var(--tw-content); } .med-banner-img{ position: absolute; inset-inline-end: 42px; top: 5px; margin-top: 0px; height: 11rem; --tw-content: ""; content: var(--tw-content); } .upcoming-shedule .sh-link{ display: flex; min-width: 70px; max-width: 70px; flex-direction: column; border-radius: 3px; background-color: rgb(var(--light)); padding: 0.6rem; text-align: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: linear; } .upcoming-shedule .sh-shedule-container li{ margin-bottom: 1.4rem; } .upcoming-shedule .sh-shedule-container li:last-child{ margin-bottom: 0px; } .pos-category .box.active, .pos-category .box:hover{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary) / 0.3); background-color: rgb(var(--primary) / 0.05); } .pos-category .box.active.border-primary1, .pos-category .box:hover.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .pos-category .box.active.border-primary1.border-opacity-10, .pos-category .box:hover.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .pos-category .box.active.border-primary1.border-opacity-25, .pos-category .box:hover.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .pos-category .box.active.border-primary1.border-opacity-50, .pos-category .box:hover.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .pos-category .box.active.border-primary1.border-opacity-75, .pos-category .box:hover.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .pos-category .box.active.border-primary1.border-opacity-100, .pos-category .box:hover.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .pos-category .box.active.border-primary2, .pos-category .box:hover.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .pos-category .box.active.border-primary2.border-opacity-10, .pos-category .box:hover.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .pos-category .box.active.border-primary2.border-opacity-25, .pos-category .box:hover.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .pos-category .box.active.border-primary2.border-opacity-50, .pos-category .box:hover.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .pos-category .box.active.border-primary2.border-opacity-75, .pos-category .box:hover.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .pos-category .box.active.border-primary2.border-opacity-100, .pos-category .box:hover.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .pos-category .box.active.border-primary3, .pos-category .box:hover.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .pos-category .box.active.border-primary3.border-opacity-10, .pos-category .box:hover.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .pos-category .box.active.border-primary3.border-opacity-25, .pos-category .box:hover.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .pos-category .box.active.border-primary3.border-opacity-50, .pos-category .box:hover.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .pos-category .box.active.border-primary3.border-opacity-75, .pos-category .box:hover.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .pos-category .box.active.border-primary3.border-opacity-100, .pos-category .box:hover.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .stretched-link::after{ position: absolute; inset: 0px; content: var(--tw-content); z-index: 1; } @media (min-width: 1400px) { .list-wrapper .card-item{ width: 25%; padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 576px) and (max-width: 1400px) { .list-wrapper .card-item{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } } @media (max-width: 576px) { .list-wrapper .card-item{ width: 100%; padding-left: 0.75rem; padding-right: 0.75rem; } } .pos-category .box{ border-width: 1px; border-style: solid; border-color: transparent; } .pos-category .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .pos-category .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .pos-category .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .pos-category .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .pos-category .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .pos-category .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .pos-category .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .pos-category .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .pos-category .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .pos-category .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .pos-category .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .pos-category .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .pos-category .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .pos-category .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .pos-category .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .pos-category .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .pos-category .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .pos-category .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .pos-category .box .categorymenu-icon{ background-color: rgb(var(--primary) / 0.4); } .pos-category .box .avatar svg{ height: 4.25rem; width: 4.25rem; fill: rgb(var(--primary)); } .pos-card-image img{ position: relative; margin-top: -54px; height: 10.5rem; width: 10rem; } .categories-arrow{ display: flex; height: 1.75rem; width: 1.75rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0px 6px 16px 2px rgba(0,0,0,0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .categories-arrow:is(.dark *){ background-color: rgb(var(--body-bg)); } .categories-arrow i{ font-size: 1rem; color: rgb(var(--default-text-color)); } [dir=rtl] .categories-arrow, [dir=rtl] .table-icon i{ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .podcast-banner:before{ --tw-scale-x: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .box.out-of-stock{ opacity: 0.65; } .order-summ.product-quantity-container{ width: 7rem; } .podcast-banner{ position: relative; z-index: 1; } .podcast-banner::before{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 0.75rem; background-image: url("../images/media/media-70.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; --tw-content: ""; content: var(--tw-content); } .podcast-banner:after{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; border-radius: 0.75rem; background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgb(var(--secondary)) var(--tw-gradient-to-position); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.75; --tw-content: ""; content: var(--tw-content); } .podcasters{ margin-bottom: 0px; } .podcasters li{ margin-bottom: 1rem; } .podcasters li:last-child{ margin-bottom: 0px; } .podcast-playing-now{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; display: flex; height: 6rem; width: 6rem; justify-content: center; } .podcast-playing-now img{ border-radius: 1rem; } .podcast-playing-progress{ width: 100%; } .podcast-playing-progress .progress-custom .progress-bar:after{ position: absolute; inset-inline-end: -0.375rem; top: -0.25rem; height: 0.75rem; width: 0.75rem; border-radius: 50%; border-width: 4px; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 0.313rem 0.313rem primary/20; --tw-shadow-colored: 0 0.313rem 0.313rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-content: ""; content: var(--tw-content); } .podcast-recently-played-list{ margin-bottom: 0px; } .podcast-recently-played-list li{ margin-bottom: 1rem; } .podcast-recently-played-list li:last-child{ margin-bottom: 0px; } .bg-playing-image{ position: relative; z-index: 0; width: 100%; overflow: hidden; border-radius: 0.75rem; background-image: url(../images/podcast/5.jpg); background-size: cover; background-repeat: no-repeat; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bg-playing-image:before{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-color: rgb(var(--primary)); opacity: 0.7; --tw-content: ""; content: var(--tw-content); } .school-card svg{ height: 2.95rem; width: 2.95rem; } .school-activity-list{ position: relative; margin-bottom: 0px; } .school-activity-list:before{ position: absolute; inset-inline-start: 18px; top: 0.75rem; height: 85%; width: 1px; background-color: rgb(var(--default-border)); --tw-content: ""; content: var(--tw-content); } .school-activity-list:is(.dark *):before{ background-color: rgb(var(--default-border) / 0.1); } .school-activity-list li{ position: relative; margin-bottom: 1.1rem; padding-inline-start: 2.75rem; } .school-activity-list li .activity-time{ position: absolute; inset-inline-start: 0px; top: 0.125rem; } .school-activity-list li:nth-child(1)::before{ background-color: rgb(var(--primary)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(var(--primary-rgb),0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .school-activity-list li:nth-child(2)::before{ background-color: rgb(var(--primary-tint1-rgb)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(227,84,212,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .school-activity-list li:nth-child(3)::before{ background-color: rgb(var(--primary-tint2-rgb)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,93,159,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .school-activity-list li:nth-child(4)::before{ background-color: rgb(var(--primary-tint3-rgb)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,142,111,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .school-activity-list li:nth-child(5)::before{ background-color: rgb(var(--secondary)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(158,92,247,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .school-activity-list li:nth-child(6)::before{ background-color: rgb(var(--warning)); content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,198,88,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .school-activity-list li:before{ position: absolute; inset-inline-start: 15px; top: 7px; height: 7px; width: 7px; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } .school-activity-list li:is(.dark *):before{ background-color: rgb(var(--body-bg)); } .school-activity-list li:last-child{ margin-bottom: 0px; } .personal-favourite{ margin-bottom: 0px; } .personal-favourite li{ margin-bottom: 1.5rem; } .personal-favourite li:last-child{ margin-bottom: 0px; } .social-cards::after{ position: absolute; inset-inline-end: -18px; top: -2rem; z-index: -1; font-family: remixicon; font-size: 100px; font-weight: 500; line-height: 1; color: rgb(var(--light)); opacity: 0.09; --tw-content: ""; content: var(--tw-content); } .social-cards{ z-index: 1; overflow: hidden; } .social-cards.insta::after{ color: rgb(var(--primary)); --tw-content: ""; content: var(--tw-content); } .svg-icon-med.social-cards.insta::after{ background-color: rgb(var(--primary) / 0.2); } .social-cards.linkedin::after{ color: rgb(var(--info)); --tw-content: ""; content: var(--tw-content); } .social-cards.fb::after{ color: rgb(var(--primary)); --tw-content: ""; content: var(--tw-content); } .svg-icon-med.social-cards.fb::after{ background-color: rgb(var(--primary) / 0.2); } .social-cards.twit::after{ color: rgb(var(--dark)); --tw-content: ""; content: var(--tw-content); } .social-cards.youtube::after{ color: rgb(var(--danger)); --tw-content: ""; content: var(--tw-content); } .social-cards.msgr::after{ color: rgb(var(--secondary)); --tw-content: ""; content: var(--tw-content); } .stock-sparkline-charts{ position: relative; bottom: -21px; inset-inline-end: -1rem; } #stockCap .apexcharts-selection-rect{ fill: rgba(0,0,0,0.4); } #stockCap .apexcharts-selection-rect:is(.dark *){ fill: 255,255,255,0.4; } .crm-card{ position: relative; z-index: 0; overflow: hidden; } .crm-card::after{ position: absolute; inset-inline-end: -1.85rem; z-index: -1; height: 100%; width: 100%; --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-image: url(../images/media/media-73.png); background-repeat: no-repeat; opacity: 0.075; --tw-content: ""; content: var(--tw-content); } @media (max-width: 575.98px) { #crm-revenue-analytics .apexcharts-canvas .apexcharts-title-text{ font-size: 0.71rem; } } .buy-crypto .choices .choices__inner{ padding-bottom: 7.5px; } .crypto-input .choices__inner{ border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .crypto-input .choices__inner:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } #buy-crypto2 .choices, #sell-crypto2 .choices{ overflow: visible; } @media (min-width: 1400px) { .banner10-img{ position: absolute; inset-inline-end: 10px; top: 39px; height: 7rem; } } [dir=rtl] #chart-21 .apexcharts-canvas, [dir=rtl] #chart-22 .apexcharts-canvas, [dir=rtl] #chart-23 .apexcharts-canvas, [dir=rtl] #chart-24 .apexcharts-canvas{ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] #chart-21 .apexcharts-tooltip, [dir=rtl] #chart-22 .apexcharts-tooltip, [dir=rtl] #chart-23 .apexcharts-tooltip, [dir=rtl] #chart-24 .apexcharts-tooltip{ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .card-headertabs.nav-tabs-header .nav-item .nav-link{ background-color: rgb(var(--light)); } .card-headertabs.nav-tabs-header .nav-item .nav-link.active{ background-color: rgb(var(--primary) / 0.1); } [data-width=boxed] .events-width{ width: 200px; } [data-width=boxed] .events-width .timeline-widget-content{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [class=dark] .xrp-logo{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } #balanceAnalysis .apexcharts-radialbar text, #monthly-target .apexcharts-radialbar text{ fill: rgb(var(--default-text-color)) !important; } @media (max-width: 767.98px) { .med-banner-img{ display: none; } .med-banner-card:after{ --tw-content: none; content: var(--tw-content); } } @media (min-width: 1400px) and (max-width: 1600px) { .offer-card-details .offer-item-img{ display: none; } } #bitcoin-change .apexcharts-svg, #bitcoin-change .apexcharts-canvas, #etherium-change .apexcharts-svg, #etherium-change .apexcharts-canvas, #tether-change .apexcharts-svg, #tether-change .apexcharts-canvas, #solana-change .apexcharts-svg, #solana-change .apexcharts-canvas, #cardano-change .apexcharts-svg, #cardano-change .apexcharts-canvas, #binance-change .apexcharts-svg, #binance-change .apexcharts-canvas{ width: 120px !important; } #revenue-stats .apexcharts-pie text{ fill: rgb(var(--default-text-color)) !important; color: rgb(var(--default-text-color)) !important; } #revenue-stats .apexcharts-pie text:is(.dark *){ fill: rgb(var(--default-text-color) / 0.8) !important; color: rgb(var(--default-text-color) / 0.8) !important; } /* New Styles */ /* End:: dashboard_styles */ /* Start:: error */ .error-bg{ position: relative; height: 100%; min-height: 100vh; width: 100%; background-color: rgba(255,255,255,0.77); } .error-bg:before{ position: absolute; inset: 0px; height: 100%; width: 100%; background-image: url(../images/media/svg/pattern-2.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.15; --tw-content: ""; content: var(--tw-content); } .error-page{ position: absolute; display: flex; min-height: 100vh; width: 100%; align-items: center; justify-content: center; background-size: cover; background-position: center; background-repeat: no-repeat; } .error-text{ font-size: 11rem; font-weight: 500; line-height: 1; } @media (max-width: 575.98px) { .error-text{ font-size: 3rem; } } [class=dark] .error-bg{ background-color: rgba(0,0,0,0.4); } /* End:: error */ /* Start:: header */ /* Start::app-header */ .app-header{ position: fixed; left: 0px; right: 0px; top: 0px; z-index: 100; height: 4.25rem; max-width: 100%; border-bottom-width: 1px; border-bottom-color: rgb(var(--header-border-color)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0px 0px 16px 0px rgba(0,0,0,0.05); --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.1s; transition-timing-function: ease; } .app-header:is(.dark *){ border-bottom-color: rgb(var(--header-border-color) / 0.1); background-color: rgb(var(--body-bg)); } .app-header #mainHeaderProfile{ color: rgb(var(--header-prime-color)); } @media (min-width: 992px) { .app-header{ padding-inline-start: 15rem; } } .header-icon-badge{ position: absolute !important; inset-inline-end: 0.45rem !important; top: 0px !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0.15rem !important; padding-bottom: 0.15rem !important; font-size: 0.625rem !important; line-height: 1 !important; } .header-icon-pulse{ position: absolute; inset-inline-end: 18px; top: 4px; height: 0.375rem; width: 0.375rem; border-radius: 9999px; } .header-profile-dropdown{ min-width: 11rem; } /* End::app-header */ /* Start::main-header-container */ .main-header-container{ display: flex; height: 100%; align-items: stretch; justify-content: space-between; padding-left: 1rem; padding-right: 1rem; } .main-header-container .header-content-left, .main-header-container .header-content-right{ margin-top: auto; margin-bottom: auto; display: flex; align-items: stretch; } .main-header-container .header-content-right{ padding-inline-start: 0px !important; } .main-header-container .header-element{ display: flex; align-items: stretch; } .main-header-container .header-link{ display: flex; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0px; padding-bottom: 0px; } .main-header-container .header-link:hover .header-link-icon, .main-header-container .header-link.show .header-link-icon{ color: rgb(var(--header-prime-color)); } .main-header-container .header-link-icon{ position: relative; height: 2rem; width: 2rem; border-radius: 0.3rem; border-width: 1px; border-style: solid; border-color: rgb(var(--header-border-color)); padding: 0.4rem; font-size: 1rem; color: rgb(var(--header-prime-color)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.05s; transition-duration: ease; } .main-header-container .header-link-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .main-header-container .header-link-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .main-header-container .header-link-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .main-header-container .header-link-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .main-header-container .header-link-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .main-header-container .header-link-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .main-header-container .header-link-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .main-header-container .header-link-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .main-header-container .header-link-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .main-header-container .header-link-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .main-header-container .header-link-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .main-header-container .header-link-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .main-header-container .header-link-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .main-header-container .header-link-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .main-header-container .header-link-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .main-header-container .header-link-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .main-header-container .header-link-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .main-header-container .header-link-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .main-header-container .header-link-icon:is(.dark *){ border-color: rgb(var(--header-border-color) / 0.1); } .main-header-container .dropdown-toggle{ text-decoration-line: none; } .main-header-container .dropdown-toggle::after{ --tw-content: none; content: var(--tw-content); } .main-header-container .main-profile-user .dropdown-menu{ width: 13rem; } .main-header-container .main-profile-user .dropdown-item{ display: flex; height: 2.375rem; align-items: center; padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: 0.813rem; font-weight: 400; color: rgb(var(--default-text-color)); } .main-header-container .main-profile-user .dropdown-item:hover{ color: rgb(var(--primary)); } .main-header-container .main-profile-user .dropdown-item i{ color: rgb(var(--primary)); opacity: 1; } .svg-icon-med.main-header-container .main-profile-user .dropdown-item i{ background-color: rgb(var(--primary) / 0.2); } .main-header-dropdown{ top: 0.9375rem; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .main-header-dropdown li{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); } .main-header-dropdown li:last-child{ border-bottom-width: 0px; } .main-header-dropdown li:is(.dark *){ border-bottom-color: rgb(var(--default-border) / 0.1); } .main-header-dropdown .dropdown-item{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.6rem; padding-bottom: 0.6rem; } .main-header-dropdown .dropdown-item:last-child{ border-bottom-width: 0px; } .cart-dropdown .main-header-dropdown{ width: 25rem; } .country-selector .main-header-dropdown{ min-width: 12rem; } .notifications-dropdown .main-header-dropdown{ width: 21rem; } .header-profile-dropdown.main-header-dropdown li{ border-bottom-width: 0px; border-style: solid; border-bottom-color: rgb(var(--default-border)); } @keyframes slideIn { 0% { opacity: 0; transform: translateY(6rem); } 100% { opacity: 1; } 0% { opacity: 0; transform: translateY(6rem); } } [dir=rtl] .sidemenu-toggle .open-toggle{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .app-header .dropdown-menu-end { --bs-position: end; } /* End::main-header-container */ /* Start::Header-dropdown */ .header-cart-remove i, .dropdown-item-close1 i{ color: rgb(var(--text-muted)); opacity: 0.6; } .header-cart-remove i:is(.dark *), .dropdown-item-close1 i:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .header-cart-remove:hover i, .dropdown-item-close1:hover i{ color: rgb(var(--danger)); opacity: 1; } @media (max-width: 575.98px) { .header-element.dropdown { position: initial; } } /* End::Header-dropdown */ /* Start::header-search */ .auto-complete-search input.header-search-bar{ border-radius: 0.3rem; } .header-search{ position: relative; } .auto-complete-search .header-search-bar{ position: relative !important; min-width: 20rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; background-color: transparent !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; padding-inline-start: 2.25rem !important; padding-inline-end: 0.75rem !important; } .auto-complete-search .header-search-bar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .auto-complete-search .header-search-bar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .auto-complete-search .header-search-bar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .auto-complete-search .header-search-bar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .auto-complete-search .header-search-bar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .auto-complete-search .header-search-bar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .auto-complete-search .header-search-bar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .auto-complete-search .header-search-bar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .auto-complete-search .header-search-bar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .auto-complete-search .header-search-bar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .auto-complete-search .header-search-bar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .auto-complete-search .header-search-bar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .auto-complete-search .header-search-bar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .auto-complete-search .header-search-bar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .auto-complete-search .header-search-bar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .auto-complete-search .header-search-bar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .auto-complete-search .header-search-bar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .auto-complete-search .header-search-bar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .auto-complete-search .header-search-bar:focus{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; background-color: transparent !important; } .header-search-icon{ position: absolute; inset-inline-start: 0.75rem; top: 0.5rem; color: rgb(var(--text-muted)); } .header-search-icon:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } /* End::header-search */ /* Start::header-country-selector */ .country-selector .header-link img{ height: 1.75rem; width: 1.75rem; } /* End::header-country-selector */ /* Start:header dropdowns scroll */ #header-notification-scroll, #header-cart-items-scroll{ max-height: 20rem; } /* End:header dropdowns scroll */ /* Start::header badge pulse */ .pulse{ display: block; animation: pulse-secondary 2s infinite; cursor: pointer; } .pulse.pulse-secondary{ --tw-shadow: 0 0 0 rgba(var(--primary-tint2-rgb),0.4); --tw-shadow-colored: 0 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @keyframes pulse-secondary { 0% { box-shadow: 0 0 0 0 rgba(var(--primary-tint2-rgb), 0.4); } 70% { box-shadow: 0 0 0 10px rgba(var(--primary-tint2-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--primary-tint2-rgb), 0); } } /* End::header badge pulse */ /* Start::Header theme-mode icon style */ [class=light] .layout-setting .dark-layout{ display: none; } [class=light] .layout-setting .light-layout{ display: block; } .layout-setting .dark-layout{ display: none; } .layout-setting .light-layout{ display: block; } [class=dark] .layout-setting .light-layout{ display: none; } [class=dark] .layout-setting .dark-layout{ display: block; } /* End::Header theme-mode icon style */ /* Start::Header fullscreen responsive */ @media (max-width: 767.98px) { .header-element.header-fullscreen{ display: none; } } /* End::Header fullscreen responsive */ /* Start::Responsive header dropdowns */ @media (max-width: 575.98px) { .app-header .dropdown-menu{ width: 100%; } } /* End::Responsive header dropdowns */ /* Start::toggle */ .animated-arrow.hor-toggle{ position: relative; margin-left: 0px; margin-right: 0px; margin-top: 0.3125rem; margin-bottom: 0.3125rem; margin-inline-end: 1rem; width: 2rem; text-align: center; font-size: 1.2rem; } .animated-arrow{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: 102; margin-inline-start: 0.5rem; margin-inline-end: 0px; margin-top: 0.375rem; margin-bottom: 0px; cursor: pointer; padding: 0.3125rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease-in-out; } .animated-arrow.hor-toggle span{ vertical-align: middle; } .animated-arrow span{ position: absolute; display: block; height: 0.075rem; width: 0.75rem; cursor: pointer; background-color: rgb(var(--text-muted)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease-in-out; --tw-content: ""; content: var(--tw-content); } .animated-arrow span::before{ top: -0.375rem; content: var(--tw-content); width: 1.4375rem; } .animated-arrow span::after{ bottom: -0.375rem; content: var(--tw-content); width: 15px; } .animated-arrow span:is(.dark *){ background-color: rgb(var(--text-muted) / 0.5); } .animated-arrow span:before, .animated-arrow span:after{ position: absolute; display: block; height: 0.075rem; width: 1rem; cursor: pointer; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease-in-out; --tw-content: ""; content: var(--tw-content); background-color: rgb(var(--text-muted)); } .animated-arrow span:is(.dark *):before, .animated-arrow span:is(.dark *):after{ background-color: rgb(var(--text-muted) / 0.5); } /* End::toggle */ /* Start::header notification dropdown */ .header-notification-text{ max-width: 14.5rem; } /* End::header notification dropdown */ /* Start::header cart dropdown */ .header-cart-text{ max-width: 13rem; } /* End::header cart dropdown */ @media (max-width: 1199.98px) { .header-search-bar{ width: 11rem; } } @media (max-width: 575.98px) { .main-header-container .main-header-dropdown{ top: -0.0625rem; border-radius: 0 0 defaultradius defaultradius; } .main-header-container .header-element .header-link{ padding-left: 0.3rem; padding-right: 0.3rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } } /* Start:: cart color indicator */ .text-cart-headset{ --tw-text-opacity: 1; color: rgb(25 113 158 / var(--tw-text-opacity)); } .text-cart-handbag{ --tw-text-opacity: 1; color: rgb(222 140 178 / var(--tw-text-opacity)); } .text-cart-alaramclock{ --tw-text-opacity: 1; color: rgb(6 167 239 / var(--tw-text-opacity)); } .text-cart-sweatshirt{ --tw-text-opacity: 1; color: rgb(222 202 193 / var(--tw-text-opacity)); } .text-cart-smartwatch{ --tw-text-opacity: 1; color: rgb(251 108 103 / var(--tw-text-opacity)); } .header-profile-dropdown{ min-width: 11rem !important; } @media (min-width: 575.98px) { .header-content-right .header-element .ti-dropdown-menu{ top: 19px !important; } } @media (max-width: 575.98px) { .app-header .ti-dropdown-menu{ width: 100% !important; } .app-header .main-header-dropdown{ top: 11px !important; } } /* End:: cart color indicator */ /* End:: header */ /* Start:: plugins */ /* Start:Choices JS */ .choices__inner{ min-height: auto !important; border-radius: 0.35rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; background-color: rgb(var(--body-bg-rgb)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; font-size: 0.8125rem !important; line-height: 1.6 !important; } .choices__inner.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .choices__inner.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .choices__inner.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .choices__inner.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .choices__inner.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .choices__inner.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .choices__inner.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .choices__inner.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .choices__inner.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .choices__inner.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .choices__inner.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .choices__inner.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .choices__inner.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .choices__inner.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .choices__inner.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .choices__inner.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .choices__inner.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .choices__inner.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .choices__inner:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .choices__list--single{ padding-top: 0px !important; padding-bottom: 0px !important; padding-inline-start: 0px !important; padding-inline-end: 1rem !important; } .choices[data-type*=select-one]::after{ color: rgb(var(--text-muted)) !important; } .choices[data-type*=select-one]:is(.dark *)::after{ color: rgb(var(--text-muted) / 0.5) !important; } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded]{ border-color: rgb(var(--default-border)) !important; } .is-open .choices__list--dropdown:is(.dark *), .is-open .choices__list[aria-expanded]:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .choices[data-type*=select-one] .choices__input{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.625rem; color: rgb(var(--default-text-color)); } .choices[data-type*=select-one] .choices__input:is(.dark *){ background-color: rgb(var(--body-bg)); } .choices__list--dropdown{ display: none; } .choices[data-type*=select-one]::after{ border-top-color: rgb(var(--text-muted)) !important; } .choices[data-type*=select-one]:is(.dark *)::after{ border-top-color: rgb(var(--text-muted) / 0.5) !important; } .choices__input{ color: rgb(var(--default-text-color)) !important; } .choices__input:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .choices__list--dropdown.is-active{ display: block; } .choices__list--dropdown, .choices__list[aria-expanded]{ z-index: 1; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .choices__list--dropdown.border-primary1, .choices__list[aria-expanded].border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .choices__list--dropdown.border-primary1.border-opacity-10, .choices__list[aria-expanded].border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .choices__list--dropdown.border-primary1.border-opacity-25, .choices__list[aria-expanded].border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .choices__list--dropdown.border-primary1.border-opacity-50, .choices__list[aria-expanded].border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .choices__list--dropdown.border-primary1.border-opacity-75, .choices__list[aria-expanded].border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .choices__list--dropdown.border-primary1.border-opacity-100, .choices__list[aria-expanded].border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .choices__list--dropdown.border-primary2, .choices__list[aria-expanded].border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .choices__list--dropdown.border-primary2.border-opacity-10, .choices__list[aria-expanded].border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .choices__list--dropdown.border-primary2.border-opacity-25, .choices__list[aria-expanded].border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .choices__list--dropdown.border-primary2.border-opacity-50, .choices__list[aria-expanded].border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .choices__list--dropdown.border-primary2.border-opacity-75, .choices__list[aria-expanded].border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .choices__list--dropdown.border-primary2.border-opacity-100, .choices__list[aria-expanded].border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .choices__list--dropdown.border-primary3, .choices__list[aria-expanded].border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .choices__list--dropdown.border-primary3.border-opacity-10, .choices__list[aria-expanded].border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .choices__list--dropdown.border-primary3.border-opacity-25, .choices__list[aria-expanded].border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .choices__list--dropdown.border-primary3.border-opacity-50, .choices__list[aria-expanded].border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .choices__list--dropdown.border-primary3.border-opacity-75, .choices__list[aria-expanded].border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .choices__list--dropdown.border-primary3.border-opacity-100, .choices__list[aria-expanded].border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .choices__list--dropdown:is(.dark *), .choices__list[aria-expanded]:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .choices[data-type*=select-one].is-open::after{ border-inline-start-color: transparent !important; } .choices__list--dropdown .choices__item--selectable.is-highlighted{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .choices__list--dropdown .choices__item--selectable.is-selected{ color: rgb(var(--primary)) !important; } .svg-icon-med.choices__list--dropdown .choices__item--selectable.is-selected{ background-color: rgb(var(--primary) / 0.2); } .choices__list--dropdown .choices__item--selectable.is-selected.is-highlighted{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .is-open .choices__list--dropdown:is(.dark *), .is-open .choices__list[aria-expanded]:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .choices__list--dropdown .choices__list{ max-height: 15rem !important; } .choices[data-type*=select-one]::after{ border-color: textmuted transparent transparent !important; } .choices[data-type*=select-one]:is(.dark *)::after{ border-color: textmuted/50 transparent transparent !important; } .choices__input{ background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .choices__list--multiple .choices__item{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; } .choices__list--multiple .choices__item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .choices__list--multiple .choices__item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .choices__list--multiple .choices__item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .choices__list--multiple .choices__item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .choices__list--multiple .choices__item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .choices__list--multiple .choices__item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .choices__list--multiple .choices__item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .choices__list--multiple .choices__item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .choices__list--multiple .choices__item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .choices__list--multiple .choices__item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .choices__list--multiple .choices__item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .choices__list--multiple .choices__item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .choices__list--multiple .choices__item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .choices__list--multiple .choices__item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .choices__list--multiple .choices__item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .choices__list--multiple .choices__item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .choices__list--multiple .choices__item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .choices__list--multiple .choices__item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button{ border-inline-start-width: 1px !important; border-style: solid !important; border-inline-start-color: rgba(255,255,255,0.5) !important; } .choices__list--multiple .choices__item{ margin-bottom: 3px !important; border-radius: 0.25rem !important; padding-left: 0.625rem !important; padding-right: 0.625rem !important; padding-top: 0.025rem !important; padding-bottom: 0.2rem !important; } .choices__list--single .choices__item{ color: rgb(var(--default-text-color)) !important; } .choices__input{ margin-bottom: 0px !important; } .form-control-select-sm .choices__inner{ padding: 0.275rem !important; } .choices[data-type*=select-one].is-open::after{ margin-top: -0.156rem !important; } [class^=ri-], [class*=" ri-"]{ display: inline-flex; } .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after{ display: none !important; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable{ padding-inline-end: 0px !important; } } .choices__heading{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); color: rgb(var(--text-muted)); } .choices__heading:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } [dir=rtl] .choices[data-type*=select-one]::after{ inset-inline-start: 0.7188rem; inset-inline-end: inherit; opacity: 0.5; } [dir=rtl] .choices[data-type*=select-one]:where([dir="rtl"], [dir="rtl"] *)::after{ inset-inline-end: 0.7188rem; inset-inline-start: inherit; } [dir=rtl] .choices[data-type*=select-one] .choices__button{ inset-inline-start: 0px; inset-inline-end: inherit; margin-inline-start: 1.5625rem; margin-inline-end: inherit; } [dir=rtl][class=dark] .choices[data-type*=select-one] .choices__button{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } [dir=rtl] .choices[data-type*=select-multiple] .choices__button, [dir=rtl] .choices[data-type*=text] .choices__button{ margin-top: 0px; margin-bottom: 0px; margin-inline-start: -0.25rem; margin-inline-end: 0.5rem; border-left-width: 0px; border-right-width: 0px; border-style: solid; --tw-border-opacity: 1; border-inline-end-color: rgb(0 143 161 / var(--tw-border-opacity)); padding-inline-start: inherit; padding-inline-end: 1rem; } .choices__list--dropdown, .choices__list[aria-expanded]{ --tw-shadow: rgba(149,157,165,0.2) 0 0.5rem 1.5rem !important; --tw-shadow-colored: 0 0.5rem 1.5rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [class=dark] .choices[data-type*=select-one] .choices__button{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } /* End:Choices JS */ /* Start:Apex Charts */ #donut-pattern .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label, #donut-pattern .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{ fill: rgb(var(--default-text-color)) !important; } .apexcharts-xaxistooltip-text{ color: rgb(var(--default-text-color)) !important; } .apexcharts-xaxistooltip-text:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } #radialbar-multiple .apexcharts-text.apexcharts-datalabel-label:is(.dark *){ fill: #fff; } #radialbar-multiple .apexcharts-radialbar .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{ fill: rgb(var(--default-text-color)); } .apexcharts-gridline{ stroke: rgb(var(--default-border)) !important; } .apexcharts-gridline:is(.dark *){ stroke: rgb(var(--default-border) / 0.1) !important; } .apexcharts-xaxis line, .apexcharts-grid-borders line{ stroke: rgb(var(--default-border)) !important; } .apexcharts-xaxis line:is(.dark *), .apexcharts-grid-borders line:is(.dark *){ stroke: rgb(var(--default-border) / 0.1) !important; } .apexcharts-title-text{ fill: rgb(var(--text-muted)); } .apexcharts-title-text:is(.dark *){ color: rgb(var(--text-muted) / 0.5); fill: rgb(var(--default-text-color) / 0.7); } .apexcharts-menu-item{ font-size: 11px; } .apexcharts-xaxistooltip, .apexcharts-yaxistooltip{ border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .apexcharts-xaxistooltip.border-primary1, .apexcharts-yaxistooltip.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .apexcharts-xaxistooltip.border-primary1.border-opacity-10, .apexcharts-yaxistooltip.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .apexcharts-xaxistooltip.border-primary1.border-opacity-25, .apexcharts-yaxistooltip.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .apexcharts-xaxistooltip.border-primary1.border-opacity-50, .apexcharts-yaxistooltip.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .apexcharts-xaxistooltip.border-primary1.border-opacity-75, .apexcharts-yaxistooltip.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .apexcharts-xaxistooltip.border-primary1.border-opacity-100, .apexcharts-yaxistooltip.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .apexcharts-xaxistooltip.border-primary2, .apexcharts-yaxistooltip.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .apexcharts-xaxistooltip.border-primary2.border-opacity-10, .apexcharts-yaxistooltip.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .apexcharts-xaxistooltip.border-primary2.border-opacity-25, .apexcharts-yaxistooltip.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .apexcharts-xaxistooltip.border-primary2.border-opacity-50, .apexcharts-yaxistooltip.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .apexcharts-xaxistooltip.border-primary2.border-opacity-75, .apexcharts-yaxistooltip.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .apexcharts-xaxistooltip.border-primary2.border-opacity-100, .apexcharts-yaxistooltip.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .apexcharts-xaxistooltip.border-primary3, .apexcharts-yaxistooltip.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .apexcharts-xaxistooltip.border-primary3.border-opacity-10, .apexcharts-yaxistooltip.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .apexcharts-xaxistooltip.border-primary3.border-opacity-25, .apexcharts-yaxistooltip.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .apexcharts-xaxistooltip.border-primary3.border-opacity-50, .apexcharts-yaxistooltip.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .apexcharts-xaxistooltip.border-primary3.border-opacity-75, .apexcharts-yaxistooltip.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .apexcharts-xaxistooltip.border-primary3.border-opacity-100, .apexcharts-yaxistooltip.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .apexcharts-xaxistooltip:is(.dark *), .apexcharts-yaxistooltip:is(.dark *){ background-color: rgb(var(--body-bg)); } .apexcharts-xaxistooltip-bottom:before{ border-bottom-color: rgb(var(--default-border)); } .apexcharts-menu{ border-color: rgb(var(--default-border)) !important; } .apexcharts-menu:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .apexcharts-yaxistooltip-left:before{ border-inline-start-color: rgb(var(--default-border)); } #marketCap .apexcharts-canvas line{ stroke: rgb(var(--default-border)); } .apexcharts-legend{ padding-left: 1.25rem !important; padding-right: 1.25rem !important; padding-top: 0px !important; padding-bottom: 0px !important; } .apexcharts-tooltip{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .apexcharts-tooltip-marker{ margin-inline-end: 0.625rem; } .apexcharts-tooltip.apexcharts-theme-light{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .apexcharts-tooltip.apexcharts-theme-light.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .apexcharts-tooltip.apexcharts-theme-light.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .apexcharts-tooltip.apexcharts-theme-light.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .apexcharts-tooltip.apexcharts-theme-light.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .apexcharts-tooltip.apexcharts-theme-light:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title:is(.dark *){ border-bottom-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .apexcharts-xaxis line, .apexcharts-grid-borders line{ stroke: rgb(var(--default-border)); } .apexcharts-radialbar-track.apexcharts-track path{ stroke: rgb(var(--light)); } .apexcharts-selection-rect{ fill: #000; } .apexcharts-selection-rect:is(.dark *){ fill: #fff; } .apexcharts-menu{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .apexcharts-menu.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .apexcharts-menu.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .apexcharts-menu.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .apexcharts-menu.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .apexcharts-menu.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .apexcharts-menu.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .apexcharts-menu.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .apexcharts-menu.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .apexcharts-menu.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .apexcharts-menu.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .apexcharts-menu.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .apexcharts-menu.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .apexcharts-menu.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .apexcharts-menu.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .apexcharts-menu.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .apexcharts-menu.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .apexcharts-menu.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .apexcharts-menu.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .apexcharts-menu:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .apexcharts-menu-item{ padding: 0.375rem !important; } .apexcharts-theme-light .apexcharts-menu-item:hover{ background-color: rgb(var(--light)) !important; } .apexcharts-inner.apexcharts-graphical line.apexcharts-xaxis-tick{ stroke: transparent !important; } #column-rotated-labels .apexcharts-xaxis-texts-g{ --tw-translate-y: 2.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #chart-year, #chart-quarter{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } #chart-year.border-primary1, #chart-quarter.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } #chart-year.border-primary1.border-opacity-10, #chart-quarter.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } #chart-year.border-primary1.border-opacity-25, #chart-quarter.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } #chart-year.border-primary1.border-opacity-50, #chart-quarter.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } #chart-year.border-primary1.border-opacity-75, #chart-quarter.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } #chart-year.border-primary1.border-opacity-100, #chart-quarter.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } #chart-year.border-primary2, #chart-quarter.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } #chart-year.border-primary2.border-opacity-10, #chart-quarter.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } #chart-year.border-primary2.border-opacity-25, #chart-quarter.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } #chart-year.border-primary2.border-opacity-50, #chart-quarter.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } #chart-year.border-primary2.border-opacity-75, #chart-quarter.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } #chart-year.border-primary2.border-opacity-100, #chart-quarter.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } #chart-year.border-primary3, #chart-quarter.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } #chart-year.border-primary3.border-opacity-10, #chart-quarter.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } #chart-year.border-primary3.border-opacity-25, #chart-quarter.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } #chart-year.border-primary3.border-opacity-50, #chart-quarter.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #chart-year.border-primary3.border-opacity-75, #chart-quarter.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } #chart-year.border-primary3.border-opacity-100, #chart-quarter.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } #chart-year:is(.dark *), #chart-quarter:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .apexcharts-bar-series.apexcharts-plot-series .apexcharts-series .apexcharts-bar-area{ stroke: transparent !important; } .apexcharts-treemap .apexcharts-series.apexcharts-treemap-series rect{ stroke: rgb(var(--custom-white)) !important; } .apexcharts-pie line, .apexcharts-pie circle{ stroke: transparent !important; stroke: rgb(var(--default-border)) !important; } .apexcharts-pie line:is(.dark *), .apexcharts-pie circle:is(.dark *){ stroke: rgb(var(--default-border) / 0.1) !important; } .apexcharts-series.apexcharts-pie-series .apexcharts-pie-area{ stroke: #fff !important; } .apexcharts-series.apexcharts-pie-series .apexcharts-pie-area:is(.dark *){ stroke: rgb(var(--body-bg)) !important; } .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{ fill: rgb(var(--default-text-color)); } .apexcharts-radialbar-hollow{ fill: #fff; } .apexcharts-radialbar-hollow:is(.dark *){ fill: rgb(var(--body-bg)); } .apexcharts-radar-series.apexcharts-plot-series polygon, .apexcharts-radar-series.apexcharts-plot-series line{ stroke: rgb(var(--default-border)); } .apexcharts-radar-series.apexcharts-plot-series polygon:is(.dark *), .apexcharts-radar-series.apexcharts-plot-series line:is(.dark *){ stroke: rgb(var(--default-border) / 0.1); } .apexcharts-pie line, .apexcharts-pie circle{ stroke: rgb(var(--default-border)); } .apexcharts-pie text{ fill: #fff !important; } .apexcharts-canvas .apexcharts-toolbar{ z-index: 1; } @media (max-width: 500.98px) { .apexcharts-canvas .apexcharts-toolbar{ z-index: 1; padding-top: 15px; padding-right: 2px; padding-bottom: 5px; padding-left: 2px; } } .apexcharts-subtitle-text{ fill: rgb(var(--text-muted)); } .apexcharts-subtitle-text:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } #polararea-basic .apexcharts-pie text{ fill: #000; } .apexcharts-pie .apexcharts-datalabels rect{ fill: transparent; } [dir=rtl] .apexcharts-canvas{ direction: ltr; } .apexcharts-boxPlot-area{ stroke: rgb(var(--default-text-color)) !important; } .apexcharts-gridline{ stroke: rgb(var(--default-border)); } .apexcharts-legend-text{ font-family: Poppins, sans-serif !important; font-weight: 500 !important; } .echart-charts canvas{ width: 100% !important; } .echart-charts div:first-child{ width: 100% !important; } /* End:Apex Charts */ /* Start:Full Calendar */ .fc-v-event .fc-event-main{ color: rgb(var(--default-text-color)); } .fc-event-selected, .fc-event:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .fc-daygrid-event{ padding: 0.25rem; } .fc-daygrid-event .fc-event-title{ font-size: 13px; font-weight: 300; } .fc-h-event.bg-primary-transparent .fc-event-title, .fc-h-event.bg-primary-transparent .fc-event-time{ color: rgb(var(--primary)); } .svg-icon-med.fc-h-event.bg-primary-transparent .fc-event-title,.svg-icon-med .fc-h-event.bg-primary-transparent .fc-event-time{ background-color: rgb(var(--primary) / 0.2); } .fc-h-event.bg-secondary-transparent .fc-event-title, .fc-h-event.bg-secondary-transparent .fc-event-time{ color: rgb(var(--secondary)); } .fc-h-event.bg-warning-transparent .fc-event-title, .fc-h-event.bg-warning-transparent .fc-event-time{ color: rgb(var(--warning)); } .fc-h-event.bg-info-transparent .fc-event-title, .fc-h-event.bg-info-transparent .fc-event-time{ color: rgb(var(--info)); } .fc-h-event.bg-success-transparent .fc-event-title, .fc-h-event.bg-success-transparent .fc-event-time{ color: rgb(var(--success)); } .fc-h-event.bg-danger-transparent .fc-event-title, .fc-h-event.bg-danger-transparent .fc-event-time{ color: rgb(var(--danger)); } .fc-h-event{ background-color: rgb(var(--primary) / 0.1); } .fc-h-event .fc-event-title{ color: rgb(var(--primary)); } .svg-icon-med.fc-h-event .fc-event-title{ background-color: rgb(var(--primary) / 0.2); } .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid{ border-inline-end-width: 0px !important; border-top-width: 1px !important; border-style: solid !important; border-top-color: rgb(var(--default-border)) !important; } .fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .fc .fc-scrollgrid-section-footer > *, .fc .fc-scrollgrid-section-header > *{ border-bottom-width: 0px !important; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title{ padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0px !important; padding-bottom: 0px !important; } .fc .fc-button-primary{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; } .fc .fc-non-business{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .fc .fc-non-business:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active{ border-color: rgb(var(--primary)); background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); opacity: 0.9; } .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .fc-theme-standard td, .fc-theme-standard th{ border-width: 1px; border-top-width: 0px; border-style: solid; border-color: rgb(var(--default-border)); } .fc-theme-standard td.border-primary1, .fc-theme-standard th.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .fc-theme-standard td.border-primary1.border-opacity-10, .fc-theme-standard th.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .fc-theme-standard td.border-primary1.border-opacity-25, .fc-theme-standard th.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .fc-theme-standard td.border-primary1.border-opacity-50, .fc-theme-standard th.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .fc-theme-standard td.border-primary1.border-opacity-75, .fc-theme-standard th.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .fc-theme-standard td.border-primary1.border-opacity-100, .fc-theme-standard th.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .fc-theme-standard td.border-primary2, .fc-theme-standard th.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .fc-theme-standard td.border-primary2.border-opacity-10, .fc-theme-standard th.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .fc-theme-standard td.border-primary2.border-opacity-25, .fc-theme-standard th.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .fc-theme-standard td.border-primary2.border-opacity-50, .fc-theme-standard th.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .fc-theme-standard td.border-primary2.border-opacity-75, .fc-theme-standard th.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .fc-theme-standard td.border-primary2.border-opacity-100, .fc-theme-standard th.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .fc-theme-standard td.border-primary3, .fc-theme-standard th.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .fc-theme-standard td.border-primary3.border-opacity-10, .fc-theme-standard th.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .fc-theme-standard td.border-primary3.border-opacity-25, .fc-theme-standard th.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .fc-theme-standard td.border-primary3.border-opacity-50, .fc-theme-standard th.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .fc-theme-standard td.border-primary3.border-opacity-75, .fc-theme-standard th.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .fc-theme-standard td.border-primary3.border-opacity-100, .fc-theme-standard th.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .fc-theme-standard td:is(.dark *), .fc-theme-standard th:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .fc-list-table td, .fc-list-table th{ border-left-width: 0px !important; border-right-width: 0px !important; } .fc .fc-daygrid-day.fc-day-today{ background-color: rgb(var(--primary) / 0.1) !important; } .fc-theme-standard .fc-list{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } .fc-theme-standard .fc-list.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .fc-theme-standard .fc-list.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .fc-theme-standard .fc-list.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .fc-theme-standard .fc-list.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .fc-theme-standard .fc-list.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .fc-theme-standard .fc-list.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .fc-theme-standard .fc-list.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .fc-theme-standard .fc-list.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .fc-theme-standard .fc-list.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .fc-theme-standard .fc-list.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .fc-theme-standard .fc-list.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .fc-theme-standard .fc-list.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .fc-theme-standard .fc-list.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .fc-theme-standard .fc-list.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .fc-theme-standard .fc-list.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .fc-theme-standard .fc-list.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .fc-theme-standard .fc-list.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .fc-theme-standard .fc-list.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .fc-theme-standard .fc-list:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .fc .fc-list-event:hover td{ background-color: rgb(var(--light)) !important; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .fc-theme-standard .fc-list-day-cushion{ background-color: rgb(var(--light)) !important; } .fc .fc-list-sticky .fc-list-day > *{ z-index: 9; } .fc-theme-standard .fc-scrollgrid{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } .fc-theme-standard .fc-scrollgrid.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .fc-theme-standard .fc-scrollgrid.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .fc-theme-standard .fc-scrollgrid.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .fc-theme-standard .fc-scrollgrid.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .fc-theme-standard .fc-scrollgrid.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .fc-theme-standard .fc-scrollgrid.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .fc-theme-standard .fc-scrollgrid.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .fc-theme-standard .fc-scrollgrid.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .fc-theme-standard .fc-scrollgrid.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .fc-theme-standard .fc-scrollgrid.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .fc-theme-standard .fc-scrollgrid.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .fc-theme-standard .fc-scrollgrid.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .fc-theme-standard .fc-scrollgrid.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .fc-theme-standard .fc-scrollgrid.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .fc-theme-standard .fc-scrollgrid.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .fc-theme-standard .fc-scrollgrid.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .fc-theme-standard .fc-scrollgrid.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .fc-theme-standard .fc-scrollgrid.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .fc-theme-bootstrap5 .fc-list, .fc-theme-bootstrap5 .fc-scrollgrid, .fc-theme-bootstrap5 td, .fc-theme-bootstrap5 th{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } .fc-theme-bootstrap5 .fc-list.border-primary1, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary1, .fc-theme-bootstrap5 td.border-primary1, .fc-theme-bootstrap5 th.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .fc-theme-bootstrap5 .fc-list.border-primary1.border-opacity-10, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary1.border-opacity-10, .fc-theme-bootstrap5 td.border-primary1.border-opacity-10, .fc-theme-bootstrap5 th.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .fc-theme-bootstrap5 .fc-list.border-primary1.border-opacity-25, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary1.border-opacity-25, .fc-theme-bootstrap5 td.border-primary1.border-opacity-25, .fc-theme-bootstrap5 th.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .fc-theme-bootstrap5 .fc-list.border-primary1.border-opacity-50, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary1.border-opacity-50, .fc-theme-bootstrap5 td.border-primary1.border-opacity-50, .fc-theme-bootstrap5 th.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .fc-theme-bootstrap5 .fc-list.border-primary1.border-opacity-75, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary1.border-opacity-75, .fc-theme-bootstrap5 td.border-primary1.border-opacity-75, .fc-theme-bootstrap5 th.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .fc-theme-bootstrap5 .fc-list.border-primary1.border-opacity-100, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary1.border-opacity-100, .fc-theme-bootstrap5 td.border-primary1.border-opacity-100, .fc-theme-bootstrap5 th.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .fc-theme-bootstrap5 .fc-list.border-primary2, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary2, .fc-theme-bootstrap5 td.border-primary2, .fc-theme-bootstrap5 th.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .fc-theme-bootstrap5 .fc-list.border-primary2.border-opacity-10, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary2.border-opacity-10, .fc-theme-bootstrap5 td.border-primary2.border-opacity-10, .fc-theme-bootstrap5 th.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .fc-theme-bootstrap5 .fc-list.border-primary2.border-opacity-25, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary2.border-opacity-25, .fc-theme-bootstrap5 td.border-primary2.border-opacity-25, .fc-theme-bootstrap5 th.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .fc-theme-bootstrap5 .fc-list.border-primary2.border-opacity-50, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary2.border-opacity-50, .fc-theme-bootstrap5 td.border-primary2.border-opacity-50, .fc-theme-bootstrap5 th.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .fc-theme-bootstrap5 .fc-list.border-primary2.border-opacity-75, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary2.border-opacity-75, .fc-theme-bootstrap5 td.border-primary2.border-opacity-75, .fc-theme-bootstrap5 th.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .fc-theme-bootstrap5 .fc-list.border-primary2.border-opacity-100, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary2.border-opacity-100, .fc-theme-bootstrap5 td.border-primary2.border-opacity-100, .fc-theme-bootstrap5 th.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .fc-theme-bootstrap5 .fc-list.border-primary3, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary3, .fc-theme-bootstrap5 td.border-primary3, .fc-theme-bootstrap5 th.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .fc-theme-bootstrap5 .fc-list.border-primary3.border-opacity-10, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary3.border-opacity-10, .fc-theme-bootstrap5 td.border-primary3.border-opacity-10, .fc-theme-bootstrap5 th.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .fc-theme-bootstrap5 .fc-list.border-primary3.border-opacity-25, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary3.border-opacity-25, .fc-theme-bootstrap5 td.border-primary3.border-opacity-25, .fc-theme-bootstrap5 th.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .fc-theme-bootstrap5 .fc-list.border-primary3.border-opacity-50, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary3.border-opacity-50, .fc-theme-bootstrap5 td.border-primary3.border-opacity-50, .fc-theme-bootstrap5 th.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .fc-theme-bootstrap5 .fc-list.border-primary3.border-opacity-75, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary3.border-opacity-75, .fc-theme-bootstrap5 td.border-primary3.border-opacity-75, .fc-theme-bootstrap5 th.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .fc-theme-bootstrap5 .fc-list.border-primary3.border-opacity-100, .fc-theme-bootstrap5 .fc-scrollgrid.border-primary3.border-opacity-100, .fc-theme-bootstrap5 td.border-primary3.border-opacity-100, .fc-theme-bootstrap5 th.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } @media (max-width: 420px) { .fc-scroller.fc-scroller-liquid{ overflow: scroll !important; } } @media (max-width: 380px) { .fc .fc-daygrid-day-bottom{ padding-left: 3px !important; padding-right: 3px !important; padding-top: 0px !important; padding-bottom: 0px !important; font-size: 0.75em !important; } .fc .fc-daygrid-more-link{ z-index: 99 !important; } } @media (max-width: 767.98px) { .fc .fc-toolbar{ display: block !important; } .fc-toolbar-chunk{ margin-top: 0.5rem; } } .fc-daygrid-block-event{ border-width: 0px !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .fc-daygrid-block-event .fc-list-event-dot{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } .fc-daygrid-block-event:hover{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .fc-daygrid-block-event:hover .fc-list-event-dot{ --tw-border-opacity: 1 !important; border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; } /* End:Full Calendar */ /* Start:Pickers */ [dir=rtl] .flatpickr-input{ text-align: start; } .flatpickr-calendar{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; font-size: 0.8125rem !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .flatpickr-calendar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .flatpickr-calendar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .flatpickr-calendar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .flatpickr-calendar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .flatpickr-calendar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .flatpickr-calendar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .flatpickr-calendar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .flatpickr-calendar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .flatpickr-calendar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .flatpickr-calendar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .flatpickr-calendar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .flatpickr-calendar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .flatpickr-calendar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .flatpickr-calendar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .flatpickr-calendar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .flatpickr-calendar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .flatpickr-calendar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .flatpickr-calendar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .flatpickr-calendar:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{ fill: rgb(0 0 0 / 0.9); color: rgb(0 0 0 / 0.9); } .rangeMode .flatpickr-day{ margin-top: 0.25rem !important; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange{ border-radius: 50px 0 0 50px !important; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange{ border-radius: 0 50px 50px 0 !important; } .flatpickr-monthDropdown-months, .numInput{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .flatpickr-day.today.inRange{ color: rgb(var(--primary)) !important; } .svg-icon-med.flatpickr-day.today.inRange{ background-color: rgb(var(--primary) / 0.2); } .dayContainer{ padding: 0.25rem !important; } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; font-size: 0.813rem !important; } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg{ height: 1.25rem !important; width: 1.25rem !important; fill: rgb(var(--primary)) !important; padding: 0.25rem !important; } .flatpickr-day.inRange{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .flatpickr-calendar.open{ z-index: 99 !important; } .flatpickr-calendar.hasTime.open{ z-index: 99 !important; } .flatpickr-current-month .flatpickr-monthDropdown-months{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: dashed !important; border-color: rgb(var(--primary) / 0.3) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover{ background-color: transparent !important; } .flatpickr-current-month .numInputWrapper span.arrowDown:after, .flatpickr-calendar.arrowBottom:before{ border-top-color: rgb(var(--text-muted)) !important; } .flatpickr-current-month .numInputWrapper span.arrowDown:is(.dark *):after, .flatpickr-calendar.arrowBottom:is(.dark *):before{ border-top-color: rgb(var(--text-muted) / 0.5) !important; } .flatpickr-current-month .numInputWrapper span.arrowUp:after{ border-bottom-color: rgb(var(--text-muted)) !important; } .flatpickr-current-month .numInputWrapper span.arrowUp:is(.dark *):after{ border-bottom-color: rgb(var(--text-muted) / 0.5) !important; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .flatpickr-day{ font-weight: 500 !important; color: rgb(var(--default-text-color)) !important; } .flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay{ opacity: 0.5 !important; } .flatpickr-day.today{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus{ border-color: rgb(var(--default-border)) !important; background-color: rgb(var(--default-background)) !important; } .flatpickr-day.inRange:is(.dark *), .flatpickr-day.prevMonthDay.inRange:is(.dark *), .flatpickr-day.nextMonthDay.inRange:is(.dark *), .flatpickr-day.today.inRange:is(.dark *), .flatpickr-day.prevMonthDay.today.inRange:is(.dark *), .flatpickr-day.nextMonthDay.today.inRange:is(.dark *), .flatpickr-day:hover:is(.dark *), .flatpickr-day.prevMonthDay:hover:is(.dark *), .flatpickr-day.nextMonthDay:hover:is(.dark *), .flatpickr-day:focus:is(.dark *), .flatpickr-day.prevMonthDay:focus:is(.dark *), .flatpickr-day.nextMonthDay:focus:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--dark-bg)) !important; } .flatpickr-day.today:hover{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .flatpickr-calendar.hasTime .flatpickr-time{ border-top-width: 1px !important; border-style: solid !important; border-top-color: rgb(var(--default-border)) !important; } .flatpickr-calendar.hasTime .flatpickr-time:is(.dark *){ border-top-color: rgb(var(--default-border) / 0.1) !important; } .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before{ border-bottom-color: rgb(var(--default-border)) !important; } .flatpickr-calendar.arrowTop:is(.dark *):after, .flatpickr-calendar.arrowTop:is(.dark *):before{ border-bottom-color: rgb(var(--default-border) / 0.1) !important; } .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before{ border-top-color: rgb(var(--default-border)) !important; } .flatpickr-calendar.arrowBottom:is(.dark *):after, .flatpickr-calendar.arrowBottom:is(.dark *):before{ border-top-color: rgb(var(--default-border) / 0.1) !important; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus{ background-color: rgb(var(--body-bg)) !important; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm{ color: rgb(var(--text-muted)) !important; } .flatpickr-time .flatpickr-time-separator:is(.dark *), .flatpickr-time .flatpickr-am-pm:is(.dark *){ color: rgb(var(--text-muted) / 0.5) !important; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{ inset-inline-start: 0px !important; } .flatpickr-months, .flatpickr-weekdays{ background-color: rgb(var(--primary) / 0.1) !important; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{ top: 0px !important; fill: rgb(var(--primary)) !important; padding-left: 0.313rem !important; padding-right: 0.313rem !important; padding-top: 0.313rem !important; padding-bottom: 0px !important; color: rgb(var(--primary)) !important; } .svg-icon-med.flatpickr-months .flatpickr-prev-month,.svg-icon-med .flatpickr-months .flatpickr-next-month{ background-color: rgb(var(--primary) / 0.2); } @media (min-width: 420px) { .flatpickr-time .flatpickr-am-pm{ padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0.5rem; padding-inline-end: 1.875rem; } } .flatpickr-weekdays{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; } .flatpickr-weekdays:is(.dark *){ border-bottom-color: rgb(var(--default-border) / 0.1) !important; } .numInputWrapper span.arrowUp{ top: -0.125rem !important; } .flatpickr-current-month .numInputWrapper{ width: 3.5rem !important; } .flatpickr-calendar.hasTime{ width: auto; } [dir=rtl] .flatpickr-months .numInputWrapper span{ inset-inline-end: 0px !important; inset-inline-start: inherit !important; } @media (max-width: 575.98) { .flatpickr-calendar{ width: 250px !important; } } .flatpickr-current-month .flatpickr-monthDropdown-months{ margin-inline-start: 0px !important; margin-inline-end: 2.25rem !important; margin-top: -1px !important; margin-bottom: 0px !important; } .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year{ padding-top: 0px !important; padding-bottom: 0px !important; padding-inline-start: 5px !important; padding-inline-end: 0.5ch !important; font-size: 0.875rem !important; font-weight: 500 !important; } .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover{ stroke: rgb(var(--primary)); } .flatpickr-day{ border-radius: 0.5rem !important; } .numInputWrapper:hover{ background-color: transparent !important; } .numInputWrapper span{ border-width: 0px !important; } .flatpickr-current-month .numInputWrapper span.arrowUp:after{ border-bottom-color: rgb(var(--primary)) !important; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg{ fill: #fff !important; } .numInputWrapper span:hover{ background-color: transparent !important; } .numInputWrapper span.arrowUp:after{ top: 75% !important; border-left-width: 4px !important; border-right-width: 4px !important; border-bottom-width: 4px !important; border-style: solid !important; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: rgb(var(--primary) / 0.5) !important; } .flatpickr-current-month .numInputWrapper span.arrowDown:after{ border-top-color: rgb(var(--primary)) !important; } .numInputWrapper span.arrowDown:after{ top: 15% !important; border-left-width: 4px !important; border-right-width: 4px !important; border-top-width: 4px !important; border-style: solid !important; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: rgb(var(--primary) / 0.5) !important; } span.flatpickr-weekday{ font-weight: 700 !important; color: rgb(var(--primary) / 0.8) !important; } .flatpickr-months .flatpickr-month{ fill: rgb(var(--primary)) !important; color: rgb(var(--primary)) !important; } .svg-icon-med.flatpickr-months .flatpickr-month{ background-color: rgb(var(--primary) / 0.2); } .flatpickr-monthDropdown-months, .numInput{ color: rgb(var(--primary)) !important; } .svg-icon-med.flatpickr-monthDropdown-months,.svg-icon-med .numInput{ background-color: rgb(var(--primary) / 0.2); } .pcr-app{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .pcr-app:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .pcr-app .pcr-interaction .pcr-result{ background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color)) !important; } .theme-container button, .theme-container1 button, .theme-container2 button{ display: none; } .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{ margin-inline-end: 0.75em !important; } .pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{ margin-inline-start: 0.75em !important; } .flatpickr-weekwrapper .flatpickr-weeks{ --tw-shadow: 1px 0 0 defaultborder !important; --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } /* End:Pickers */ /* Start:noUi Slider */ .noUi-horizontal .noUi-handle{ inset-inline-end: -0.063rem !important; top: -0.375rem !important; height: 1rem !important; width: 1rem !important; } .noUi-handle:after, .noUi-handle:before{ inset-inline-start: 0.3rem !important; top: 0.25rem !important; height: 0.35rem !important; width: 1px !important; } .noUi-handle:after{ inset-inline-start: 0.45rem !important; } .noUi-horizontal{ height: 0.35rem !important; } .noUi-vertical{ width: 0.35rem !important; } .noUi-vertical .noUi-handle{ height: 1rem !important; width: 1rem !important; } .noUi-target{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; background-color: rgb(var(--body-bg)) !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .noUi-target.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .noUi-target.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .noUi-target.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .noUi-target.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .noUi-target.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .noUi-target.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .noUi-target.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .noUi-target.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .noUi-target.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .noUi-target.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .noUi-target.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .noUi-target.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .noUi-target.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .noUi-target.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .noUi-target.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .noUi-target.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .noUi-target.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .noUi-target.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .noUi-handle{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .noUi-handle.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .noUi-handle.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .noUi-handle.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .noUi-handle.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .noUi-handle.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .noUi-handle.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .noUi-handle.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .noUi-handle.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .noUi-handle.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .noUi-handle.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .noUi-handle.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .noUi-handle.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .noUi-handle.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .noUi-handle.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .noUi-handle.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .noUi-handle.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .noUi-handle.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .noUi-handle.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .noUi-handle:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } #result{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } #result.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } #result.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } #result.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } #result.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } #result.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } #result.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } #result.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } #result.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } #result.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } #result.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } #result.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } #result.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } #result.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } #result.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } #result.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } #result.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #result.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } #result.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .noUi-handle:after, .noUi-handle:before{ background-color: rgb(0 0 0 / 0.3) !important; } .noUi-marker{ position: absolute !important; background-color: rgb(var(--default-border)) !important; } .noUi-marker:is(.dark *){ background-color: rgb(var(--default-border) / 0.1) !important; } .noUi-tooltip{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; font-size: 0.8125rem !important; line-height: 1 !important; color: rgb(var(--default-text-color)) !important; } .noUi-tooltip.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .noUi-tooltip.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .noUi-tooltip.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .noUi-tooltip.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .noUi-tooltip.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .noUi-tooltip.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .noUi-tooltip.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .noUi-tooltip.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .noUi-tooltip.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .noUi-tooltip.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .noUi-tooltip.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .noUi-tooltip.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .noUi-tooltip.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .noUi-tooltip.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .noUi-tooltip.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .noUi-tooltip.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .noUi-tooltip.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .noUi-tooltip.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .noUi-tooltip:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color) / 0.8) !important; } #slider-fit{ padding-left: 1rem; padding-right: 1rem; padding-top: 0px; padding-bottom: 0px; } .noUi-tooltip{ background-color: rgb(var(--default-border)); } .noUi-tooltip:is(.dark *){ background-color: rgb(var(--default-border) / 0.1); } .noUi-connect{ background-color: rgb(var(--primary)) !important; } .noUi-vertical .noUi-handle{ bottom: -0.275rem !important; inset-inline-end: -0.375rem !important; } #primary1-colored-slider .noUi-connect{ background-color: rgb(var(--primary) / 0.1) !important; } #primary2-colored-slider .noUi-connect{ background-color: rgb(var(--primary) / 0.2) !important; } #primary3-colored-slider .noUi-connect{ background-color: rgb(var(--primary) / 0.3) !important; } #secondary-colored-slider .noUi-connect{ background-color: rgb(var(--secondary)) !important; } #warning-colored-slider .noUi-connect{ background-color: rgb(var(--warning)) !important; } #info-colored-slider .noUi-connect{ background-color: rgb(var(--info)) !important; } #success-colored-slider .noUi-connect{ background-color: rgb(var(--success)) !important; } #danger-colored-slider .noUi-connect{ background-color: rgb(var(--danger)) !important; } #slider-round{ height: 0.625rem !important; } #slider-round .noUi-handle{ top: -0.313rem; inset-inline-end: -0.563rem; height: 1.125rem; width: 1.125rem; border-radius: 50px; border-width: 1px; border-style: solid; border-color: rgb(var(--custom-white)); background-color: rgb(var(--primary)); } #slider-round .noUi-handle.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } #slider-round .noUi-handle.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } #slider-round .noUi-handle.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } #slider-round .noUi-handle.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } #slider-round .noUi-handle.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } #slider-round .noUi-handle.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } #slider-round .noUi-handle.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } #slider-round .noUi-handle.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } #slider-round .noUi-handle.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } #slider-round .noUi-handle.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } #slider-round .noUi-handle.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } #slider-round .noUi-handle.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } #slider-round .noUi-handle.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } #slider-round .noUi-handle.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } #slider-round .noUi-handle.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } #slider-round .noUi-handle.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #slider-round .noUi-handle.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } #slider-round .noUi-handle.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } #slider-round .noUi-handle:before, #slider-round .noUi-handle:after{ display: none !important; } #slider-square{ border-radius: 0 !important; } #slider-square .noUi-handle{ top: -0.45rem !important; inset-inline-end: -0.563rem !important; height: 1.125rem !important; width: 1.125rem !important; border-radius: 0 !important; border-width: 0px !important; background-color: rgb(var(--primary)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } #slider-square .noUi-handle:before, #slider-square .noUi-handle:after{ display: none !important; } #color1, #color2, #color3{ margin: 0.625rem !important; display: inline-block !important; height: 12.5rem !important; } #colorpicker{ margin-left: auto !important; margin-right: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; height: 15rem !important; width: 19.375rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; padding: 0.625rem !important; } #colorpicker.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } #colorpicker.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } #colorpicker.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } #colorpicker.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } #colorpicker.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } #colorpicker.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } #colorpicker.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } #colorpicker.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } #colorpicker.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } #colorpicker.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } #colorpicker.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } #colorpicker.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } #colorpicker.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } #colorpicker.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } #colorpicker.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } #colorpicker.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #colorpicker.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } #colorpicker.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } #result{ margin-top: 4.25rem; margin-bottom: 4.25rem; margin-inline-start: 4rem; margin-inline-end: 0px; display: inline-block; height: 6.25rem; width: 6.25rem; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); background-color: var(--gray-5); vertical-align: top; color: var(--gray-5); --tw-shadow: 0 0 0.625rem; --tw-shadow-colored: 0 0 0.625rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #result.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } #result.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } #result.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } #result.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } #result.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } #result.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } #result.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } #result.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } #result.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } #result.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } #result.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } #result.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } #result.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } #result.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } #result.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } #result.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #result.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } #result.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } #color1 .noUi-connect{ background-color: rgb(var(--danger)) !important; } #color2 .noUi-connect{ background-color: rgb(var(--secondary)) !important; } #color3 .noUi-connect{ background-color: rgb(var(--primary)) !important; } #slider-hide .noUi-tooltip{ display: none; } #slider-hide .noUi-active .noUi-tooltip{ display: block; } .c-1-color{ background-color: rgb(var(--secondary)) !important; } .c-2-color{ background-color: rgb(var(--warning)) !important; } .c-3-color{ background-color: rgb(var(--info)) !important; } .c-4-color{ background-color: rgb(var(--danger)) !important; } #slider-toggle{ height: 3.125rem; } #slider-toggle.off .noUi-handle{ border-color: rgb(var(--success)) !important; } /* End:noUi Slider */ /* Start::Gallery */ .glightbox{ overflow: hidden; } @media (min-width: 769px) { .gslide-image img{ border-radius: 0.5rem; } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev{ height: 2.5rem; width: 2.5rem; background-color: rgba(255,255,255,0.05); padding: 0.75rem; } } /* End::Gallery */ /* Start::Calendar */ #external-events .fc-event{ margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0.4rem; cursor: move; border-radius: 0.35rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; } #calendar-container{ position: relative; z-index: 1; } #calendar{ margin-left: auto; margin-right: auto; margin-top: 1.25rem; margin-bottom: 1.25rem; max-width: 68.75rem; } /* End::Calendar */ /* Start::Leaflet Maps */ #map, #map1, #map-popup, #map-custom-icon, #interactive-map{ z-index: 10; height: 18.75rem; } /* End::Leaflet Maps */ /* Start::Vector Maps */ .jvm-zoom-btn{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light)); font-size: 1.25rem; color: rgb(var(--default-text-color)); } .jvm-zoom-btn.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .jvm-zoom-btn.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .jvm-zoom-btn.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .jvm-zoom-btn.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .jvm-zoom-btn.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .jvm-zoom-btn.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .jvm-zoom-btn.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .jvm-zoom-btn.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .jvm-zoom-btn.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .jvm-zoom-btn.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .jvm-zoom-btn.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .jvm-zoom-btn.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .jvm-zoom-btn.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .jvm-zoom-btn.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .jvm-zoom-btn.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .jvm-zoom-btn.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .jvm-zoom-btn.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .jvm-zoom-btn.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .jvm-zoom-btn{ border-width: 1px !important; border-color: rgb(var(--default-border)) !important; background-color: rgb(var(--light)) !important; font-size: 20px !important; color: rgb(var(--default-text-color)) !important; } .jvm-zoom-btn.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .jvm-zoom-btn.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .jvm-zoom-btn.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .jvm-zoom-btn.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .jvm-zoom-btn.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .jvm-zoom-btn.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .jvm-zoom-btn.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .jvm-zoom-btn.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .jvm-zoom-btn.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .jvm-zoom-btn.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .jvm-zoom-btn.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .jvm-zoom-btn.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .jvm-zoom-btn.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .jvm-zoom-btn.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .jvm-zoom-btn.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .jvm-zoom-btn.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .jvm-zoom-btn.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .jvm-zoom-btn.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .jvm-zoom-btn:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; color: rgb(var(--default-text-color) / 0.8) !important; } #vector-map, #marker-map, #marker-image-map, #lines-map, #us-map, #canada-map, #spain-map, #russia-map{ height: 21.875rem; } .jvm-tooltip{ --tw-bg-opacity: 1; background-color: rgb(26 28 30 / var(--tw-bg-opacity)); } #vector-map #jvm-regions-group path, #marker-map #jvm-regions-group path, #marker-image-map #jvm-regions-group path, #lines-map #jvm-regions-group path, #users-map #jvm-regions-group path{ fill: rgb(var(--dark) / 0.05); } #vector-map #jvm-regions-group path:is(.dark *), #marker-map #jvm-regions-group path:is(.dark *), #marker-image-map #jvm-regions-group path:is(.dark *), #lines-map #jvm-regions-group path:is(.dark *), #users-map #jvm-regions-group path:is(.dark *){ background-color: rgb(var(--dark-bg)); } .jvm-zoom-btn{ display: flex !important; height: 1.25rem !important; width: 1.25rem !important; align-items: center !important; justify-content: center !important; line-height: 1.25rem !important; } .jvm-zoom-btn.jvm-zoomin{ top: 5px !important; } #jvm-markers-labels-group text{ fill: rgb(var(--text-muted)); } #jvm-markers-labels-group text:is(.dark *){ fill: rgb(var(--text-muted) / 0.5); } #jvm-markers-group image{ --tw-translate-x: -10px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* End::Vector Maps */ /* Start::Google Maps */ #google-map, #google-map-overlay, #map-layers, #map-markers, #streetview-map, #map-geofencing{ height: 18.75rem; } .google-map-overlay{ display: block; border-radius: 0.5rem; border-color: solid; border-color: rgb(var(--primary)); background-color: rgb(var(--primary)); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0px; padding-bottom: 0px; text-align: center; font-size: 1.25rem; line-height: 0.875rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); opacity: 0.8; --tw-shadow: 0.125rem 0.125rem 0.625rem black/30; --tw-shadow-colored: 0.125rem 0.125rem 0.625rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); text-shadow: 0.063rem 0.063rem 0.063rem gray6; } .google-overlay_arrow{ position: absolute; inset-inline-start: 50%; margin-inline-start: -1rem; height: 0px; width: 0px; } .google-overlay_arrow.above{ bottom: -0.938rem; border-inline-start-width: 0.938rem; border-inline-end-width: 1rem; border-top-width: 1rem; border-style: solid; border-left-color: transparent; border-right-color: transparent; --tw-border-opacity: 1; border-top-color: rgb(51 102 153 / var(--tw-border-opacity)); } .google-overlay_arrow.below{ top: -0.938rem; border-left-width: 1rem; border-right-width: 1rem; border-bottom-width: 1rem; border-style: solid; border-left-color: transparent; border-right-color: transparent; --tw-border-opacity: 1; border-bottom-color: rgb(51 102 153 / var(--tw-border-opacity)); } /* End::Google Maps */ /* Start::Apex Charts */ .content-wrapper{ width: 100%; } .apexcharts-svg, .apexcharts-canvas{ width: 100%; } .apexcharts-yaxistooltip-text{ color: rgb(var(--default-text-color)) !important; } .apexcharts-yaxistooltip-text:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .apexcharts-xaxistooltip, .apexcharts-yaxistooltip{ border-color: rgb(var(--default-border)) !important; } .apexcharts-xaxistooltip:is(.dark *), .apexcharts-yaxistooltip:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .apexcharts-canvas ::-webkit-scrollbar-thumb{ background-color: rgb(var(--default-border)) !important; } .apexcharts-canvas :is(.dark *)::-webkit-scrollbar-thumb{ background-color: rgb(var(--default-border) / 0.1) !important; } #pie-basic .apexcharts-canvas, #donut-update .apexcharts-canvas, #pie-monochrome .apexcharts-canvas, #donut-gradient .apexcharts-canvas, #donut-pattern .apexcharts-canvas, #pie-image .apexcharts-canvas, #polararea-basic .apexcharts-canvas, #polararea-monochrome .apexcharts-canvas{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; } .apexcharts-legend-text{ margin-inline-start: -0.625rem !important; padding-inline-start: 0.9375rem !important; color: rgb(var(--default-text-color)) !important; } .apexcharts-legend-text:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .apexcharts-text.apexcharts-yaxis-label tspan, .apexcharts-text.apexcharts-xaxis-label tspan{ fill: rgb(var(--text-muted)); } .apexcharts-text.apexcharts-yaxis-label tspan:is(.dark *), .apexcharts-text.apexcharts-xaxis-label tspan:is(.dark *){ fill: rgb(var(--text-muted) / 0.5); } .apexcharts-canvas .apexcharts-series.apexcharts-heatmap-series rect{ stroke: rgb(var(--custom-white)); } .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble circle{ stroke: rgb(var(--custom-white)); } .apexcharts-yaxis .apexcharts-text{ fill: rgb(var(--text-muted)); } .apexcharts-yaxis .apexcharts-text:is(.dark *){ fill: rgb(var(--text-muted) / 0.5); } /* End::Apex Charts */ /* Start::Chartjs Charts */ .chartjs-chart{ max-height: 18.75rem; } /* Start::Chartjs Charts */ /* Start::Apex Column Charts */ #chart-year, #chart-quarter{ width: 96%; max-width: 48%; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(221 221 221 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-inline-start: 0px; padding-top: 1.25rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #chart-year.border-primary1, #chart-quarter.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } #chart-year.border-primary1.border-opacity-10, #chart-quarter.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } #chart-year.border-primary1.border-opacity-25, #chart-quarter.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } #chart-year.border-primary1.border-opacity-50, #chart-quarter.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } #chart-year.border-primary1.border-opacity-75, #chart-quarter.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } #chart-year.border-primary1.border-opacity-100, #chart-quarter.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } #chart-year.border-primary2, #chart-quarter.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } #chart-year.border-primary2.border-opacity-10, #chart-quarter.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } #chart-year.border-primary2.border-opacity-25, #chart-quarter.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } #chart-year.border-primary2.border-opacity-50, #chart-quarter.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } #chart-year.border-primary2.border-opacity-75, #chart-quarter.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } #chart-year.border-primary2.border-opacity-100, #chart-quarter.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } #chart-year.border-primary3, #chart-quarter.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } #chart-year.border-primary3.border-opacity-10, #chart-quarter.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } #chart-year.border-primary3.border-opacity-25, #chart-quarter.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } #chart-year.border-primary3.border-opacity-50, #chart-quarter.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } #chart-year.border-primary3.border-opacity-75, #chart-quarter.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } #chart-year.border-primary3.border-opacity-100, #chart-quarter.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } #chart-year:is(.dark *), #chart-quarter:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } #chart-year{ position: relative; z-index: 3; float: left; transition-property: 1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease; transition-timing-function: transform; } #chart-year.chart-quarter-activated{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: 1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease; transition-timing-function: transform; } #chart-quarter{ position: relative; z-index: -2; float: left; transition-property: 1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease; transition-timing-function: transform; } #chart-quarter.active{ z-index: 1; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property: 1.1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease-in-out; transition-timing-function: transform; } @media screen and (min-width: 480px) { #chart-year{ --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #chart-quarter{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } } /* End::Apex Column Charts */ /* Start::ECharts */ .echart-charts{ height: 20rem; } /* End::ECharts */ /* Start::Simplebar */ .box .card-body.p-0 .simplebar-track{ inset-inline-end: 0px; } .box .simplebar-track{ inset-inline-end: -18px; } .simplebar-scrollbar:before{ inset-inline-end: 0px; width: 0.375rem; border-radius: 0.3rem; background-color: var(--gray-4); } .simplebar-track.simplebar-horizontal{ display: none; } .simplebar-track.simplebar-vertical{ width: 0.5rem; } /* End::Simplebar */ /* Start::dropzone */ .dropzone{ border-width: 2px !important; border-style: dashed !important; border-color: rgb(var(--default-border)) !important; background-color: transparent !important; } .dropzone:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .dropzone .dz-message .dz-button{ font-size: 1.25rem !important; color: rgb(var(--default-text-color)) !important; } .dropzone .dz-preview:hover{ z-index: 8 !important; } .dropzone .dz-preview{ border-radius: 1.25rem; } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-progress{ z-index: 10 !important; } .dropzone .dz-preview .dz-details{ z-index: -9 !important; } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{ z-index: 48 !important; } /* End::dropzone */ /* Start::filepond */ .filepond--credits{ display: none; } .filepond--panel-root{ border-width: 2px !important; border-style: dashed !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .filepond--panel-root:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .filepond--drop-label.filepond--drop-label label{ padding: 1.5em; font-size: 0.8125rem; } .filepond--root{ margin-bottom: 0px !important; } .filepond--file{ background-color: rgb(var(--primary)) !important; } .single-fileupload{ margin-left: auto !important; margin-right: auto !important; margin-top: 0px !important; margin-bottom: 0px !important; height: 8rem !important; width: 8rem !important; } /* End::filepond */ /* Start:: quill editor */ .ql-container.ql-bubble .ql-editor{ overflow-y: auto !important; } .ql-bubble .ql-editor blockquote{ border-inline-start-width: 4px !important; border-style: solid !important; border-inline-start-color: rgb(var(--body-bg)) !important; } .ql-toolbar.ql-snow, .ql-container.ql-snow{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } .ql-toolbar.ql-snow.border-primary1, .ql-container.ql-snow.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ql-toolbar.ql-snow.border-primary1.border-opacity-10, .ql-container.ql-snow.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ql-toolbar.ql-snow.border-primary1.border-opacity-25, .ql-container.ql-snow.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ql-toolbar.ql-snow.border-primary1.border-opacity-50, .ql-container.ql-snow.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ql-toolbar.ql-snow.border-primary1.border-opacity-75, .ql-container.ql-snow.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ql-toolbar.ql-snow.border-primary1.border-opacity-100, .ql-container.ql-snow.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ql-toolbar.ql-snow.border-primary2, .ql-container.ql-snow.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ql-toolbar.ql-snow.border-primary2.border-opacity-10, .ql-container.ql-snow.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ql-toolbar.ql-snow.border-primary2.border-opacity-25, .ql-container.ql-snow.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ql-toolbar.ql-snow.border-primary2.border-opacity-50, .ql-container.ql-snow.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ql-toolbar.ql-snow.border-primary2.border-opacity-75, .ql-container.ql-snow.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ql-toolbar.ql-snow.border-primary2.border-opacity-100, .ql-container.ql-snow.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ql-toolbar.ql-snow.border-primary3, .ql-container.ql-snow.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ql-toolbar.ql-snow.border-primary3.border-opacity-10, .ql-container.ql-snow.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ql-toolbar.ql-snow.border-primary3.border-opacity-25, .ql-container.ql-snow.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ql-toolbar.ql-snow.border-primary3.border-opacity-50, .ql-container.ql-snow.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ql-toolbar.ql-snow.border-primary3.border-opacity-75, .ql-container.ql-snow.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ql-toolbar.ql-snow.border-primary3.border-opacity-100, .ql-container.ql-snow.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ql-toolbar.ql-snow:is(.dark *), .ql-container.ql-snow:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .ql-snow .ql-tooltip input[type=text]:is(.dark *){ background-color: rgb(var(--dark-bg)); } .ql-snow .ql-picker{ color: rgb(var(--default-text-color)) !important; } .ql-snow .ql-picker:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .ql-snow .ql-stroke, .ql-snow .ql-stroke.ql-fill{ stroke: rgb(var(--default-text-color)) !important; } .ql-snow .ql-stroke:is(.dark *), .ql-snow .ql-stroke.ql-fill:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .ql-snow .ql-fill{ fill: rgb(var(--default-text-color)) !important; } .ql-toolbar.ql-snow + .ql-container.ql-snow{ border-top-width: 0px !important; } .ql-snow .ql-picker-options .ql-picker-item{ padding-top: 0px !important; padding-bottom: 0px !important; } .ql-editor{ min-height: 15.62rem !important; overflow: visible !important; } .ql-snow .ql-formats{ border-radius: 0.75rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } .ql-snow .ql-formats.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ql-snow .ql-formats.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ql-snow .ql-formats.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ql-snow .ql-formats.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ql-snow .ql-formats.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ql-snow .ql-formats.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ql-snow .ql-formats.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ql-snow .ql-formats.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ql-snow .ql-formats.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ql-snow .ql-formats.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ql-snow .ql-formats.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ql-snow .ql-formats.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ql-snow .ql-formats.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ql-snow .ql-formats.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ql-snow .ql-formats.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ql-snow .ql-formats.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ql-snow .ql-formats.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ql-snow .ql-formats.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ql-snow .ql-formats:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{ border-radius: 0.75rem !important; border-color: rgb(var(--default-border)) !important; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label:is(.dark *), .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .ql-snow .ql-picker-options{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .ql-snow .ql-picker-options:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .ql-snow .ql-tooltip{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; color: rgb(var(--default-text-color)) !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .ql-snow .ql-tooltip.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ql-snow .ql-tooltip.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ql-snow .ql-tooltip.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ql-snow .ql-tooltip.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ql-snow .ql-tooltip.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ql-snow .ql-tooltip.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ql-snow .ql-tooltip.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ql-snow .ql-tooltip.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ql-snow .ql-tooltip.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ql-snow .ql-tooltip.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ql-snow .ql-tooltip.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ql-snow .ql-tooltip.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ql-snow .ql-tooltip.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ql-snow .ql-tooltip.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ql-snow .ql-tooltip.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ql-snow .ql-tooltip.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ql-snow .ql-tooltip.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ql-snow .ql-tooltip.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ql-snow .ql-tooltip:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .ql-snow .ql-tooltip input[type=text]{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color)) !important; outline-width: 0px !important; } .ql-snow .ql-tooltip input[type=text].border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ql-snow .ql-tooltip input[type=text].border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ql-snow .ql-tooltip input[type=text].border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ql-snow .ql-tooltip input[type=text].border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ql-snow .ql-tooltip input[type=text].border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ql-snow .ql-tooltip input[type=text].border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ql-snow .ql-tooltip input[type=text].border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ql-snow .ql-tooltip input[type=text].border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ql-snow .ql-tooltip input[type=text].border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ql-snow .ql-tooltip input[type=text].border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ql-snow .ql-tooltip input[type=text].border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ql-snow .ql-tooltip input[type=text].border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ql-snow .ql-tooltip input[type=text].border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ql-snow .ql-tooltip input[type=text].border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ql-snow .ql-tooltip input[type=text].border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ql-snow .ql-tooltip input[type=text].border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ql-snow .ql-tooltip input[type=text].border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ql-snow .ql-tooltip input[type=text].border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ql-snow .ql-tooltip input[type=text]:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .ql-snow .ql-tooltip{ z-index: 100 !important; --tw-translate-x: 12.5rem !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .ql-toolbar.ql-snow{ border-radius: 0.3rem 0.3rem 0 0 !important; } .ql-snow .ql-picker-label{ padding-inline-start: 0.5rem !important; padding-inline-end: 0.125rem !important; } .ql-snow .ql-formats .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{ inset-inline-start: auto !important; inset-inline-end: 0px !important; } .ql-container{ border-radius: 0 0 0.3rem 0.3rem !important; } .ql-snow .ql-picker.ql-expanded .ql-picker-label{ color: rgb(var(--default-text-color)) !important; } .ql-editor{ text-align: start !important; } .ql-editor .ql-align-right{ text-align: end !important; } .ql-container{ font-family: Poppins, sans-serif !important; } .ql-snow .ql-editor{ padding: 1.25rem; } .ql-bubble{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } .ql-bubble.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ql-bubble.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ql-bubble.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ql-bubble.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ql-bubble.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ql-bubble.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ql-bubble.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ql-bubble.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ql-bubble.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ql-bubble.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ql-bubble.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ql-bubble.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ql-bubble.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ql-bubble.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ql-bubble.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ql-bubble.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ql-bubble.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ql-bubble.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ql-bubble:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .ql-editor li:not(.ql-direction-rtl)::before{ margin-inline-start: -1.5em !important; margin-inline-end: 0.3em !important; text-align: start !important; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl){ padding-inline-start: 1.5em !important; } .ql-toolbar.ql-snow .ql-formats{ margin: 0.25rem; } [dir=rtl] .ql-tooltip.ql-editing{ left: 0px !important; top: 0px !important; } [dir=rtl] .ql-bubble .ql-toolbar .ql-formats:first-child{ margin-inline-end: 0.75rem; } [dir=rtl] .ql-bubble .ql-toolbar .ql-formats{ margin-top: 0.5rem; margin-bottom: 0.5rem; margin-inline-start: 0.75rem; margin-inline-end: 0px; } /* end:: quill editor */ /* Start:: select2 */ [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ left: inherit !important; right: -3px !important; } [dir=rtl] .select2-container--default .select2-selection--multiple .select2-selection__choice__display{ padding-inline-start: inherit !important; padding-inline-end: 5px !important; } .select2-selection__rendered span, .select2-results__option span{ margin-bottom: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ padding-left: 0.25rem !important; padding-right: 0.25rem !important; padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .select2-dropdown{ border-color: rgb(var(--default-border)) !important; } .select2-dropdown:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .select2-container--default .select2-search--dropdown .select2-search__field{ border-color: rgb(var(--default-border)) !important; } .select2-container--default .select2-search--dropdown .select2-search__field:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display{ padding-inline-start: 5px !important; } .select2.select2-container{ width: 100% !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; padding-inline-start: 0.75rem !important; padding-inline-end: 1.25rem !important; line-height: 2.33rem !important; color: rgb(var(--default-text-color)) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .select2-container--default .select2-selection--single{ border-radius: 0.5rem !important; border-width: 0px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; background-color: rgb(var(--body-bg-rgb)) !important; } .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 2.37rem !important; } .select2-dropdown{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .select2-dropdown.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .select2-dropdown.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .select2-dropdown.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .select2-dropdown.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .select2-dropdown.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .select2-dropdown.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .select2-dropdown.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .select2-dropdown.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .select2-dropdown.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .select2-dropdown.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .select2-dropdown.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .select2-dropdown.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .select2-dropdown.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .select2-dropdown.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .select2-dropdown.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .select2-dropdown.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .select2-dropdown.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .select2-dropdown.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .select2-dropdown:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .select2-container--default .select2-search--dropdown .select2-search__field{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .select2-container--default .select2-search--dropdown .select2-search__field.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color)) !important; } .select2-results__option--selectable{ font-size: 0.813rem; } .select2-container--default .select2-results__option--selected{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .select2-container--default .select2-results__option--selected.select2-results__option--highlighted{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .select2-search__field{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; color: rgb(var(--default-text-color)) !important; } .select2-search__field:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .select2-search__field:focus-visible{ outline-width: 0px !important; } .select2-container--default .select2-selection--multiple{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; background-color: rgb(var(--body-bg-rgb)) !important; } .select2-container--default .select2-selection--multiple.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .select2-container--default .select2-selection--multiple.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .select2-container--default .select2-selection--multiple.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .select2-container--default .select2-selection--multiple.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .select2-container--default .select2-selection--multiple.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .select2-container--default .select2-selection--multiple.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .select2-container--default .select2-selection--multiple.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .select2-container--default .select2-selection--multiple.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .select2-container--default .select2-selection--multiple.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .select2-container--default .select2-selection--multiple.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .select2-container--default .select2-selection--multiple.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .select2-container--default .select2-selection--multiple.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .select2-container--default .select2-selection--multiple.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .select2-container--default .select2-selection--multiple.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .select2-container--default .select2-selection--multiple.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .select2-container--default .select2-selection--multiple.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .select2-container--default .select2-selection--multiple.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .select2-container--default .select2-selection--multiple.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .select2-container--default .select2-selection--multiple:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .select2-container .select2-selection--multiple{ min-height: 2.25rem !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top: 0.375rem !important; border-radius: 0.25rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; padding-left: 18px !important; padding-right: 18px !important; padding-top: 0px !important; padding-bottom: 0px !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .select2-selection--multiple .select2-search__field{ background-color: transparent !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ top: -0.5rem !important; inset-inline-start: -1px !important; border-inline-end-width: 1px !important; border-style: solid !important; border-inline-end-color: rgba(255,255,255,0.1) !important; font-size: 1.125rem !important; font-weight: 500 !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .select2-selection--multiple .select2-selection__choice__display{ font-size: 0.75rem !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{ background-color: rgb(var(--primary)) !important; } .select2-results__option span img, .select2-selection__rendered span img{ margin-inline-end: 0.25rem; height: 1.45rem; width: 1.45rem; border-radius: 1.25rem; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .select2-container .select2-search--inline .select2-search__field{ margin-top: 0.5rem !important; } .select2-container--disabled.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--disabled .select2-selection.select2-selection--multiple{ background-color: rgb(var(--body-bg)) !important; } .select2-container--default .select2-selection--single .select2-selection__clear{ position: absolute !important; inset-inline-end: 0.625rem !important; height: 1.25rem !important; width: 1.25rem !important; font-size: 1.5625rem !important; font-weight: 400 !important; } .select2-selection__clear{ color: rgb(var(--text-muted)); } .select2-selection__clear:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .select2-dropdown{ z-index: 10 !important; } [dir=rtl] .select2-container--default .select2-selection--single .select2-selection__clear{ margin-inline-start: 1.25rem !important; padding-inline-start: 0px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow{ inset-inline-end: 0.625rem !important; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{ inset-inline-start: 0.625rem; inset-inline-end: auto; } .select2-container--open .select2-dropdown--above{ overflow: hidden; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--open .select2-dropdown--below{ overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; } /* End:: select2 */ /* Start:: grid js tables */ .gridjs-table{ width: 100%; } table.gridjs-table{ text-align: start !important; font-size: 0.813rem !important; font-weight: 500 !important; } .gridjs-wrapper{ border-radius: 0 !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .gridjs-wrapper:nth-last-of-type(2){ border-radius: 0 !important; } .gridjs-container{ color: rgb(var(--default-text-color)) !important; } th.gridjs-th{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding: 0.75rem !important; text-align: start !important; color: rgb(var(--default-text-color) / 0.8) !important; color: rgb(var(--default-text-color)) !important; } th.gridjs-th.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } th.gridjs-th.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } th.gridjs-th.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } th.gridjs-th.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } th.gridjs-th.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } th.gridjs-th.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } th.gridjs-th.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } th.gridjs-th.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } th.gridjs-th.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } th.gridjs-th.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } th.gridjs-th.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } th.gridjs-th.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } th.gridjs-th.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } th.gridjs-th.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } th.gridjs-th.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } th.gridjs-th.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } th.gridjs-th.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } th.gridjs-th.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } th.gridjs-th:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .gridjs-sort-neutral:is(.dark *){ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } td.gridjs-td{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; padding: 0.75rem !important; } td.gridjs-td.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } td.gridjs-td.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } td.gridjs-td.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } td.gridjs-td.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } td.gridjs-td.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } td.gridjs-td.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } td.gridjs-td.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } td.gridjs-td.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } td.gridjs-td.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } td.gridjs-td.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } td.gridjs-td.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } td.gridjs-td.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } td.gridjs-td.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } td.gridjs-td.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } td.gridjs-td.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } td.gridjs-td.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } td.gridjs-td.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } td.gridjs-td.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } td.gridjs-td:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; color: rgb(var(--default-text-color) / 0.8) !important; } th.gridjs-th .gridjs-th-content{ color: rgb(var(--default-text-color)) !important; } th.gridjs-th .gridjs-th-content:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .gridjs-tbody, td.gridjs-td{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .gridjs-tbody:is(.dark *), td.gridjs-td:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .gridjs-footer{ border-radius: 0 !important; border-top-width: 0px !important; border-bottom-width: 0px !important; border-color: transparent !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0.75rem !important; padding-bottom: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .gridjs-footer:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .gridjs-pagination{ color: rgb(var(--default-text-color)) !important; } .gridjs-pagination .gridjs-pages button:first-child{ border-bottom-left-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .gridjs-pagination .gridjs-pages button:last-child{ border-bottom-right-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .gridjs-footer{ padding-left: 0px !important; padding-right: 0px !important; } @media (max-width: 575.98px) { .gridjs-search-input{ width: 12.5rem !important; } } [dir=rtl] .gridjs-pagination .gridjs-pages button:first-child{ border-bottom-right-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } [dir=rtl] .gridjs-pagination .gridjs-pages button:last-child{ border-bottom-left-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button:hover:disabled, .gridjs-pagination .gridjs-pages button[disabled]{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; color: rgb(var(--default-text-color)) !important; } .gridjs-pagination .gridjs-pages button:disabled:is(.dark *), .gridjs-pagination .gridjs-pages button:hover:disabled:is(.dark *), .gridjs-pagination .gridjs-pages button[disabled]:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .gridjs-pagination .gridjs-pages button{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375 !important; padding-bottom: 0.375 !important; color: rgb(var(--default-text-color)) !important; } .gridjs-pagination .gridjs-pages button.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .gridjs-pagination .gridjs-pages button.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .gridjs-pagination .gridjs-pages button.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .gridjs-pagination .gridjs-pages button.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .gridjs-pagination .gridjs-pages button.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .gridjs-pagination .gridjs-pages button.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .gridjs-pagination .gridjs-pages button.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .gridjs-pagination .gridjs-pages button.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .gridjs-pagination .gridjs-pages button.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .gridjs-pagination .gridjs-pages button.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .gridjs-pagination .gridjs-pages button.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .gridjs-pagination .gridjs-pages button.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .gridjs-pagination .gridjs-pages button.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .gridjs-pagination .gridjs-pages button.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .gridjs-pagination .gridjs-pages button.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .gridjs-pagination .gridjs-pages button.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .gridjs-pagination .gridjs-pages button.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .gridjs-pagination .gridjs-pages button.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .gridjs-pagination .gridjs-pages button:focus{ margin-inline-end: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .gridjs-pagination .gridjs-pages button:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .gridjs-pagination .gridjs-pages button.gridjs-currentPage{ background-color: rgb(var(--primary)) !important; font-weight: 600 !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .gridjs-pagination .gridjs-pages{ float: inline-end !important; } input.gridjs-input{ border-radius: 0.5rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; font-size: 0.8125rem !important; line-height: 1.6 !important; color: rgb(var(--default-text-color)) !important; } input.gridjs-input.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } input.gridjs-input.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } input.gridjs-input.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } input.gridjs-input.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } input.gridjs-input.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } input.gridjs-input.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } input.gridjs-input.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } input.gridjs-input.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } input.gridjs-input.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } input.gridjs-input.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } input.gridjs-input.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } input.gridjs-input.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } input.gridjs-input.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } input.gridjs-input.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } input.gridjs-input.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } input.gridjs-input.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } input.gridjs-input.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } input.gridjs-input.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } input.gridjs-input:focus{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--primary)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } input.gridjs-input:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } button.gridjs-sort{ float: inline-end !important; height: 1.25rem !important; width: 0.625rem !important; } th.gridjs-th-fixed{ background-color: rgb(var(--light)) !important; } #grid-header-fixed .gridjs-wrapper{ border-top-width: 1px !important; border-bottom-width: 1px !important; border-style: solid !important; border-top-color: rgb(var(--default-border)) !important; border-bottom-color: rgb(var(--default-border)) !important; } #grid-header-fixed .gridjs-wrapper:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } #grid-header-fixed .gridjs-container .gridjs-wrapper .gridjs-thead .gridjs-tr th{ top: -1px !important; } /* End:: grid js tables */ /* Start:: bootstrap5 datatables */ .dataTables_wrapper .dataTables_paginate{ margin: 0px; text-align: end; } .dataTables_wrapper .dataTables_paginate .pagination{ margin-bottom: 0px; justify-content: flex-end; } div.dataTables_scrollBody > table#datatable-basic{ margin-bottom: 0.375rem !important; } .dataTables_filter{ text-align: end !important; } .dataTables_info{ padding-top: 0.625rem; } table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc_disabled:before{ position: absolute !important; inset-inline-end: 0.8rem !important; top: 0.813rem !important; font-family: bootstrap-icons !important; font-size: 0.5rem !important; --tw-content: "" !important; content: var(--tw-content) !important; } table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_desc_disabled:after{ position: absolute !important; inset-inline-end: 0.8rem !important; top: 1.25rem !important; font-family: bootstrap-icons !important; font-size: 0.5rem !important; --tw-content: "" !important; content: var(--tw-content) !important; } table.dataTable > thead .sorting, table.dataTable > thead .sorting_asc, table.dataTable > thead .sorting_desc, table.dataTable > thead .sorting_asc_disabled, table.dataTable > thead .sorting_desc_disabled{ position: relative; cursor: pointer; } table.dataTable > thead .sorting:before, table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:before, table.dataTable > thead .sorting_desc_disabled:after{ position: absolute; display: block; opacity: 0.2; } [dir=rtl] table.dataTable thead > tr > th.sorting:before, [dir=rtl] table.dataTable thead > tr > th.sorting:after, [dir=rtl] table.dataTable thead > tr > th.sorting_asc:before, [dir=rtl] table.dataTable thead > tr > th.sorting_asc:after, [dir=rtl] table.dataTable thead > tr > th.sorting_desc:before, [dir=rtl] table.dataTable thead > tr > th.sorting_desc:after, [dir=rtl] table.dataTable thead > tr > th.sorting_asc_disabled:before, [dir=rtl] table.dataTable thead > tr > th.sorting_asc_disabled:after, [dir=rtl] table.dataTable thead > tr > th.sorting_desc_disabled:before, [dir=rtl] table.dataTable thead > tr > th.sorting_desc_disabled:after, [dir=rtl] table.dataTable thead > tr > td.sorting:before, [dir=rtl] table.dataTable thead > tr > td.sorting:after, [dir=rtl] table.dataTable thead > tr > td.sorting_asc:before, [dir=rtl] table.dataTable thead > tr > td.sorting_asc:after, [dir=rtl] table.dataTable thead > tr > td.sorting_desc:before, [dir=rtl] table.dataTable thead > tr > td.sorting_desc:after, [dir=rtl] table.dataTable thead > tr > td.sorting_asc_disabled:before, [dir=rtl] table.dataTable thead > tr > td.sorting_asc_disabled:after, [dir=rtl] table.dataTable thead > tr > td.sorting_desc_disabled:before, [dir=rtl] table.dataTable thead > tr > td.sorting_desc_disabled:after{ inset-inline-start: 0.625rem; inset-inline-end: auto; } table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:after{ opacity: 0.8; } div.dataTables_wrapper div.dataTables_length select{ margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0px; margin-bottom: 0px; display: inline-block; width: auto; } .dataTables_wrapper .dataTables_scrollHead table.dataTable{ margin-bottom: 0px; } .dataTables_wrapper .dataTables_scrollBody #datatable-basic{ margin-top: -3px; border-top-color: transparent; } .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc_disabled:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_asc_disabled:after, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc_disabled:before, .dataTables_wrapper .dataTables_scrollBody table.dataTable > thead .sorting_desc_disabled:after{ display: none; } div.dt-button-info{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } div.dt-button-info.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } div.dt-button-info.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } div.dt-button-info.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } div.dt-button-info.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } div.dt-button-info.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } div.dt-button-info.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } div.dt-button-info.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } div.dt-button-info.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } div.dt-button-info.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } div.dt-button-info.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } div.dt-button-info.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } div.dt-button-info.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } div.dt-button-info.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } div.dt-button-info.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } div.dt-button-info.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } div.dt-button-info.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } div.dt-button-info.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } div.dt-button-info.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } div.dt-button-info:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } div.dt-button-info h2{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } div.dt-button-info h2:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } @media (max-width: 767.98px) { .data-table-btn{ margin-left: 0px !important; margin-right: 0px !important; margin-top: 0.5625rem !important; margin-bottom: 0.5rem !important; } .dataTables_length, .dataTables_filter, .dataTables_info{ text-align: center; } .dataTables_filter{ margin-top: 0.5rem; } .dataTables_paginate .pagination{ justify-content: center !important; } .dataTables_info{ padding-top: 0px; padding-bottom: 0.5rem; } div.dtr-modal div.dtr-modal-display{ height: 95% !important; width: 95% !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } div.dtr-modal div.dtr-modal-display.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } div.dtr-modal div.dtr-modal-display.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } div.dtr-modal div.dtr-modal-display.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } div.dtr-modal div.dtr-modal-display.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } div.dtr-modal div.dtr-modal-display.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } div.dtr-modal div.dtr-modal-display.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } div.dtr-modal div.dtr-modal-display.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } div.dtr-modal div.dtr-modal-display.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } div.dtr-modal div.dtr-modal-display.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } div.dtr-modal div.dtr-modal-display.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } div.dtr-modal div.dtr-modal-display.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } div.dtr-modal div.dtr-modal-display.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } div.dtr-modal div.dtr-modal-display.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } div.dtr-modal div.dtr-modal-display.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } div.dtr-modal div.dtr-modal-display.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } div.dtr-modal div.dtr-modal-display.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } div.dtr-modal div.dtr-modal-display.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } div.dtr-modal div.dtr-modal-display.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } div.dtr-modal div.dtr-modal-display:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{ text-align: center !important; } } @media (max-width: 575.98px) { .dataTables_paginate .pagination .paginate_button .page-link{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.625rem; } } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control{ padding-inline-start: 1.875rem !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{ border-width: 0.15em !important; border-style: solid !important; --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; --tw-shadow: 0 0 0.2em primary !important; --tw-shadow-colored: 0 0 0.2em var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before{ background-color: rgb(var(--success)) !important; --tw-content: "-" !important; content: var(--tw-content) !important; } table.dataTable > tbody > tr.child ul.dtr-details > li:first-child{ padding-top: 0px !important; } table.dataTable > tbody > tr.child ul.dtr-details > li{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; } table.dataTable > tbody > tr.child span.dtr-title{ min-width: 4.688rem !important; } div.dtr-modal div.dtr-modal-close{ top: 0px !important; border-width: 0px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; background-color: transparent !important; font-size: 1.5rem !important; } div.dtr-modal div.dtr-modal-background{ background-color: rgba(0,0,0,0.3) !important; } .dtr-modal-content h2{ font-size: 0.875rem !important; font-weight: 600 !important; } .dt-button{ border-radius: 0.3rem !important; border-width: 0px !important; background-color: rgb(var(--primary)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; font-size: 0.8125rem !important; font-weight: 500 !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .dt-buttons{ float: left !important; } table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled{ padding-inline-end: 1.625rem; } table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td{ text-align: start !important; } table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td:first-child{ border-inline-start-width: 1px !important; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child{ border-inline-end-width: 1px !important; } div.dataTables_wrapper div.dataTables_filter#scroll-vertical_filter input{ margin-inline-end: 0.2em; } [dir=rtl] div.dtr-modal div.dtr-modal-close{ inset-inline-start: 0.375rem; inset-inline-end: auto; } [dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child{ padding-inline-start: 0px; padding-inline-end: initial; } [dir=rtl] div.dataTables_wrapper div.dataTables_filter#scroll-vertical_filter input{ margin-inline-start: 0.2em; margin-inline-end: 0.5rem; } [dir=rtl] div.dataTables_wrapper div.dataTables_filter input{ margin-inline-start: 0px; margin-inline-end: 0.5rem; } [dir=rtl] table.table-bordered.dataTable th:first-child, [dir=rtl] table.table-bordered.dataTable th:first-child, [dir=rtl] table.table-bordered.dataTable td:first-child, [dir=rtl] table.table-bordered.dataTable td:first-child{ border-inline-start-width: 0px; border-inline-end-width: 1px; } [dir=rtl] table.table-bordered.dataTable th:last-child, [dir=rtl] table.table-bordered.dataTable th:last-child, [dir=rtl] table.table-bordered.dataTable td:last-child, [dir=rtl] table.table-bordered.dataTable td:last-child{ border-inline-start-width: 1px; } [dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child{ padding-inline-end: 0px; } [dir=rtl] div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child{ padding-inline-start: 0px; } [dir=rtl] .dt-buttons{ float: right !important; } table.dataTable > tbody > tr.selected > *{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--default-text-color)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (min-width: 768px) { .data-table-btn{ position: absolute; inset-inline-start: 12.5rem; z-index: 1; } } #file-export_wrapper .dt-buttons button{ margin: 0.25rem; } .data-table-btn{ margin-left: 0px; margin-right: 0px; margin-top: -0.4375rem; margin-bottom: 0px; } /* End:: bootstrap5 datatables */ /* Start:: sweet alerts */ div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea){ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary1, div:where(.swal2-container) input:where(.swal2-file).border-primary1, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } div:where(.swal2-container) input:where(.swal2-input).border-primary1.border-opacity-10, div:where(.swal2-container) input:where(.swal2-file).border-primary1.border-opacity-10, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary1.border-opacity-25, div:where(.swal2-container) input:where(.swal2-file).border-primary1.border-opacity-25, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary1.border-opacity-50, div:where(.swal2-container) input:where(.swal2-file).border-primary1.border-opacity-50, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary1.border-opacity-75, div:where(.swal2-container) input:where(.swal2-file).border-primary1.border-opacity-75, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary1.border-opacity-100, div:where(.swal2-container) input:where(.swal2-file).border-primary1.border-opacity-100, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary2, div:where(.swal2-container) input:where(.swal2-file).border-primary2, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } div:where(.swal2-container) input:where(.swal2-input).border-primary2.border-opacity-10, div:where(.swal2-container) input:where(.swal2-file).border-primary2.border-opacity-10, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary2.border-opacity-25, div:where(.swal2-container) input:where(.swal2-file).border-primary2.border-opacity-25, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary2.border-opacity-50, div:where(.swal2-container) input:where(.swal2-file).border-primary2.border-opacity-50, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary2.border-opacity-75, div:where(.swal2-container) input:where(.swal2-file).border-primary2.border-opacity-75, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary2.border-opacity-100, div:where(.swal2-container) input:where(.swal2-file).border-primary2.border-opacity-100, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary3, div:where(.swal2-container) input:where(.swal2-file).border-primary3, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } div:where(.swal2-container) input:where(.swal2-input).border-primary3.border-opacity-10, div:where(.swal2-container) input:where(.swal2-file).border-primary3.border-opacity-10, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary3.border-opacity-25, div:where(.swal2-container) input:where(.swal2-file).border-primary3.border-opacity-25, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary3.border-opacity-50, div:where(.swal2-container) input:where(.swal2-file).border-primary3.border-opacity-50, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary3.border-opacity-75, div:where(.swal2-container) input:where(.swal2-file).border-primary3.border-opacity-75, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } div:where(.swal2-container) input:where(.swal2-input).border-primary3.border-opacity-100, div:where(.swal2-container) input:where(.swal2-file).border-primary3.border-opacity-100, div:where(.swal2-container) textarea:where(.swal2-textarea).border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .swal2-container .swal2-title{ padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 0.5rem; font-size: 1.15rem; } .swal2-container .swal2-footer{ padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 0px; } .swal2-container .swal2-popup{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 2rem; color: rgb(var(--default-text-color)); } .swal2-container .swal2-popup:is(.dark *){ background-color: rgb(var(--body-bg)); } .swal2-container .swal2-center > .swal2-popup{ background-size: cover; background-position: center; background-repeat: no-repeat; } .swal2-container .swal2-actions{ margin-left: auto; margin-right: auto; margin-top: 1rem; margin-bottom: 0px; } .swal2-container .swal2-styled.swal2-confirm{ margin: 0px !important; border-radius: 0.3rem !important; background-color: rgb(var(--primary)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375em !important; padding-bottom: 0.375em !important; font-size: 0.8125rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .swal2-container .swal2-confirm{ margin: 0px !important; border-radius: 0.3rem !important; background-color: rgb(var(--primary)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375em !important; padding-bottom: 0.375em !important; font-size: 0.8125rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .swal2-container .swal2-styled.swal2-confirm:focus, .swal2-container .swal2-styled.swal2-cancel:focus, .swal2-container .swal2-styled.swal2-deny:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .swal2-container .swal2-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgb(var(--default-border)); } .swal2-container .swal2-footer:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .swal2-container .swal2-icon{ margin-left: auto; margin-right: auto; margin-top: 2rem; margin-bottom: 0px; height: 4rem; width: 4rem; } .swal2-container .swal2-icon.swal2-question{ border-color: rgb(var(--success)); color: rgb(var(--success)); } .swal2-container .swal2-icon.swal2-error{ border-color: rgb(var(--danger)); color: rgb(var(--danger)); } .swal2-container .swal2-icon.swal2-info{ border-color: rgb(var(--info)); color: rgb(var(--info)); } .swal2-container .swal2-icon.swal2-warning{ border-color: rgb(var(--warning)); color: rgb(var(--warning)); } .swal2-container .swal2-icon .swal2-icon-content{ font-size: 3rem; } .swal2-container .swal2-image{ border-radius: 0.5rem; } .swal2-container .swal2-html-container{ margin-left: 1.6rem; margin-right: 1.6rem; margin-top: 0px; margin-bottom: 0.3rem; font-size: 0.8rem; color: rgb(var(--text-muted)); } .swal2-container .swal2-html-container:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{ inset-inline-start: 1em; } .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line]{ top: 1.9em; height: 0.3em; width: 2em; background-color: rgb(var(--danger)); } .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{ inset-inline-end: 1em; top: 1.875rem; } .swal2-container .swal2-close:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .swal2-container .swal2-deny, .swal2-container .swal2-cancel{ margin-inline-start: 0.625rem; } .swal2-container .swal2-close{ font-size: 2rem; color: rgb(var(--text-muted)); } .swal2-container .swal2-close:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .swal2-container .swal2-close:hover{ color: rgb(var(--primary)); } .svg-icon-med.swal2-container .swal2-close:hover{ background-color: rgb(var(--primary) / 0.2); } .swal2-container .swal2-styled.swal2-deny{ border-radius: 0.3rem; background-color: rgb(var(--danger)); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375em; padding-bottom: 0.375em; font-size: 0.8125rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .swal2-container .swal2-styled.swal2-cancel{ border-radius: 0.3rem !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; background-color: rgb(var(--light)) !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-top: 0.375em !important; padding-bottom: 0.375em !important; font-size: 0.8125rem !important; color: rgb(var(--default-text-color)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .swal2-container .swal2-styled.swal2-cancel.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .swal2-container .swal2-styled.swal2-cancel.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .swal2-container .swal2-styled.swal2-cancel.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .swal2-container .swal2-styled.swal2-cancel.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .swal2-container .swal2-styled.swal2-cancel:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{ inset-inline-end: 0.45em; top: 2.05em; width: 2em; } .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{ inset-inline-start: 0.9125em; top: 2.375em; width: 1.2625em; } .swal2-container .swal2-file:focus, .swal2-container .swal2-input:focus, .swal2-container .swal2-textarea:focus{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .swal2-container .swal2-file:focus.border-primary1, .swal2-container .swal2-input:focus.border-primary1, .swal2-container .swal2-textarea:focus.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .swal2-container .swal2-file:focus.border-primary1.border-opacity-10, .swal2-container .swal2-input:focus.border-primary1.border-opacity-10, .swal2-container .swal2-textarea:focus.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .swal2-container .swal2-file:focus.border-primary1.border-opacity-25, .swal2-container .swal2-input:focus.border-primary1.border-opacity-25, .swal2-container .swal2-textarea:focus.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .swal2-container .swal2-file:focus.border-primary1.border-opacity-50, .swal2-container .swal2-input:focus.border-primary1.border-opacity-50, .swal2-container .swal2-textarea:focus.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .swal2-container .swal2-file:focus.border-primary1.border-opacity-75, .swal2-container .swal2-input:focus.border-primary1.border-opacity-75, .swal2-container .swal2-textarea:focus.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .swal2-container .swal2-file:focus.border-primary1.border-opacity-100, .swal2-container .swal2-input:focus.border-primary1.border-opacity-100, .swal2-container .swal2-textarea:focus.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .swal2-container .swal2-file:focus.border-primary2, .swal2-container .swal2-input:focus.border-primary2, .swal2-container .swal2-textarea:focus.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .swal2-container .swal2-file:focus.border-primary2.border-opacity-10, .swal2-container .swal2-input:focus.border-primary2.border-opacity-10, .swal2-container .swal2-textarea:focus.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .swal2-container .swal2-file:focus.border-primary2.border-opacity-25, .swal2-container .swal2-input:focus.border-primary2.border-opacity-25, .swal2-container .swal2-textarea:focus.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .swal2-container .swal2-file:focus.border-primary2.border-opacity-50, .swal2-container .swal2-input:focus.border-primary2.border-opacity-50, .swal2-container .swal2-textarea:focus.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .swal2-container .swal2-file:focus.border-primary2.border-opacity-75, .swal2-container .swal2-input:focus.border-primary2.border-opacity-75, .swal2-container .swal2-textarea:focus.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .swal2-container .swal2-file:focus.border-primary2.border-opacity-100, .swal2-container .swal2-input:focus.border-primary2.border-opacity-100, .swal2-container .swal2-textarea:focus.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .swal2-container .swal2-file:focus.border-primary3, .swal2-container .swal2-input:focus.border-primary3, .swal2-container .swal2-textarea:focus.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .swal2-container .swal2-file:focus.border-primary3.border-opacity-10, .swal2-container .swal2-input:focus.border-primary3.border-opacity-10, .swal2-container .swal2-textarea:focus.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .swal2-container .swal2-file:focus.border-primary3.border-opacity-25, .swal2-container .swal2-input:focus.border-primary3.border-opacity-25, .swal2-container .swal2-textarea:focus.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .swal2-container .swal2-file:focus.border-primary3.border-opacity-50, .swal2-container .swal2-input:focus.border-primary3.border-opacity-50, .swal2-container .swal2-textarea:focus.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .swal2-container .swal2-file:focus.border-primary3.border-opacity-75, .swal2-container .swal2-input:focus.border-primary3.border-opacity-75, .swal2-container .swal2-textarea:focus.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .swal2-container .swal2-file:focus.border-primary3.border-opacity-100, .swal2-container .swal2-input:focus.border-primary3.border-opacity-100, .swal2-container .swal2-textarea:focus.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [dir=rtl] .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{ inset-inline-start: 1.9125em; } /* End:: sweet alerts */ /* Start:: swiper js */ .swiper{ border-radius: 0.5rem; } [dir=rtl] .swiper{ direction: ltr; } [dir=rtl] .swiper-backface-hidden .swiper-slide{ direction: rtl; } .swiper-slide img{ display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .swiper-button-next, .swiper-button-prev{ height: 1.563rem !important; width: 1.563rem !important; border-radius: 0.5rem !important; background-color: rgba(255,255,255,0.3) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .swiper-horizontal1 .swiper-slide{ height: auto; } .swiper-pagination-bullet{ height: 0.25rem !important; width: 1.25rem !important; border-radius: 0.5rem !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .swiper-pagination-bullet-active{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: rgb(var(--success)) !important; } .swiper-pagination{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .swiper-pagination.swiper-pagination-fraction{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .custom-pagination .swiper-pagination-bullet{ height: 1.5rem !important; width: 1.5rem !important; background-color: rgba(255,255,255,0.3) !important; padding: 0.188rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; opacity: 1 !important; } .custom-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .swiper-scrollbar{ background-color: rgba(255,255,255,0.3); } .swiper-scrollbar-drag{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .swiper.vertical{ height: 21.875rem; } .swiper-preview{ height: 80%; width: 100%; } .swiper-view{ box-sizing: border-box; height: 20%; padding-left: 0px; padding-right: 0px; padding-top: 0.625rem; padding-bottom: 0.625rem; } .swiper-view .swiper-slide{ height: 100%; width: 25%; opacity: 0.4; } .swiper-view .swiper-slide-thumb-active{ opacity: 1; } .swiper-preview .swiper-wrapper{ margin-bottom: 0.65rem; } .swiper-thumbs .swiper-slide img{ border-radius: 0.5rem; } /* End:: swiper js */ /* Start:: prism js */ pre[class*=language-]:after, pre[class*=language-]:before{ display: none !important; } pre[class*=language-] > code{ white-space: pre-wrap !important; border-radius: 0.5rem !important; border-width: 1px !important; border-inline-start-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; border-inline-start-color: rgb(var(--default-border)) !important; background-color: rgb(var(--light)) !important; background-image: none !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } pre[class*=language-] > code.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } pre[class*=language-] > code.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } pre[class*=language-] > code.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } pre[class*=language-] > code.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } pre[class*=language-] > code.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } pre[class*=language-] > code.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } pre[class*=language-] > code.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } pre[class*=language-] > code.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } pre[class*=language-] > code.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } pre[class*=language-] > code.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } pre[class*=language-] > code.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } pre[class*=language-] > code.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } pre[class*=language-] > code.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } pre[class*=language-] > code.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } pre[class*=language-] > code.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } pre[class*=language-] > code.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } pre[class*=language-] > code.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } pre[class*=language-] > code.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } pre[class*=language-] > code:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } :not(pre) > code[class*=language-], pre[class*=language-]{ margin-bottom: 0px !important; max-height: 400px !important; overflow-y: hidden !important; border-radius: 0.5rem !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } :not(pre) > code[class*=language-]:is(.dark *), pre[class*=language-]:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } code[class*=language-], pre[class*=language-]{ font-size: 0.82rem !important; color: rgb(var(--default-text-color)) !important; } pre[class*=language-]{ margin: 0px !important; } code[class*=language-]{ padding: 1rem !important; } .prism-toggle{ margin: 0.25rem; } [dir=rtl] pre[class*=language-] > code{ border-inline-start-width: 0px; text-align: right; } /* End:: prism js */ /* Start:: Draggable Cards */ #draggable-left .card, #draggable-right .card{ touch-action: none; } /* End:: Draggable Cards */ /* Start:: Rater Js */ .star-rating{ touch-action: none; } .star-rating .star-value{ touch-action: none; } /* End:: Rater Js */ /* Start:: Emoji Picker */ .fg-emoji-picker{ top: auto !important; bottom: 120px !important; } @media (max-width: 420px) { .fg-emoji-picker{ inset-inline-start: 13px !important; bottom: 136px !important; } } .fg-emoji-picker-search input{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding: 0.625rem !important; color: rgb(var(--default-text-color)) !important; } .fg-emoji-picker-search input:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .fg-emoji-picker-grid > li{ height: 38px !important; flex: 0 0 calc(100% / 7) !important; } .fg-emoji-picker-grid > li:hover{ border-radius: 0.5rem !important; background-color: rgb(var(--light)) !important; } .fg-emoji-picker .fg-emoji-picker-all-categories{ height: 18rem !important; } .fg-emoji-picker *{ fill: rgb(var(--default-text-color)) !important; font-family: Poppins, sans-serif !important; color: rgb(var(--default-text-color)) !important; } .fg-emoji-picker-categories li.active{ background-color: rgb(var(--primary) / 0.1) !important; } .fg-emoji-picker-categories{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .fg-emoji-picker-categories:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .fg-emoji-picker-categories ul{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; } .fg-emoji-picker-categories ul:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } a.fg-emoji-picker-close-button{ background-color: rgb(var(--light)) !important; } .fg-emoji-picker-search svg{ inset-inline-end: 0px !important; top: 0px !important; height: 39px !important; width: 45px !important; border-inline-start-width: 1px !important; border-bottom-width: 1px !important; border-style: solid !important; border-inline-start-color: rgb(var(--default-border)) !important; border-bottom-color: rgb(var(--default-text-color)) !important; fill: rgb(var(--default-text-color)) !important; padding: 0.625rem !important; } .fg-emoji-picker-search svg:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .fg-emoji-picker{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .fg-emoji-picker.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .fg-emoji-picker.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .fg-emoji-picker.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .fg-emoji-picker.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .fg-emoji-picker.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .fg-emoji-picker.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .fg-emoji-picker.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .fg-emoji-picker.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .fg-emoji-picker.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .fg-emoji-picker.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .fg-emoji-picker.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .fg-emoji-picker.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .fg-emoji-picker.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .fg-emoji-picker.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .fg-emoji-picker.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .fg-emoji-picker.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .fg-emoji-picker.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .fg-emoji-picker.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .fg-emoji-picker:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .fg-emoji-picker-grid > li{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .fg-emoji-picker-grid > li:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .fg-emoji-picker-categories a:hover{ background-color: rgb(var(--primary) / 0.1) !important; } .fg-emoji-picker .fg-emoji-picker-category{ padding-top: 0px !important; } .fg-emoji-picker-search{ height: 38px !important; } /* End:: Emoji Picker */ /* Start:: Plyr */ .plyr__control--overlaid{ background-color: rgb(var(--primary)) !important; } .audio-control .plyr__controls__item svg{ fill: rgb(var(--default-text-color)) !important; opacity: 0.5 !important; } .plyr__controls__item.plyr__time--current{ color: rgb(var(--default-text-color)) !important; opacity: 0.5 !important; } .plyr--full-ui input[type=range]{ color: rgb(var(--primary)) !important; } .svg-icon-med.plyr--full-ui input[type=range]{ background-color: rgb(var(--primary) / 0.2); } .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .plyr--audio .plyr__controls{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .plyr--audio .plyr__controls:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } /* End:: Plyr */ /* Start:: Shepherd JS */ .shepherd-modal-overlay-container.shepherd-modal-is-visible{ opacity: 0.15 !important; } .shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .shepherd-button{ background-color: rgb(var(--success)) !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .shepherd-element{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .shepherd-element:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .shepherd-header{ background-color: rgb(var(--light)) !important; padding: 0.5rem !important; } .shepherd-title{ font-weight: 500 !important; } .shepherd-text{ font-size: 13px !important; } .shepherd-title, .shepherd-text{ color: rgb(var(--default-text-color)) !important; } .shepherd-title:is(.dark *), .shepherd-text:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--input-border)) !important; background-color: rgb(var(--light)) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary1:before{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary1.border-opacity-10:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary1.border-opacity-25:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary1.border-opacity-50:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary1.border-opacity-75:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary1.border-opacity-100:before{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary2:before{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary2.border-opacity-10:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary2.border-opacity-25:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary2.border-opacity-50:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary2.border-opacity-75:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary2.border-opacity-100:before{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary3:before{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary3.border-opacity-10:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary3.border-opacity-25:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary3.border-opacity-50:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary3.border-opacity-75:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow.border-primary3.border-opacity-100:before{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:is(.dark *):before{ border-color: rgb(var(--default-border) / 0.1) !important; } .shepherd-arrow:before{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .shepherd-arrow:is(.dark *):before{ background-color: rgb(var(--body-bg)) !important; } /* End:: Shepherd JS */ /* Start:: Auto Complete */ .autoComplete_wrapper > ul{ z-index: 10 !important; } .autoComplete_wrapper > ul:where([dir="rtl"], [dir="rtl"] *){ direction: ltr !important; } .autoComplete_wrapper > input:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .autoComplete_wrapper > input{ height: inherit !important; border-radius: 0.35rem !important; border-color: rgb(var(--input-border)) !important; background-color: rgb(var(--body-bg-rgb)) !important; background-image: none !important; padding-left: 0.85rem !important; padding-right: 0.85rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; font-size: 0.875rem !important; font-weight: 400 !important; line-height: 1.5 !important; color: rgb(var(--default-text-color)) !important; } .autoComplete_wrapper > input:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .autoComplete_wrapper > input:focus{ border-color: rgb(var(--primary) / 0.5) !important; --tw-shadow: 0 0 4px primary/50 !important; --tw-shadow-colored: 0 0 4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .autoComplete_wrapper > input:focus::-moz-placeholder{ padding: 0px !important; } .autoComplete_wrapper > input:focus::placeholder{ padding: 0px !important; } .box .card-body.autoComplete_wrapper > input:focus .simplebar-track::-moz-placeholder{ inset-inline-end: 0px; } .box .card-body.autoComplete_wrapper > input:focus .simplebar-track::placeholder{ inset-inline-end: 0px; } .autoComplete_wrapper > input::-moz-placeholder{ font-size: 0.8rem; font-weight: 400; color: rgb(var(--default-text-color)); opacity: 0.6; } .autoComplete_wrapper > input::placeholder{ font-size: 0.8rem; font-weight: 400; color: rgb(var(--default-text-color)); opacity: 0.6; } .autoComplete_wrapper > input:focus::-moz-placeholder{ padding: 0px !important; font-size: 0.8rem !important; } .autoComplete_wrapper > input:focus::placeholder{ padding: 0px !important; font-size: 0.8rem !important; } .box .card-body.autoComplete_wrapper > input:focus .simplebar-track::-moz-placeholder{ inset-inline-end: 0px; } .box .card-body.autoComplete_wrapper > input:focus .simplebar-track::placeholder{ inset-inline-end: 0px; } .autoComplete_wrapper > input:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .autoComplete_wrapper > ul{ margin-top: 0px !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .autoComplete_wrapper > ul.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .autoComplete_wrapper > ul.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .autoComplete_wrapper > ul.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .autoComplete_wrapper > ul.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .autoComplete_wrapper > ul.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .autoComplete_wrapper > ul.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .autoComplete_wrapper > ul.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .autoComplete_wrapper > ul.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .autoComplete_wrapper > ul.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .autoComplete_wrapper > ul.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .autoComplete_wrapper > ul.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .autoComplete_wrapper > ul.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .autoComplete_wrapper > ul.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .autoComplete_wrapper > ul.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .autoComplete_wrapper > ul.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .autoComplete_wrapper > ul.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .autoComplete_wrapper > ul.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .autoComplete_wrapper > ul.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .autoComplete_wrapper > ul:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .autoComplete_wrapper > ul .no_result{ padding: 0.5rem !important; } .autoComplete_wrapper > ul > li{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; font-size: 0.85rem !important; color: rgb(var(--default-text-color)) !important; } .autoComplete_wrapper > ul > li:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .autoComplete_wrapper > ul > li:hover{ background-color: rgb(var(--primary) / 0.1) !important; color: rgb(var(--default-text-color)) !important; } .autoComplete_wrapper > ul > li mark{ background-color: transparent !important; padding: 0px !important; font-family: bold !important; color: rgb(var(--orange)) !important; } .box .card-body.autoComplete_wrapper > ul > li mark .simplebar-track{ inset-inline-end: 0px; } #autoComplete_list_2 p{ margin-bottom: 0px !important; padding: 0.5rem !important; } .autoComplete_wrapper > input{ width: auto !important; } /* End:: Auto Complete */ /* Start:: intl-tel-input */ @media (min-width: 367px) { .telephone-input-btn{ margin-inline-start: 0.5rem; } } @media (max-width: 366.98px) { .telephone-input-btn{ margin-top: 0.5rem; } } .hide{ display: none; } input.error{ border-width: 1px; border-style: solid; border-color: rgb(var(--danger)); } input.error.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } input.error.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } input.error.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } input.error.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } input.error.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } input.error.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } input.error.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } input.error.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } input.error.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } input.error.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } input.error.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } input.error.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } input.error.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } input.error.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } input.error.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } input.error.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } input.error.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } input.error.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } #error-msg{ color: rgb(var(--danger)); } #valid-msg{ color: rgb(var(--success)); } .iti__search-input:focus-visible { outline: none; } [dir=rtl] .selected-dial-code-input .iti--allow-dropdown input.iti__tel-input, [dir=rtl] .selected-dial-code-input .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .selected-dial-code-input .iti--allow-dropdown input.iti__tel-input[type=text], [dir=rtl] .selected-dial-code-input .iti--show-selected-dial-code input.iti__tel-input, [dir=rtl] .selected-dial-code-input .iti--show-selected-dial-code input.iti__tel-input[type=tel], [dir=rtl] .selected-dial-code-input .iti--show-selected-dial-code input.iti__tel-input[type=text]{ padding-inline-start: 0.375rem !important; padding-inline-end: 71px !important; } .selected-dial-code-input .iti--allow-dropdown input.iti__tel-input, .selected-dial-code-input .iti--allow-dropdown input.iti__tel-input[type=tel], .selected-dial-code-input .iti--allow-dropdown input.iti__tel-input[type=text], .selected-dial-code-input .iti--show-selected-dial-code input.iti__tel-input, .selected-dial-code-input .iti--show-selected-dial-code input.iti__tel-input[type=tel], .selected-dial-code-input .iti--show-selected-dial-code input.iti__tel-input[type=text]{ padding-inline-start: 71px !important; padding-inline-end: 0.375rem !important; } .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text], .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input, .iti--show-selected-dial-code input.iti__tel-input[type=text], .iti--show-selected-dial-code input.iti__tel-input[type=tel]{ margin-left: 0px !important; padding-inline-end: 6px !important; padding-inline-start: 52px !important; } .iti--allow-dropdown input.iti__tel-input:where([dir="rtl"], [dir="rtl"] *), .iti--allow-dropdown input.iti__tel-input[type=text]:where([dir="rtl"], [dir="rtl"] *), .iti--allow-dropdown input.iti__tel-input[type=tel]:where([dir="rtl"], [dir="rtl"] *), .iti--show-selected-dial-code input.iti__tel-input:where([dir="rtl"], [dir="rtl"] *), .iti--show-selected-dial-code input.iti__tel-input[type=text]:where([dir="rtl"], [dir="rtl"] *), .iti--show-selected-dial-code input.iti__tel-input[type=tel]:where([dir="rtl"], [dir="rtl"] *){ padding-inline-start: 6px !important; padding-inline-end: 52px !important; } .iti__search-input{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; color: rgb(var(--default-text-color)) !important; } .iti__search-input:is(.dark *){ background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .iti__tel-input:where([dir="rtl"], [dir="rtl"] *)::-moz-placeholder{ text-align: end !important; } .iti__tel-input:where([dir="rtl"], [dir="rtl"] *)::placeholder{ text-align: end !important; } .iti__search-input + .iti__country-list{ border-top-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; border-top-color: rgb(var(--default-border)) !important; } .iti__search-input + .iti__country-list:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .iti--inline-dropdown .iti__dropdown-content{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .iti--inline-dropdown .iti__dropdown-content.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .iti--inline-dropdown .iti__dropdown-content.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .iti--inline-dropdown .iti__dropdown-content.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .iti--inline-dropdown .iti__dropdown-content.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .iti--inline-dropdown .iti__dropdown-content:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .iti__dropdown-content{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .iti__dropdown-content:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .iti--show-selected-dial-code .iti__tel-input{ padding-inline-start: 71px !important; padding-inline-end: 6px !important; } .iti__country.iti__highlight{ background-color: rgb(var(--primary) / 0.1) !important; } .iti--show-selected-dial-code .iti__selected-flag{ background-color: rgb(var(--light)) !important; } /* End:: intl-tel-input */ /* Start:: Tagify JS */ .choices__heading{ border-color: rgb(var(--default-border)) !important; } .choices__heading:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .tagify { --tag-inset-shadow-size: 0 !important; } .tagify__tag{ background-color: rgb(var(--light)); } .tagify.tagify--mix.form-control{ padding: 0.5rem; } .tagify__tag > div::before{ --tw-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--gray-3) inset !important; --tw-shadow-colored: inset 0 0 0 var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tagify:hover:not(.tagify--focus):not(.tagify--invalid){ border-color: rgb(var(--input-border)) !important; } .tagify:hover:not(.tagify--focus):not(.tagify--invalid):is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .tagify--empty .tagify__input::before{ position: static !important; display: contents !important; } .tagify{ border-color: rgb(var(--input-border)) !important; } .tagify:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .tagify.tagify--focus{ border-color: rgb(var(--primary) / 0.5); --tw-shadow: 0 0 4px primary/50; --tw-shadow-colored: 0 0 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tagify__tag{ margin-top: 7px; margin-bottom: 7px; margin-inline-start: 7px; margin-inline-end: 0px; } .tagify__tag > div{ font-size: 13px; } .tagify__input{ margin: 3px !important; border-color: rgb(var(--input-border)) !important; line-height: 1.85rem !important; } .tagify__input:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .tagify:hover:not(.tagify--focus):not(.tagify--invalid){ border-color: rgb(var(--input-border)) !important; } .tagify:hover:not(.tagify--focus):not(.tagify--invalid):is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .tagify { --tags-disabled-bg: var(--gray-3) !important; --tag-bg: var(--gray-3) !important; --tag-hover: rgba(var(--primary-rgb), 0.15) !important; --tag-text-color: var(--default-text-color) !important; --tag-text-color--edit: var(--default-text-color) !important; --tag-invalid-color: rgba(var(--danger-rgb), 0.5) !important; --tag-invalid-bg: rgba(var(--danger-rgb), 0.2) !important; --tag-remove-bg: rgba(var(--danger-rgb), 0.1) !important; --tag-remove-btn-color: var(--default-text-color) !important; --tag-remove-btn-bg--hover: rgba(var(--danger-rgb), 0.3) !important; --tag-pad: 0.2em 0.5em !important; } .tagify__tag__removeBtn{ margin-left: 0.25rem; margin-right: 0.25rem; margin-top: 0px; margin-bottom: 0px; } .tagify__tag:focus div::before, .tagify__tag:hover:not([readonly]) div::before { --tag-bg-inset: 0px !important; } .tagify__tag-text{ padding: 3px; } .tags-look{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .tags-look.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .tags-look.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .tags-look.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .tags-look.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .tags-look.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .tags-look.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .tags-look.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .tags-look.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .tags-look.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .tags-look.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .tags-look.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .tags-look.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .tags-look.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .tags-look.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .tags-look.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .tags-look.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .tags-look.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .tags-look.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .tags-look:is(.dark *){ background-color: rgb(var(--body-bg)); } .tags-look .tagify__dropdown__item{ margin: 0.2em; display: inline-block; border-radius: 3px; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.3em; padding-bottom: 0.3em; vertical-align: middle; font-size: 0.85em; color: rgb(var(--default-text-color)); transition-property: 0s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tags-look .tagify__dropdown__item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .tags-look .tagify__dropdown__item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .tags-look .tagify__dropdown__item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .tags-look .tagify__dropdown__item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .tags-look .tagify__dropdown__item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .tags-look .tagify__dropdown__item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .tags-look .tagify__dropdown__item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .tags-look .tagify__dropdown__item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .tags-look .tagify__dropdown__item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .tags-look .tagify__dropdown__item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .tags-look .tagify__dropdown__item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .tags-look .tagify__dropdown__item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .tags-look .tagify__dropdown__item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .tags-look .tagify__dropdown__item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .tags-look .tagify__dropdown__item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .tags-look .tagify__dropdown__item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .tags-look .tagify__dropdown__item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .tags-look .tagify__dropdown__item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .tags-look .tagify__dropdown__item:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.8); } .tags-look .tagify__dropdown__item--active{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .tags-look .tagify__dropdown__item:hover{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .tags-look .tagify__dropdown__item--hidden{ margin-left: 0px; margin-right: 0px; margin-top: 0.2em; margin-bottom: 0.2em; max-height: initial; max-width: 0px; white-space: nowrap; border-width: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0.3em; padding-bottom: 0.3em; text-indent: -20px; } .tagify__dropdown{ border-top-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; border-top-color: rgb(var(--primary)) !important; } .tagify__dropdown:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .tagify__dropdown .tagify__dropdown__item{ color: rgb(var(--default-text-color)); } .tagify__dropdown .tagify__dropdown__item:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .tagify--select .tagify__tag{ margin: 3px !important; } .tagify__dropdown__item--active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .dual-listbox__buttons{ margin-top: 0.5rem !important; } @media (min-width: 480px){ .dual-listbox__buttons{ margin-top: 0px !important; } } .tagify__dropdown__item:active{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } /* Suggestions items */ .tagify__tag .tagify__tag__avatar-wrap{ margin-inline-end: 5px; height: 22px; width: 22px; white-space: normal; border-radius: 50%; vertical-align: middle; transition-property: 0.12s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease-out; } .tagify__tag img{ width: 100%; vertical-align: top; } .tagify__dropdown.users-list .tagify__dropdown__item{ display: grid; grid-template-columns: auto 1fr; gap: 0 1em; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light) / 0.75); padding-top: 0.75rem; padding-bottom: 0.75rem; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bd-example-cssgrid .tagify__dropdown.users-list .tagify__dropdown__item > *{ border-radius: 0.25rem; } .bd-example-row-flex-cols .tagify__dropdown.users-list .tagify__dropdown__item{ min-height: 10rem; background-color: rgb(var(--light) / 0.5); } .bd-example-row-flex-cols .tagify__dropdown.users-list .tagify__dropdown__item .col{ padding: 0.75rem; } .tagify__dropdown.users-list .tagify__dropdown__item { grid-template-areas: "avatar name" "avatar email"; } .tagify__dropdown.users-list header.tagify__dropdown__item { grid-template-areas: "add remove-tags" "remaning ."; } .tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap{ --tw-scale-x: 1.2; --tw-scale-y: 1.2; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap{ height: 2.25rem; width: 2.25rem; overflow: hidden; border-radius: 50%; background-color: rgb(var(--light)); transition-property: 0.1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease-out; grid-area: avatar; } .tagify__dropdown.users-list img{ width: 100%; vertical-align: top; } .tagify__dropdown.users-list header.tagify__dropdown__item > div, .tagify__dropdown.users-list .tagify__dropdown__item strong{ width: 100%; align-self: center; grid-area: name; } .tagify__dropdown.users-list span{ width: 100%; font-size: 0.9em; opacity: 0.6; grid-area: email; } .tagify__dropdown.users-list .tagify__dropdown__item__addAll{ gap: 0px; border-bottom-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); border-bottom-color: rgb(var(--default-border)); } .tagify__dropdown.users-list .tagify__dropdown__item__addAll:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .tagify__dropdown.users-list .remove-all-tags{ -webkit-user-select: none; -moz-user-select: none; user-select: none; justify-self: end; border-radius: 3px; padding-left: 0.3em; padding-right: 0.3em; padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.8em; } .tagify__dropdown.users-list .remove-all-tags:hover{ background-color: rgb(var(--orange)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .tagify__dropdown.users-list .remove-all-tags { grid-area: remove-tags; } /* Tags items */ #users-list .tagify__tag{ white-space: nowrap; } #users-list .tagify__tag img{ pointer-events: none; width: 100%; vertical-align: top; } #users-list .tagify__tag:hover .tagify__tag__avatar-wrap{ --tw-translate-x: -10%; --tw-scale-x: 1.6; --tw-scale-y: 1.6; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #users-list .tagify__tag .tagify__tag__avatar-wrap{ margin-inline-end: 5px; height: 1rem; width: 1rem; white-space: normal; border-radius: 50%; background-color: rgb(var(--light)); transition-property: 0.12s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: ease-out; } .users-list .tagify__dropdown__itemsGroup:empty{ display: none; } .users-list .tagify__dropdown__itemsGroup::before{ margin-top: var(--tagify-dd-item-pad); margin-inline-end: var(--tagify-dd-item-pad); margin-bottom: var(--tagify-dd-item-pad); margin-inline-start: var(--tagify-dd-item-pad); display: inline-block; border-radius: 0.5rem; background-color: rgb(var(--success)); padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.9em; font-weight: 600; font-style: italic; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-content: attr(data-title); content: var(--tw-content); } .users-list .tagify__dropdown__itemsGroup:not(:first-of-type){ border-top-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); border-top-color: rgb(var(--default-border)); } .users-list .tagify__dropdown__itemsGroup:not(:first-of-type):is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .tagify__dropdown__wrapper{ border-width: 0px !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tagify__dropdown__wrapper:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .tagify__dropdown{ border-radius: 0.5rem !important; border-width: 1px !important; border-bottom-width: 0px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding: 0.25rem !important; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05) !important; --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tagify__dropdown.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .tagify__dropdown.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .tagify__dropdown.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .tagify__dropdown.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .tagify__dropdown.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .tagify__dropdown.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .tagify__dropdown.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .tagify__dropdown.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .tagify__dropdown.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .tagify__dropdown.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .tagify__dropdown.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .tagify__dropdown.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .tagify__dropdown.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .tagify__dropdown.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .tagify__dropdown.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .tagify__dropdown.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .tagify__dropdown.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .tagify__dropdown.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .tagify__dropdown:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .tagify__dropdown__item--active{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .remove-all-tags{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .tagify--mix .tagify__input{ margin: 0px !important; padding: 0px !important; } .box .card-body.tagify--mix .tagify__input .simplebar-track{ inset-inline-end: 0px; } .tagify__input::before{ color: rgb(var(--default-text-color)) !important; } /* End:: Tagify JS */ /* Start:: Dual List Box */ .dual-listbox .dual-listbox__search{ border-radius: 0.35rem; border-color: rgb(var(--input-border)); background-color: rgb(var(--body-bg-rgb)); padding-left: 0.85rem; padding-right: 0.85rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: rgb(var(--default-text-color)); } .dual-listbox .dual-listbox__search:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .dual-listbox .dual-listbox__search { outline: none; } .dual-listbox .dual-listbox__search::-webkit-input-placeholder{ color: rgb(var(--default-text-color)); opacity: 0.3; } .dual-listbox .dragging{ background-color: rgb(var(--light)) !important; } .dual-listbox .drop-above{ border-top-width: 1px !important; border-style: solid !important; border-top-color: rgb(var(--default-border)) !important; } .dual-listbox .drop-above:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .dual-listbox .dual-listbox__title{ border-inline-start-width: 1px !important; border-inline-end-width: 1px !important; border-top-width: 1px !important; border-style: solid !important; border-inline-start-color: rgb(var(--default-border)) !important; border-inline-end-color: rgb(var(--default-border)) !important; border-top-color: rgb(var(--default-border)) !important; font-weight: 500 !important; } .dual-listbox .dual-listbox__title:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected{ width: auto !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--default-border)) !important; } .dual-listbox .dual-listbox__available.border-primary1, .dual-listbox .dual-listbox__selected.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .dual-listbox .dual-listbox__available.border-primary1.border-opacity-10, .dual-listbox .dual-listbox__selected.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .dual-listbox .dual-listbox__available.border-primary1.border-opacity-25, .dual-listbox .dual-listbox__selected.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .dual-listbox .dual-listbox__available.border-primary1.border-opacity-50, .dual-listbox .dual-listbox__selected.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .dual-listbox .dual-listbox__available.border-primary1.border-opacity-75, .dual-listbox .dual-listbox__selected.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .dual-listbox .dual-listbox__available.border-primary1.border-opacity-100, .dual-listbox .dual-listbox__selected.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .dual-listbox .dual-listbox__available.border-primary2, .dual-listbox .dual-listbox__selected.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .dual-listbox .dual-listbox__available.border-primary2.border-opacity-10, .dual-listbox .dual-listbox__selected.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .dual-listbox .dual-listbox__available.border-primary2.border-opacity-25, .dual-listbox .dual-listbox__selected.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .dual-listbox .dual-listbox__available.border-primary2.border-opacity-50, .dual-listbox .dual-listbox__selected.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .dual-listbox .dual-listbox__available.border-primary2.border-opacity-75, .dual-listbox .dual-listbox__selected.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .dual-listbox .dual-listbox__available.border-primary2.border-opacity-100, .dual-listbox .dual-listbox__selected.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .dual-listbox .dual-listbox__available.border-primary3, .dual-listbox .dual-listbox__selected.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .dual-listbox .dual-listbox__available.border-primary3.border-opacity-10, .dual-listbox .dual-listbox__selected.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .dual-listbox .dual-listbox__available.border-primary3.border-opacity-25, .dual-listbox .dual-listbox__selected.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .dual-listbox .dual-listbox__available.border-primary3.border-opacity-50, .dual-listbox .dual-listbox__selected.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .dual-listbox .dual-listbox__available.border-primary3.border-opacity-75, .dual-listbox .dual-listbox__selected.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .dual-listbox .dual-listbox__available.border-primary3.border-opacity-100, .dual-listbox .dual-listbox__selected.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .dual-listbox .dual-listbox__available:is(.dark *), .dual-listbox .dual-listbox__selected:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .dual-listbox .dual-listbox__item{ border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--default-border)) !important; } .dual-listbox .dual-listbox__item:is(.dark *){ border-bottom-color: rgb(var(--default-border) / 0.1) !important; } .dual-listbox .dual-listbox__button{ border-radius: 0.5rem !important; background-color: rgb(var(--primary)) !important; } .dual-listbox .dual-listbox__item.dual-listbox__item--selected{ background-color: rgb(var(--primary) / 0.1) !important; } /* End:: Dual List Box */ /* Start:: Toastify */ .toastify-right{ inset-inline-end: 15px !important; } .toast-close{ padding-top: 0px !important; padding-bottom: 0px !important; padding-inline-start: 15px !important; padding-inline-end: 5px !important; } [dir=rtl] .toast-close{ padding-top: 0px !important; padding-bottom: 0px !important; padding-inline-start: 5px !important; padding-inline-end: 15px !important; } [dir=rtl] .toastify-right{ right: inherit !important; } /* End:: Toastify */ /* Start:: intl-tel-input */ .iti__flag{ background-image: url(../images/flags/intel-input/flags.png) !important; } /* End:: intl-tel-input */ /* End:: plugins */ .app-header .autoComplete_wrapper > input::-moz-placeholder{ color: rgb(var(--header-prime-color)) !important; } .app-header .autoComplete_wrapper > input::placeholder{ color: rgb(var(--header-prime-color)) !important; } .autoComplete_wrapper > input::-moz-placeholder{ color: rgb(var(--default-text-color)) !important; opacity: 0.6 !important; } .autoComplete_wrapper > input::placeholder{ color: rgb(var(--default-text-color)) !important; opacity: 0.6 !important; } .filepond.circular-filepond .filepond--panel-root{ border-radius: 9999px !important; } .circular-filepond.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left]{ inset-inline-start: 40%; } .circular-filepond.filepond--root[data-style-panel-layout~=circle]{ margin-top: 0px !important; margin-bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; height: 8rem !important; width: 8rem !important; } /* Start Datatable Styles */ .tabulator .tabulator-header .tabulator-col{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .tabulator .tabulator-header .tabulator-col:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .tabulator .tabulator-row .tabulator-cell{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .tabulator .tabulator-row.tabulator-row-even{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; } .tabulator .tabulator-row.tabulator-row-even:is(.dark *){ background-color: rgb(0 0 0 / 0.2) !important; } .tabulator-row.tabulator-selectable:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; } .tabulator-row.tabulator-selectable:hover:is(.dark *){ background-color: rgb(0 0 0 / 0.2) !important; } .tabulator .tabulator-row{ border-top-width: 1px !important; --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } .tabulator .tabulator-row:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; } .tabulator .tabulator-header{ border-width: 0px !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .tabulator .tabulator-header:is(.dark *){ background-color: rgb(var(--body-bg)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .tabulator{ border-width: 0px !important; background-color: transparent !important; } .tabulator-row .tabulator-cell{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } .tabulator-row .tabulator-cell:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; } .tabulator .tabulator-row .tabulator-cell:nth-child(9){ border-inline-end-width: 0px !important; } .tabulator .tabulator-header .tabulator-col:nth-child(9){ border-inline-end-width: 0px !important; } .tabulator .tabulator-footer{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } .tabulator .tabulator-footer:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .gridjs-wrapper{ border-width: 0px !important; border-color: transparent !important; } [dir=rtl] .tabulator-footer-contents{ direction: rtl !important; } .tabulator .tabulator-footer{ background-color: transparent !important; font-weight: 500 !important; } .tabulator .tabulator-tableholder .tabulator-table{ background-color: transparent !important; color: rgb(var(--default-text-color)) !important; } .tabulator .tabulator-tableholder .tabulator-table:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .tabulator-row{ background-color: transparent !important; } .tabulator .tabulator-footer .tabulator-paginator:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } select.tabulator-page-size{ background-size: 1rem 1rem !important; } .tabulator .tabulator-footer .tabulator-page-size{ border-radius: 0.5rem !important; --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; background-color: transparent !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; padding-inline-start: 0.75rem !important; padding-inline-end: 2rem !important; font-size: 0.75rem !important; line-height: 1.6 !important; } .tabulator .tabulator-footer .tabulator-page-size:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; } .tabulator .tabulator-footer .tabulator-page{ border-radius: 0.5rem !important; --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; background-color: transparent !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; color: rgb(var(--default-text-color)) !important; } .tabulator .tabulator-footer .tabulator-page:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .tabulator .tabulator-footer .tabulator-page.active{ color: rgb(var(--primary)) !important; } .svg-icon-med.tabulator .tabulator-footer .tabulator-page.active{ background-color: rgb(var(--primary) / 0.2); } .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover{ background-color: rgb(var(--primary) / 0.3) !important; color: rgb(var(--primary)) !important; } .svg-icon-med.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover{ background-color: rgb(var(--primary) / 0.2); } select.tabulator-page-size{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } select.tabulator-page-size option{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } select.tabulator-page-size option:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } .tabulator .tabulator-row .tabulator-cell.tabulator-row-handle{ padding-left: 0px !important; padding-right: 0px !important; } .sortable-data select{ border-radius: 0.25rem !important; border-color: inherit !important; background-size: 1rem 1rem !important; } .sortable-data .choices{ margin-bottom: 0px !important; } .tabulator .tabulator-col-resize-handle:last-child{ display: none !important; } .tabulator-row .tabulator-cell.tabulator-editing{ border-width: 0px !important; --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } .tabulator-row .tabulator-cell.tabulator-editing:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; } .tabulator .tabulator-footer .tabulator-footer-contents{ flex-direction: column !important; } .tabulator .tabulator-footer .tabulator-footer-contents > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; } .tabulator .tabulator-footer .tabulator-footer-contents{ padding: 1rem !important; } @media (min-width: 480px){ .tabulator .tabulator-footer .tabulator-footer-contents{ flex-direction: row !important; } .tabulator .tabulator-footer .tabulator-footer-contents > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0 !important; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important; } } .tabulator .tabulator-footer .tabulator-page-size{ padding-inline-start: 0.25rem !important; padding-inline-end: 1rem !important; } @media (min-width: 480px){ .tabulator .tabulator-footer .tabulator-page-size{ padding-inline-start: 0.75rem !important; padding-inline-end: 2rem !important; } } .tabulator .tabulator-footer .tabulator-page{ padding-left: 0.25rem !important; padding-right: 0.25rem !important; } @media (min-width: 480px){ .tabulator .tabulator-footer .tabulator-page{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } } .tabulator .tabulator-footer .tabulator-paginator label{ display: none !important; } [dir=rtl] .tabulator .tabulator-footer .tabulator-paginator{ text-align: left !important; } @media screen and (max-width: 1024px) { .tabulator-col, .tabulator-cell{ width: 15rem !important; } } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{ color: rgb(var(--default-text-color)); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{ --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity)); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow:is(.dark *){ border-bottom-color: rgb(255 255 255 / 0.1); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{ --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity)); } .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow:is(.dark *){ border-top-color: rgb(255 255 255 / 0.1); } .tabulator .tabulator-footer .tabulator-page-size{ margin-bottom: 0.5rem !important; display: block !important; width: 100% !important; } @media (min-width: 480px){ .tabulator .tabulator-footer .tabulator-page-size{ margin-bottom: 0px !important; display: inline-block !important; width: auto !important; } } .sortable-data .choices__list--dropdown .choices__item--selectable, .sortable-data .choices__list[aria-expanded] .choices__item--selectable{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } /* End Datatable Styles */ .ts-control{ border-color: rgb(var(--default-border)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .ts-control:is(.dark *){ border-bottom-color: rgb(var(--default-border) / 0.1) !important; } .ts-wrapper.multi .ts-control [data-value]{ background-image: none !important; } .ts-wrapper.multi .ts-control > div{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ts-wrapper.single .ts-control{ background-image: none !important; opacity: 0.8 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ background-color: rgb(var(--primary)) !important; } .select2-selection__rendered span, .select2-results__option span{ display: flex; align-items: center; } .ts-control, .ts-wrapper.single.input-active .ts-control{ border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; color: rgb(var(--default-text-color)) !important; } .ts-control:is(.dark *), .ts-wrapper.single.input-active .ts-control:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .ts-dropdown{ border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; color: rgb(var(--default-text-color)) !important; } .ts-dropdown:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .ts-dropdown .active{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .noUi-target{ border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .noUi-target:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } /* Start:: ribbons */ .ribbon{ position: absolute; z-index: 1; height: 80px; width: 80px; overflow: hidden; } .ribbon::before{ position: absolute; z-index: -1; content: var(--tw-content); display: block; } .ribbon::after{ position: absolute; z-index: -1; content: var(--tw-content); display: block; } .ribbon span{ position: absolute; z-index: 2; display: block; width: 120px; padding: 4px; text-align: center; font-size: 12px; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 5px 10px rgba(0,0,0,0.1); --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ribbon.ribbon-primary::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-primary::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-primary span{ background-color: rgb(var(--primary)); } .ribbon.ribbon-secondary::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-secondary::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-secondary span{ background-color: rgb(var(--secondary)); } .ribbon.ribbon-warning::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-warning::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-warning span{ background-color: rgb(var(--warning)); } .ribbon.ribbon-info::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-info::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-info span{ background-color: rgb(var(--info)); } .ribbon.ribbon-success::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-success::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-success span{ background-color: rgb(var(--success)); } .ribbon.ribbon-danger::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-danger::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-danger span{ background-color: rgb(var(--danger)); } .ribbon.ribbon-orange::before{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-orange::after{ border-width: 3px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .ribbon.ribbon-orange span{ background-color: rgb(var(--orange)); } /* top left */ .ribbon-top-left{ top: -7px; inset-inline-start: -7px; border-inline-start-color: transparent; } .ribbon-top-left::before{ content: var(--tw-content); border-top-color: transparent; } .ribbon-top-left::after{ border-top-color: transparent; content: var(--tw-content); border-inline-start-color: transparent; } .ribbon-top-left::before{ top: 0px; inset-inline-end: 0px; content: var(--tw-content); z-index: 1; } .ribbon-top-left::after{ bottom: 0px; inset-inline-start: 0px; content: var(--tw-content); z-index: 1; } .ribbon-top-left span{ inset-inline-end: -12px; top: 20px; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-top-left span{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* top left */ /* top right */ .ribbon-top-right{ top: -7px; inset-inline-end: -7px; } .ribbon-top-right::before{ border-top-color: transparent; content: var(--tw-content); border-inline-end-color: transparent; } .ribbon-top-right::after{ border-top-color: transparent; content: var(--tw-content); border-inline-end-color: transparent; } .ribbon-top-right::before{ top: 0px; inset-inline-start: 0px; content: var(--tw-content); z-index: 1; } .ribbon-top-right::after{ bottom: 0px; inset-inline-end: 0px; content: var(--tw-content); z-index: 1; } .ribbon-top-right span{ inset-inline-start: -12px; top: 20px; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-top-right span{ --tw-rotate: 315deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* top right */ /* bottom right */ .ribbon-bottom-right{ bottom: -7px; inset-inline-end: -7px; } .ribbon-bottom-right::before{ border-bottom-color: transparent; content: var(--tw-content); border-inline-end-color: transparent; } .ribbon-bottom-right::after{ border-bottom-color: transparent; content: var(--tw-content); border-inline-end-color: transparent; } .ribbon-bottom-right::before{ bottom: 0px; inset-inline-start: 0px; content: var(--tw-content); z-index: 1; } .ribbon-bottom-right::after{ top: 0px; inset-inline-end: 0px; content: var(--tw-content); z-index: 1; } .ribbon-bottom-right span{ inset-inline-start: -12px; bottom: 20px; --tw-rotate: -225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-bottom-right span{ --tw-rotate: 225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* bottom right */ /* bottom left */ .ribbon-bottom-left{ bottom: -7px; inset-inline-start: -7px; } .ribbon-bottom-left::before{ border-bottom-color: transparent; content: var(--tw-content); border-inline-start-color: transparent; } .ribbon-bottom-left::after{ border-bottom-color: transparent; content: var(--tw-content); border-inline-start-color: transparent; } .ribbon-bottom-left::before{ bottom: 0px; inset-inline-end: 0px; content: var(--tw-content); z-index: 1; } .ribbon-bottom-left::after{ top: 0px; inset-inline-start: 0px; content: var(--tw-content); z-index: 1; } .ribbon-bottom-left span{ inset-inline-end: -12px; bottom: 20px; --tw-rotate: 225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-bottom-left span{ --tw-rotate: -225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* bottom left */ /* ribbon 2 */ .ribbon-2{ position: absolute; display: inline-block; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ribbon-2.ribbon-primary{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgb(var(--secondary)) var(--tw-gradient-to-position); } .ribbon-2.ribbon-primary::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-secondary{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--secondary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--secondary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #7289FF var(--tw-gradient-to-position); } .ribbon-2.ribbon-secondary::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-success{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--success)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #009CA4 var(--tw-gradient-to-position); } .ribbon-2.ribbon-success::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-info{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--info)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--info) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #4990E1 var(--tw-gradient-to-position); } .ribbon-2.ribbon-info::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-warning{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--warning)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--warning) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #9EA53C var(--tw-gradient-to-position); } .ribbon-2.ribbon-warning::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-danger{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--danger)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--danger) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #DE4980 var(--tw-gradient-to-position); } .ribbon-2.ribbon-danger::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-orange{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--orange)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--orange) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #E5647E var(--tw-gradient-to-position); } .ribbon-2.ribbon-orange::before{ border-top-width: 10px; content: var(--tw-content); border-color: rgb(0 0 0 / 0.8); } .ribbon-2.ribbon-left{ top: 10px; inset-inline-start: -10px; padding-top: 5px; padding-bottom: 5px; padding-inline-end: 40px; padding-inline-start: 20px; } .ribbon-2.ribbon-left::before{ inset-inline-start: 0px; bottom: -10px; border-inline-start-width: 10px; content: var(--tw-content); border-inline-start-color: transparent; } .ribbon-2.ribbon-left::after{ inset-inline-end: 0px; top: 0px; border-inline-end-width: 12px; border-top-width: 14px; border-bottom-width: 16px; --tw-border-opacity: 1; border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity)); border-top-color: transparent; content: var(--tw-content); border-bottom-color: transparent; } .ribbon-2.ribbon-left:is(.dark *)::after{ content: var(--tw-content); border-inline-end-color: rgb(var(--body-bg)); } .ribbon-2.ribbon-right{ top: 10px; inset-inline-end: -10px; padding-top: 5px; padding-bottom: 5px; padding-inline-start: 40px; padding-inline-end: 20px; } .ribbon-2.ribbon-right::before{ inset-inline-end: 0px; bottom: -10px; border-inline-end-width: 10px; content: var(--tw-content); border-inline-end-color: transparent; } .ribbon-2.ribbon-right::after{ inset-inline-start: 0px; top: 0px; border-inline-start-width: 12px; border-top-width: 14px; border-bottom-width: 16px; --tw-border-opacity: 1; border-inline-start-color: rgb(255 255 255 / var(--tw-border-opacity)); border-top-color: transparent; content: var(--tw-content); border-bottom-color: transparent; } .ribbon-2.ribbon-right:is(.dark *)::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--body-bg)); } .ribbon-2::after{ position: absolute; height: 0px; content: var(--tw-content); width: 0px; } .ribbon-2::before{ position: absolute; height: 0px; content: var(--tw-content); width: 0px; } /* ribbon 2 */ /* ribbon 3 */ [dir=rtl] .ribbon-3.top-left span::after{ border-top-left-radius: 50px; border-top-right-radius: 50px; border-start-start-radius: 0; border-end-start-radius: 0; border-start-end-radius: 0; border-end-end-radius: 0; content: var(--tw-content); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .ribbon-3.top-right span::after{ border-top-left-radius: 50px; border-top-right-radius: 50px; border-start-start-radius: 0; border-end-start-radius: 0; border-start-end-radius: 50px; border-end-end-radius: 50px; content: var(--tw-content); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ribbon-3{ position: absolute; top: -8px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ribbon-3::after{ position: absolute; z-index: 0; height: 0px; width: 0px; border-inline-start-width: 16px; border-inline-end-width: 17px; border-inline-start-color: transparent; content: var(--tw-content); border-inline-end-color: transparent; } .ribbon-3.top-left{ inset-inline-start: 10px; border-start-start-radius: 10px; } .ribbon-3.top-left span::after{ inset-inline-end: -7px; border-top-left-radius: 0; border-top-right-radius: 0; border-start-end-radius: 50px; border-end-end-radius: 50px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; content: var(--tw-content); border-start-start-radius: 0; border-end-start-radius: 0; } .ribbon-3.top-right{ inset-inline-end: 10px; border-start-end-radius: 10px; } .ribbon-3.top-right span::after{ inset-inline-start: -7px; border-start-end-radius: 0; border-end-end-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-start-start-radius: 0; border-end-start-radius: 0; content: var(--tw-content); border-top-left-radius: 50px; } .ribbon-3 span{ position: relative; z-index: 6; display: block; width: 33px; padding: 10px; text-align: center; font-size: 13px; line-height: 1; } .ribbon-3 span::after{ position: absolute; top: 0px; height: 7px; content: var(--tw-content); width: 7px; } .ribbon-3.ribbon-success{ background-color: rgb(var(--success)); } .ribbon-3.ribbon-success::after{ border-top-width: 10px; content: var(--tw-content); border-top-color: rgb(var(--success)); } .ribbon-3.ribbon-success span::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(13 155 128 / var(--tw-bg-opacity)); } .ribbon-3.ribbon-primary{ background-color: rgb(var(--primary)); } .ribbon-3.ribbon-primary::after{ border-top-width: 10px; content: var(--tw-content); border-top-color: rgb(var(--primary)); } .ribbon-3.ribbon-primary span::after{ content: var(--tw-content); background-color: rgb(var(--primary)); } .ribbon-3.ribbon-secondary{ background-color: rgb(var(--secondary)); } .ribbon-3.ribbon-secondary::after{ border-top-width: 10px; content: var(--tw-content); border-top-color: rgb(var(--secondary)); } .ribbon-3.ribbon-secondary span::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(160 23 209 / var(--tw-bg-opacity)); } .ribbon-3.ribbon-warning{ background-color: rgb(var(--warning)); } .ribbon-3.ribbon-warning::after{ border-top-width: 10px; content: var(--tw-content); border-top-color: rgb(var(--warning)); } .ribbon-3.ribbon-warning span::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(217 132 21 / var(--tw-bg-opacity)); } .ribbon-3.ribbon-info{ background-color: rgb(var(--info)); } .ribbon-3.ribbon-info::after{ border-top-width: 10px; content: var(--tw-content); border-top-color: rgb(var(--info)); } .ribbon-3.ribbon-info span::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 143 199 / var(--tw-bg-opacity)); } .ribbon-3.ribbon-danger{ background-color: rgb(var(--danger)); } .ribbon-3.ribbon-danger::after{ border-top-width: 10px; content: var(--tw-content); border-top-color: rgb(var(--danger)); } .ribbon-3.ribbon-danger span::after{ content: var(--tw-content); background-color: rgb(var(--danger)); } /* ribbon 3 */ /* ribbon 4 */ .ribbon-4{ position: absolute; top: 0px; width: 30px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0px 4px 16px rgba(0,0,0,0.1); --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ribbon-4::after{ position: absolute; z-index: 6; height: 0px; width: 0px; border-bottom-width: 8px; content: var(--tw-content); border-bottom-color: transparent; } .ribbon-4 span{ position: relative; z-index: 6; display: block; padding-top: 12px; padding-bottom: 12px; padding-left: 2px; padding-right: 2px; text-align: center; font-size: 12px; line-height: 1; } .ribbon-4.top-left{ inset-inline-start: 10px; } .ribbon-4.top-left::after{ content: var(--tw-content); inset-inline-start: 0px; } .ribbon-4.top-right{ inset-inline-end: 10px; } .ribbon-4.top-right::after{ content: var(--tw-content); inset-inline-end: 0px; } .ribbon-4.ribbon-primary::after{ border-inline-start-width: 15px; border-inline-end-width: 15px; border-inline-start-color: rgb(var(--primary)); content: var(--tw-content); border-inline-end-color: rgb(var(--primary)); } .ribbon-4.ribbon-primary span{ background-color: rgb(var(--primary)); } .ribbon-4.ribbon-secondary::after{ border-inline-start-width: 15px; border-inline-end-width: 15px; border-inline-start-color: rgb(var(--secondary)); content: var(--tw-content); border-inline-end-color: rgb(var(--secondary)); } .ribbon-4.ribbon-secondary span{ background-color: rgb(var(--secondary)); } .ribbon-4.ribbon-warning::after{ border-inline-start-width: 15px; border-inline-end-width: 15px; border-inline-start-color: rgb(var(--warning)); content: var(--tw-content); border-inline-end-color: rgb(var(--warning)); } .ribbon-4.ribbon-warning span{ background-color: rgb(var(--warning)); } .ribbon-4.ribbon-info::after{ border-inline-start-width: 15px; border-inline-end-width: 15px; border-inline-start-color: rgb(var(--info)); content: var(--tw-content); border-inline-end-color: rgb(var(--info)); } .ribbon-4.ribbon-info span{ background-color: rgb(var(--info)); } .ribbon-4.ribbon-success::after{ border-inline-start-width: 15px; border-inline-end-width: 15px; border-inline-start-color: rgb(var(--success)); content: var(--tw-content); border-inline-end-color: rgb(var(--success)); } .ribbon-4.ribbon-success span{ background-color: rgb(var(--success)); } .ribbon-4.ribbon-danger::after{ border-inline-start-width: 15px; border-inline-end-width: 15px; border-inline-start-color: rgb(var(--danger)); content: var(--tw-content); border-inline-end-color: rgb(var(--danger)); } .ribbon-4.ribbon-danger span{ background-color: rgb(var(--danger)); } /* ribbon 4 */ /* ribbon 5 */ .ribbon-5{ position: absolute; display: flex; height: 90px; width: 90px; align-items: flex-end; justify-content: center; padding: 5px; font-size: 12px; font-weight: 600; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 1px 1px 16px rgba(0,0,0,0.2); --tw-shadow-colored: 1px 1px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ribbon-5.ribbon-primary{ background-color: rgb(var(--primary)); } .ribbon-5.ribbon-secondary{ background-color: rgb(var(--secondary)); } .ribbon-5.ribbon-warning{ background-color: rgb(var(--warning)); } .ribbon-5.ribbon-info{ background-color: rgb(var(--info)); } .ribbon-5.ribbon-success{ background-color: rgb(var(--success)); } .ribbon-5.ribbon-danger{ background-color: rgb(var(--danger)); } .ribbon-5.ribbon-dark{ background-color: rgb(var(--dark)); } [class=dark] .ribbon-5.ribbon-dark .h1, [class=dark] .ribbon-5.ribbon-dark .h2, [class=dark] .ribbon-5.ribbon-dark .h3, [class=dark] .ribbon-5.ribbon-dark .h4, [class=dark] .ribbon-5.ribbon-dark .h5, [class=dark] .ribbon-5.ribbon-dark .h6, [class=dark] .ribbon-5.ribbon-dark h1, [class=dark] .ribbon-5.ribbon-dark h2, [class=dark] .ribbon-5.ribbon-dark h3, [class=dark] .ribbon-5.ribbon-dark h4, [class=dark] .ribbon-5.ribbon-dark h5, [class=dark] .ribbon-5.ribbon-dark h6{ color: rgb(var(--custom-white)) !important; } [class=dark] .ribbon-5.ribbon-dark .text-fixed-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .ribbon-5.ribbon-dark.box{ color: rgb(var(--custom-white)) !important; } [class=dark] .ribbon-5.ribbon-dark.box .card-body, [class=dark] .ribbon-5.ribbon-dark.box .card-footer{ color: rgb(var(--custom-white)) !important; } .ribbon-5.ribbon-orange{ background-color: rgb(var(--orange)); } .ribbon-5.top-left{ top: -2.8125rem; inset-inline-start: -2.8125rem; --tw-rotate: 315deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ribbon-5.top-right{ top: -2.8125rem; inset-inline-end: -2.8125rem; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ribbon-5.bottom-left{ bottom: -2.8125rem; inset-inline-start: -2.8125rem; --tw-rotate: 225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ribbon-5.bottom-right{ bottom: -2.8125rem; inset-inline-end: -2.8125rem; --tw-rotate: 135deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-5.top-left{ --tw-rotate: -315deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-5.top-right{ --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-5.bottom-left{ --tw-rotate: -225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .ribbon-5.bottom-right{ --tw-rotate: -135deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* ribbon 5 */ /* ribbon-6 */ .ribbon-6{ position: absolute; top: 10px; z-index: 6; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 13px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 1px 1px 16px rgba(0,0,0,0.2); --tw-shadow-colored: 1px 1px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ribbon-6.ribbon-primary{ background-color: rgb(var(--primary)); } .ribbon-6.ribbon-primary.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--primary)); } .ribbon-6.ribbon-primary.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--primary)); } .ribbon-6.ribbon-secondary{ background-color: rgb(var(--secondary)); } .ribbon-6.ribbon-secondary.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--secondary)); } .ribbon-6.ribbon-secondary.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--secondary)); } .ribbon-6.ribbon-warning{ background-color: rgb(var(--warning)); } .ribbon-6.ribbon-warning.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--warning)); } .ribbon-6.ribbon-warning.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--warning)); } .ribbon-6.ribbon-info{ background-color: rgb(var(--info)); } .ribbon-6.ribbon-info.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--info)); } .ribbon-6.ribbon-info.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--info)); } .ribbon-6.ribbon-success{ background-color: rgb(var(--success)); } .ribbon-6.ribbon-success.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--success)); } .ribbon-6.ribbon-success.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--success)); } .ribbon-6.ribbon-danger{ background-color: rgb(var(--danger)); } .ribbon-6.ribbon-danger.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--danger)); } .ribbon-6.ribbon-danger.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--danger)); } .ribbon-6.ribbon-dark{ background-color: rgb(var(--dark)); } [class=dark] .ribbon-6.ribbon-dark .h1, [class=dark] .ribbon-6.ribbon-dark .h2, [class=dark] .ribbon-6.ribbon-dark .h3, [class=dark] .ribbon-6.ribbon-dark .h4, [class=dark] .ribbon-6.ribbon-dark .h5, [class=dark] .ribbon-6.ribbon-dark .h6, [class=dark] .ribbon-6.ribbon-dark h1, [class=dark] .ribbon-6.ribbon-dark h2, [class=dark] .ribbon-6.ribbon-dark h3, [class=dark] .ribbon-6.ribbon-dark h4, [class=dark] .ribbon-6.ribbon-dark h5, [class=dark] .ribbon-6.ribbon-dark h6{ color: rgb(var(--custom-white)) !important; } [class=dark] .ribbon-6.ribbon-dark .text-fixed-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .ribbon-6.ribbon-dark.box{ color: rgb(var(--custom-white)) !important; } [class=dark] .ribbon-6.ribbon-dark.box .card-body, [class=dark] .ribbon-6.ribbon-dark.box .card-footer{ color: rgb(var(--custom-white)) !important; } .ribbon-6.ribbon-dark.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--dark)); } .ribbon-6.ribbon-dark.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--dark)); } .ribbon-6.ribbon-orange{ background-color: rgb(var(--orange)); } .ribbon-6.ribbon-orange.ribbon-left::after{ border-inline-start-width: 12px; content: var(--tw-content); border-inline-start-color: rgb(var(--orange)); } .ribbon-6.ribbon-orange.ribbon-right::after{ border-inline-end-width: 12px; content: var(--tw-content); border-inline-end-color: rgb(var(--orange)); } .ribbon-6.ribbon-left{ inset-inline-start: 0px; } .ribbon-6.ribbon-left::after{ position: absolute; top: 0px; bottom: 0px; inset-inline-end: -12px; width: 0px; border-top-width: 12px; border-bottom-width: 11px; border-top-color: transparent; content: var(--tw-content); border-bottom-color: transparent; } .ribbon-6.ribbon-right{ inset-inline-end: 0px; } .ribbon-6.ribbon-right::after{ position: absolute; top: 0px; bottom: 0px; inset-inline-start: -12px; width: 0px; border-bottom-width: 12px; border-top-width: 11px; border-bottom-color: transparent; content: var(--tw-content); border-top-color: transparent; } /* ribbon-6 */ /* End:: ribbons */ /* Start:: widgets */ .widget-card{ position: relative; z-index: 1; background-image: url(../images/media/media-25.jpg); padding-top: 3.15rem; padding-bottom: 3.15rem; } .widget-card:before{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-color: rgb(var(--primary) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-content: ""; content: var(--tw-content); } .widget-card2{ position: relative; z-index: 1; background-image: url(../images/media/media-35.jpg); padding-top: 3.735rem; padding-bottom: 3.735rem; } .widget-card2:before{ position: absolute; position: relative; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-color: rgb(var(--primary) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-content: ""; content: var(--tw-content); } .visit-gender.male:before{ background-color: rgb(var(--primary)); } .visit-gender.female:before{ background-color: rgb(var(--secondary)); } .visit-gender{ position: relative; } .visit-gender::before{ position: absolute; inset-inline-start: -30px; top: 7px; height: 0.375rem; width: 0.75rem; border-radius: 0.1rem; --tw-content: ""; content: var(--tw-content); } #chart-10, #chart-11, #chart-12, #chart-13{ position: absolute; top: -0.5rem; inset-inline-end: 1rem; } .widgets-task-list{ position: relative; margin-bottom: 0px; list-style-type: none; } .widgets-task-list li{ position: relative; margin-bottom: 14px; } .widgets-task-list li:last-child{ margin-bottom: 0px; } .widgets-task-list li:before{ position: absolute; inset-inline-start: -27px; top: 7px; height: 9px; width: 9px; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } .widgets-task-list li:is(.dark *):before{ background-color: rgb(var(--body-bg)); } .widgets-task-list li:nth-child(1)::before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary)); content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(92,103,247,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .widgets-task-list li:nth-child(2)::before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(227,84,212,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .widgets-task-list li:nth-child(3)::before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(255,93,159,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .widgets-task-list li:nth-child(4)::before{ border-width: 2px; border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(255,142,111,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .widgets-task-list li:nth-child(5)::before{ border-width: 2px; border-style: solid; border-color: rgb(var(--secondary)); content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(158,92,247,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .widgets-task-list li:nth-child(6)::before{ border-width: 2px; border-style: solid; border-color: rgb(var(--success)); content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(33,206,158,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .widgets-task-list:before{ position: absolute; inset-inline-start: 9px; top: 0.25rem; bottom: 0px; height: 90%; border-inline-start-width: 1px; border-style: dashed; border-inline-start-color: rgb(var(--default-border)); --tw-content: ""; content: var(--tw-content); } .widgets-task-list:is(.dark *):before{ border-color: rgb(var(--default-border) / 0.1); } #activecustomers .apexcharts-text.apexcharts-datalabel-label{ fill: rgb(var(--text-muted)); } #activecustomers .apexcharts-text.apexcharts-datalabel-label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .widget-circle-chart{ height: 218px; } /* End:: widgets */ /* MENU-STYLES */ /* Start:: closed_menu */ [data-vertical-style=closed][data-toggled=close-menu-close] .app-sidebar{ display: none; } @media (min-width: 992px) { [data-vertical-style=closed][data-toggled=close-menu-close] .app-content{ margin-inline-start: 0px; } [data-vertical-style=closed][data-toggled=close-menu-close] .app-header{ padding-inline-start: 0px; } } [data-vertical-style=closed][data-toggled=close-menu-open] .app-sidebar{ display: block; } @media (min-width: 992px) { [data-vertical-style=closed][data-toggled=close-menu-open] .app-content{ margin-inline-start: 15rem; } [data-vertical-style=closed][data-toggled=close-menu-open] .app-header{ padding-inline-start: 15rem; } } /* End:: closed_menu */ /* Start:: detached_menu */ @media (min-width: 1600px) { [data-vertical-style=detached][data-width=default] .page{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 95%; padding-inline-start: 10.25rem; } [data-vertical-style=detached][data-width=default] .main-content{ padding-top: 0px; padding-bottom: 0px; padding-inline-start: 0.75rem; padding-inline-end: 10rem; } [data-vertical-style=detached][data-width=default][dir=rtl] .main-content{ padding-top: 0px; padding-bottom: 0px; padding-inline-start: 10rem; padding-inline-end: 0.75rem; } } @media (min-width: 992px) { [data-vertical-style=detached] .page{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 95%; padding-inline-start: 1.25rem; } [data-vertical-style=detached] .app-sidebar{ height: 90% !important; inset-inline-start: inherit; top: calc(64px + 1.5rem); bottom: 1.5rem; border-radius: 0.5rem; border-width: 0px; border-style: solid; border-color: rgb(var(--menu-border-color)); } [data-vertical-style=detached] .app-sidebar:before{ border-radius: 0.3rem; } [data-vertical-style=detached] .app-sidebar .main-sidebar-header{ display: none; } [data-vertical-style=detached] .app-header .sidemenu-toggle.header-link.animated-arrow.hor-toggle.horizontal-navtoggle{ margin-inline-start: 1.25rem; } [data-vertical-style=detached] .main-sidebar{ margin-top: 0px; height: 100%; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-vertical-style=detached] .app-content{ position: relative; margin-inline-start: 15rem; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar{ border-width: 1px; border-style: solid; border-color: rgb(var(--menu-border-color)); } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-vertical-style=detached][data-page-style=classic] .app-sidebar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-vertical-style=detached][class=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][class=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][class=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][class=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][class=light][data-header-styles=dark] .horizontal-logo .header-logo .toggle-dark{ display: none; } [data-vertical-style=detached][class=light][data-header-styles=dark] .horizontal-logo .header-logo .desktop-dark{ display: block; } [data-vertical-style=detached][class=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][class=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][class=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][class=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][class=light][data-header-styles=color] .horizontal-logo .header-logo .toggle-dark, [data-vertical-style=detached][class=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][class=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][class=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][class=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][class=light][data-header-styles=gradient] .horizontal-logo .header-logo .toggle-dark{ display: none; } [data-vertical-style=detached][class=light][data-header-styles=color] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][class=light][data-header-styles=gradient] .horizontal-logo .header-logo .desktop-white{ display: block; } [data-vertical-style=detached][class=dark] .horizontal-logo .header-logo .desktop-logo, [data-vertical-style=detached][class=dark] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][class=dark] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][class=dark] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][class=dark] .horizontal-logo .header-logo .toggle-dark{ display: none; } [data-vertical-style=detached][class=dark] .horizontal-logo .header-logo .desktop-dark{ display: block; } [data-vertical-style=detached][class=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-dark, [data-vertical-style=detached][class=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-white, [data-vertical-style=detached][class=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-logo, [data-vertical-style=detached][class=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-white, [data-vertical-style=detached][class=dark][data-header-styles=light] .horizontal-logo .header-logo .toggle-dark{ display: none; } [data-vertical-style=detached][class=dark][data-header-styles=light] .horizontal-logo .header-logo .desktop-logo{ display: block; } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar{ width: 5rem; } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__label, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__angle, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .category-name, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide-menu, [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .badge{ display: none !important; } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item{ justify-content: center; } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .side-menu__icon{ margin-inline-end: 0px; } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category{ position: relative; padding-left: 1.65rem; padding-right: 1.65rem; padding-top: 1.2rem; padding-bottom: 1.2rem; } [data-vertical-style=detached][data-toggled=detached-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category:before{ position: absolute; inset-inline-start: 2.25rem; inset-inline-end: 0px; top: 1.25rem; bottom: 0px; font-family: remixicon; font-size: 8px; color: rgb(var(--menu-prime-color)); opacity: 1; --tw-content: ""; content: var(--tw-content); } [data-vertical-style=detached][data-toggled=detached-close] .app-content{ position: relative; margin-inline-start: 5rem; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar{ width: 15rem; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header{ width: 15rem; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: block !important; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none !important; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .side-menu__item{ justify-content: flex-start; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .side-menu__icon{ margin-inline-end: 0.625rem; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .slide__category{ padding-left: 1.65rem; padding-right: 1.65rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } [data-vertical-style=detached][data-toggled=detached-close][data-icon-overlay=open] .app-sidebar .slide__category:before{ display: none; } [data-vertical-style=detached] .app-header{ padding-inline-start: 0px; } [data-vertical-style=detached] .app-header .main-header-container{ width: 94%; } [data-vertical-style=detached] .app-header .horizontal-logo{ display: block; padding-left: 0px; padding-right: 0px; padding-top: 1rem; padding-bottom: 1rem; } [data-vertical-style=detached] .app-header .horizontal-logo img{ height: 1.5rem; line-height: 1.5rem; } [data-vertical-style=detached] .app-header .horizontal-logo .desktop-logo{ display: block; } [data-vertical-style=detached] .app-header .horizontal-logo .desktop-dark, [data-vertical-style=detached] .app-header .horizontal-logo .desktop-white, [data-vertical-style=detached] .app-header .horizontal-logo .toggle-logo, [data-vertical-style=detached] .app-header .horizontal-logo .toggle-white, [data-vertical-style=detached] .app-header .horizontal-logo .toggle-dark{ display: none; } [data-vertical-style=detached] .footer{ background-color: transparent; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg3] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg1] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg2] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg4] .app-sidebar:before, [data-vertical-style=detached][data-menu-styles=dark][data-bg-img=bgimg5] .app-sidebar:before{ border-radius: 0.3rem; } } /* End:: detached_menu */ /* Start:: double_menu */ @media (min-width: 992px) { [data-vertical-style=doublemenu] .slide-menu.double-menu-active{ display: block !important; } [data-vertical-style=doublemenu] .app-sidebar{ width: 5rem; } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar{ margin-top: 0px; height: 100%; overflow: visible; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-vertical-style=doublemenu] .app-sidebar .slide-menu.child1{ padding-bottom: 3rem; } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header{ width: 5rem; justify-content: center; --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: block !important; } [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none !important; } [data-vertical-style=doublemenu] .app-sidebar .main-menu-container{ margin-top: 3.75rem; } [data-vertical-style=doublemenu] .app-sidebar .main-menu > .slide{ padding-left: 0.6rem; padding-right: 0.6rem; padding-top: 0px; padding-bottom: 0px; } [data-vertical-style=doublemenu] .app-sidebar .category-name, [data-vertical-style=doublemenu] .app-sidebar .side-menu__label, [data-vertical-style=doublemenu] .app-sidebar .side-menu__angle{ display: none; } [data-vertical-style=doublemenu] .app-sidebar .side-menu__icon{ margin-inline-end: 0px; color: rgb(var(--menu-prime-color)); } [data-vertical-style=doublemenu] .app-sidebar .slide__category{ display: none; } [data-vertical-style=doublemenu] .app-sidebar .simplebar-content-wrapper { position: initial; } [data-vertical-style=doublemenu] .app-sidebar .simplebar-mask { position: inherit; } [data-vertical-style=doublemenu] .app-sidebar .simplebar-placeholder{ height: auto !important; } [data-vertical-style=doublemenu] .app-header{ padding-inline-start: 17rem; } [data-vertical-style=doublemenu] .app-content{ margin-inline-start: 17rem; } [data-vertical-style=doublemenu] .slide.has-sub .slide-menu{ position: absolute !important; inset-inline-start: 5rem !important; inset-inline-end: 0px !important; height: 100% !important; border-inline-end-width: 1px !important; border-style: solid !important; border-inline-end-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--menu-bg)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; transition-property: none !important; } [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2, [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3{ position: relative !important; inset-inline-start: 0px !important; top: 0px !important; height: auto !important; border-inline-end-width: 0px !important; } [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child2 .slide:nth-child(2), [data-vertical-style=doublemenu] .slide.has-sub .slide-menu.child3 .slide:nth-child(2){ padding-top: 0px; } [data-vertical-style=doublemenu] .slide-menu.child1 .slide, [data-vertical-style=doublemenu] .slide-menu.child2 .slide, [data-vertical-style=doublemenu] .slide-menu.child3 .slide{ padding-inline-start: 0px; } [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item, [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item{ text-align: start; } [data-vertical-style=doublemenu] .slide-menu.child1 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child2 .slide .side-menu__item:before, [data-vertical-style=doublemenu] .slide-menu.child3 .slide .side-menu__item:before{ display: none; } [data-vertical-style=doublemenu] .slide-menu.child1 .side-menu__angle, [data-vertical-style=doublemenu] .slide-menu.child2 .side-menu__angle, [data-vertical-style=doublemenu] .slide-menu.child3 .side-menu__angle{ inset-inline-end: 1rem; top: 0.65rem; display: block; } [data-vertical-style=doublemenu] .slide-menu.child2, [data-vertical-style=doublemenu] .slide-menu.child3{ min-width: 10rem; } [data-vertical-style=doublemenu] .slide-menu.child1{ min-width: 12rem; } [data-vertical-style=doublemenu] .slide-menu.child1 .slide:nth-child(2){ padding-top: 0.75rem; } [data-vertical-style=doublemenu] .side-menu__label1{ display: block !important; height: 4.25rem !important; width: 12rem !important; border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--menu-border-color)) !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; font-size: 0.938rem !important; font-weight: 500 !important; color: rgb(var(--menu-prime-color)) !important; } [data-vertical-style=doublemenu] .slide-menu{ display: none; } [data-vertical-style=doublemenu] .slide-menu.double-menu-active{ visibility: visible; position: absolute; top: 0px; display: block; height: 100%; overflow-x: hidden; overflow-y: scroll; border-radius: 0; border-top-width: 0px; } [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: none !important; } [data-vertical-style=doublemenu][class=light][data-menu-styles=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: block !important; } [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .desktop-white, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none !important; } [data-vertical-style=doublemenu][class=light][data-menu-styles=color] .app-sidebar .main-sidebar-header .header-logo .toggle-white, [data-vertical-style=doublemenu][class=light][data-menu-styles=gradient] .app-sidebar .main-sidebar-header .header-logo .toggle-white{ display: block !important; } [data-vertical-style=doublemenu][class=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: none !important; } [data-vertical-style=doublemenu][class=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: block; } [data-vertical-style=doublemenu][class=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=doublemenu][class=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=doublemenu][class=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none !important; } [data-vertical-style=doublemenu][class=dark][data-menu-styles=light] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: block !important; } [data-vertical-style=doublemenu][class=dark][data-page-style=classic] .slide.has-sub .slide-menu{ border-inline-end-width: 1px; border-style: solid; border-inline-end-color: rgb(var(--default-border)); } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-header{ padding-inline-start: 5rem; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-content{ margin-inline-start: 5rem; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .slide.has-sub .slide-menu{ display: none !important; } [data-vertical-style=doublemenu][data-toggled=double-menu-close] .app-sidebar .main-sidebar{ --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-vertical-style=doublemenu][data-toggled=double-menu-open] .app-sidebar .main-sidebar .slide.side-menu__label1{ border-inline-end-width: 1px; border-style: solid; border-inline-end-color: rgb(var(--default-border)); } [data-vertical-style=doublemenu][data-toggled=double-menu-close][data-menu-styles=gradient] .app-sidebar .main-sidebar-header{ border-bottom-color: rgb(255 255 255 / 0.1) !important; } [data-vertical-style=doublemenu][data-toggled=double-menu-close][data-menu-styles=color] .app-sidebar .main-sidebar-header{ border-bottom-color: rgb(255 255 255 / 0.1) !important; } [data-vertical-style=doublemenu][data-toggled=double-menu-close][data-menu-styles=dark] .app-sidebar .main-sidebar-header{ border-bottom-color: rgb(255 255 255 / 0.1) !important; } } /* End:: double_menu */ /* Start:: horizontal */ [data-nav-layout=horizontal] .sidemenu-layout-styles{ display: none; } @media (min-width: 992px) { [data-nav-layout=horizontal] { /* horizontal arrows */ } [data-nav-layout=horizontal][class=light] .app-sidebar .side-menu__item.active, [data-nav-layout=horizontal][class=light] .app-sidebar .side-menu__item:hover, [data-nav-layout=horizontal][class=dark] .app-sidebar .side-menu__item.active, [data-nav-layout=horizontal][class=dark] .app-sidebar .side-menu__item:hover{ background-color: transparent; } [data-nav-layout=horizontal] .app-sidebar{ --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-nav-layout=horizontal] .app-sidebar .side-menu__icon{ height: 0.9rem; width: 0.9rem; font-size: 0.9rem; } [data-nav-layout=horizontal] .main-menu{ display: flex !important; flex-wrap: nowrap !important; transition-property: all !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; transition-duration: 0.5s !important; transition-timing-function: ease !important; } [data-nav-layout=horizontal] .main-menu-container{ display: inline-flex; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.45rem; padding-bottom: 0.45rem; } [data-nav-layout=horizontal] .side-menu__label .badge{ display: none; } [data-nav-layout=horizontal] .mega-menu{ -moz-columns: 3; columns: 3; } [data-nav-layout=horizontal] .app-header{ z-index: 104 !important; padding-inline-start: 0px !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [data-nav-layout=horizontal] .app-header .main-header-container .header-element.header-search{ margin-inline-start: 1.25rem; } [data-nav-layout=horizontal] .app-content{ margin-inline-start: 0px; margin-top: 4.5rem; min-height: calc(100vh - 10.5rem); } [data-nav-layout=horizontal] .app-content > .container-fluid{ margin-left: auto; margin-right: auto; width: 94%; padding-left: 7px; padding-right: 7px; } [data-nav-layout=horizontal] .app-content{ margin-inline-start: 0px !important; } [data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-layout=horizontal] .app-sidebar .simplebar-mask{ overflow: visible; } [data-nav-layout=horizontal] .app-sidebar .main-menu > .slide{ margin-left: 0.1875rem; margin-right: 0.1875rem; margin-top: 0px; margin-bottom: 0px; } [data-nav-layout=horizontal] .app-sidebar .main-sidebar{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__item:before{ display: none; } [data-nav-layout=horizontal] .simplebar-offset { position: inherit !important; } [data-nav-layout=horizontal] .simplebar-wrapper{ width: 100%; } [data-nav-layout=horizontal] .main-sidebar .simplebar-vertical{ visibility: hidden !important; } [data-nav-layout=horizontal] .main-sidebar, [data-nav-layout=horizontal] .main-header-container{ margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; width: 94%; } [data-nav-layout=horizontal] .horizontal-logo{ display: block; padding-left: 0px; padding-right: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; } } @media (min-width: 992px) and (min-width: 992px) { [data-nav-layout=horizontal] .horizontal-logo .header-logo img{ height: 1.7rem; line-height: 1.7rem; } [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-logo{ display: block; } [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-dark, [data-nav-layout=horizontal] .horizontal-logo .header-logo .desktop-white, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-logo, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-white, [data-nav-layout=horizontal] .horizontal-logo .header-logo .toggle-dark{ display: none; } } @media (min-width: 992px) { [data-nav-layout=horizontal] .main-header-container .sidemenu-toggle{ display: none; } [data-nav-layout=horizontal] .app-sidebar{ top: 4.25rem !important; height: auto !important; width: 100% !important; border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--menu-border-color)) !important; } [data-nav-layout=horizontal] .app-sidebar:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 li, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 li, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 li{ padding-inline-start: 0.5rem; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__item:before, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__item:before{ top: 1rem; } [data-nav-layout=horizontal] .app-sidebar .simplebar-content{ overflow: hidden !important; padding: 0px !important; } .box .card-body[data-nav-layout=horizontal] .app-sidebar .simplebar-content .simplebar-track{ inset-inline-end: 0px; } [data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper{ height: auto; overflow: visible; } [data-nav-layout=horizontal] .app-sidebar .main-sidebar{ padding: 0px; } .box .card-body[data-nav-layout=horizontal] .app-sidebar .main-sidebar .simplebar-track{ inset-inline-end: 0px; } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1{ inset-inline-start: 1.5rem; padding-left: 0px; padding-right: 0px; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ inset-inline-end: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0.1875rem; padding-bottom: 0.1875rem; } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active{ left: auto !important; right: auto !important; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1{ position: absolute !important; } [data-nav-layout=horizontal] .app-sidebar .side-menu__item{ display: flex; width: 100%; border-radius: 0; padding: 0.92rem; } [data-nav-layout=horizontal] .app-sidebar .side-menu__angle{ inset-inline-end: 0.25rem; display: block; } [data-nav-layout=horizontal] .app-sidebar .side-menu__icon{ margin-inline-end: 0.25rem; margin-bottom: 0px; } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1{ top: 100% !important; min-width: 12rem !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } [data-nav-layout=horizontal] .app-sidebar .slide{ padding: 0px; } .box .card-body[data-nav-layout=horizontal] .app-sidebar .slide .simplebar-track{ inset-inline-end: 0px; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1{ border-radius: 0 0 0.25rem 0.25rem; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.has-sub, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide{ display: flex; width: 100%; padding-left: 0.1875rem; padding-right: 0.1875rem; padding-top: 0px; padding-bottom: 0px; } [data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide-menu.child3{ border-radius: 0.5rem; } [data-nav-layout=horizontal] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=horizontal] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide .slide-menu.child3, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3{ --tw-shadow: 0 0 0.375rem black; --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-nav-layout=horizontal] .app-sidebar .main-menu{ margin-bottom: 0px; } [data-nav-layout=horizontal] .main-sidebar-header{ display: none !important; } [data-nav-layout=horizontal] .main-sidebar{ margin-top: 0px; padding-bottom: 3rem; } [data-nav-layout=horizontal] .slide__category{ display: none; } [data-nav-layout=horizontal] .main-menu-container .slide-left{ inset-inline-start: 1.438rem; } [data-nav-layout=horizontal] .main-menu-container .slide-left, [data-nav-layout=horizontal] .main-menu-container .slide-right{ position: absolute; top: 0.563rem; z-index: 1; display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 3.125rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding: 0.375rem; color: rgb(var(--custom-white)); } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-10, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-25, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-50, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-75, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-100, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-10, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-25, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-50, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-75, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-100, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-10, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-25, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-50, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-75, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-100, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left, [data-nav-layout=horizontal] .main-menu-container .slide-right{ position: absolute; top: 0.313rem; z-index: 1; display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 3.125rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.375rem; color: rgb(var(--custom-white)); } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-10, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-25, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-50, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-75, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary1.border-opacity-100, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-10, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-25, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-50, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-75, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary2.border-opacity-100, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-10, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-25, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-50, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-75, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left.border-primary3.border-opacity-100, [data-nav-layout=horizontal] .main-menu-container .slide-right.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-nav-layout=horizontal] .main-menu-container .slide-left:is(.dark *), [data-nav-layout=horizontal] .main-menu-container .slide-right:is(.dark *){ background-color: rgb(var(--body-bg)); } [data-nav-layout=horizontal] .main-menu-container .slide-right{ inset-inline-end: -2%; } [data-nav-layout=horizontal] .main-menu-container .slide-left{ inset-inline-start: -2%; } [data-nav-layout=horizontal][page-style=classic] .app-sidebar{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); } [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-right, [data-nav-layout=horizontal][dir=rtl] .main-menu-container .slide-left{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [data-nav-layout=horizontal][data-menu-styles=transparent][class=dark][data-icon-overlay=open] .app-sidebar:hover{ --tw-backdrop-blur: ; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } [data-nav-layout=horizontal][data-menu-styles=light] .main-menu-container .slide-right, [data-nav-layout=horizontal][data-menu-styles=light] .main-menu-container .slide-left { --custom-white: 255 255 255; --default-border: 243 243 243; } [data-nav-layout=horizontal][data-page-style=modern] .app-sidebar{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--header-border-color)); } [data-nav-layout=horizontal][data-menu-styles=transparent][class=dark] .app-sidebar{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child1.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child1.force-left{ inset-inline-end: 0px !important; } [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=menu-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=menu-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=icon-click] .app-sidebar .slide.has-sub .slide-menu.child3.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child2.force-left, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide.has-sub .slide-menu.child3.force-left{ inset-inline-start: -100% !important; } } @media (max-width: 991.98px) { [data-nav-layout=horizontal] .horizontal-logo .header-logo img{ height: 1.7rem; line-height: 1.7rem; } } /* End:: horizontal */ /* Start:: icon_click */ @media (min-width: 992px) { .icon-click .app-sidebar, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar{ width: 5rem; } .icon-click .app-sidebar .main-sidebar, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar{ height: 90%; overflow: visible; } .icon-click .app-sidebar .main-sidebar-header, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header{ width: 5rem; justify-content: center; } .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: block; } .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none !important; } .icon-click .app-sidebar .category-name, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .category-name, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .category-name, .icon-click .app-sidebar .side-menu__label, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__label, .icon-click .app-sidebar .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__angle{ display: none; } .icon-click .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__icon{ margin-inline-end: 0px; } .icon-click .app-sidebar .slide__category, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category{ position: relative; padding-left: 1.65rem; padding-right: 1.65rem; padding-top: 1.2rem; padding-bottom: 1.2rem; } .icon-click .app-sidebar .slide__category:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category:before{ position: absolute; inset-inline-start: 2.25rem; inset-inline-end: 0px; top: 1.25rem; bottom: 0px; height: 0.35rem; width: 0.35rem; border-radius: 3.125rem; border-width: 1px; border-style: solid; border-color: rgb(var(--menu-prime-color)); opacity: 1; --tw-content: ""; content: var(--tw-content); } .icon-click .app-sidebar .slide__category.border-primary1:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary1:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary1:before{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .icon-click .app-sidebar .slide__category.border-primary1.border-opacity-10:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary1.border-opacity-10:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary1.border-opacity-10:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .icon-click .app-sidebar .slide__category.border-primary1.border-opacity-25:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary1.border-opacity-25:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary1.border-opacity-25:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .icon-click .app-sidebar .slide__category.border-primary1.border-opacity-50:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary1.border-opacity-50:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary1.border-opacity-50:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .icon-click .app-sidebar .slide__category.border-primary1.border-opacity-75:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary1.border-opacity-75:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary1.border-opacity-75:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .icon-click .app-sidebar .slide__category.border-primary1.border-opacity-100:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary1.border-opacity-100:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary1.border-opacity-100:before{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .icon-click .app-sidebar .slide__category.border-primary2:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary2:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary2:before{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .icon-click .app-sidebar .slide__category.border-primary2.border-opacity-10:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary2.border-opacity-10:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary2.border-opacity-10:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .icon-click .app-sidebar .slide__category.border-primary2.border-opacity-25:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary2.border-opacity-25:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary2.border-opacity-25:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .icon-click .app-sidebar .slide__category.border-primary2.border-opacity-50:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary2.border-opacity-50:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary2.border-opacity-50:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .icon-click .app-sidebar .slide__category.border-primary2.border-opacity-75:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary2.border-opacity-75:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary2.border-opacity-75:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .icon-click .app-sidebar .slide__category.border-primary2.border-opacity-100:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary2.border-opacity-100:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary2.border-opacity-100:before{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .icon-click .app-sidebar .slide__category.border-primary3:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary3:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary3:before{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .icon-click .app-sidebar .slide__category.border-primary3.border-opacity-10:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary3.border-opacity-10:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary3.border-opacity-10:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .icon-click .app-sidebar .slide__category.border-primary3.border-opacity-25:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary3.border-opacity-25:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary3.border-opacity-25:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .icon-click .app-sidebar .slide__category.border-primary3.border-opacity-50:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary3.border-opacity-50:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary3.border-opacity-50:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .icon-click .app-sidebar .slide__category.border-primary3.border-opacity-75:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary3.border-opacity-75:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary3.border-opacity-75:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .icon-click .app-sidebar .slide__category.border-primary3.border-opacity-100:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .slide__category.border-primary3.border-opacity-100:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide__category.border-primary3.border-opacity-100:before{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .icon-click .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } .icon-click .app-sidebar .simplebar-mask, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-mask { position: inherit; } .icon-click .app-sidebar .simplebar-placeholder, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .simplebar-placeholder{ height: auto !important; } .icon-click .app-header, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-header, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-header{ padding-inline-start: 5rem; } .icon-click .app-content, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-content, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-content{ margin-inline-start: 5rem; } .icon-click .slide.side-menu__label1, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.side-menu__label1, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.side-menu__label1{ display: block !important; border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--menu-border-color)) !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .icon-click .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu{ position: absolute !important; inset-inline-start: 5rem !important; top: auto !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 0 0.375rem rgba(0,0,0,0.1) !important; --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; transition-property: none !important; } .icon-click .slide.has-sub .slide-menu:is(.dark *), [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu:is(.dark *), [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .icon-click .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child2, .icon-click .slide.has-sub .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide.has-sub .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide.has-sub .slide-menu.child3{ inset-inline-start: 12rem !important; } .icon-click .slide-menu.child1, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1, .icon-click .slide-menu.child2, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2, .icon-click .slide-menu.child3, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3{ min-width: 12rem; } .icon-click .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item, .icon-click .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item, .icon-click .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item{ text-align: start; } .icon-click .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .slide .side-menu__item:before, .icon-click .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .slide .side-menu__item:before, .icon-click .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .slide .side-menu__item:before{ display: none; } .icon-click .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child1 .side-menu__angle, .icon-click .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child2 .side-menu__angle, .icon-click .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-nav-layout=horizontal] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-click][data-toggled=icon-click-closed] .slide-menu.child3 .side-menu__angle{ inset-inline-end: 0.75rem; top: 0.65rem; display: block; } } [data-nav-layout=horizontal][data-nav-style=icon-click] .mega-menu{ -moz-columns: 1; columns: 1; } @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .main-menu > .slide{ padding-left: 0.6rem; padding-right: 0.6rem; padding-top: 0px; padding-bottom: 0px; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .slide-menu.child3{ border-radius: 0 0.5rem 0.5rem 0; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3{ border-radius: 0.5rem 0 0 0.5rem; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: block; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: none; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar { position: absolute; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide{ padding-inline-start: 0px; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child1 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child2 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide-menu.child3 li.slide a{ border-radius: 0; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .slide .side-menu__label .badge{ display: none; } [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-click][data-toggled=icon-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .icon-click .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon, [data-nav-style=icon-click][data-toggled=icon-click-closed] .app-sidebar .side-menu__icon{ color: rgb(var(--menu-prime-color)); } } [data-menu-styles=dark] .side-menu__label1 a { color: rgb(255, 255, 255); font-weight: 500; } /* End:: icon_click */ /* Start:: icon_hover */ @media (min-width: 992px) { .icon-hover .app-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar{ width: 5rem; } .icon-hover .app-sidebar .main-sidebar, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar{ height: 90%; overflow: visible; } .icon-hover .app-sidebar .main-sidebar-header, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header{ width: 5rem; justify-content: center; } .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: block; } .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .main-sidebar-header .header-logo .toggle-dark, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none !important; } .icon-hover .app-sidebar .category-name, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .category-name, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .category-name, .icon-hover .app-sidebar .side-menu__label, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__label, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__label, .icon-hover .app-sidebar .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__angle{ display: none; } .icon-hover .app-sidebar .side-menu__icon, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon{ margin-inline-end: 0px; } .icon-hover .app-sidebar .slide__category, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category{ position: relative; padding-left: 1.65rem; padding-right: 1.65rem; padding-top: 1.2rem; padding-bottom: 1.2rem; } .icon-hover .app-sidebar .slide__category:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category:before{ position: absolute; inset-inline-start: 2.25rem; inset-inline-end: 0px; top: 1.25rem; bottom: 0px; height: 0.35rem; width: 0.35rem; border-radius: 3.125rem; border-width: 1px; border-style: solid; border-color: rgb(var(--menu-prime-color)); opacity: 1; --tw-content: ""; content: var(--tw-content); } .icon-hover .app-sidebar .slide__category.border-primary1:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary1:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary1:before{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .icon-hover .app-sidebar .slide__category.border-primary1.border-opacity-10:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary1.border-opacity-10:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary1.border-opacity-10:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .icon-hover .app-sidebar .slide__category.border-primary1.border-opacity-25:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary1.border-opacity-25:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary1.border-opacity-25:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .icon-hover .app-sidebar .slide__category.border-primary1.border-opacity-50:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary1.border-opacity-50:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary1.border-opacity-50:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .icon-hover .app-sidebar .slide__category.border-primary1.border-opacity-75:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary1.border-opacity-75:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary1.border-opacity-75:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .icon-hover .app-sidebar .slide__category.border-primary1.border-opacity-100:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary1.border-opacity-100:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary1.border-opacity-100:before{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .icon-hover .app-sidebar .slide__category.border-primary2:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary2:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary2:before{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .icon-hover .app-sidebar .slide__category.border-primary2.border-opacity-10:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary2.border-opacity-10:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary2.border-opacity-10:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .icon-hover .app-sidebar .slide__category.border-primary2.border-opacity-25:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary2.border-opacity-25:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary2.border-opacity-25:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .icon-hover .app-sidebar .slide__category.border-primary2.border-opacity-50:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary2.border-opacity-50:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary2.border-opacity-50:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .icon-hover .app-sidebar .slide__category.border-primary2.border-opacity-75:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary2.border-opacity-75:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary2.border-opacity-75:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .icon-hover .app-sidebar .slide__category.border-primary2.border-opacity-100:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary2.border-opacity-100:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary2.border-opacity-100:before{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .icon-hover .app-sidebar .slide__category.border-primary3:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary3:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary3:before{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .icon-hover .app-sidebar .slide__category.border-primary3.border-opacity-10:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary3.border-opacity-10:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary3.border-opacity-10:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .icon-hover .app-sidebar .slide__category.border-primary3.border-opacity-25:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary3.border-opacity-25:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary3.border-opacity-25:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .icon-hover .app-sidebar .slide__category.border-primary3.border-opacity-50:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary3.border-opacity-50:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary3.border-opacity-50:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .icon-hover .app-sidebar .slide__category.border-primary3.border-opacity-75:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary3.border-opacity-75:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary3.border-opacity-75:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .icon-hover .app-sidebar .slide__category.border-primary3.border-opacity-100:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .slide__category.border-primary3.border-opacity-100:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide__category.border-primary3.border-opacity-100:before{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .icon-hover .app-sidebar .simplebar-content-wrapper, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-content-wrapper, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } .icon-hover .app-sidebar .simplebar-mask, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-mask, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-mask { position: inherit; } .icon-hover .app-sidebar .simplebar-placeholder, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .simplebar-placeholder, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .simplebar-placeholder{ height: auto !important; } .icon-hover .app-header, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-header, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-header{ padding-inline-start: 5rem; } .icon-hover .app-content, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-content, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-content{ margin-inline-start: 5rem; } .icon-hover .slide.side-menu__label1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.side-menu__label1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.side-menu__label1{ display: block !important; border-bottom-width: 1px !important; border-style: solid !important; border-bottom-color: rgb(var(--menu-border-color)) !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .icon-hover .slide.has-sub .slide-menu, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu{ position: absolute !important; inset-inline-start: 5rem !important; top: auto !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 0 0.375rem rgba(0,0,0,0.1) !important; --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; transition-property: none !important; } .icon-hover .slide.has-sub .slide-menu:is(.dark *), [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu:is(.dark *), [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .icon-hover .slide.has-sub .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child2, .icon-hover .slide.has-sub .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub .slide-menu.child3{ inset-inline-start: 11.81rem !important; } .icon-hover .slide-menu.child1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1, .icon-hover .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2, .icon-hover .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3{ min-width: 12rem; } .icon-hover .slide-menu.child1 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item, .icon-hover .slide-menu.child2 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item, .icon-hover .slide-menu.child3 .slide .side-menu__item, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item{ text-align: start; } .icon-hover .slide-menu.child1 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .slide .side-menu__item:before, .icon-hover .slide-menu.child2 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .slide .side-menu__item:before, .icon-hover .slide-menu.child3 .slide .side-menu__item:before, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .slide .side-menu__item:before{ display: none; } .icon-hover .slide-menu.child1 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child1 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child1 .side-menu__angle, .icon-hover .slide-menu.child2 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child2 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child2 .side-menu__angle, .icon-hover .slide-menu.child3 .side-menu__angle, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide-menu.child3 .side-menu__angle, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide-menu.child3 .side-menu__angle{ inset-inline-end: 0.75rem; top: 0.65rem; display: block; } .icon-hover .slide.has-sub:hover .slide-menu.child1, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1{ display: block !important; } .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2{ display: block !important; } .icon-hover .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-layout=horizontal][data-nav-style=icon-hover] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3{ display: block !important; } } [data-nav-layout=horizontal][data-nav-style=icon-hover] .mega-menu{ -moz-columns: 1; columns: 1; } @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=icon-hover] .app-sidebar .main-menu .slide .side-menu__item:hover > .side-menu__item .side-menu__icon{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .main-menu > .slide{ padding-left: 0.6rem; padding-right: 0.6rem; padding-top: 0px; padding-bottom: 0px; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .slide-menu.child3{ border-radius: 0 0.5rem 0.5rem 0; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3{ border-radius: 0.5rem 0 0 0.5rem; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: block; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][class=dark] .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: none; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar{ position: absolute; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3{ padding: 0.1875rem; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide{ padding-inline-start: 0px; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child1 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child2 li.slide a, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide-menu.child3 li.slide a{ border-radius: 0; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .slide .side-menu__label .badge{ display: none; } [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=icon-hover][data-toggled=icon-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .icon-hover .app-sidebar .side-menu__icon, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon{ color: rgb(var(--menu-prime-color)); } } /* End:: icon_hover */ /* Start:: icon_overlay */ @media (min-width: 992px) { [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar{ width: 5rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header{ width: 5rem; justify-content: center; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo{ display: block; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .category-name, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__label, [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__angle{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide.has-sub.open .slide-menu{ display: none !important; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__icon{ margin-inline-end: 0px; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category{ position: relative; padding: 1.65rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .slide__category:before{ position: absolute; inset-inline-start: 2.25rem; inset-inline-end: 0px; top: 1.25rem; bottom: 0px; font-family: remixicon; font-size: 8px; color: rgb(var(--menu-prime-color)); opacity: 1; --tw-content: ""; content: var(--tw-content); } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .app-sidebar .side-menu__item .badge{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .side-menu__item{ justify-content: center; } [data-vertical-style=overlay][data-toggled=icon-overlay-close]:not([data-icon-overlay=open]) .sidebar-profile{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-header{ padding-inline-start: 5rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close] .app-content{ margin-inline-start: 5rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar{ width: 15rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header{ width: 15rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: block; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .main-sidebar-header .header-logo .toggle-dark{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__item{ justify-content: flex-start; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .side-menu__icon{ margin-inline-end: 0.625rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .slide__category{ padding-left: 1.2rem; padding-right: 1.2rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][data-icon-overlay=open] .app-sidebar .slide__category:before{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark] .main-sidebar-header .header-logo .toggle-dark{ display: block; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark] .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark] .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark] .main-sidebar-header .header-logo .toggle-logo{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-dark{ display: block; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .desktop-logo, [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open] .main-sidebar-header .header-logo .toggle-logo{ display: none; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open][data-menu-styles=light] .main-sidebar-header .header-logo .desktop-logo{ display: block; } [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open][data-menu-styles=light] .main-sidebar-header .header-logo .toggle-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open][data-menu-styles=light] .main-sidebar-header .header-logo .desktop-dark, [data-vertical-style=overlay][data-toggled=icon-overlay-close][class=dark][data-icon-overlay=open][data-menu-styles=light] .main-sidebar-header .header-logo .toggle-logo{ display: none; } } /* End:: icon_overlay */ /* Start:: icontext */ @media (min-width: 992px) { [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar{ position: absolute; width: 9rem; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar{ overflow: visible; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .main-sidebar-header{ width: 9rem; justify-content: center; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__icon{ margin-inline-end: 0px; margin-bottom: 0.5rem; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide{ padding: 0px; } .box .card-body[data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide .simplebar-track{ inset-inline-end: 0px; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide__category, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__angle{ display: none; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .slide.has-sub.open .slide-menu{ display: none !important; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item{ border-radius: 0; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__item, [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-sidebar .side-menu__label{ display: block; text-align: center; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open])[data-menu-position=fixed] .app-sidebar{ position: fixed; } [data-vertical-style=icontext][data-toggled=icon-text-close]:not([data-icon-text=open]) .app-header{ padding-inline-start: 9rem; } [data-vertical-style=icontext][data-toggled=icon-text-close] .app-content{ margin-inline-start: 9rem; } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar{ width: 15rem; } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .main-sidebar-header{ width: 15rem; } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .side-menu__icon{ margin-inline-end: 0.625rem; margin-bottom: 0px; } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide{ padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0px; padding-bottom: 0px; } [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu.child1 li, [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child2 li, [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child3 li{ padding: 0px; padding-inline-start: 1.5rem; } .box .card-body[data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu.child1 li .simplebar-track,.box .card-body [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child2 li .simplebar-track,.box .card-body [data-vertical-style=icontext][data-toggled=icon-text-close][data-icon-text=open] .app-sidebar .slide-menu .child3 li .simplebar-track{ inset-inline-end: 0px; } [data-nav-layout=vertical][data-vertical-style=icontext][data-toggled=icon-text-close] .app-sidebar .slide .side-menu__label .badge{ display: none; } } /* End:: icontext */ /* Start:: menu_click */ @media (min-width: 992px) { [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item{ padding-top: 0.93rem; padding-bottom: 0.93rem; padding-inline-start: 0.75rem; padding-inline-end: 1.75rem; display: flex !important; } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__icon{ margin-inline-end: 0.5rem; margin-bottom: 0px; } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle{ display: block !important; } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu{ inset-inline-start: auto !important; } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active{ left: auto !important; right: auto !important; } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1{ top: 100% !important; } [data-nav-style=menu-click][data-nav-layout=horizontal] .app-header{ padding-inline-start: 9.5rem; } } [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-header{ padding-inline-start: 9.5rem; } @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=menu-click] [data-menu-styles=color] .app-sidebar .main-menu .slide .side-menu__item:hover > .side-menu__item .side-menu__icon{ fill: #fff; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar{ position: absolute; } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item{ margin-left: 0px; margin-right: 0px; margin-top: 0.25rem; margin-bottom: 0.25rem; border-radius: 0.75rem; } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__item:last-child{ margin-left: 0px; margin-right: 0px; margin-top: 0.25rem; margin-bottom: 0.25rem; } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .side-menu__icon{ margin-bottom: 0.5rem !important; margin-inline-end: 0px !important; display: inline-flex !important; } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed] .app-sidebar .slide .slide-menu.child3{ border-radius: 0 0.5rem 0.5rem 0; } [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=vertical][data-toggled=menu-click-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3{ border-radius: 0.5rem 0 0 0.5rem; } .menu-click .app-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar{ width: 9.5rem; } .menu-click .app-sidebar .main-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar{ height: 90%; overflow: visible; } .menu-click .app-sidebar .main-sidebar-header, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .main-sidebar-header{ width: 9.5rem; justify-content: center; } .menu-click .app-sidebar .slide, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide{ padding: 0px; } .box .card-body.menu-click .app-sidebar .slide .simplebar-track,.box .card-body [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide .simplebar-track,.box .card-body [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide .simplebar-track{ inset-inline-end: 0px; } .menu-click .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1, .menu-click .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2, .menu-click .app-sidebar .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3{ min-width: 12rem; } .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item{ text-align: start; } .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before{ display: none; } .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, .menu-click .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .side-menu__angle{ inset-inline-end: 0.5rem; top: 0.65rem; display: block; } .menu-click .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, .menu-click .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, .menu-click .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-click .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1{ display: none; } .menu-click .app-sidebar .slide__category, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide__category, .menu-click .app-sidebar .side-menu__angle, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__angle{ display: none; } .menu-click .app-sidebar .side-menu__item, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__item, .menu-click .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .side-menu__label{ display: block; text-align: center; } .menu-click .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu{ position: absolute !important; inset-inline-start: 9.5rem !important; top: auto !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 0 0.375rem rgba(0,0,0,0.1) !important; --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; transition-property: none !important; } .menu-click .app-sidebar .slide.has-sub .slide-menu:is(.dark *), [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu:is(.dark *), [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .menu-click .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .menu-click .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide.has-sub .slide-menu.child3{ inset-inline-start: 12rem !important; } .menu-click .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } .menu-click .app-sidebar .simplebar-mask, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-mask { position: inherit; } .menu-click .app-sidebar .simplebar-placeholder, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .simplebar-placeholder{ height: auto !important; } .menu-click .app-content, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-content, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-content{ margin-inline-start: 9.5rem; } } @media (max-width: 991.98px) { .menu-click .app-sidebar, [data-nav-style=menu-click][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar{ width: 15rem; } } @media (min-width: 992px) { [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed] .app-sidebar .slide .side-menu__label .badge{ display: none; } [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-click][data-toggled=menu-click-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } } /* End:: menu_click */ /* Start:: menu_hover */ @media (min-width: 992px) { [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item{ padding-top: 0.93rem; padding-bottom: 0.93rem; padding-inline-start: 0.75rem; padding-inline-end: 1.75rem; display: flex !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__icon{ margin-inline-end: 0.5rem; margin-bottom: 0px; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle{ display: block !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.active{ left: auto !important; right: auto !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child1{ top: 100% !important; } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar{ position: absolute; } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item{ margin: 0.25rem; border-radius: 0.75rem; } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item:last-child{ margin: 0.25rem !important; } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .side-menu__icon{ margin-bottom: 0.5rem !important; margin-inline-end: 0px !important; display: inline-flex !important; } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed] .app-sidebar .slide .slide-menu.child3{ border-radius: 0 0.5rem 0.5rem 0; } [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=vertical][data-toggled=menu-hover-closed][dir=rtl] .app-sidebar .slide .slide-menu.child3{ border-radius: 0.5rem 0 0 0.5rem; } .menu-hover .app-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar{ width: 9.5rem; } .menu-hover .app-sidebar .main-sidebar, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar{ height: 90%; overflow: visible; } .menu-hover .app-sidebar .main-sidebar-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .main-sidebar-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .main-sidebar-header{ width: 9.5rem; justify-content: center; } .menu-hover .app-sidebar .slide, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide{ padding: 0px; } .box .card-body.menu-hover .app-sidebar .slide .simplebar-track,.box .card-body [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide .simplebar-track,.box .card-body [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide .simplebar-track{ inset-inline-end: 0px; } .menu-hover .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1, .menu-hover .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2, .menu-hover .app-sidebar .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3{ display: none !important; min-width: 12rem !important; } .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item, .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item, .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item{ text-align: start; } .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide .side-menu__item:before, .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide .side-menu__item:before, .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide .side-menu__item:before{ display: none; } .menu-hover .app-sidebar .slide-menu.child1 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .slide.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child2 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .slide.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child3 .slide.has-sub.side-menu__label1, .menu-hover .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .slide.side-menu__label1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .slide.side-menu__label1{ display: none; } .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1{ display: block !important; } .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2{ display: block !important; } .menu-hover .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub:hover .slide-menu.child1 .slide.has-sub:hover .slide-menu.child2 .slide.has-sub:hover .slide-menu.child3{ display: block !important; } .menu-hover .app-sidebar .slide__category, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide__category, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide__category, .menu-hover .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__angle{ display: none; } .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child1 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child1 .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child2 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child2 .side-menu__angle, .menu-hover .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide-menu.child3 .side-menu__angle, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide-menu.child3 .side-menu__angle{ inset-inline-end: 0.5rem; top: 0.65rem; display: block; } .menu-hover .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__item, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__item, .menu-hover .app-sidebar .side-menu__label, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .side-menu__label, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .side-menu__label{ display: block; text-align: center; } .menu-hover .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu{ position: absolute !important; inset-inline-start: 9.5rem !important; top: auto !important; background-color: rgb(var(--body-bg)) !important; --tw-shadow: 0 0 0.375rem rgba(0,0,0,0.1) !important; --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; transition-property: none !important; } .menu-hover .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child2, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child2, .menu-hover .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .slide.has-sub .slide-menu.child3, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide.has-sub .slide-menu.child3{ inset-inline-start: 12rem !important; } .menu-hover .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-content-wrapper, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-content-wrapper { position: initial; } .menu-hover .app-sidebar .simplebar-mask, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-mask, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-mask { position: inherit; } .menu-hover .app-sidebar .simplebar-placeholder, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-sidebar .simplebar-placeholder, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .simplebar-placeholder{ height: auto !important; } .menu-hover .app-header, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-header, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-header{ padding-inline-start: 9.5rem; } .menu-hover .app-content, [data-nav-style=menu-hover][data-nav-layout=horizontal] .app-content, [data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-content{ margin-inline-start: 9.5rem; } [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed] .app-sidebar .slide .side-menu__label .badge{ display: none; } [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg1] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg2] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg3] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg4] .app-sidebar .main-sidebar-header, [data-nav-layout=vertical][data-nav-style=menu-hover][data-toggled=menu-hover-closed][data-bg-img=bgimg5] .app-sidebar .main-sidebar-header{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } } /* End:: menu_hover */ /* Start:: vertical */ .main-sidebar{ position: relative; margin-top: 4.25rem; height: 100vh; overflow: auto; padding-top: 0.5rem; padding-bottom: 5rem; --tw-shadow: 6px 0px 16px 0px rgba(0,0,0,0.05); --tw-shadow-colored: 6px 0px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [data-nav-layout=vertical] .app-sidebar{ height: 100%; } [data-nav-layout=vertical] .app-sidebar .side-menu__item{ margin-top: 0.25rem; margin-bottom: 0.25rem; } [dir=rtl] .app-sidebar .fe-chevron-right{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [dir=rtl] .sidemenu-toggle .header-link .header-link-icon{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .app-sidebar{ position: fixed; inset-inline-start: 0px; top: 0px; z-index: 103; width: 15rem; border-inline-end-width: 1px; border-style: solid; border-inline-end-color: rgb(var(--menu-border-color)); background-color: rgb(var(--menu-bg)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease; } .app-sidebar:is(.dark *){ border-inline-end-color: rgb(var(--default-border) / 0.1); } .app-sidebar .main-sidebar-header{ position: fixed; z-index: 9; display: flex; height: 4.25rem; width: 15rem; align-items: center; justify-content: center; border-bottom-width: 1px; border-inline-end-width: 1px; border-style: solid; border-bottom-color: rgb(var(--menu-border-color)); border-inline-end-color: rgb(var(--menu-border-color)); background-color: rgb(var(--menu-bg)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.813rem; padding-bottom: 0.813rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease; } .app-sidebar .main-sidebar-header .header-logo img{ height: 1.7rem; line-height: 1.7rem; } .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: block; } .app-sidebar .main-sidebar-header .header-logo .desktop-dark, .app-sidebar .main-sidebar-header .header-logo .toggle-logo, .app-sidebar .main-sidebar-header .header-logo .toggle-dark, .app-sidebar .main-sidebar-header .header-logo .toggle-white, .app-sidebar .main-sidebar-header .header-logo .desktop-white{ display: none; } .app-sidebar .slide-menu.child1 .side-menu__item:hover, .app-sidebar .slide-menu.child2 .side-menu__item:hover, .app-sidebar .slide-menu.child3 .side-menu__item:hover{ color: rgb(var(--primary)); } .svg-icon-med.app-sidebar .slide-menu.child1 .side-menu__item:hover,.svg-icon-med .app-sidebar .slide-menu.child2 .side-menu__item:hover,.svg-icon-med .app-sidebar .slide-menu.child3 .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } .app-sidebar .slide__category{ position: relative; white-space: nowrap; padding-left: 1.75rem; padding-right: 1.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.65rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05rem; color: rgb(var(--menu-prime-color)); opacity: 0.5; } .app-sidebar .slide{ margin: 0px; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0px; padding-bottom: 0px; } .app-sidebar .side-menu__item{ position: relative; display: flex; align-items: center; border-radius: 0.75rem; border-width: 1px; border-style: solid; border-color: transparent; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.65rem; padding-bottom: 0.65rem; font-size: 0.8rem; font-weight: 400; color: rgb(var(--menu-prime-color)); text-decoration-line: none; } .app-sidebar .side-menu__item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .app-sidebar .side-menu__item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .app-sidebar .side-menu__item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .app-sidebar .side-menu__item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .app-sidebar .side-menu__item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .app-sidebar .side-menu__item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .app-sidebar .side-menu__item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .app-sidebar .side-menu__item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .app-sidebar .side-menu__item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .app-sidebar .side-menu__item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .app-sidebar .side-menu__item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .app-sidebar .side-menu__item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .app-sidebar .side-menu__item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .app-sidebar .side-menu__item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .app-sidebar .side-menu__item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .app-sidebar .side-menu__item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .app-sidebar .side-menu__item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .app-sidebar .side-menu__item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .app-sidebar .side-menu__item.active{ color: rgb(var(--primary)); } .svg-icon-med.app-sidebar .side-menu__item.active{ background-color: rgb(var(--primary) / 0.2); } .app-sidebar .side-menu__item.active .side-menu__label, .app-sidebar .side-menu__item.active .side-menu__angle{ color: rgb(var(--menu-prime-color)); } .app-sidebar .side-menu__item.active .side-menu__icon{ color: rgb(var(--menu-prime-color)); } .app-sidebar .side-menu__item:hover{ background-color: transparent; } .app-sidebar .side-menu__item.active{ font-weight: 500; } .app-sidebar .side-menu__item svg.side-menu__icon{ height: 1.25rem; width: 1.25rem; } .app-sidebar .slide-menu.child1 .side-menu__item, .app-sidebar .slide-menu.child2 .side-menu__item, .app-sidebar .slide-menu.child3 .side-menu__item{ background-color: transparent !important; } .app-sidebar .slide-menu.child1 .side-menu__item.active, .app-sidebar .slide-menu.child2 .side-menu__item.active, .app-sidebar .slide-menu.child3 .side-menu__item.active{ background-color: transparent !important; } .app-sidebar .slide-menu{ padding: 0px; } .box .card-body.app-sidebar .slide-menu .simplebar-track{ inset-inline-end: 0px; } .app-sidebar .slide-menu.child1 .side-menu__item, .app-sidebar .slide-menu.child2 .side-menu__item{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.45rem; padding-bottom: 0.45rem; } .app-sidebar .slide-menu.child1 .side-menu__item:before, .app-sidebar .slide-menu.child2 .side-menu__item:before, .app-sidebar .slide-menu.child3 .side-menu__item:before{ position: absolute; inset-inline-start: -0.25rem; font-family: remixicon; font-size: 0.75rem; opacity: 0.8; --tw-content: ""; content: var(--tw-content); } .app-sidebar .slide-menu.child1 li, .app-sidebar .slide-menu.child2 li, .app-sidebar .slide-menu.child3 li{ position: relative; padding: 0px; } .box .card-body.app-sidebar .slide-menu.child1 li .simplebar-track,.box .card-body .app-sidebar .slide-menu.child2 li .simplebar-track,.box .card-body .app-sidebar .slide-menu.child3 li .simplebar-track{ inset-inline-end: 0px; } .app-sidebar .slide-menu.child1 li{ padding-inline-start: 2rem; } .app-sidebar .slide-menu.child2 li{ padding-inline-start: 1.5rem; } .app-sidebar .slide-menu.child3 li{ padding-inline-start: 0.75rem; } .app-sidebar .side-menu__label{ position: relative; display: flex; align-items: center; white-space: nowrap; vertical-align: middle; font-size: 0.85rem; line-height: 1; color: rgb(var(--menu-prime-color)); } .app-sidebar .side-menu__icon{ margin-inline-end: 0.75rem; border-radius: 0.5rem; text-align: center; font-size: 1rem; line-height: 0; color: rgb(var(--menu-prime-color)); } .app-sidebar svg.side-menu_icon{ height: 1rem; width: 1rem; } .app-sidebar .side-menu__angle{ position: absolute; inset-inline-end: 1.25rem; transform-origin: center; font-size: 1rem; line-height: 1; color: rgb(var(--menu-prime-color)); opacity: 0.8; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.05s; transition-timing-function: ease; } .app-sidebar .slide.side-menu__label1{ display: none; } .horizontal-logo{ padding-left: 0px; padding-right: 0px; padding-top: 1.25rem; padding-bottom: 1.25rem; } .slide.has-sub .slide-menu { transform: translate(0, 0) !important; visibility: visible !important; } .nav ul li{ list-style-type: none; } .nav > ul{ padding-inline-start: 0px; } .slide-menu{ display: none; } .slide.has-sub{ display: grid; } .bd-example-cssgrid .slide.has-sub > *{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light) / 0.75); padding-top: 0.75rem; padding-bottom: 0.75rem; } .bd-example-cssgrid .slide.has-sub > *.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bd-example-cssgrid .slide.has-sub > *{ border-radius: 0.25rem; } .bd-example-row-flex-cols .slide.has-sub{ min-height: 10rem; background-color: rgb(var(--light) / 0.5); } .bd-example-row-flex-cols .slide.has-sub .col{ padding: 0.75rem; } .slide.has-sub.open > .side-menu__item .side-menu__angle{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 992px) { [data-toggled=open] .page{ position: absolute; } } /* Responsive Styles Start */ @media (max-width: 991.98px) { .horizontal-logo .header-logo .desktop-logo, .horizontal-logo .header-logo .desktop-dark, .horizontal-logo .header-logo .toggle-dark{ display: none; } .horizontal-logo .header-logo .toggle-logo{ display: block; } .main-content{ padding-top: 1.75rem; } .main-sidebar-header{ display: none !important; } .main-sidebar{ margin-top: 0px; } .app-sidebar{ top: 0px; } .main-menu{ margin: 0px !important; } } .slide-left, .slide-right{ display: none; } [data-nav-layout=vertical] .main-menu > .slide.active .slide-menu .side-menu__item:hover .side-menu__angle, [data-nav-layout=vertical] .main-menu > .slide:hover .slide-menu .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-nav-layout=vertical] .main-menu > .slide.active .slide-menu .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-nav-layout=vertical] .main-menu > .slide:hover .slide-menu .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-nav-layout=vertical] .slide-menu .side-menu__item:hover .side-menu__angle{ fill: rgb(var(--menu-prime-color)) !important; color: rgb(var(--menu-prime-color)) !important; } @media (min-width: 992px) { .horizontal-logo{ display: none; } } /* Responsive Styles End */ /* Responsive Overlay Start */ #responsive-overlay{ visibility: hidden; position: fixed; inset: 0px; z-index: 101; background-color: rgba(15,23,42,0.5); transition-property: all; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #responsive-overlay.active{ visibility: visible; } /* Responsive Overlay End */ /* Go Premium Button */ .sidebar-profile{ letter-spacing: 1px; } .sidebar-premium-btn{ display: flex; align-items: center; justify-content: center; } .sidebar-premium-btn button{ letter-spacing: 1px; } /* Go Premium Button */ @media (min-width: 992px) { [data-toggled=icon-click-closed]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=icon-hover-closed]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=icon-text-close]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=menu-click-closed]:not([data-nav-layout=horizontal]) .app-content, [data-toggled=menu-hover-closed]:not([data-nav-layout=horizontal]) .app-content{ min-height: calc(100vh + 50rem); } } /* Start:: customer Dashboard */ .main-customer-sidebar{ position: relative; max-height: 100vh; overflow: auto; padding: 0px; } .box .card-body.main-customer-sidebar .simplebar-track{ inset-inline-end: 0px; } .main-customer-menu{ margin-bottom: 0px; border-radius: 0.85rem; border-bottom-width: 0px; } .customer-sidebar{ inset-inline-start: 0px; top: 0px; z-index: 100; height: 100%; background-color: rgb(var(--body-bg)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 320ms; transition-timing-function: ease; } .customer-sidebar .slide{ margin: 0px; } .customer-sidebar .slide:last-child .side-menu__item{ border-bottom-width: 0px; } .customer-sidebar .slide.has-sub.open .side-menu__angle{ --tw-rotate: 180deg !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .customer-sidebar .side-menu__item{ position: relative; display: flex; align-items: center; border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.8rem; font-weight: 500; color: rgb(var(--default-text-color)); text-decoration-line: none; } .customer-sidebar .side-menu__item.active, .customer-sidebar .side-menu__item:hover{ background-color: transparent; color: rgb(var(--primary)); } .svg-icon-med.customer-sidebar .side-menu__item.active,.svg-icon-med .customer-sidebar .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .side-menu__item.active .side-menu__label, .customer-sidebar .side-menu__item.active .side-menu__angle, .customer-sidebar .side-menu__item:hover .side-menu__label, .customer-sidebar .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)); } .svg-icon-med.customer-sidebar .side-menu__item.active .side-menu__label,.svg-icon-med .customer-sidebar .side-menu__item.active .side-menu__angle,.svg-icon-med .customer-sidebar .side-menu__item:hover .side-menu__label,.svg-icon-med .customer-sidebar .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .side-menu__item.active .side-menu__icon, .customer-sidebar .side-menu__item:hover .side-menu__icon{ color: rgb(var(--primary)); } .svg-icon-med.customer-sidebar .side-menu__item.active .side-menu__icon,.svg-icon-med .customer-sidebar .side-menu__item:hover .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .side-menu__item.active:before, .customer-sidebar .side-menu__item:hover:before{ color: rgb(var(--primary)) !important; } .svg-icon-med.customer-sidebar .side-menu__item.active:before,.svg-icon-med .customer-sidebar .side-menu__item:hover:before{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .slide-menu.child1 .side-menu__item.active, .customer-sidebar .slide-menu.child2 .side-menu__item.active, .customer-sidebar .slide-menu.child3 .side-menu__item.active{ background-color: transparent; } .customer-sidebar .slide-menu.child1 .slide .side-menu__item, .customer-sidebar .slide-menu.child2 .slide .side-menu__item, .customer-sidebar .slide-menu.child3 .slide .side-menu__item { position: relative; } .customer-sidebar .slide-menu.child1 .slide .side-menu__item.active:before, .customer-sidebar .slide-menu.child2 .slide .side-menu__item.active:before, .customer-sidebar .slide-menu.child3 .slide .side-menu__item.active:before{ color: rgb(var(--primary)); } .svg-icon-med.customer-sidebar .slide-menu.child1 .slide .side-menu__item.active:before,.svg-icon-med .customer-sidebar .slide-menu.child2 .slide .side-menu__item.active:before,.svg-icon-med .customer-sidebar .slide-menu.child3 .slide .side-menu__item.active:before{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .slide-menu.child1 .slide .side-menu__item:before, .customer-sidebar .slide-menu.child2 .slide .side-menu__item:before, .customer-sidebar .slide-menu.child3 .slide .side-menu__item:before{ position: absolute; inset-inline-start: 1rem; font-family: remixicon; font-size: 1rem; font-weight: 500; color: rgb(var(--default-text-color)); --tw-content: ""; content: var(--tw-content); } .customer-sidebar .slide-menu{ padding: 0px; } .box .card-body.customer-sidebar .slide-menu .simplebar-track{ inset-inline-end: 0px; } .customer-sidebar .slide-menu.child1 .side-menu__item, .customer-sidebar .slide-menu.child2 .side-menu__item{ padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 0.8rem; padding-bottom: 0.8rem; opacity: 0.9; } .customer-sidebar .slide-menu.child1 .side-menu__item:hover, .customer-sidebar .slide-menu.child2 .side-menu__item:hover, .customer-sidebar .slide-menu.child3 .side-menu__item:hover{ color: rgb(var(--primary)); } .svg-icon-med.customer-sidebar .slide-menu.child1 .side-menu__item:hover,.svg-icon-med .customer-sidebar .slide-menu.child2 .side-menu__item:hover,.svg-icon-med .customer-sidebar .slide-menu.child3 .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .slide-menu.child1 li, .customer-sidebar .slide-menu.child2 li, .customer-sidebar .slide-menu.child3 li{ position: relative; padding: 0px; } .box .card-body.customer-sidebar .slide-menu.child1 li .simplebar-track,.box .card-body .customer-sidebar .slide-menu.child2 li .simplebar-track,.box .card-body .customer-sidebar .slide-menu.child3 li .simplebar-track{ inset-inline-end: 0px; } .customer-sidebar .side-menu__label{ position: relative; white-space: nowrap; vertical-align: middle; font-size: 0.8rem; line-height: 1; color: rgb(var(--menu-prime-color)); } .customer-sidebar .side-menu__icon{ margin-inline-end: 0.5rem; height: 1.5rem; width: 1.15rem; border-radius: 0.5rem; text-align: center; font-size: 1rem; color: rgb(var(--primary)); } .svg-icon-med.customer-sidebar .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } .customer-sidebar .side-menu__angle{ position: absolute; inset-inline-end: 0.75rem; transform-origin: center; font-size: 0.85rem; color: rgb(var(--menu-prime-color)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 320ms; transition-timing-function: ease; } .customer-sidebar .slide.side-menu__label1{ display: none; } .customer-sidebar .slide.has-sub .slide-menu{ visibility: visible; --tw-translate-x: 0px; --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .nav ul li{ list-style-type: none; } .nav > ul{ padding-inline-start: 0px; } .slide-menu{ display: none; } .slide.has-sub{ display: grid; } .bd-example-cssgrid .slide.has-sub > *{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light) / 0.75); padding-top: 0.75rem; padding-bottom: 0.75rem; } .bd-example-cssgrid .slide.has-sub > *.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bd-example-cssgrid .slide.has-sub > *.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bd-example-cssgrid .slide.has-sub > *{ border-radius: 0.25rem; } .bd-example-row-flex-cols .slide.has-sub{ min-height: 10rem; background-color: rgb(var(--light) / 0.5); } .bd-example-row-flex-cols .slide.has-sub .col{ padding: 0.75rem; } .slide.has-sub.open > .side-menu__item .side-menu__angle{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* Responsive Styles Start */ @media (max-width: 991.98px) { .main-customer-sidebar{ margin-top: 0px; } .customer-sidebar{ top: 3.75rem; } } /* Responsive Styles End */ /* Start:: customer-related-menu */ .landing-body.customer-related-portal .app-sidebar .side-menu__item{ padding: 1rem; } .landing-body.customer-related-portal .app-sidebar .side-menu__icon{ margin-inline-end: 0.25rem; height: auto; width: auto; padding: 0px; font-size: 1.05rem; line-height: 1; color: rgb(var(--primary)); } .svg-icon-med.landing-body.customer-related-portal .app-sidebar .side-menu__icon{ background-color: rgb(var(--primary) / 0.2); } .box .card-body.landing-body.customer-related-portal .app-sidebar .side-menu__icon .simplebar-track{ inset-inline-end: 0px; } /* End:: customer-related-menu */ /* End:: vertical */ [data-menu-styles=dark][class=light] .app-sidebar .main-sidebar-header .header-logo .desktop-logo{ display: none; } [data-menu-styles=dark][class=light] .app-sidebar .main-sidebar-header .header-logo .desktop-dark{ display: block; } [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label, [data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__angle{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-menu-styles=dark] .app-sidebar .side-menu__item.active, [data-menu-styles=dark] .app-sidebar .side-menu__item:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .light[data-menu-styles=dark] .app-sidebar{ --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } .light[data-menu-styles=dark] .main-sidebar-header{ --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } /* Start:: chat */ .main-chart-wrapper{ position: relative; overflow: hidden; } .main-chart-wrapper .chat-info, .main-chart-wrapper .main-chat-area, .main-chart-wrapper .chat-user-details{ height: calc(100vh - 8rem); border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .main-chart-wrapper .chat-info:is(.dark *), .main-chart-wrapper .main-chat-area:is(.dark *), .main-chart-wrapper .chat-user-details:is(.dark *){ background-color: rgb(var(--body-bg)); } .main-chart-wrapper .chat-users-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-contacts-tab{ max-height: calc(100vh - 17.5rem); } .main-chart-wrapper .chat-content{ max-height: calc(100vh - 19.5rem); } .main-chart-wrapper .chat-content .simplebar-content-wrapper .simplebar-content{ margin-top: auto; } .main-chart-wrapper .chat-content ul li{ margin-bottom: 1rem; } .main-chart-wrapper .chat-content ul li:last-child{ margin-bottom: 0px; } .main-chart-wrapper .responsive-chat-close, .main-chart-wrapper button.responsive-userinfo-open{ display: none; } .main-chart-wrapper .chat-info{ position: relative; } .main-chart-wrapper .chat-info .tab-style-6{ border-radius: 0; padding: 1rem; } .main-chart-wrapper .chat-info .nav-link{ background-color: rgb(var(--primary) / 0.5); } .main-chart-wrapper .chat-info .tab-pane{ padding: 0px; } .box .card-body.main-chart-wrapper .chat-info .tab-pane .simplebar-track{ inset-inline-end: 0px; } .main-chart-wrapper .chat-info .chat-groups-tab li{ padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .main-chart-wrapper .chat-info .chat-groups-tab .group-indivudial{ font-weight: 400; color: rgb(var(--primary)); } .svg-icon-med.main-chart-wrapper .chat-info .chat-groups-tab .group-indivudial{ background-color: rgb(var(--primary) / 0.2); } .main-chart-wrapper .chat-info .chat-contacts-tab > li{ padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .main-chart-wrapper .chat-info .chat-contacts-tab .incoming-call-success i, .main-chart-wrapper .chat-info .chat-contacts-tab .outgoing-call-success i{ font-size: 0.875rem; color: rgb(var(--success)); } .main-chart-wrapper .chat-info .chat-contacts-tab .incoming-call-failed i, .main-chart-wrapper .chat-info .chat-contacts-tab .outgoing-call-failed i{ font-size: 0.875rem; color: rgb(var(--danger)); } .main-chart-wrapper .chat-info .chat-users-tab li, .main-chart-wrapper .chat-info .chat-groups-tab li{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg{ display: inline-block; max-width: 11.25rem; color: rgb(var(--text-muted)); } .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg:is(.dark *), .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg-typing .chat-msg, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg-typing .chat-msg{ color: rgb(var(--success)) !important; } .main-chart-wrapper .chat-info .chat-users-tab li .chat-msg-typing .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-msg-typing .chat-read-icon{ display: none; } .main-chart-wrapper .chat-info .chat-users-tab li .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-read-icon{ line-height: 1; } .main-chart-wrapper .chat-info .chat-users-tab li .chat-read-icon i, .main-chart-wrapper .chat-info .chat-groups-tab li .chat-read-icon i{ font-size: 1rem; color: rgb(var(--success)); } .main-chart-wrapper .chat-info .chat-users-tab li.active, .main-chart-wrapper .chat-info .chat-groups-tab li.active{ border-inline-start-width: 3px; border-style: solid; border-inline-start-color: rgb(var(--primary)); background-color: rgb(var(--primary) / 0.1); color: rgb(var(--default-text-color)); } .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread{ background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread.active, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread.active{ background-color: rgb(var(--primary) / 0.1); } .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-msg, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-msg{ color: rgb(var(--default-text-color)); } .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-read-icon i, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-read-icon i{ color: rgb(var(--text-muted)); } .main-chart-wrapper .chat-info .chat-users-tab li.chat-msg-unread .chat-read-icon i:is(.dark *), .main-chart-wrapper .chat-info .chat-groups-tab li.chat-msg-unread .chat-read-icon i:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .main-chart-wrapper .chat-info .chat-users-tab li.chat-inactive .chat-read-icon, .main-chart-wrapper .chat-info .chat-groups-tab li.chat-inactive .chat-read-icon{ display: none; } .main-chart-wrapper .main-chat-area{ position: relative; } .main-chart-wrapper .main-chat-area .main-chat-head{ padding: 1rem; } .main-chart-wrapper .main-chat-area .chatnameperson, .main-chart-wrapper .main-chat-area .chatting-user-info{ font-weight: 600; } .main-chart-wrapper .main-chat-area .chat-content{ position: relative; z-index: 1; padding: 1rem; } .main-chart-wrapper .main-chat-area .chat-content:before{ position: absolute; inset: 0px; z-index: -1; height: 100%; width: 100%; background-image: url("../images/media/svg/pattern-1.svg"); background-repeat: repeat; opacity: 0.018; --tw-content: ""; content: var(--tw-content); } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info{ font-size: 0.813rem; color: rgb(var(--default-text-color)); color: rgb(var(--default-text-color) / 0.8); } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time{ font-size: 0.75rem; font-weight: 500; color: rgb(var(--text-muted)); } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .main-chart-wrapper .main-chat-area .chat-content .chatting-user-info .msg-sent-time .chat-read-mark i{ margin-inline-end: 0.3rem; color: rgb(var(--success)); } .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div{ margin-bottom: 0.4rem; width: -moz-fit-content; width: fit-content; padding: 1rem; } .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div p{ font-size: 0.813rem; } .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image{ height: 6.25rem; width: 6.25rem; border-radius: 0.5rem; } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .main-chat-msg div{ border-top-left-radius: 1.3rem; border-top-right-radius: 1.3rem; border-bottom-right-radius: 1.3rem; border-bottom-left-radius: 0; background-color: rgb(var(--primary-tint1-rgb) / 0.1); font-weight: 500; color: rgb(var(--default-text-color)); } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .main-chat-msg div:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .msg-sent-time{ margin-inline-start: 0.25rem; } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end{ justify-content: flex-end; text-align: end; } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .main-chat-msg div{ border-top-left-radius: 1.3rem; border-top-right-radius: 1.3rem; border-bottom-right-radius: 0; border-bottom-left-radius: 1.3rem; background-color: rgb(var(--primary) / 0.9); font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .msg-sent-time{ margin-inline-end: 0.25rem; } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start, .main-chart-wrapper .main-chat-area .chat-content .chat-item-end{ display: flex; } .main-chart-wrapper .main-chat-area .chat-content .chat-item-start .chat-list-inner, .main-chart-wrapper .main-chat-area .chat-content .chat-item-end .chat-list-inner{ display: flex; max-width: 75%; align-items: flex-end; } .main-chart-wrapper .main-chat-area .chat-footer{ width: 100%; --tw-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1); --tw-shadow-colored: 0 0.25rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); position: absolute; left: auto; right: auto; bottom: 0px; display: flex; flex-shrink: 0; align-items: center; border-top-width: 1px; border-style: solid; border-top-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; } .main-chart-wrapper .main-chat-area .chat-footer:is(.dark *){ background-color: rgb(var(--body-bg)); } .main-chart-wrapper .main-chat-area .chat-day-label{ position: relative; margin-bottom: 2rem; text-align: center; color: rgb(var(--text-muted)); opacity: 0.75; } .main-chart-wrapper .main-chat-area .chat-day-label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .main-chart-wrapper .main-chat-area .chat-day-label span{ border-radius: 0.3rem; background-color: rgb(var(--primary) / 0.1); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.188rem; padding-bottom: 0.188rem; font-size: 0.7rem; color: rgb(var(--primary) / 0.2); } @media (min-width: 992px) { .main-chart-wrapper .chat-info{ min-width: 25rem; max-width: 25rem; } } .main-chart-wrapper .main-chat-area{ width: 100%; max-width: 100%; overflow: hidden; } @media (max-width: 1275.98px) and (min-width: 992px) { .main-chart-wrapper .chat-info{ min-width: 25rem; max-width: 25rem; } .main-chart-wrapper .main-chat-area{ width: 100%; max-width: 100%; overflow: hidden; } } @media (max-width: 991.98px) { .main-chart-wrapper .chat-info{ width: 100%; } .main-chart-wrapper .main-chat-area{ display: none; min-width: 100%; max-width: 100%; } .main-chart-wrapper .responsive-chat-close{ display: block; } } .chat-user-details .shared-files li{ margin-bottom: 1rem; } .chat-user-details .shared-files li:last-child{ margin-bottom: 0px; } .chat-user-details .shared-files .shared-file-icon i{ display: flex; height: 1rem; width: 1rem; align-items: center; justify-content: center; border-radius: 0.3rem; padding: 1.125rem; font-size: 1.125rem; line-height: 1rem; } .chat-user-details .shared-files .shared-file-icon{ border-radius: 0.3rem; } .chat-user-details .chat-media img{ margin-bottom: 1.25rem; width: 100%; border-radius: 0.5rem; } @media (max-width: 1400px) { .chat-user-details.open{ inset-inline-end: 0px; top: 0.5rem; display: block; border-inline-start-width: 1px; border-style: solid; border-inline-start-color: rgb(var(--default-border)); --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } button.responsive-userinfo-open{ display: block; } } @media (max-width: 991.98px) { .main-chart-wrapper.responsive-chat-open .chat-info{ display: none; } .main-chart-wrapper.responsive-chat-open .main-chat-area{ display: block; } } @media (max-width: 767.98px) { .main-chart-wrapper .main-chat-area .chat-content .main-chat-msg div .chat-media-image{ height: 2.5rem; width: 2.5rem; } } @media (max-width: 354px) { .main-chart-wrapper .chat-contacts-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-users-tab{ max-height: calc(100vh - 19.5rem); } } .chat-contacts-tab li{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); } .chat-contacts-tab li:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .chat-contacts-tab li:last-child{ border-bottom-width: 0px; } [data-page-style=modern] .main-chat-area .rightIcons .btn-outline-light{ border-color: rgb(var(--default-border)); } [dir=rtl] .chat-footer .btn-send{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [class=dark] .main-chat-area .chat-content:before{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } @media (max-width: 480px) { .main-chart-wrapper .chat-users-tab, .main-chart-wrapper .chat-groups-tab, .main-chart-wrapper .chat-contacts-tab { max-height: calc(100vh - 22.5rem); } } [data-nav-style=icon-click] .fg-emoji-picker{ bottom: 966px !important; } /* End:: chat */ /* Start:: ecommerce */ /* Start:: Products */ @media screen and (min-width: 576px) { [dir=rtl] .ecommerce-more-link::before, [dir=rtl] .ecommerce-more-link:after{ inset-inline-end: 0.5rem; } } .ecommerce-more-link[aria-expanded=true]:after{ display: block; } .ecommerce-more-link[aria-expanded=true]:before{ display: none; } .products-navigation-card .form-check-label{ font-size: 0.813rem; font-weight: 500; } /* End:: Products */ /* Start:: Product Details */ .swiper-view-details .swiper-slide{ border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .swiper-view-details .swiper-slide.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .swiper-view-details .swiper-slide.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .swiper-view-details .swiper-slide.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .swiper-view-details .swiper-slide.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .swiper-view-details .swiper-slide.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .swiper-view-details .swiper-slide.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .swiper-view-details .swiper-slide.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .swiper-view-details .swiper-slide.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .swiper-view-details .swiper-slide.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .swiper-view-details .swiper-slide.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .swiper-view-details .swiper-slide.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .swiper-view-details .swiper-slide.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .swiper-view-details .swiper-slide.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .swiper-view-details .swiper-slide.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .swiper-view-details .swiper-slide.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .swiper-view-details .swiper-slide.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .swiper-view-details .swiper-slide.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .swiper-view-details .swiper-slide.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .swiper-view-details .swiper-slide:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .swiper-view-details .swiper-slide.swiper-slide-thumb-active{ background-color: rgb(var(--light)) !important; } .swiper-preview-details .swiper-button-next{ background-color: rgb(0 0 0 / 0.1); color: rgb(var(--custom-white)); } .swiper-preview-details .swiper-button-prev{ background-color: rgb(0 0 0 / 0.1); color: rgb(var(--custom-white)); } .product-colors{ margin-inline-end: 0.5rem; display: flex; height: 1.2rem; width: 1.2rem; align-items: center; justify-content: center; border-radius: 50%; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light)); } .product-colors.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .product-colors.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .product-colors.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .product-colors.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .product-colors.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .product-colors.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .product-colors.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .product-colors.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .product-colors.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .product-colors.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .product-colors.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .product-colors.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .product-colors.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .product-colors.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .product-colors.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .product-colors.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .product-colors.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .product-colors.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .product-colors:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .product-colors.color-2.selected{ border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(247 138 235 / var(--tw-border-opacity)); } .product-colors.color-2 i{ --tw-text-opacity: 1; color: rgb(247 138 235 / var(--tw-text-opacity)); } .product-colors.color-4.selected{ border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 149 148 / var(--tw-border-opacity)); } .product-colors.color-4 i{ --tw-text-opacity: 1; color: rgb(255 149 148 / var(--tw-text-opacity)); } .product-colors.color-1.selected{ border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(138 144 231 / var(--tw-border-opacity)); } .product-colors.color-1 i{ --tw-text-opacity: 1; color: rgb(138 144 231 / var(--tw-text-opacity)); } .product-colors.color-3.selected{ border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(247 138 182 / var(--tw-border-opacity)); } .product-colors.color-3 i{ --tw-text-opacity: 1; color: rgb(247 138 182 / var(--tw-text-opacity)); } .product-colors.color-5.selected{ border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(182 136 243 / var(--tw-border-opacity)); } .product-colors.color-5 i{ --tw-text-opacity: 1; color: rgb(182 136 243 / var(--tw-text-opacity)); } .ecommerce-assurance{ border-radius: 0.5rem; border-width: 1px; border-style: dashed; border-color: rgb(var(--primary) / 0.3); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; padding-bottom: 1rem; } .ecommerce-assurance.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ecommerce-assurance.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ecommerce-assurance.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ecommerce-assurance.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ecommerce-assurance.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ecommerce-assurance.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ecommerce-assurance.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ecommerce-assurance.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ecommerce-assurance.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ecommerce-assurance.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ecommerce-assurance.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ecommerce-assurance.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ecommerce-assurance.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ecommerce-assurance.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ecommerce-assurance.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ecommerce-assurance.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ecommerce-assurance.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ecommerce-assurance.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ecommerce-assurance svg{ height: 3rem; width: 3rem; } .product-images{ padding-inline-start: 0.5rem; } .product-images .products-review-images img{ margin-inline-end: 0.25rem; height: 3.125rem; width: 3.125rem; border-radius: 0.5rem; background-color: rgb(var(--primary) / 0.1); } .similar-product-name{ max-width: 80%; } /* End:: Product Details */ /* Start:: Cart */ .product-quantity-container{ width: 10.5rem; } .product-quantity-container .input-group input.form-control:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .product-quantity-container .input-group .product-quantity-minus.btn:focus, .product-quantity-container .input-group .product-quantity-minus.btn:hover, .product-quantity-container .input-group .product-quantity-plus.btn:focus, .product-quantity-container .input-group .product-quantity-plus.btn:hover{ border-color: rgb(var(--input-border)); } .product-quantity-container .cart-input-group{ width: 9rem; } .product-quantity-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ margin-inline-start: 0px; } .cart-summary-nav.tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link{ background-color: rgb(var(--light)); } .cart-summary-nav.tab-style-8.nav-tabs.scaleX.nav-tabs > .nav-item > .nav-link.active{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: rgb(var(--primary) / 0.1); } .cart-items01{ width: 31rem; } .quantity-icon{ padding-top: 1px; vertical-align: text-top; } .cart-empty svg{ margin-bottom: 1.25rem; height: 6.25rem; width: 6.25rem; fill: rgb(var(--default-text-color)); } /* End:: Cart */ /* Start:: Checkout */ #product-features .ql-editor ol{ padding-left: 0px !important; } #product-features .ql-editor ol:where([dir="rtl"], [dir="rtl"] *){ padding-right: 0px !important; } .product-checkout .nav .nav-item .nav-link.active{ background-color: transparent !important; } .product-checkout .tab-style-2 .nav-item .nav-link{ padding-left: 2rem; padding-right: 2rem; padding-top: 0.85rem; padding-bottom: 0.85rem; } .product-checkout .form-floating input, .product-checkout .form-floating textarea{ font-size: 0.813rem; font-weight: 400; } .product-checkout .shipping-method-container, .product-checkout .payment-card-container{ position: relative; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding: 0.625rem; } .product-checkout .shipping-method-container.border-primary1, .product-checkout .payment-card-container.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .product-checkout .shipping-method-container.border-primary1.border-opacity-10, .product-checkout .payment-card-container.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .product-checkout .shipping-method-container.border-primary1.border-opacity-25, .product-checkout .payment-card-container.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .product-checkout .shipping-method-container.border-primary1.border-opacity-50, .product-checkout .payment-card-container.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .product-checkout .shipping-method-container.border-primary1.border-opacity-75, .product-checkout .payment-card-container.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .product-checkout .shipping-method-container.border-primary1.border-opacity-100, .product-checkout .payment-card-container.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .product-checkout .shipping-method-container.border-primary2, .product-checkout .payment-card-container.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .product-checkout .shipping-method-container.border-primary2.border-opacity-10, .product-checkout .payment-card-container.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .product-checkout .shipping-method-container.border-primary2.border-opacity-25, .product-checkout .payment-card-container.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .product-checkout .shipping-method-container.border-primary2.border-opacity-50, .product-checkout .payment-card-container.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .product-checkout .shipping-method-container.border-primary2.border-opacity-75, .product-checkout .payment-card-container.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .product-checkout .shipping-method-container.border-primary2.border-opacity-100, .product-checkout .payment-card-container.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .product-checkout .shipping-method-container.border-primary3, .product-checkout .payment-card-container.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .product-checkout .shipping-method-container.border-primary3.border-opacity-10, .product-checkout .payment-card-container.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .product-checkout .shipping-method-container.border-primary3.border-opacity-25, .product-checkout .payment-card-container.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .product-checkout .shipping-method-container.border-primary3.border-opacity-50, .product-checkout .payment-card-container.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .product-checkout .shipping-method-container.border-primary3.border-opacity-75, .product-checkout .payment-card-container.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .product-checkout .shipping-method-container.border-primary3.border-opacity-100, .product-checkout .payment-card-container.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .product-checkout .shipping-method-container:is(.dark *), .product-checkout .payment-card-container:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .product-checkout .shipping-method-container .form-check-input, .product-checkout .payment-card-container .form-check-input{ position: absolute; inset-inline-end: 0.75rem; top: 1.2rem; } @media (min-width: 576px) { .product-checkout .shipping-method-container .shipping-partner-details, .product-checkout .shipping-method-container .saved-card-details, .product-checkout .payment-card-container .shipping-partner-details, .product-checkout .payment-card-container .saved-card-details{ width: 30rem; } } .checkout-payment-success{ text-align: center; } .checkout-payment-success img{ height: 200px; width: 200px; } @media screen and (max-width: 575px) { #shipped-tab-pane .btn-group .btn{ width: 100%; border-radius: 0.5rem; } } /* End:: Checkout */ /* Start:: Order Details */ .order-track .accordion{ position: relative; } .order-track .accordion:before{ position: absolute; inset-inline-start: 0.875rem; inset-inline-end: 0px; top: 30px; bottom: 0px; height: 72%; width: 1px; border-inline-start-width: 1px; border-style: dashed; border-inline-start-color: rgb(var(--primary)); opacity: 0.2; --tw-content: ""; content: var(--tw-content); } .order-track .accordion:last-child::before{ --tw-content: none; content: var(--tw-content); } .order-track .track-order-icon{ padding: 0.125rem; } /* End:: Order Details */ /* Start:: Add Products & Edit Products */ .add-products .tab-style-2 .nav-item .nav-link{ padding-left: 2rem; padding-right: 2rem; padding-top: 0.85rem; padding-bottom: 0.85rem; } .color-selection .choices__input{ width: 6.25rem; } .product-documents-container .filepond--root{ width: 100%; } .product-documents-container .filepond--panel-root{ border-radius: 0.5rem !important; border-color: rgb(var(--input-border)) !important; } .product-documents-container .filepond--panel-root:is(.dark *){ border-color: rgb(var(--input-border) / 0.1) !important; } .product-documents-container .filepond--root .filepond--drop-label label{ color: rgb(var(--text-muted)); } .product-documents-container .filepond--root .filepond--drop-label label:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } #product-features{ max-height: 14.75rem; overflow-y: scroll; } /* End:: Add Products & Edit Products */ /* Start:: Ecommerce Landing */ .carousel-indicators [data-bs-target]{ height: 0.375rem; width: 0.375rem; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(var(--primary) / 0.2); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); opacity: 1; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.5s; transition-duration: ease; } .carousel-indicators [data-bs-target][data-bs-target].active{ border-color: rgb(var(--primary)); } .heading-section{ text-align: center; } .heading-description{ margin-bottom: 0px; color: rgb(var(--default-text-color)); } .top-left-badge{ position: absolute; inset-inline-start: 1rem; top: 1rem; z-index: 1; display: grid; align-content: stretch; align-items: baseline; justify-items: start; padding-left: 0.65rem; padding-right: 0.65rem; padding-top: 0.45rem; padding-bottom: 0.45rem; } .bd-example-cssgrid .top-left-badge > *{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light) / 0.75); padding-top: 0.75rem; padding-bottom: 0.75rem; } .bd-example-cssgrid .top-left-badge > *.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bd-example-cssgrid .top-left-badge > *.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bd-example-cssgrid .top-left-badge > *.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bd-example-cssgrid .top-left-badge > *.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bd-example-cssgrid .top-left-badge > *.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bd-example-cssgrid .top-left-badge > *{ border-radius: 0.25rem; } .bd-example-row-flex-cols .top-left-badge{ min-height: 10rem; background-color: rgb(var(--light) / 0.5); } .bd-example-row-flex-cols .top-left-badge .col{ padding: 0.75rem; } .box.card-style-2:hover{ --tw-shadow: 0 3px 10px 0px black/10; --tw-shadow-colored: 0 3px 10px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .card-style-2{ overflow: hidden; } .card-style-2 .img-box-2{ display: flex; justify-content: center; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 1.5s; transition-duration: ease; } .card-style-2 .img-box-2:after{ position: absolute; inset-inline-start: 0px; top: 0px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.03); } .card-style-2 .card-img-top{ position: relative; } .card-style-2 .btn-style-1{ position: absolute; inset-inline-end: 1rem; bottom: 1rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .card-style-2:hover{ border-color: rgb(var(--primary) / 0.2); } .card-style-2:hover .btns-container-1{ bottom: 30%; z-index: 2; } .card-style-2:hover .img-box-2 .bg-primary-transparent{ background-color: rgb(var(--primary) / 0.2); } .card-style-2 .btns-container-1{ position: absolute; bottom: -10%; inset-inline-start: 0px; z-index: -1; display: flex; width: 100%; justify-content: center; text-align: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.5s; } .box.card-style-3:hover{ --tw-shadow: 0 3px 10px 0px black/10; --tw-shadow-colored: 0 3px 10px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ecommerce-more-link{ position: relative; display: block; width: 100%; border-radius: 0.5rem; background-color: rgb(var(--primary) / 0.1); padding-top: 0.6rem; padding-bottom: 0.6rem; padding-inline-start: 0.75rem; padding-inline-end: 1.5rem; font-size: 0.75rem; font-weight: 500; color: rgb(var(--primary)); } .svg-icon-med.ecommerce-more-link{ background-color: rgb(var(--primary) / 0.2); } .ecommerce-more-link:hover{ color: rgb(var(--primary)); } .svg-icon-med.ecommerce-more-link:hover{ background-color: rgb(var(--primary) / 0.2); } .ecommerce-more-link:before{ position: absolute; inset-inline-end: 0.75rem; top: 0.625rem; font-family: bootstrap-icons; font-weight: 700; --tw-content: ""; content: var(--tw-content); } .ecommerce-more-link:after{ position: absolute; inset-inline-end: 0.75rem; top: 0.625rem; display: none; font-family: bootstrap-icons; font-weight: 700; --tw-content: ""; content: var(--tw-content); } .ecommerce-gallery img{ max-height: 100%; min-height: 100%; max-width: 100%; border-radius: 0.3rem; -o-object-fit: contain; object-fit: contain; } .tag-badge{ position: absolute; inset-inline-start: 0.75rem; top: 0.75rem; } .ecommerce-gallery{ display: flex; max-height: 430px; justify-content: center; border-radius: 0.3rem; background-color: rgb(var(--primary) / 0.1); } .glightbox.card{ z-index: 0; } .glightbox.card:hover .view-lightbox{ position: absolute; inset-inline-start: 40%; top: auto; bottom: 40%; z-index: 1; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.7); text-align: center; } .glightbox.card:hover .view-lightbox:hover{ color: rgb(255 255 255 / 0.8); } .glightbox.card:hover:after{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); } .glightbox.card .view-lightbox{ display: none; } .ad-gallery{ display: none; } @media (min-width: 769px) { .glightbox-clean .gslide-media{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } } .glightbox-clean .gslide-description{ background-color: transparent !important; } .glightbox-clean .gslide-title{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; margin-bottom: 0px !important; font-family: Poppins, sans-serif !important; font-size: 1.2rem !important; font-weight: 500 !important; } .glightbox-clean .gdesc-inner{ text-align: center; } .similar-products-image img{ height: 4.97rem; width: 4.97rem; border-radius: 0.3rem; background-color: rgb(var(--primary) / 0.05); } .filter-bw{ --tw-grayscale: grayscale(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .card-style-6 .card-style-6-avatar .avatar{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); color: rgb(var(--default-text-color)); } .card-style-6 .card-style-6-avatar .avatar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .card-style-6 .card-style-6-avatar .avatar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .card-style-6 .card-style-6-avatar .avatar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .card-style-6 .card-style-6-avatar .avatar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .card-style-6 .card-style-6-avatar .avatar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .card-style-6:has(.form-check-input:checked){ border-style: dashed; border-color: rgb(var(--primary) / 0.5); background-color: rgb(var(--secondary) / 0.1); } .card-style-6:has(.form-check-input:checked) .card-style-6-avatar .avatar{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .glightbox.box{ z-index: 0; } .glightbox.box:hover::after{ position: absolute; inset-inline-start: 0px; top: 0px; z-index: -1; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); --tw-content: ""; content: var(--tw-content); } .glightbox.box .view-lightbox{ display: none; } .glightbox.box:hover .view-lightbox{ position: absolute; inset-inline-start: 40%; top: auto; bottom: 40%; z-index: 1; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.7); text-align: center; --tw-content: ""; content: var(--tw-content); } .ad-gallery{ display: none !important; } .product-quantity-container input::-webkit-inner-spin-button{ display: none !important; } /* End:: Ecommerce styles */ /* End:: ecommerce */ /* Start:: file-manager */ .file-manager-folders, .selected-file-details{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .file-manager-folders:is(.dark *), .selected-file-details:is(.dark *){ background-color: rgb(var(--body-bg)); } .folder-svg-container svg{ height: 3rem; width: 3rem; } .file-details img{ height: 150px; width: 150px; border-radius: 50%; background-color: rgb(var(--light)); } @media (max-width: 1200px) { .selected-file-details.open{ position: absolute; inset-inline-end: 0px; top: 0.5rem; display: block; width: 19.5rem; border-inline-start-width: 1px; border-style: solid; border-inline-start-color: rgb(var(--default-border)); --tw-shadow: 0 0.125rem 0 rgba(10,10,10,0.04); --tw-shadow-colored: 0 0.125rem 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } .file-manager-folders.open{ display: block; } @media (max-width: 365px) { .file-manager-container .file-folders-container{ max-height: calc(100vh - 12.9rem); } } ul.files-main-nav{ margin-bottom: 0px; } ul.files-main-nav li{ margin-bottom: 0.08rem; border-radius: 0.5rem; padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.5rem; padding-bottom: 0.43rem; } ul.files-main-nav li:last-child{ margin-bottom: 0px; } ul.files-main-nav li div{ color: rgb(var(--text-muted)); } ul.files-main-nav li div:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } ul.files-main-nav li:hover div{ color: rgb(var(--primary)); } ul.svg-icon-med.files-main-nav li:hover div{ background-color: rgb(var(--primary) / 0.2); } ul.files-main-nav li.active{ background-color: rgb(var(--primary) / 0.1); } ul.files-main-nav li.active div{ color: rgb(var(--primary)); } ul.svg-icon-med.files-main-nav li.active div{ background-color: rgb(var(--primary) / 0.2); } ul.files-main-nav li div.filemanager-upgrade-storage{ height: auto; width: 235px; border-radius: 0.5rem; border-width: 2px; border-style: dashed; border-color: rgb(var(--default-border)); background-color: rgb(var(--light)); padding: 1rem; text-align: center; color: rgb(var(--default-text-color)); } ul.files-main-nav li div.filemanager-upgrade-storage img{ height: 150px; width: 150px; } #file-manager-storage .apexcharts-pie line, #file-manager-storage .apexcharts-pie circle{ stroke: transparent; } #file-manager-storage .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{ fill: rgb(var(--text-muted)) !important; } #file-manager-storage .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label:is(.dark *){ fill: rgb(var(--text-muted) / 0.5) !important; } #file-manager-storage .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{ fill: rgb(var(--default-text-color)) !important; } #file-manager-storage .apexcharts-datalabels-group{ --tw-translate-y: -9px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* End:: file-manager */ /* Start:: landing */ @media (min-width: 992px) { [data-nav-style=menu-hover][data-nav-layout=horizontal][class=dark] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1::before{ border-inline-start-color: rgba(0,0,0,0.1); border-top-color: rgba(0,0,0,0.1); } [data-nav-style=menu-hover][data-nav-layout=horizontal][class=dark][dir=rtl] .slide.has-sub.open .slide-menu.child1::before{ border-inline-end-color: rgb(var(--default-border)); border-inline-start-color: transparent; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item .side-menu__angle{ color: rgb(var(--default-text-color)); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item .side-menu__angle{ color: rgb(var(--menu-prime-color)) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active{ color: rgb(var(--primary)); } .svg-icon-med[data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active{ background-color: rgb(var(--primary) / 0.2); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med[data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active .side-menu__angle,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active .side-menu__angle,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover .side-menu__angle,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item:hover:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1 .slide .side-menu__item.active:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item:hover:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child2 .slide .side-menu__item.active:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item:hover:before, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child3 .slide .side-menu__item.active:before{ border-color: rgb(var(--primary)) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item{ border-radius: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1.35rem; padding-bottom: 1.35rem; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1{ border-radius: 0.5rem; padding-left: 0.3rem; padding-right: 0.3rem; padding-top: 0.55rem; padding-bottom: 0.55rem; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .side-menu__item{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: 500; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1{ overflow: visible !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1::before{ top: -7px; inset-inline-start: 10%; z-index: 99999; height: 13px; width: 13px; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 1px; border-style: solid; border-color: transparent; border-top-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-content: ""; content: var(--tw-content); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary1::before{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary1.border-opacity-10::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary1.border-opacity-25::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary1.border-opacity-50::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary1.border-opacity-75::before{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary1.border-opacity-100::before{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary2::before{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary2.border-opacity-10::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary2.border-opacity-25::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary2.border-opacity-50::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary2.border-opacity-75::before{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary2.border-opacity-100::before{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary3::before{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary3.border-opacity-10::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary3.border-opacity-25::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary3.border-opacity-50::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary3.border-opacity-75::before{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1.border-primary3.border-opacity-100::before{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide.has-sub.open .slide-menu.child1:is(.dark *)::before{ background-color: rgb(var(--body-bg)); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item{ padding-left: 1.3rem; padding-right: 1.3rem; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover{ background-color: transparent; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .slide-menu.child1 .slide .side-menu__item:before{ inset-inline-start: 0.65rem; top: 0.838rem; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)); } .svg-icon-med[data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__label{ color: rgb(var(--default-text-color)) !important; } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover{ background-color: rgb(var(--primary)); color: rgb(var(--primary)); } .svg-icon-med[data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__label, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__angle, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__label, [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)); } .svg-icon-med[data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__label,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item.active .side-menu__angle,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__label,.svg-icon-med [data-nav-style=menu-hover][data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } [data-nav-layout=horizontal] .landing-body .app-sidebar .main-menu > .slide{ margin: 0px; } [data-nav-layout=horizontal] .landing-body .landing-page-wrapper .app-sidebar.sticky.sticky-pin{ position: fixed; } } .reviews-container .heading-section{ position: relative; } .reviews-container .heading-section:before{ position: absolute; inset-inline-start: -85px; bottom: -38px; z-index: 0; height: 200px; width: 200px; border-radius: 50%; background-position: center; --tw-content: ""; content: var(--tw-content); } .reviews-container .box{ margin-bottom: 0px; border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.05); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .reviews-container .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .reviews-container .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .reviews-container .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .reviews-container .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .reviews-container .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .reviews-container .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .reviews-container .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .reviews-container .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .reviews-container .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .reviews-container .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .reviews-container .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .reviews-container .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .reviews-container .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .reviews-container .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .reviews-container .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .reviews-container .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .reviews-container .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .reviews-container .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .reviews-container .box .card-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .testimonialSwiperService{ padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 3.375rem !important; } .landing-body{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .landing-body:is(.dark *){ background-color: rgb(var(--body-bg)); } .landing-body .app-sidebar{ border-bottom-width: 0px; } .landing-body .app-sidebar .side-menu__item{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.8rem; padding-bottom: 0.8rem; } .landing-body .app-sidebar .side-menu__item.active, .landing-body .app-sidebar .side-menu__item:hover{ color: rgb(var(--primary)) !important; } .svg-icon-med.landing-body .app-sidebar .side-menu__item.active,.svg-icon-med .landing-body .app-sidebar .side-menu__item:hover{ background-color: rgb(var(--primary) / 0.2); } .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active{ font-weight: 400; } .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__label{ color: rgb(var(--primary)) !important; } .svg-icon-med.landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__label{ background-color: rgb(var(--primary) / 0.2); } .landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med.landing-body .app-sidebar.sticky.sticky-pin .side-menu__item.active .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } .landing-body .accordion.accordion-primary .accordion-button.collapsed:after{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary)); } .svg-icon-med.landing-body .accordion.accordion-primary .accordion-button.collapsed:after{ background-color: rgb(var(--primary) / 0.2); } .landing-body .landing-Features{ position: relative; top: 0px; z-index: 1; height: 100%; width: 100%; background-color: rgb(var(--primary)); } .landing-body .landing-Features:before{ position: absolute; top: 0px; z-index: -1; height: 100%; width: 100%; background-image: url("../images/media/media-80.jpg"); background-size: cover; background-repeat: no-repeat; opacity: 0.075; --tw-content: ""; content: var(--tw-content); } @media (min-width: 992px) { .landing-body .app-sidebar{ top: 0px; height: auto; border-inline-end-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .landing-body .app-sidebar:is(.dark *){ background-color: rgb(var(--body-bg)); } .landing-body .app-sidebar .main-sidebar{ height: auto; width: 100%; } .landing-body.sticky.sticky-pin{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 0.25rem 1rem black/10; --tw-shadow-colored: 0 0.25rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .landing-body.sticky.sticky-pin:is(.dark *){ background-color: rgb(var(--body-bg)); } .landing-body.sticky.sticky-pin .side-menu__item .side-menu__angle{ color: rgb(var(--menu-prime-color)); } .landing-body.sticky.sticky-pin .side-menu__item:hover .side-menu__angle{ color: rgb(var(--primary)) !important; } .svg-icon-med.landing-body.sticky.sticky-pin .side-menu__item:hover .side-menu__angle{ background-color: rgb(var(--primary) / 0.2); } .landing-body.sticky.sticky-pin.app-sidebar .side-menu__label{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .landing-body.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-dark, .landing-body.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-white{ display: none; } .landing-body.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-logo{ display: block; } .landing-body.sticky.sticky-pin.app-sidebar .side-menu__item:hover .side-menu__label{ color: rgb(var(--primary)) !important; } .svg-icon-med.landing-body.sticky.sticky-pin.app-sidebar .side-menu__item:hover .side-menu__label{ background-color: rgb(var(--primary) / 0.2); } .landing-body.app-sidebar .slide.has-sub.open .slide-menu.child1::before{ border-top-color: rgb(var(--default-border)) !important; border-inline-start-color: rgb(var(--default-border)) !important; } } .landing-body .app-header{ display: none; } .landing-body .main-sidebar-header{ display: block !important; } .landing-body .main-menu-container{ display: flex; align-items: center; justify-content: space-between; } .landing-body .main-menu-container .slide-left, .landing-body .main-menu-container .slide-right{ display: none; } .landing-body .main-content{ min-height: calc(100vh - 7.9rem); padding: 0px; } .box .card-body.landing-body .main-content .simplebar-track{ inset-inline-end: 0px; } @media (max-width: 991.98px) { .landing-body .landing-logo-container .horizontal-logo .header-logo{ display: none; } .app-sidebar .side-menu__item.active, .app-sidebar .side-menu__item:hover{ background-color: transparent; } .main-menu-container .main-menu{ width: 100%; padding-left: 0px; padding-right: 0px; } .slide.has-sub.open > .side-menu__item .side-menu__angle:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .app-sidebar .slide-menu{ padding-inline-start: 1rem; } .app-sidebar .slide{ padding: 0px; } .box .card-body.app-sidebar .slide .simplebar-track{ inset-inline-end: 0px; } } .main-menu-container .main-menu{ padding-inline-start: 0px; } .section{ position: relative; background-size: cover; padding-left: 0px; padding-right: 0px; padding-top: 4.375rem; padding-bottom: 4.375rem; } .landing-banner{ position: relative; top: 0px; z-index: 1; width: 100%; background-color: rgb(var(--primary)); } .landing-banner::before{ position: absolute; z-index: -1; height: 100%; width: 100%; background-image: url(../images/media/media-88.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.1; --tw-content: ""; content: var(--tw-content); } .landing-banner .landing-banner-heading{ font-size: 2.1rem; font-weight: 500; color: rgb(var(--default-text-color)); } @media (max-width: 767.98px) { .landing-main-image{ display: none; } .landing-banner .main-banner-container{ padding: 1rem; } } @media (max-width: 1115.98px) { .landing-main-image::before, .landing-main-image::after{ display: none; } } @media (max-width: 480px) { .landing-banner .section{ padding-left: 0px; padding-right: 0px; padding-bottom: 2.375rem; padding-top: 4.375rem; } } .landing-main-image{ position: relative; z-index: 10; } .landing-main-image:before{ position: absolute; inset-inline-start: 116px; top: -2.25rem; z-index: -1; height: 25rem; width: 25rem; border-radius: 50%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); opacity: 0.07; --tw-content: ""; content: var(--tw-content); } .landing-main-image:is(.dark *):before{ background-color: rgb(var(--body-bg)); } .landing-main-image img{ position: relative; z-index: 11; margin-top: -0.625rem; } .landing-page-wrapper{ position: relative; min-height: calc(100vh - 3.4rem); } .app-sidebar .side-menu__label{ font-weight: 500; } .landing-section-heading{ position: relative; font-weight: 600; text-decoration-line: overline; } .landing-footer{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.05); --tw-bg-opacity: 1; background-color: rgb(25 32 56 / var(--tw-bg-opacity)); } .landing-footer .landing-footer-list li{ margin-bottom: 0.5rem; } .landing-footer .landing-footer-list li:last-child{ margin-bottom: 0px; } .landing-footer .landing-footer-logo{ height: 1.7rem; line-height: 1.7rem; } .landing-main-footer{ --tw-bg-opacity: 1; background-color: rgb(25 32 56 / var(--tw-bg-opacity)); } .section-bg{ background-color: rgb(var(--primary) / 0.1); } .box.landing-card .card-body{ padding: 2rem; } .sub-card-companies img{ height: 77px; border-radius: 50%; border-inline-start-width: 1px; border-style: solid; border-inline-start-color: rgba(255,255,255,0.15); background-color: rgba(255,255,255,0.1); padding: 1.25rem; } @media (min-width: 992px) { [class=dark] .landing-body .landing-logo-container .horizontal-logo .desktop-logo{ display: none; } [class=dark] .landing-body .landing-logo-container .horizontal-logo .desktop-dark, [class=dark] .landing-body .landing-logo-container .horizontal-logo .desktop-white{ display: block; } } @media (max-width: 991.98px) { [class=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .desktop-logo, [class=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .desktop-dark{ display: none; } [class=dark] .landing-body .app-header .main-header-container .horizontal-logo .header-logo .desktop-white{ display: block; } } [class=dark] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-dark, [class=dark] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-logo{ display: none; } [class=dark] .landing-body .app-sidebar.sticky.sticky-pin .landing-logo-container .horizontal-logo .desktop-white{ display: block; } [class=dark] .section-bg{ background-color: rgb(var(--primary) / 0.1); } @media (max-width: 420px) { .landing-body .landing-banner .main-banner-container{ padding: 1rem; } .landing-body .landing-banner .landing-banner-heading{ font-size: 2rem; } } @media (max-width: 992px) { .landing-body .app-sidebar .slide-menu.child1 li, .landing-body .app-sidebar .slide-menu.child2 li, .landing-body .app-sidebar .slide-menu.child3 li{ position: relative; padding: 0px; } .box .card-body.landing-body .app-sidebar .slide-menu.child1 li .simplebar-track,.box .card-body .landing-body .app-sidebar .slide-menu.child2 li .simplebar-track,.box .card-body .landing-body .app-sidebar .slide-menu.child3 li .simplebar-track{ inset-inline-end: 0px; } } /* Jobs Landing */ .custom-form-group{ position: relative; display: flex; align-items: center; } .custom-form-group .form-control{ padding-inline-start: 1.25rem; padding-inline-end: 7rem; } .custom-form-group .form-control-lg ~ .custom-form-btn{ inset-inline-end: 0.7rem; } .custom-form-group .custom-form-btn{ position: absolute; inset-inline-end: 0.5rem; display: flex; align-items: center; justify-content: center; border-radius: 0.3rem; } .landing-body .landing-main-footer .landing-footer-list li:not(:first-child)::before{ position: absolute; inset-inline-start: -0.2rem; top: 0.35rem; height: 0.6rem; width: 0.3rem; border-inline-start-width: 1px; border-style: solid; border-inline-start-color: rgba(255,255,255,0.2); background-color: transparent; --tw-content: ""; content: var(--tw-content); } .landing-body .landing-main-footer .landing-footer-list li:not(:first-child) .review-quote::before{ position: absolute; inset-inline-end: 0.8rem; top: 1rem; background-color: transparent; padding: 0.625rem; font-size: 1.875rem; line-height: 0; color: rgb(var(--primary) / 0.7); } .landing-body .landing-main-footer .landing-footer-list li:not(:first-child){ position: relative; } /* Jobs Landing */ .landing-body .landing-main-footer .landing-footer-list li{ display: inline-block; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0px; padding-bottom: 0px; } @media (max-width: 991.98px) { .landing-body .main-content{ padding-top: 0rem; } .landing-body .animated-arrow span{ top: 1.15rem; } .landing-body .app-header{ display: block; } } .landing-body .animated-arrow{ z-index: 8; } @media (min-width: 992px) { .landing-body .slide.has-sub.open > .side-menu__item .side-menu__angle{ --tw-rotate: 270deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .landing-body .app-sidebar{ width: 100% !important; } [data-nav-layout=horizontal] .landing-body .app-sidebar{ top: 0px !important; } [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__label{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } [data-nav-layout=horizontal] .landing-body .app-sidebar .side-menu__label:is(.dark *){ color: rgb(255 255 255 / 0.6); } } @media (max-width: 991.98px) { .app-sidebar{ position: fixed !important; } } /* End:: landing */ /* Start:: mail */ /* Start:: mail-app */ .main-mail-container{ position: relative; overflow: hidden; } .mail-navigation, .total-mails, .mail-recepients{ height: calc(100vh - 10rem); overflow: hidden; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .mail-navigation:is(.dark *), .total-mails:is(.dark *), .mail-recepients:is(.dark *){ background-color: rgb(var(--body-bg)); } .mail-info-body{ max-height: calc(100vh - 8.3rem); } @media (min-width: 1400px) { .total-mails .mail-msg .mail-msg-content{ display: inline-block; } } @media (min-width: 1400px) and (max-width: 1489.98px) { .responsive-mail-action-icons .dropdown{ display: block; } .responsive-mail-action-icons .close-button{ display: none; } .mail-action-icons{ display: none; } } @media (max-width: 1399.98px) { .responsive-mail-action-icons{ display: block; display: flex; } .mail-action-icons{ display: none !important; } } @media (max-width: 575.98px) { .mail-recepients{ display: none; } } @media (min-width: 1489px) { .responsive-mail-action-icons{ display: none; } } @media (max-width: 991.98px) { .mail-navigation{ width: 100%; } } @media (min-width: 992px) { .mail-navigation{ min-width: 20rem; max-width: 20rem; } } .total-mails{ width: 100%; } .total-mails .mail-messages{ max-height: calc(100vh - 20.5rem); } .total-mails .mail-messages li{ border-bottom-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding-left: 1rem; padding-right: 1rem; padding-top: 1.1rem; padding-bottom: 0.625rem; } .total-mails .mail-messages li:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .total-mails .mail-messages li.active, .total-mails .mail-messages li:hover{ background-color: rgb(var(--primary) / 0.05); } .total-mails .mail-messages li:last-child{ border-bottom-width: 0px; } .total-mails .mail-messages li .avatar.mail-msg-avatar{ height: 2rem; width: 2rem; } .total-mails .mail-messages li .avatar.mail-msg-avatar.online:before, .total-mails .mail-messages li .avatar.mail-msg-avatar.offline:before{ height: 0.55rem; width: 0.55rem; } .total-mails .mail-messages li .mail-msg .mail-starred i{ color: rgb(var(--text-muted)); opacity: 0.5; } .total-mails .mail-messages li .mail-msg .mail-starred i:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .total-mails .mail-messages li .mail-msg .mail-starred.true i{ color: rgb(var(--warning)); opacity: 1; } .mail-recepients{ min-width: 4.4rem; max-width: 4.4rem; } .mail-recepients .total-mail-recepients{ max-height: calc(100vh - 13.4rem); } .mail-recepients .mail-recepeint-person .avatar{ margin-bottom: 1rem; height: 2rem; width: 2rem; } .mail-recepients .mail-recepeint-person .avatar.online:before, .mail-recepients .mail-recepeint-person .avatar.offline:before{ height: 0.55rem; width: 0.55rem; } .mail-recepients .mail-recepeint-person:last-child{ margin-bottom: 0px; } .mail-navigation ul.mail-main-nav{ margin-bottom: 0px; max-height: calc(100vh - 14.5rem); padding: 1rem; } .mail-navigation ul.mail-main-nav li{ border-radius: 0.5rem; padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.55rem; padding-bottom: 0.55rem; font-weight: 500; } .mail-navigation ul.mail-main-nav li div{ color: rgb(var(--text-muted)); } .mail-navigation ul.mail-main-nav li div:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .mail-navigation ul.mail-main-nav li.active{ background-color: rgb(var(--primary) / 0.1); } .mail-navigation ul.mail-main-nav li.active div{ font-weight: 600; color: rgb(var(--primary)); } .svg-icon-med.mail-navigation ul.mail-main-nav li.active div{ background-color: rgb(var(--primary) / 0.2); } .mail-navigation ul.mail-main-nav li:hover div{ color: rgb(var(--primary)); } .svg-icon-med.mail-navigation ul.mail-main-nav li:hover div{ background-color: rgb(var(--primary) / 0.2); } @media (min-width: 576px) { .mail-msg-content{ width: 100%; } } @media (max-width: 575.98px) { .mail-msg-content{ max-width: 180px; } } .mails-information{ width: 100%; } .mails-information .mail-info-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgb(var(--default-border)); padding: 0.75rem; } .mails-information .mail-info-header:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .mails-information .mail-info-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgb(var(--default-border)); padding: 0.75rem; } .mails-information .mail-info-footer:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .mails-information .mail-attachment{ display: flex; height: 2.75rem; width: 12rem; align-items: center; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding: 0.25rem; } .mails-information .mail-attachment.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .mails-information .mail-attachment.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .mails-information .mail-attachment.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .mails-information .mail-attachment.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .mails-information .mail-attachment.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .mails-information .mail-attachment.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .mails-information .mail-attachment.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .mails-information .mail-attachment.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .mails-information .mail-attachment.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .mails-information .mail-attachment.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .mails-information .mail-attachment.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .mails-information .mail-attachment.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .mails-information .mail-attachment.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .mails-information .mail-attachment.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .mails-information .mail-attachment.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .mails-information .mail-attachment.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .mails-information .mail-attachment.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .mails-information .mail-attachment.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .mails-information .mail-attachment .attachment-icon svg, .mails-information .mail-attachment .attachment-icon i{ margin-inline-end: 0.5rem; height: 1.5rem; width: 1.5rem; font-size: 2rem; } .mails-information .mail-attachment .attachment-name{ display: inline-block; max-width: 7rem; font-size: 0.75rem; font-weight: 500; } .mail-reply .ql-toolbar.ql-snow .ql-formats{ margin-top: 5px; margin-bottom: 5px; } #mail-compose-editor .ql-editor{ min-height: 12.62rem !important; } .mail-compose .ql-toolbar.ql-snow .ql-formats{ margin-top: 5px; margin-bottom: 5px; } .ti-offcanvas.ti-offcanvas-right.mail-info-offcanvas{ max-width: 50rem; } /* End:: mail-app */ /* Start:: mail-settings */ .mail-notification-settings, .mail-security-settings{ width: 60%; } @media (max-width: 575.98px) { #account-settings .btn-group label{ font-size: 0.625rem; } } .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable{ padding: 0.625rem !important; } .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after{ display: none; } .mail-settings-tab.nav-tabs-header .nav-item .nav-link{ border-width: 0px; padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.65rem; padding-bottom: 0.65rem; } .mail-settings-tab.nav-tabs-header .nav-item .nav-link:hover, .mail-settings-tab.nav-tabs-header .nav-item .nav-link:focus{ border-width: 0px; } /* End:: mail-settings */ /* End:: mail */ /* Start:: task */ /* Start::task-kanboard-board */ .TASK-kanban-board{ margin-bottom: 0.75rem; display: flex; align-items: stretch; overflow-x: auto; padding-bottom: 1rem; } .TASK-kanban-board .kanban-tasks-type{ margin-inline-end: 0.5rem; width: 100%; min-width: 20rem; } .TASK-kanban-board .kanban-tasks-type .kanban-tasks .card{ touch-action: none; } .TASK-kanban-board::-webkit-scrollbar-thumb{ border-radius: 0.3125rem; background-color: rgb(var(--dark) / 0.1); } .TASK-kanban-board::-webkit-scrollbar-track{ border-radius: 0.3125rem; } .TASK-kanban-board .task-image .kanban-image{ height: 150px; width: 100%; } .TASK-kanban-board .kanban-content{ margin-top: 0.75rem; } .TASK-kanban-board .kanban-task-description{ margin-bottom: 1rem; color: rgb(var(--text-muted)); } .TASK-kanban-board .kanban-task-description:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary) / 0.2); } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.new .kanban-tasks .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint1-rgb) / 0.2); } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.todo .kanban-tasks .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint2-rgb) / 0.2); } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.in-progress .kanban-tasks .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint3-rgb) / 0.2); } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.inreview .kanban-tasks .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box{ border-width: 1px; border-style: solid; border-color: rgb(var(--secondary) / 0.2); } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .TASK-kanban-board .kanban-tasks-type.completed .kanban-tasks .box.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .TASK-kanban-board #new-tasks .box:last-child, .TASK-kanban-board #todo-tasks .box:last-child, .TASK-kanban-board #inprogress-tasks .box:last-child, .TASK-kanban-board #inreview-tasks .box:last-child, .TASK-kanban-board #completed-tasks .box:last-child{ margin-bottom: 0px; } .TASK-kanban-board #new-tasks, .TASK-kanban-board #todo-tasks, .TASK-kanban-board #inprogress-tasks, .TASK-kanban-board #inreview-tasks, .TASK-kanban-board #completed-tasks{ position: relative; max-height: 35rem; } .TASK-kanban-board #new-tasks .simplebar-content, .TASK-kanban-board #todo-tasks .simplebar-content, .TASK-kanban-board #inprogress-tasks .simplebar-content, .TASK-kanban-board #inreview-tasks .simplebar-content, .TASK-kanban-board #completed-tasks .simplebar-content{ padding-top: 0px !important; padding-bottom: 0px !important; padding-inline-start: 0px !important; padding-inline-end: 1rem !important; } .TASK-kanban-board .task-Null{ position: relative; min-height: 12.5rem; } .TASK-kanban-board .task-Null::before{ position: absolute; inset: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; height: 12.5rem; width: 100%; border-radius: 0.3rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); background-image: url(../images/media/media-92.svg); background-size: cover; background-position: center; --tw-content: ""; content: var(--tw-content); } .TASK-kanban-board .task-Null:is(.dark *)::before{ background-color: rgb(var(--body-bg)); } .TASK-kanban-board .view-more-button{ margin-inline-end: 1rem; } /* end::task-kanboard-board */ /* Start::task-details */ .task-details-key-tasks{ list-style-type: decimal; } .task-details-key-tasks li{ margin-bottom: 0.5rem; color: rgb(var(--text-muted)); } .task-details-key-tasks li:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .task-details-key-tasks li:last-child{ margin-bottom: 0px; } .task-description{ font-size: 0.875rem; } /* End::task-details */ /* End:: task */ /* TAILWIND */ .accordion-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.85rem; font-weight: 500; color: rgb(var(--default-text-color)); } .accordion-button:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion-button:not(.collapsed){ color: rgb(var(--default-text-color)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .accordion-button:focus{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .accordion-button:focus:is(.dark *){ background-color: rgb(var(--light)); } .accordion-body{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.8125rem; color: rgb(var(--text-muted)); } .accordion-body:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .accordion-item{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion-item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .accordion-item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .accordion-item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .accordion-item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .accordion-item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .accordion-item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .accordion-item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .accordion-item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .accordion-item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .accordion-item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .accordion-item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .accordion-item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .accordion-item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .accordion-item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .accordion-item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .accordion-item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .accordion-item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .accordion-item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .accordion-item:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.7); } .accordions-items-seperate .accordion-item:not(:first-of-type){ margin-top: 0.5rem; } .accordions-items-seperate .accordion-item{ overflow: hidden; border-radius: 0.5rem; border-top-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } .accordions-items-seperate .accordion-item:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .accordion-item:last-of-type{ border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .accordion-item:first-of-type{ border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } .accordion.accordion-flush .accordion-button{ padding-inline-end: 2.5rem; } .accordion.accordion-flush .accordion-button:after{ inset-inline-start: 98.5rem !important; } /* Start:: light colored accordions */ .accordion.accordion-primary .accordion-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.85rem; font-weight: 500; color: rgb(var(--default-text-color)); } .accordion.accordion-primary .accordion-button:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion.accordion-primary .accordion-button:focus{ background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary)); } .svg-icon-med.accordion.accordion-primary .accordion-button:focus{ background-color: rgb(var(--primary) / 0.2); } .accordion.accordion-primary .accordion-button:after, .accordion.accordion-primary .accordion-button:not(.collapsed)::after{ background-image: none; } .accordion.accordion-primary .accordion-button:after{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-primary .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-primary .accordion-button.collapsed:is(.dark *){ background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.7); } .accordion.accordion-primary .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-primary .accordion-button.collapsed:is(.dark *):after{ color: rgb(var(--default-text-color) / 0.7); } .accordion.accordion-secondary .accordion-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.85rem; font-weight: 500; color: rgb(var(--default-text-color)); } .accordion.accordion-secondary .accordion-button:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion.accordion-secondary .accordion-button:focus{ background-color: rgb(var(--secondary) / 0.1); color: rgb(var(--secondary)); } .accordion.accordion-secondary .accordion-button:after, .accordion.accordion-secondary .accordion-button:not(.collapsed)::after{ background-image: none; } .accordion.accordion-secondary .accordion-button:after{ background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-secondary .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-secondary .accordion-button.collapsed:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion.accordion-secondary .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-success .accordion-button{ background-color: rgb(var(--success) / 0.1); color: rgb(var(--success)); } .accordion.accordion-success .accordion-button:after{ background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-success .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-success .accordion-button.collapsed:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion.accordion-success .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-danger .accordion-button{ background-color: rgb(var(--danger) / 0.1); color: rgb(var(--danger)); } .accordion.accordion-danger .accordion-button:after{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-danger .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-danger .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-warning .accordion-button{ background-color: rgb(var(--warning) / 0.1); color: rgb(var(--warning)); } .accordion.accordion-warning .accordion-button:after{ background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-warning .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-warning .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-info .accordion-button{ background-color: rgb(var(--info) / 0.1); color: rgb(var(--info)); } .accordion.accordion-info .accordion-button:after{ background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-info .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-info .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } /* End:: light colored accordions */ /* Start:: solid colored accordions */ .accordion.accordion-solid-primary .accordion-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.85rem; font-weight: 500; color: rgb(var(--default-text-color)); } .accordion.accordion-solid-primary .accordion-button:focus{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-solid-primary .accordion-button:after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary)); } .svg-icon-med.accordion.accordion-solid-primary .accordion-button:after{ background-color: rgb(var(--primary) / 0.2); } .accordion.accordion-solid-primary .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-primary .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-secondary .accordion-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.85rem; font-weight: 500; color: rgb(var(--default-text-color)); } .accordion.accordion-solid-secondary .accordion-button:focus{ background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-solid-secondary .accordion-button:after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--secondary)); } .accordion.accordion-solid-secondary .accordion-button.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-secondary .accordion-button.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-success{ background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-solid-success:after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--success)); } .accordion.accordion-solid-success.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-success.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-danger{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-solid-danger:after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--danger)); } .accordion.accordion-solid-danger.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-danger.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-warning{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-solid-warning:after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--danger)); } .accordion.accordion-solid-warning.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-warning.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-info{ background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .accordion.accordion-solid-info:after{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--info)); } .accordion.accordion-solid-info.collapsed{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .accordion.accordion-solid-info.collapsed:after{ background-color: rgb(var(--default-background)); color: rgb(var(--default-text-color)); } /* End:: solid colored accordions */ /* Start:: border colors */ .accordion.accordion-border-primary .accordion-item{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary)); } .accordion.accordion-border-primary .accordion-item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .accordion.accordion-border-primary .accordion-item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .accordion.accordion-border-primary .accordion-item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .accordion.accordion-border-primary .accordion-item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .accordion.accordion-border-primary .accordion-item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .accordion.accordion-border-primary .accordion-item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .accordion.accordion-border-primary .accordion-item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .accordion.accordion-border-primary .accordion-item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .accordion.accordion-border-primary .accordion-item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .accordion.accordion-border-primary .accordion-item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .accordion.accordion-border-primary .accordion-item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .accordion.accordion-border-primary .accordion-item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .accordion.accordion-border-primary .accordion-item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .accordion.accordion-border-primary .accordion-item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .accordion.accordion-border-primary .accordion-item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .accordion.accordion-border-primary .accordion-item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .accordion.accordion-border-primary .accordion-item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .accordion.accordion-border-primary .accordion-item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .accordion.accordion-border-primary .accordion-button{ border-bottom-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary)); } .svg-icon-med.accordion.accordion-border-primary .accordion-button{ background-color: rgb(var(--primary) / 0.2); } .accordion.accordion-border-primary .accordion-button:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion.accordion-border-primary .accordion-button:after{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary)); } .svg-icon-med.accordion.accordion-border-primary .accordion-button:after{ background-color: rgb(var(--primary) / 0.2); } .accordion.accordion-border-primary .accordion-button.border-primary1:after{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .accordion.accordion-border-primary .accordion-button.border-primary1.border-opacity-10:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .accordion.accordion-border-primary .accordion-button.border-primary1.border-opacity-25:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .accordion.accordion-border-primary .accordion-button.border-primary1.border-opacity-50:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .accordion.accordion-border-primary .accordion-button.border-primary1.border-opacity-75:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .accordion.accordion-border-primary .accordion-button.border-primary1.border-opacity-100:after{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .accordion.accordion-border-primary .accordion-button.border-primary2:after{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .accordion.accordion-border-primary .accordion-button.border-primary2.border-opacity-10:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .accordion.accordion-border-primary .accordion-button.border-primary2.border-opacity-25:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .accordion.accordion-border-primary .accordion-button.border-primary2.border-opacity-50:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .accordion.accordion-border-primary .accordion-button.border-primary2.border-opacity-75:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .accordion.accordion-border-primary .accordion-button.border-primary2.border-opacity-100:after{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .accordion.accordion-border-primary .accordion-button.border-primary3:after{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .accordion.accordion-border-primary .accordion-button.border-primary3.border-opacity-10:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .accordion.accordion-border-primary .accordion-button.border-primary3.border-opacity-25:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .accordion.accordion-border-primary .accordion-button.border-primary3.border-opacity-50:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .accordion.accordion-border-primary .accordion-button.border-primary3.border-opacity-75:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .accordion.accordion-border-primary .accordion-button.border-primary3.border-opacity-100:after{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .accordion.accordion-border-primary .accordion-button:not(.collapsed){ border-style: solid; border-color: rgb(var(--primary)); } .accordion.accordion-border-success .accordion-item{ border-width: 1px; border-style: solid; border-color: rgb(var(--success)); } .accordion.accordion-border-success .accordion-item.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .accordion.accordion-border-success .accordion-item.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .accordion.accordion-border-success .accordion-item.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .accordion.accordion-border-success .accordion-item.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .accordion.accordion-border-success .accordion-item.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .accordion.accordion-border-success .accordion-item.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .accordion.accordion-border-success .accordion-item.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .accordion.accordion-border-success .accordion-item.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .accordion.accordion-border-success .accordion-item.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .accordion.accordion-border-success .accordion-item.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .accordion.accordion-border-success .accordion-item.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .accordion.accordion-border-success .accordion-item.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .accordion.accordion-border-success .accordion-item.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .accordion.accordion-border-success .accordion-item.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .accordion.accordion-border-success .accordion-item.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .accordion.accordion-border-success .accordion-item.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .accordion.accordion-border-success .accordion-item.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .accordion.accordion-border-success .accordion-item.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .accordion.accordion-border-success .accordion-button{ border-bottom-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--success)); } .accordion.accordion-border-success .accordion-button:is(.dark *){ background-color: rgb(var(--body-bg)); } .accordion.accordion-border-success .accordion-button:after{ border-width: 1px; border-style: solid; border-color: rgb(var(--success)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--success)); } .accordion.accordion-border-success .accordion-button.border-primary1:after{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .accordion.accordion-border-success .accordion-button.border-primary1.border-opacity-10:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .accordion.accordion-border-success .accordion-button.border-primary1.border-opacity-25:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .accordion.accordion-border-success .accordion-button.border-primary1.border-opacity-50:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .accordion.accordion-border-success .accordion-button.border-primary1.border-opacity-75:after{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .accordion.accordion-border-success .accordion-button.border-primary1.border-opacity-100:after{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .accordion.accordion-border-success .accordion-button.border-primary2:after{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .accordion.accordion-border-success .accordion-button.border-primary2.border-opacity-10:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .accordion.accordion-border-success .accordion-button.border-primary2.border-opacity-25:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .accordion.accordion-border-success .accordion-button.border-primary2.border-opacity-50:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .accordion.accordion-border-success .accordion-button.border-primary2.border-opacity-75:after{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .accordion.accordion-border-success .accordion-button.border-primary2.border-opacity-100:after{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .accordion.accordion-border-success .accordion-button.border-primary3:after{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .accordion.accordion-border-success .accordion-button.border-primary3.border-opacity-10:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .accordion.accordion-border-success .accordion-button.border-primary3.border-opacity-25:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .accordion.accordion-border-success .accordion-button.border-primary3.border-opacity-50:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .accordion.accordion-border-success .accordion-button.border-primary3.border-opacity-75:after{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .accordion.accordion-border-success .accordion-button.border-primary3.border-opacity-100:after{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .accordion.accordion-border-success .accordion-button:is(.dark *):after{ background-color: rgb(var(--body-bg)); } .accordion.accordion-border-success .accordion-button:not(.collapsed){ border-style: solid; border-color: rgb(var(--success)); } /* End:: border colors */ /* Start:: no icon */ .accordion.accordionicon-none .accordion-button:after{ display: none; } /* Start:: no icon */ /* Start:: left aligned icon */ .accordion.accordionicon-left .accordion-button:after{ position: absolute; inset-inline-start: 1.935rem; } /* End:: left aligned icon */ /* Start:: custom icons */ .accordion.accordion-customicon1 .accordion-button:after{ --tw-content: "" !important; content: var(--tw-content) !important; } .accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after{ --tw-content: "" !important; content: var(--tw-content) !important; } /* End:: custom icons */ /* Start:: customized accordion */ .customized-accordion .accordion-item.custom-accordion-primary .accordion-button{ border-inline-start-width: 0.25rem; border-style: solid; border-color: rgb(var(--primary) / 0.6); background-color: rgb(var(--primary) / 0.1); } .customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after{ background-color: rgb(var(--primary) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .customized-accordion .accordion-item.custom-accordion-primary .accordion-body{ border-inline-start-width: 0.25rem; border-style: solid; border-color: rgb(var(--primary) / 0.6); background-color: rgb(var(--primary) / 0.1); padding-top: 0px; } .customized-accordion .accordion-item.custom-accordion-secondary .accordion-button{ border-inline-start-width: 0.25rem; border-style: solid; border-color: rgb(var(--secondary) / 0.6); background-color: rgb(var(--secondary) / 0.1); } .customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after{ background-color: rgb(var(--secondary) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .customized-accordion .accordion-item.custom-accordion-secondary .accordion-body{ border-inline-start-width: 0.25rem; border-style: solid; border-color: rgb(var(--secondary) / 0.6); background-color: rgb(var(--secondary) / 0.1); padding-top: 0px; } .customized-accordion .accordion-item.custom-accordion-danger .accordion-button{ border-inline-start-width: 0.25rem; border-style: solid; border-color: rgb(var(--danger) / 0.6); background-color: rgb(var(--danger) / 0.1); } .customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after{ background-color: rgb(var(--danger) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .customized-accordion .accordion-item.custom-accordion-danger .accordion-body{ border-inline-start-width: 0.25rem; border-style: solid; border-color: rgb(var(--danger) / 0.6); background-color: rgb(var(--danger) / 0.1); padding-top: 0px; } /* End:: customized accordion */ .alert{ align-items: center; border-radius: 0.5rem; border-width: 1px; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.85rem; padding-right: 0.85rem; font-size: 0.8125rem; } .alert.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert.alert-dismissible{ padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.85rem; padding-right: 0.85rem; } .alert .btn-close{ display: flex; align-items: center; justify-content: center; background-image: none; padding: 0.95rem; } .alert .btn-close i{ font-size: 1.5rem; line-height: 1.5; } .alert:last-child{ margin-bottom: 0px; } .alert .alert-link{ font-weight: 600; } /* Basic Alerts */ .alert-warning{ border-color: rgb(var(--warning) / 0.1); background-color: rgb(var(--warning) / 0.1); color: rgb(var(--warning)); } .alert-warning .alert-link{ color: rgb(var(--warning)); } .alert-warning .btn-close{ color: rgb(var(--warning)); } .alert-warning .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--warning)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-warning .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-primary{ border-color: rgb(var(--primary) / 0.1); background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary)); } .svg-icon-med.alert-primary{ background-color: rgb(var(--primary) / 0.2); } .alert-primary .alert-link{ color: rgb(var(--primary)); } .svg-icon-med.alert-primary .alert-link{ background-color: rgb(var(--primary) / 0.2); } .alert-primary .btn-close{ color: rgb(var(--primary)); } .svg-icon-med.alert-primary .btn-close{ background-color: rgb(var(--primary) / 0.2); } .alert-primary .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--primary)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .svg-icon-med.alert-primary .btn-close.custom-close{ background-color: rgb(var(--primary) / 0.2); } [class=dark] .alert-primary .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-primary1{ border-color: rgb(var(--primary-tint1-rgb) / 0.1); background-color: rgb(var(--primary-tint1-rgb) / 0.1); color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med.alert-primary1{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .alert-primary1 .alert-link{ color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med.alert-primary1 .alert-link{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .alert-primary1 .btn-close{ color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med.alert-primary1 .btn-close{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .alert-primary1 .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--primary-tint1-rgb)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .svg-icon-med.alert-primary1 .btn-close.custom-close{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } [class=dark] .alert-primary1 .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-primary2{ border-color: rgb(var(--primary-tint2-rgb) / 0.1); background-color: rgb(var(--primary-tint3-rgb) / 0.1); color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med.alert-primary2{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .alert-primary2 .alert-link{ color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med.alert-primary2 .alert-link{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .alert-primary2 .btn-close{ color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med.alert-primary2 .btn-close{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .alert-primary2 .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--primary-tint2-rgb)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .svg-icon-med.alert-primary2 .btn-close.custom-close{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } [class=dark] .alert-primary2 .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-primary3{ border-color: rgb(var(--primary-tint3-rgb) / 0.1); background-color: rgb(var(--primary-tint3-rgb) / 0.1); color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med.alert-primary3{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .alert-primary3 .alert-link{ color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med.alert-primary3 .alert-link{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .alert-primary3 .btn-close{ color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med.alert-primary3 .btn-close{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .alert-primary3 .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--primary-tint3-rgb)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .svg-icon-med.alert-primary3 .btn-close.custom-close{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } [class=dark] .alert-primary3 .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-secondary{ border-color: rgb(var(--secondary) / 0.1); background-color: rgb(var(--secondary) / 0.1); color: rgb(var(--secondary)); } .alert-secondary .alert-link{ color: rgb(var(--secondary)); } .alert-secondary .btn-close{ color: rgb(var(--secondary)); } .alert-secondary .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--secondary)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-secondary .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-success{ border-color: rgb(var(--success) / 0.1); background-color: rgb(var(--success) / 0.1); color: rgb(var(--success)); } .alert-success .alert-link{ color: rgb(var(--success)); } .alert-success .btn-close{ color: rgb(var(--success)); } .alert-success .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--success)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-success .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-info{ border-color: rgb(var(--info) / 0.1); background-color: rgb(var(--info) / 0.1); color: rgb(var(--info)); } .alert-info .alert-link{ color: rgb(var(--info)); } .alert-info .btn-close{ color: rgb(var(--info)); } .alert-info .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--info)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-info .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-danger{ border-color: rgb(var(--danger) / 0.1); background-color: rgb(var(--danger) / 0.1); color: rgb(var(--danger)); } .alert-danger .alert-link{ color: rgb(var(--danger)); } .alert-danger .btn-close{ color: rgb(var(--danger)); } .alert-danger .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--danger)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-danger .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-light{ border-color: rgb(var(--light)); background-color: rgb(var(--light)); font-size: 0.8125rem; } .alert-light .alert-link{ font-size: 0.8125rem; } .alert-light .btn-close{ font-size: 0.8125rem; } .alert-light .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; color: rgb(var(--default-text-color)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-light .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-dark{ border-color: rgb(0 0 0 / 0.1); background-color: rgb(0 0 0 / 0.1); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .alert-dark:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } .alert-dark .alert-link{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .alert-dark .alert-link:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } .alert-dark .btn-close{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .alert-dark .btn-close:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } .alert-dark .btn-close.custom-close{ border-radius: 50px; padding: 0.85rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); opacity: 1; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .alert-dark .btn-close.custom-close{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .alert-dark .btn-close.custom-close:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } /* Basic Alerts */ /* Solid Colored Alerts */ .alert-solid-primary{ border-color: rgb(var(--primary)); background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary1{ border-color: rgb(var(--primary-tint1-rgb)); background-color: rgb(var(--primary-tint1-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary1 .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary2{ border-color: rgb(var(--primary-tint2-rgb)); background-color: rgb(var(--primary-tint2-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary2 .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary3{ border-color: rgb(var(--primary-tint3-rgb)); background-color: rgb(var(--primary-tint3-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-primary3 .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-secondary{ border-color: rgb(var(--secondary)); background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-secondary .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-warning{ border-color: rgb(var(--warning)); background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-warning .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-info{ border-color: rgb(var(--info)); background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-info .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-success{ border-color: rgb(var(--success)); background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-success .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-danger{ border-color: rgb(var(--danger)); background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-danger .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-light{ border-color: rgb(var(--light)); background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .alert-solid-light .btn-close{ color: rgb(var(--default-text-color)); } .alert-solid-dark{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .alert-solid-dark .btn-close{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Solid Colored Alerts */ /* Outline Alerts */ .alert-outline-primary{ border-color: rgb(var(--primary)); color: rgb(var(--primary)); } .svg-icon-med.alert-outline-primary{ background-color: rgb(var(--primary) / 0.2); } .alert-outline-primary .btn-close{ color: rgb(var(--primary)); } .svg-icon-med.alert-outline-primary .btn-close{ background-color: rgb(var(--primary) / 0.2); } .alert-outline-secondary{ border-color: rgb(var(--secondary)); color: rgb(var(--secondary)); } .alert-outline-secondary .btn-close{ color: rgb(var(--secondary)); } .alert-outline-info{ border-color: rgb(var(--info)); color: rgb(var(--info)); } .alert-outline-info .btn-close{ color: rgb(var(--info)); } .alert-outline-warning{ border-color: rgb(var(--warning)); color: rgb(var(--warning)); } .alert-outline-warning .btn-close{ color: rgb(var(--warning)); } .alert-outline-success{ border-color: rgb(var(--success)); color: rgb(var(--success)); } .alert-outline-success .btn-close{ color: rgb(var(--success)); } .alert-outline-danger{ border-color: rgb(var(--danger)); color: rgb(var(--danger)); } .alert-outline-danger .btn-close{ color: rgb(var(--danger)); } .alert-outline-light{ border-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .alert-outline-light .btn-close{ color: rgb(var(--light)); } .alert-outline-dark{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .alert-outline-dark:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); color: rgb(var(--default-text-color) / 0.7); } .alert-outline-dark .btn-close{ color: rgb(var(--light)); } /* Outline Alerts */ /* Customized Alerts */ .alert-primary.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-primary.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-primary.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-primary.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-primary.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-primary.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-primary.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-primary.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-primary.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-primary.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-primary.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-primary.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-primary.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-primary.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-primary.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-primary.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-primary.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-primary.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-primary.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-primary.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .alert-primary.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-secondary.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--secondary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-secondary.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-secondary.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-secondary.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-secondary.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-secondary.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-secondary.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-secondary.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-secondary.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-secondary.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-secondary.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-secondary.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-secondary.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-secondary.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-secondary.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-secondary.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-secondary.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-secondary.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-secondary.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-secondary.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .alert-secondary.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-warning.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--warning)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-warning.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-warning.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-warning.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-warning.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-warning.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-warning.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-warning.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-warning.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-warning.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-warning.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-warning.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-warning.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-warning.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-warning.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-warning.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-warning.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-warning.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-warning.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-warning.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .alert-warning.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-danger.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--danger)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-danger.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-danger.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-danger.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-danger.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-danger.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-danger.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-danger.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-danger.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-danger.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-danger.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-danger.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-danger.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-danger.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-danger.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-danger.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-danger.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-danger.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-danger.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-danger.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .alert-danger.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-success.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--success)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-success.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-success.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-success.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-success.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-success.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-success.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-success.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-success.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-success.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-success.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-success.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-success.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-success.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-success.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-success.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-success.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-success.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-success.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-success.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .alert-success.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-info.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--info)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-info.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-info.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-info.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-info.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-info.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-info.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-info.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-info.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-info.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-info.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-info.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-info.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-info.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-info.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-info.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-info.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-info.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-info.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-info.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .alert-info.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-light.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); border-inline-start-color: rgb(var(--light)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-light.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-light.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-light.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-light.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-light.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-light.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-light.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-light.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-light.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-light.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-light.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-light.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-light.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-light.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-light.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-light.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-light.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-light.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-light.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .alert-light.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-dark.custom-alert-icon{ border-width: 1px; border-inline-start-width: 0.313rem; border-style: solid; border-color: rgb(var(--default-border)); --tw-border-opacity: 1; border-inline-start-color: rgb(0 0 0 / var(--tw-border-opacity)); font-size: 0.813rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .alert-dark.custom-alert-icon.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-dark.custom-alert-icon.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-dark.custom-alert-icon.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-dark.custom-alert-icon.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-dark.custom-alert-icon.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-dark.custom-alert-icon.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-dark.custom-alert-icon.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-dark.custom-alert-icon.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-dark.custom-alert-icon.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-dark.custom-alert-icon.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-dark.custom-alert-icon.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-dark.custom-alert-icon.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-dark.custom-alert-icon.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-dark.custom-alert-icon.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-dark.custom-alert-icon.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-dark.custom-alert-icon.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-dark.custom-alert-icon.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-dark.custom-alert-icon.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .alert-dark.custom-alert-icon:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .alert-dark.custom-alert-icon .btn-close{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } /* Customized Alerts */ /* Customized Alerts1 */ .custom-alert1{ margin-inline-end: 0px; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1.25rem; color: rgb(var(--default-text-color)); } .custom-alert1:is(.dark *){ background-color: rgb(var(--body-bg)); } .custom-alert1 p{ margin-bottom: 2.5rem; font-size: 0.8rem; --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .custom-alert1 .custom-alert-icon{ margin-bottom: 0.85rem; height: 3.125rem; width: 3.125rem; } .custom-alert1 .btn-close{ margin-bottom: 1rem; padding: 0px; } .box .card-body.custom-alert1 .btn-close .simplebar-track{ inset-inline-end: 0px; } .custom-alert1.alert-primary{ border-top-width: 0.313rem; border-style: solid; border-color: rgb(var(--primary)); } .custom-alert1.alert-secondary{ border-top-width: 0.313rem; border-style: solid; border-color: rgb(var(--secondary)); } .custom-alert1.alert-warning{ border-top-width: 0.313rem; border-style: solid; border-color: rgb(var(--warning)); } .custom-alert1.alert-danger{ border-top-width: 0.313rem; border-style: solid; border-color: rgb(var(--danger)); } /* Customized Alerts1 */ /* Image alerts */ .alert-img{ display: flex; align-items: center; } .alert-img .avatar{ border-width: 1px; border-style: solid; border-color: rgb(0 0 0 / 0.1); } .alert-img .avatar.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .alert-img .avatar.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .alert-img .avatar.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .alert-img .avatar.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .alert-img .avatar.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .alert-img .avatar.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .alert-img .avatar.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .alert-img .avatar.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .alert-img .avatar.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .alert-img .avatar.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .alert-img .avatar.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .alert-img .avatar.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .alert-img .avatar.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .alert-img .avatar.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .alert-img .avatar.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .alert-img .avatar.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .alert-img .avatar.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .alert-img .avatar.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } /* Image alerts */ /* Start Avatar Styles */ .avatar{ position: relative; margin-bottom: 0.25rem; display: inline-flex; height: 2.625rem; width: 2.625rem; align-items: center; justify-content: center; border-radius: 0.25rem; font-weight: 500; } .avatar a.badge:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .avatar img{ height: 100%; width: 100%; border-radius: 0.5rem; } .avatar .avatar-rounded{ border-radius: 9999px !important; } .avatar .avatar-rounded img{ border-radius: 9999px !important; } .avatar.avatar-radius-0{ border-radius: 0; } .avatar.avatar-radius-0 img{ border-radius: 0; } .avatar .avatar-badge{ position: absolute !important; top: -4% !important; inset-inline-end: -0.375rem !important; display: flex !important; height: 1.4rem !important; width: 1.4rem !important; align-items: center !important; justify-content: center !important; border-radius: 9999px !important; border-width: 2px !important; border-style: solid !important; --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; font-size: 0.625rem !important; } .avatar.online, .avatar.offline{ position: relative; } .avatar.online::before, .avatar.offline::before{ position: absolute; inset-inline-end: 0px; bottom: 0px; height: 0.75rem; width: 0.75rem; border-radius: 9999px; border-width: 2px; border-style: solid; content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .avatar.online:is(.dark *)::before, .avatar.offline:is(.dark *)::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .avatar.online:before{ background-color: rgb(var(--success)); } .avatar.offline:before{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .avatar.avatar-xs{ height: 1.25rem; width: 1.25rem; font-size: 0.65rem; line-height: 1.25rem; } .avatar.avatar-xs .avatar-badge{ top: -25% !important; inset-inline-end: -0.5rem !important; height: 1rem !important; width: 1rem !important; padding: 0.25rem !important; font-size: 0.5rem !important; line-height: 1rem !important; } .avatar.avatar-xs.online::before, .avatar.avatar-xs.offline::before{ height: 0.5rem; content: var(--tw-content); width: 0.5rem; } .avatar.avatar-sm{ height: 1.75rem; width: 1.75rem; font-size: 0.65rem; line-height: 1.75rem; } .avatar.avatar-sm .avatar-badge{ top: -38% !important; inset-inline-end: -0.5rem !important; height: 1.1rem !important; width: 1.1rem !important; padding: 0.3rem !important; font-size: 0.5rem !important; line-height: 1.1rem !important; } .avatar.avatar-sm.online::before, .avatar.avatar-sm.offline::before{ height: 0.5rem; content: var(--tw-content); width: 0.5rem; } .avatar.avatar-md{ height: 2.5rem; width: 2.5rem; font-size: 0.8rem; line-height: 2.5rem; } .avatar.avatar-md .avatar-badge{ top: -6% !important; inset-inline-end: -13% !important; height: 1.2rem !important; width: 1.2rem !important; padding: 0.4rem !important; font-size: 0.65rem !important; line-height: 1.2rem !important; } .avatar.avatar-md.online::before, .avatar.avatar-md.offline::before{ height: 0.75rem; content: var(--tw-content); width: 0.75rem; } .avatar.avatar-md svg{ height: 1.5rem; width: 1.5rem; } .avatar.avatar-lg{ height: 3rem; width: 3rem; font-size: 1rem; line-height: 3rem; } .avatar.avatar-lg .avatar-badge{ top: -15%; inset-inline-end: -0.25%; } .avatar.avatar-lg.online::before, .avatar.avatar-lg.offline::before{ height: 0.8rem; content: var(--tw-content); width: 0.8rem; } .avatar.avatar-lg svg{ height: 1.8rem; width: 1.8rem; } .avatar.avatar-xl{ height: 4rem; width: 4rem; font-size: 1.25rem; line-height: 4rem; } .avatar.avatar-xl .avatar-badge{ top: -8%; inset-inline-end: -0.2%; } .avatar.avatar-xl.online::before, .avatar.avatar-xl.offline::before{ height: 0.95rem; content: var(--tw-content); width: 0.95rem; } .avatar.avatar-xxl{ height: 5rem; width: 5rem; font-size: 1.5rem; line-height: 5rem; } .avatar.avatar-xxl .avatar-badge{ top: -4%; inset-inline-end: -0%; } .avatar.avatar-xxl.online, .avatar.avatar-xxl.offline{ bottom: 0.25rem; } .avatar.avatar-xxl.online::before, .avatar.avatar-xxl.offline::before{ height: 1.05rem; content: var(--tw-content); width: 1.05rem; } .avatar-rounded{ border-radius: 9999px !important; } .avatar-rounded img{ border-radius: 9999px !important; } /* Start:: Breadcrumb Styles */ .breadcrumb{ margin-bottom: 0.5rem; display: flex; flex-wrap: wrap; } .breadcrumb .breadcrumb-item a{ color: rgb(var(--primary)) !important; } .svg-icon-med.breadcrumb .breadcrumb-item a{ background-color: rgb(var(--primary) / 0.2); } .breadcrumb .breadcrumb-item.active{ font-weight: 500; color: rgb(var(--default-text-color)); } .breadcrumb-item + .breadcrumb-item{ padding-inline-start: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before{ margin-inline-end: 0.5rem; color: rgb(var(--text-muted)); --tw-content: "/"; content: var(--tw-content); } .breadcrumb-item + .breadcrumb-item:is(.dark *)::before{ content: var(--tw-content); color: rgb(var(--text-muted) / 0.5); } .breadcrumb-example1 .breadcrumb-item + .breadcrumb-item::before{ margin-inline-end: 0px !important; color: rgb(var(--text-muted)) !important; --tw-content: "" !important; content: var(--tw-content) !important; } .breadcrumb-example1 .breadcrumb-item + .breadcrumb-item:is(.dark *)::before{ content: var(--tw-content) !important; color: rgb(var(--text-muted) / 0.5) !important; } .breadcrumb-example2 .breadcrumb-item + .breadcrumb-item::before{ color: rgb(var(--text-muted)); --tw-content: "~"; content: var(--tw-content); } .breadcrumb-example2 .breadcrumb-item + .breadcrumb-item:is(.dark *)::before{ content: var(--tw-content); color: rgb(var(--text-muted) / 0.5); } .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before{ color: rgb(var(--text-muted)); --tw-content: "->"; content: var(--tw-content); } .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item:is(.dark *)::before{ color: rgb(var(--text-muted) / 0.5); } .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before{ color: rgb(var(--text-muted)); --tw-content: ""; content: var(--tw-content); } .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item:is(.dark *)::before{ color: rgb(var(--text-muted) / 0.5); } .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before{ color: rgb(var(--text-muted)); --tw-content: ""; content: var(--tw-content); } .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item:is(.dark *)::before{ color: rgb(var(--text-muted) / 0.5); } .embedded-breadcrumb:before{ opacity: 0.7; } .embedded-breadcrumb:before::before{ --tw-content: ""; content: var(--tw-content); } .dark .embedded-breadcrumb:before{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } /* End:: Breadcrumb Styles */ /* Start:: Page-header Breadcrumb Styles */ .page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ font-family: remixicon !important; font-size: 1rem !important; --tw-content: "" !important; content: var(--tw-content) !important; color: rgb(var(--text-muted)) !important; } .page-header-breadcrumb{ margin-bottom: 1.75rem; } .breadcrumb-input{ min-width: 12.5rem !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .page-header-breadcrumb .form-group{ --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .page-header-breadcrumb .ti-btn{ --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } /* End:: Page-header Breadcrumb Styles */ .custom-button{ position: relative; padding-inline-start: 2.75rem; } .custom-button .custom-ti-btn-icons{ position: absolute; inset-inline-start: -0.125rem; top: 0px; display: flex; height: 2.25rem; width: 2.25rem; align-items: center; justify-content: center; overflow: hidden; border-radius: 3.125rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.375rem; font-size: 1rem; --tw-shadow: 0 0 1px 0.25rem rgba(0,0,0,0.1); --tw-shadow-colored: 0 0 1px 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .custom-button .custom-ti-btn-icons i{ position: absolute; } .ti-btn-border-down.ti-btn-soft-teal{ border-left-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0.1875rem !important; border-top-width: 0px !important; border-style: solid !important; border-bottom-color: rgb(var(--teal)) !important; } .ti-btn-border-start.ti-btn-soft-secondary{ border-inline-start-width: 0.1875rem !important; border-top-width: 0px !important; border-bottom-width: 0px !important; border-inline-end-width: 0px !important; border-style: solid !important; border-inline-start-color: rgb(var(--secondary)) !important; } .ti-btn-border-end.ti-btn-soft-purple{ border-inline-end-width: 0.1875rem !important; border-top-width: 0px !important; border-inline-start-width: 0px !important; border-bottom-width: 0px !important; border-style: solid !important; border-inline-end-color: rgb(var(--purple)) !important; } .ti-btn-border-top.ti-btn-soft-warning{ border-left-width: 0px !important; border-right-width: 0px !important; border-top-width: 0.1875rem !important; border-bottom-width: 0px !important; border-style: solid !important; border-top-color: rgb(var(--warning)) !important; } .ti-btn-hover{ position: relative; } .ti-btn-hover.ti-btn-hover-animate{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0s; transition-duration: 0.2s; transition-timing-function: linear; } .ti-btn-hover.ti-btn-hover-animate::before{ position: absolute; inset-inline-end: 0px; top: 0px; display: flex; height: 100%; width: 2rem; align-items: center; justify-content: center; font-family: bootstrap-icons; font-size: 0.8125rem; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0s; transition-duration: 0.2s; transition-timing-function: linear; --tw-content: ""; content: var(--tw-content); } .ti-btn-hover.ti-btn-hover-animate:hover{ padding-inline-end: 2rem; } .ti-btn-hover.ti-btn-hover-animate:hover::before{ text-indent: 0px; content: var(--tw-content); opacity: 1; } .ti-btn-darken-hover{ position: relative; } .ti-btn-darken-hover:hover::before{ position: absolute; top: 0px; inset-inline-start: 0px; height: 100%; width: 100%; content: var(--tw-content); background-color: rgb(0 0 0 / 0.25); } @keyframes spin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .ti-btn-loader i{ animation: spin 1s linear infinite !important; } .ti-btn-group-vertical > .ti-btn, .ti-btn-group > .ti-btn{ position: relative; flex-grow: 1; } .btn-check{ width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; pointer-events: none; position: absolute; } .ti-btn-list a{ margin-inline-start: 0px !important; margin-inline-end: 0.375rem !important; margin-top: 0px !important; margin-bottom: 0.375rem !important; } .label-ti-btn{ position: relative; padding-inline-start: 2.6rem; } .label-ti-btn-icon{ position: absolute; inset-inline-start: -0px; top: -0px; bottom: -0px; display: flex; width: 2.25rem; align-items: center; justify-content: center; background-color: rgb(255 255 255 / 0.2); font-size: 1rem; } .label-ti-btn.label-end{ padding-inline-start: 1rem !important; padding-inline-end: 2.6rem !important; } .label-ti-btn.label-end .label-ti-btn-icon{ inset-inline-end: -0px; inset-inline-start: auto; } /* Start:: Social Buttons */ .ti-btn-facebook{ border-width: 1px; border-style: solid; border-color: rgb(var(--facebook)); background-color: rgb(var(--facebook)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-facebook.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-facebook.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-facebook.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-facebook.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-facebook.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-facebook.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-facebook.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-facebook.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-facebook.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-facebook.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-facebook.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-facebook.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-facebook.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-facebook.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-facebook.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-facebook.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-facebook.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-facebook.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-facebook:hover, .ti-btn-facebook:focus, .ti-btn-facebook:active{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--facebook)) !important; background-color: rgb(var(--facebook)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-btn-facebook:hover.border-primary1, .ti-btn-facebook:focus.border-primary1, .ti-btn-facebook:active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-facebook:hover.border-primary1.border-opacity-10, .ti-btn-facebook:focus.border-primary1.border-opacity-10, .ti-btn-facebook:active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-facebook:hover.border-primary1.border-opacity-25, .ti-btn-facebook:focus.border-primary1.border-opacity-25, .ti-btn-facebook:active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-facebook:hover.border-primary1.border-opacity-50, .ti-btn-facebook:focus.border-primary1.border-opacity-50, .ti-btn-facebook:active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-facebook:hover.border-primary1.border-opacity-75, .ti-btn-facebook:focus.border-primary1.border-opacity-75, .ti-btn-facebook:active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-facebook:hover.border-primary1.border-opacity-100, .ti-btn-facebook:focus.border-primary1.border-opacity-100, .ti-btn-facebook:active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-facebook:hover.border-primary2, .ti-btn-facebook:focus.border-primary2, .ti-btn-facebook:active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-facebook:hover.border-primary2.border-opacity-10, .ti-btn-facebook:focus.border-primary2.border-opacity-10, .ti-btn-facebook:active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-facebook:hover.border-primary2.border-opacity-25, .ti-btn-facebook:focus.border-primary2.border-opacity-25, .ti-btn-facebook:active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-facebook:hover.border-primary2.border-opacity-50, .ti-btn-facebook:focus.border-primary2.border-opacity-50, .ti-btn-facebook:active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-facebook:hover.border-primary2.border-opacity-75, .ti-btn-facebook:focus.border-primary2.border-opacity-75, .ti-btn-facebook:active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-facebook:hover.border-primary2.border-opacity-100, .ti-btn-facebook:focus.border-primary2.border-opacity-100, .ti-btn-facebook:active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-facebook:hover.border-primary3, .ti-btn-facebook:focus.border-primary3, .ti-btn-facebook:active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-facebook:hover.border-primary3.border-opacity-10, .ti-btn-facebook:focus.border-primary3.border-opacity-10, .ti-btn-facebook:active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-facebook:hover.border-primary3.border-opacity-25, .ti-btn-facebook:focus.border-primary3.border-opacity-25, .ti-btn-facebook:active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-facebook:hover.border-primary3.border-opacity-50, .ti-btn-facebook:focus.border-primary3.border-opacity-50, .ti-btn-facebook:active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-facebook:hover.border-primary3.border-opacity-75, .ti-btn-facebook:focus.border-primary3.border-opacity-75, .ti-btn-facebook:active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-facebook:hover.border-primary3.border-opacity-100, .ti-btn-facebook:focus.border-primary3.border-opacity-100, .ti-btn-facebook:active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-google{ border-width: 1px; border-style: solid; border-color: rgb(var(--google)); background-color: rgb(var(--google)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-google.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-google.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-google.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-google.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-google.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-google.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-google.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-google.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-google.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-google.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-google.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-google.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-google.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-google.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-google.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-google.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-google.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-google.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-google:hover, .ti-btn-google:focus, .ti-btn-google:active{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--google)) !important; background-color: rgb(var(--google)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-btn-google:hover.border-primary1, .ti-btn-google:focus.border-primary1, .ti-btn-google:active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-google:hover.border-primary1.border-opacity-10, .ti-btn-google:focus.border-primary1.border-opacity-10, .ti-btn-google:active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-google:hover.border-primary1.border-opacity-25, .ti-btn-google:focus.border-primary1.border-opacity-25, .ti-btn-google:active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-google:hover.border-primary1.border-opacity-50, .ti-btn-google:focus.border-primary1.border-opacity-50, .ti-btn-google:active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-google:hover.border-primary1.border-opacity-75, .ti-btn-google:focus.border-primary1.border-opacity-75, .ti-btn-google:active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-google:hover.border-primary1.border-opacity-100, .ti-btn-google:focus.border-primary1.border-opacity-100, .ti-btn-google:active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-google:hover.border-primary2, .ti-btn-google:focus.border-primary2, .ti-btn-google:active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-google:hover.border-primary2.border-opacity-10, .ti-btn-google:focus.border-primary2.border-opacity-10, .ti-btn-google:active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-google:hover.border-primary2.border-opacity-25, .ti-btn-google:focus.border-primary2.border-opacity-25, .ti-btn-google:active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-google:hover.border-primary2.border-opacity-50, .ti-btn-google:focus.border-primary2.border-opacity-50, .ti-btn-google:active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-google:hover.border-primary2.border-opacity-75, .ti-btn-google:focus.border-primary2.border-opacity-75, .ti-btn-google:active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-google:hover.border-primary2.border-opacity-100, .ti-btn-google:focus.border-primary2.border-opacity-100, .ti-btn-google:active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-google:hover.border-primary3, .ti-btn-google:focus.border-primary3, .ti-btn-google:active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-google:hover.border-primary3.border-opacity-10, .ti-btn-google:focus.border-primary3.border-opacity-10, .ti-btn-google:active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-google:hover.border-primary3.border-opacity-25, .ti-btn-google:focus.border-primary3.border-opacity-25, .ti-btn-google:active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-google:hover.border-primary3.border-opacity-50, .ti-btn-google:focus.border-primary3.border-opacity-50, .ti-btn-google:active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-google:hover.border-primary3.border-opacity-75, .ti-btn-google:focus.border-primary3.border-opacity-75, .ti-btn-google:active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-google:hover.border-primary3.border-opacity-100, .ti-btn-google:focus.border-primary3.border-opacity-100, .ti-btn-google:active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-twitter{ border-width: 1px; border-style: solid; border-color: rgb(var(--twitter)); background-color: rgb(var(--twitter)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-twitter.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-twitter.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-twitter.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-twitter.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-twitter.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-twitter.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-twitter.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-twitter.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-twitter.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-twitter.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-twitter.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-twitter.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-twitter.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-twitter.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-twitter.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-twitter.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-twitter.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-twitter.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-twitter:hover, .ti-btn-twitter:focus, .ti-btn-twitter:active{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--twitter)) !important; background-color: rgb(var(--twitter)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-btn-twitter:hover.border-primary1, .ti-btn-twitter:focus.border-primary1, .ti-btn-twitter:active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-twitter:hover.border-primary1.border-opacity-10, .ti-btn-twitter:focus.border-primary1.border-opacity-10, .ti-btn-twitter:active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-twitter:hover.border-primary1.border-opacity-25, .ti-btn-twitter:focus.border-primary1.border-opacity-25, .ti-btn-twitter:active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-twitter:hover.border-primary1.border-opacity-50, .ti-btn-twitter:focus.border-primary1.border-opacity-50, .ti-btn-twitter:active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-twitter:hover.border-primary1.border-opacity-75, .ti-btn-twitter:focus.border-primary1.border-opacity-75, .ti-btn-twitter:active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-twitter:hover.border-primary1.border-opacity-100, .ti-btn-twitter:focus.border-primary1.border-opacity-100, .ti-btn-twitter:active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-twitter:hover.border-primary2, .ti-btn-twitter:focus.border-primary2, .ti-btn-twitter:active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-twitter:hover.border-primary2.border-opacity-10, .ti-btn-twitter:focus.border-primary2.border-opacity-10, .ti-btn-twitter:active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-twitter:hover.border-primary2.border-opacity-25, .ti-btn-twitter:focus.border-primary2.border-opacity-25, .ti-btn-twitter:active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-twitter:hover.border-primary2.border-opacity-50, .ti-btn-twitter:focus.border-primary2.border-opacity-50, .ti-btn-twitter:active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-twitter:hover.border-primary2.border-opacity-75, .ti-btn-twitter:focus.border-primary2.border-opacity-75, .ti-btn-twitter:active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-twitter:hover.border-primary2.border-opacity-100, .ti-btn-twitter:focus.border-primary2.border-opacity-100, .ti-btn-twitter:active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-twitter:hover.border-primary3, .ti-btn-twitter:focus.border-primary3, .ti-btn-twitter:active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-twitter:hover.border-primary3.border-opacity-10, .ti-btn-twitter:focus.border-primary3.border-opacity-10, .ti-btn-twitter:active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-twitter:hover.border-primary3.border-opacity-25, .ti-btn-twitter:focus.border-primary3.border-opacity-25, .ti-btn-twitter:active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-twitter:hover.border-primary3.border-opacity-50, .ti-btn-twitter:focus.border-primary3.border-opacity-50, .ti-btn-twitter:active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-twitter:hover.border-primary3.border-opacity-75, .ti-btn-twitter:focus.border-primary3.border-opacity-75, .ti-btn-twitter:active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-twitter:hover.border-primary3.border-opacity-100, .ti-btn-twitter:focus.border-primary3.border-opacity-100, .ti-btn-twitter:active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-github{ border-width: 1px; border-style: solid; border-color: rgb(var(--github)); background-color: rgb(var(--github)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-github.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-github.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-github.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-github.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-github.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-github.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-github.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-github.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-github.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-github.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-github.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-github.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-github.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-github.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-github.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-github.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-github.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-github.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-github:hover, .ti-btn-github:focus, .ti-btn-github:active{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--github)) !important; background-color: rgb(var(--github)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-btn-github:hover.border-primary1, .ti-btn-github:focus.border-primary1, .ti-btn-github:active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-github:hover.border-primary1.border-opacity-10, .ti-btn-github:focus.border-primary1.border-opacity-10, .ti-btn-github:active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-github:hover.border-primary1.border-opacity-25, .ti-btn-github:focus.border-primary1.border-opacity-25, .ti-btn-github:active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-github:hover.border-primary1.border-opacity-50, .ti-btn-github:focus.border-primary1.border-opacity-50, .ti-btn-github:active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-github:hover.border-primary1.border-opacity-75, .ti-btn-github:focus.border-primary1.border-opacity-75, .ti-btn-github:active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-github:hover.border-primary1.border-opacity-100, .ti-btn-github:focus.border-primary1.border-opacity-100, .ti-btn-github:active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-github:hover.border-primary2, .ti-btn-github:focus.border-primary2, .ti-btn-github:active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-github:hover.border-primary2.border-opacity-10, .ti-btn-github:focus.border-primary2.border-opacity-10, .ti-btn-github:active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-github:hover.border-primary2.border-opacity-25, .ti-btn-github:focus.border-primary2.border-opacity-25, .ti-btn-github:active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-github:hover.border-primary2.border-opacity-50, .ti-btn-github:focus.border-primary2.border-opacity-50, .ti-btn-github:active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-github:hover.border-primary2.border-opacity-75, .ti-btn-github:focus.border-primary2.border-opacity-75, .ti-btn-github:active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-github:hover.border-primary2.border-opacity-100, .ti-btn-github:focus.border-primary2.border-opacity-100, .ti-btn-github:active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-github:hover.border-primary3, .ti-btn-github:focus.border-primary3, .ti-btn-github:active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-github:hover.border-primary3.border-opacity-10, .ti-btn-github:focus.border-primary3.border-opacity-10, .ti-btn-github:active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-github:hover.border-primary3.border-opacity-25, .ti-btn-github:focus.border-primary3.border-opacity-25, .ti-btn-github:active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-github:hover.border-primary3.border-opacity-50, .ti-btn-github:focus.border-primary3.border-opacity-50, .ti-btn-github:active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-github:hover.border-primary3.border-opacity-75, .ti-btn-github:focus.border-primary3.border-opacity-75, .ti-btn-github:active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-github:hover.border-primary3.border-opacity-100, .ti-btn-github:focus.border-primary3.border-opacity-100, .ti-btn-github:active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-youtube{ border-width: 1px; border-style: solid; border-color: rgb(var(--youtube)); background-color: rgb(var(--youtube)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-youtube.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-youtube.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-youtube.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-youtube.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-youtube.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-youtube.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-youtube.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-youtube.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-youtube.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-youtube.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-youtube.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-youtube.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-youtube.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-youtube.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-youtube.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-youtube.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-youtube.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-youtube.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-youtube:hover, .ti-btn-youtube:focus, .ti-btn-youtube:active{ border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--youtube)) !important; background-color: rgb(var(--youtube)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-btn-youtube:hover.border-primary1, .ti-btn-youtube:focus.border-primary1, .ti-btn-youtube:active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-youtube:hover.border-primary1.border-opacity-10, .ti-btn-youtube:focus.border-primary1.border-opacity-10, .ti-btn-youtube:active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-youtube:hover.border-primary1.border-opacity-25, .ti-btn-youtube:focus.border-primary1.border-opacity-25, .ti-btn-youtube:active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-youtube:hover.border-primary1.border-opacity-50, .ti-btn-youtube:focus.border-primary1.border-opacity-50, .ti-btn-youtube:active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-youtube:hover.border-primary1.border-opacity-75, .ti-btn-youtube:focus.border-primary1.border-opacity-75, .ti-btn-youtube:active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-youtube:hover.border-primary1.border-opacity-100, .ti-btn-youtube:focus.border-primary1.border-opacity-100, .ti-btn-youtube:active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-youtube:hover.border-primary2, .ti-btn-youtube:focus.border-primary2, .ti-btn-youtube:active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-youtube:hover.border-primary2.border-opacity-10, .ti-btn-youtube:focus.border-primary2.border-opacity-10, .ti-btn-youtube:active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-youtube:hover.border-primary2.border-opacity-25, .ti-btn-youtube:focus.border-primary2.border-opacity-25, .ti-btn-youtube:active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-youtube:hover.border-primary2.border-opacity-50, .ti-btn-youtube:focus.border-primary2.border-opacity-50, .ti-btn-youtube:active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-youtube:hover.border-primary2.border-opacity-75, .ti-btn-youtube:focus.border-primary2.border-opacity-75, .ti-btn-youtube:active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-youtube:hover.border-primary2.border-opacity-100, .ti-btn-youtube:focus.border-primary2.border-opacity-100, .ti-btn-youtube:active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-youtube:hover.border-primary3, .ti-btn-youtube:focus.border-primary3, .ti-btn-youtube:active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-youtube:hover.border-primary3.border-opacity-10, .ti-btn-youtube:focus.border-primary3.border-opacity-10, .ti-btn-youtube:active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-youtube:hover.border-primary3.border-opacity-25, .ti-btn-youtube:focus.border-primary3.border-opacity-25, .ti-btn-youtube:active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-youtube:hover.border-primary3.border-opacity-50, .ti-btn-youtube:focus.border-primary3.border-opacity-50, .ti-btn-youtube:active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-youtube:hover.border-primary3.border-opacity-75, .ti-btn-youtube:focus.border-primary3.border-opacity-75, .ti-btn-youtube:active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-youtube:hover.border-primary3.border-opacity-100, .ti-btn-youtube:focus.border-primary3.border-opacity-100, .ti-btn-youtube:active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-instagram{ border-width: 1px; border-style: solid; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(240 148 51 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-instagram.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-instagram.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-instagram.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-instagram.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-instagram.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-instagram.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-instagram.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-instagram.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-instagram.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-instagram.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-instagram.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-instagram.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-instagram.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-instagram.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-instagram.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-instagram.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-instagram.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-instagram.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f09433", endColorstr="#bc1888",GradientType=1 ); } .ti-btn-instagram:hover, .ti-btn-instagram:focus, .ti-btn-instagram:active{ border-width: 1px; border-style: solid; border-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-instagram:hover.border-primary1, .ti-btn-instagram:focus.border-primary1, .ti-btn-instagram:active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-instagram:hover.border-primary1.border-opacity-10, .ti-btn-instagram:focus.border-primary1.border-opacity-10, .ti-btn-instagram:active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-instagram:hover.border-primary1.border-opacity-25, .ti-btn-instagram:focus.border-primary1.border-opacity-25, .ti-btn-instagram:active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-instagram:hover.border-primary1.border-opacity-50, .ti-btn-instagram:focus.border-primary1.border-opacity-50, .ti-btn-instagram:active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-instagram:hover.border-primary1.border-opacity-75, .ti-btn-instagram:focus.border-primary1.border-opacity-75, .ti-btn-instagram:active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-instagram:hover.border-primary1.border-opacity-100, .ti-btn-instagram:focus.border-primary1.border-opacity-100, .ti-btn-instagram:active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-instagram:hover.border-primary2, .ti-btn-instagram:focus.border-primary2, .ti-btn-instagram:active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-instagram:hover.border-primary2.border-opacity-10, .ti-btn-instagram:focus.border-primary2.border-opacity-10, .ti-btn-instagram:active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-instagram:hover.border-primary2.border-opacity-25, .ti-btn-instagram:focus.border-primary2.border-opacity-25, .ti-btn-instagram:active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-instagram:hover.border-primary2.border-opacity-50, .ti-btn-instagram:focus.border-primary2.border-opacity-50, .ti-btn-instagram:active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-instagram:hover.border-primary2.border-opacity-75, .ti-btn-instagram:focus.border-primary2.border-opacity-75, .ti-btn-instagram:active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-instagram:hover.border-primary2.border-opacity-100, .ti-btn-instagram:focus.border-primary2.border-opacity-100, .ti-btn-instagram:active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-instagram:hover.border-primary3, .ti-btn-instagram:focus.border-primary3, .ti-btn-instagram:active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-instagram:hover.border-primary3.border-opacity-10, .ti-btn-instagram:focus.border-primary3.border-opacity-10, .ti-btn-instagram:active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-instagram:hover.border-primary3.border-opacity-25, .ti-btn-instagram:focus.border-primary3.border-opacity-25, .ti-btn-instagram:active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-instagram:hover.border-primary3.border-opacity-50, .ti-btn-instagram:focus.border-primary3.border-opacity-50, .ti-btn-instagram:active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-instagram:hover.border-primary3.border-opacity-75, .ti-btn-instagram:focus.border-primary3.border-opacity-75, .ti-btn-instagram:active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-instagram:hover.border-primary3.border-opacity-100, .ti-btn-instagram:focus.border-primary3.border-opacity-100, .ti-btn-instagram:active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .label-ti-btn{ position: relative !important; padding-inline-start: 2.6rem !important; } .btn-check + .ti-btn.ti-btn-outline-primary:hover, .btn-check:active + .ti-btn-outline-primary, .btn-check:checked + .ti-btn-outline-primary, .ti-btn-outline-primary.active, .ti-btn-outline-primary.dropdown-toggle.show, .ti-btn-outline-primary:active{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .btn-check + .ti-btn.ti-btn-outline-light:hover, .btn-check:active + .ti-btn-outline-light, .btn-check:checked + .ti-btn-outline-light, .ti-btn-outline-light.active, .ti-btn-outline-light.dropdown-toggle.show, .ti-btn-outline-light:active{ border-color: rgb(var(--light)) !important; background-color: rgb(var(--light)) !important; color: rgb(var(--default-text-color)) !important; } .btn-check + .ti-btn.ti-btn-outline-light:hover:is(.dark *), .btn-check:active + .ti-btn-outline-light:is(.dark *), .btn-check:checked + .ti-btn-outline-light:is(.dark *), .ti-btn-outline-light.active:is(.dark *), .ti-btn-outline-light.dropdown-toggle.show:is(.dark *), .ti-btn-outline-light:active:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .btn-check + .ti-btn.ti-btn-outline-light:hover, .btn-check:active + .ti-btn-outline-light, .btn-check:checked + .ti-btn-outline-light, .ti-btn-outline-light.active, .ti-btn-outline-light.dropdown-toggle.show, .ti-btn-outline-light:active{ border-color: rgb(var(--light)) !important; background-color: rgb(var(--light)) !important; color: rgb(var(--default-text-color)) !important; } .btn-check + .ti-btn.ti-btn-outline-light:hover:is(.dark *), .btn-check:active + .ti-btn-outline-light:is(.dark *), .btn-check:checked + .ti-btn-outline-light:is(.dark *), .ti-btn-outline-light.active:is(.dark *), .ti-btn-outline-light.dropdown-toggle.show:is(.dark *), .ti-btn-outline-light:active:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } button{ cursor: pointer !important; } .ti-btn{ cursor: pointer !important; } /* End:: Social Buttons */ .box.box-bg-primary{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box.box-bg-success{ background-color: rgb(var(--secondary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } /* Start::Card Background Colors */ .box-bg-primary{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-primary .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-primary .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary1{ background-color: rgb(var(--primary-tint1-rgb)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-primary1 .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary1 .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-primary1 .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary1 .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary2{ background-color: rgb(var(--primary-tint2-rgb)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-primary2 .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary2 .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-primary2 .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary2 .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary3{ background-color: rgb(var(--primary-tint3-rgb)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-primary3 .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary3 .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-primary3 .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-primary3 .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-secondary{ background-color: rgb(var(--secondary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-secondary .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-secondary .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-secondary .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-secondary .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-warning{ background-color: rgb(var(--warning)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-warning .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-warning .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-warning .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-warning .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-info{ background-color: rgb(var(--info)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-info .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-info .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-info .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-info .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-success{ background-color: rgb(var(--success)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-success .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-success .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-success .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-success .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-danger{ background-color: rgb(var(--danger)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-danger .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-danger .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-danger .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-danger .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-orange{ background-color: rgb(var(--orange)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .box-bg-orange .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-orange .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-orange .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-orange .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-light{ background-color: rgb(var(--light)) !important; color: rgb(var(--default-text-color)) !important; } .box-bg-light .box-header{ border-bottom-color: rgb(var(--default-border)); color: rgb(var(--default-text-color)); } .box-bg-light .box-body{ color: rgb(var(--default-text-color)); } .box-bg-light .box-footer{ border-top-color: rgb(var(--default-border)); color: rgb(var(--default-text-color)); } .box-bg-dark{ background-color: rgb(var(--dark)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .box-bg-dark .h1, [class=dark] .box-bg-dark .h2, [class=dark] .box-bg-dark .h3, [class=dark] .box-bg-dark .h4, [class=dark] .box-bg-dark .h5, [class=dark] .box-bg-dark .h6, [class=dark] .box-bg-dark h1, [class=dark] .box-bg-dark h2, [class=dark] .box-bg-dark h3, [class=dark] .box-bg-dark h4, [class=dark] .box-bg-dark h5, [class=dark] .box-bg-dark h6{ color: rgb(var(--custom-white)) !important; } [class=dark] .box-bg-dark .text-fixed-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .box-bg-dark.box{ color: rgb(var(--custom-white)) !important; } [class=dark] .box-bg-dark.box .card-body, [class=dark] .box-bg-dark.box .card-footer{ color: rgb(var(--custom-white)) !important; } .box-bg-dark .box-header{ border-bottom-width: 1px; border-style: solid; border-bottom-color: rgba(255,255,255,0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-dark .box-header::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .box-bg-dark .box-body{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .box-bg-dark .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgba(255,255,255,0.2); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* End::Card Background Colors */ .mySwiper1 .swiper-button-next:after, .mySwiper1 .swiper-button-prev:after{ font-size: 1.5rem !important; font-weight: 300 !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .mySwiper1 .swiper-pagination-bullet{ height: 3px; width: 30px; border-radius: 0; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start Box Styles */ .box{ position: relative; margin-bottom: 1.5rem; display: flex; flex-direction: column; border-radius: 0.5rem; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.813rem; color: rgb(var(--default-text-color)); --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .box:is(.dark *){ background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.7); --tw-shadow: 0px 2px 1px -1px rgba(255,255,255,0.05); --tw-shadow-colored: 0px 2px 1px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .box-header{ position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; border-bottom-width: 0px; background-color: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 0.5rem; } .box-title{ position: relative; margin-bottom: 0px; font-size: 0.95rem; font-weight: 500; } .box-footer{ border-top-width: 1px; border-style: solid; border-top-color: rgb(var(--default-border)); background-color: transparent; padding: 1rem; font-size: 0.8125rem; } .box-body{ flex: 1 1 auto; padding: 1rem; color: rgb(var(--default-text-color)); } .box-body:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } .box-footer{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-width: 1px; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.8125rem; color: rgb(var(--default-text-color)); } .box-footer:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } @media (min-width: 768px){ .box-footer{ padding-top: 1rem; padding-bottom: 1rem; padding-left: 1.25rem; padding-right: 1.25rem; } } .display-1{ font-size: 5rem; } .display-2{ font-size: 4.5rem; } .display-3{ font-size: 4rem; } .display-4{ font-size: 3.5rem; } .display-5{ font-size: 3rem; } .display-6{ font-size: 2.5rem; } .overlay-box{ position: relative; overflow: hidden; color: rgb(255 255 255 / 0.9); } .overlay-box::before{ position: absolute; inset: 0px; content: var(--tw-content); background-color: rgb(0 0 0 / 0.2); } .overlay-box .box-header{ border-color: rgb(255 255 255 / 0.1); } .overlay-box .box-footer{ border-color: rgb(255 255 255 / 0.1); } .over-content-bottom{ top: auto; } .box-anchor{ pointer-events: none; position: absolute; inset: 0px; z-index: 1; --tw-content: ; content: var(--tw-content); } .box.box-fullscreen{ position: fixed; inset: 0px; z-index: 9999; margin: 0px; border-radius: 0; } .box-img-overlay{ position: absolute; inset: 0px; overflow: auto; border-radius: 0.25rem; } .card-img-top{ border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } /* End Box Styles */ .lead{ font-size: 1.25rem; font-weight: 300; } /* Start Alert Styles */ .alert{ margin-bottom: 1rem; border-radius: 0.25rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; padding-bottom: 0.625rem; font-weight: 500; color: 0.8125; } .alert:last-child{ margin-bottom: 0px; } .text-badge .badge{ position: absolute; inset-inline-end: -1rem; top: -1rem; } /* End Alert Styles */ .review-quote{ position: absolute; inset-inline-end: 0.8rem; background-color: transparent; padding: 0.625rem; font-size: 1.875rem; line-height: 0; color: rgb(var(--primary) / 0.7); } /* Start Badge Styles */ .badge{ display: inline-flex; align-items: center; border-radius: 0.25rem; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.45rem; padding-right: 0.45rem; font-size: 11px; font-weight: 500; line-height: 1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .badge:last-child{ margin-bottom: 0px; } /* End Badge Styles */ /* Start List-Group Styles */ .ti-list-group{ align-items: center; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); text-align: start; font-size: 0.8125rem; font-weight: 400; } .ti-list-group.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-list-group.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-list-group.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-list-group.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-list-group.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-list-group.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-list-group.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-list-group.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-list-group.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-list-group.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-list-group.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-list-group.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-list-group.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-list-group.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-list-group.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-list-group.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-list-group.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-list-group.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-list-group:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .ti-list-group .ti-list-group-item{ border-bottom-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; } .ti-list-group .ti-list-group-item:last-child{ border-bottom-width: 0px; } .ti-list-group .ti-list-group-item:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .ti-list-group .ti-list-group-item.active{ border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-list-group .ti-list-group-item.disabled, .ti-list-group .ti-list-group-item:disabled{ background-color: rgb(var(--light)) !important; color: rgb(var(--text-muted)) !important; opacity: 0.5 !important; } .ti-list-group .ti-list-group-item.disabled:is(.dark *), .ti-list-group .ti-list-group-item:disabled:is(.dark *){ color: rgb(var(--text-muted) / 0.5) !important; } .ti-list-group .ti-list-group-item.ti-list-group-item-action{ width: 100%; } .ti-list-group .ti-list-group-item.ti-list-group-item-action:hover, .ti-list-group .ti-list-group-item.ti-list-group-item-action:focus{ background-color: rgb(var(--light)); } .ti-list-group .ti-list-group-item.ti-icon-link{ padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; } .ti-list-group .ti-list-group-item.ti-icon-link:focus{ z-index: 10; outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ti-list-group-flush{ border-width: 0px; } /* End List-Group Styles */ /* Start Progress Styles */ .ti-main-progress{ display: flex; height: 0.375rem; width: 100%; overflow: hidden; border-radius: 9999px; } .ti-main-progress .ti-main-progress-bar{ display: flex; flex-direction: column; justify-content: center; overflow: hidden; } /* End Progress Styles */ /* Start Spinner Styles */ .ti-spinner{ display: inline-block; height: 1.5rem; width: 1.5rem; } @keyframes spin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .ti-spinner{ animation: spin 1s linear infinite; border-radius: 9999px; border-width: 3px; border-color: currentColor; border-top-color: transparent; } /* End Spinner Styles */ /* Start Toast Styles */ .ti-toast{ max-width: 20rem; border-radius: 0.25rem; border-width: 1px; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ti-toast.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-toast.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-toast.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-toast.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-toast.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-toast.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-toast.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-toast.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-toast.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-toast.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-toast.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-toast.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-toast.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-toast.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-toast.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-toast.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-toast.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-toast.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [class=dark] .ti-toast{ --tw-shadow: 0 1rem 3rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .ti-toast:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } /* End Toast Styles */ .ti-border{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } /* Start:: Nav-tabs */ .nav-link:focus, .nav-link:hover{ color: rgb(var(--primary)); } .svg-icon-med.nav-link:focus,.svg-icon-med .nav-link:hover{ background-color: rgb(var(--primary) / 0.2); } .nav-tabs{ border-color: rgb(var(--default-border)); } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ border-color: rgb(var(--default-border)); background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{ border-color: rgb(var(--default-border)); } .nav-tabs-header{ border-width: 0px; } .nav-tabs-header .nav-item{ margin-inline-end: 0.5rem; } .nav-tabs-header .nav-item:last-child{ margin-inline-end: 0px; } .nav-tabs-header .nav-item .nav-link{ border-radius: 0.25rem; border-width: 1px; border-style: solid; border-color: transparent; padding: 0.5rem; font-size: 0.8rem; font-weight: 500; } .nav-tabs-header .nav-item .nav-link.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link.active{ border-width: 1px; border-style: solid; border-color: transparent; background-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary)); } .svg-icon-med.nav-tabs-header .nav-item .nav-link.active{ background-color: rgb(var(--primary) / 0.2); } .nav-tabs-header .nav-item .nav-link.active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link.active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link.active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link.active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link.active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link:hover, .nav-tabs-header .nav-item .nav-link:focus{ border-width: 1px; border-style: solid; border-color: transparent; color: rgb(var(--primary)); } .svg-icon-med.nav-tabs-header .nav-item .nav-link:hover,.svg-icon-med .nav-tabs-header .nav-item .nav-link:focus{ background-color: rgb(var(--primary) / 0.2); } .nav-tabs-header .nav-item .nav-link:hover.border-primary1, .nav-tabs-header .nav-item .nav-link:focus.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link:hover.border-primary1.border-opacity-10, .nav-tabs-header .nav-item .nav-link:focus.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary1.border-opacity-25, .nav-tabs-header .nav-item .nav-link:focus.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary1.border-opacity-50, .nav-tabs-header .nav-item .nav-link:focus.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary1.border-opacity-75, .nav-tabs-header .nav-item .nav-link:focus.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary1.border-opacity-100, .nav-tabs-header .nav-item .nav-link:focus.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary2, .nav-tabs-header .nav-item .nav-link:focus.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link:hover.border-primary2.border-opacity-10, .nav-tabs-header .nav-item .nav-link:focus.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary2.border-opacity-25, .nav-tabs-header .nav-item .nav-link:focus.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary2.border-opacity-50, .nav-tabs-header .nav-item .nav-link:focus.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary2.border-opacity-75, .nav-tabs-header .nav-item .nav-link:focus.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary2.border-opacity-100, .nav-tabs-header .nav-item .nav-link:focus.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary3, .nav-tabs-header .nav-item .nav-link:focus.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .nav-tabs-header .nav-item .nav-link:hover.border-primary3.border-opacity-10, .nav-tabs-header .nav-item .nav-link:focus.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary3.border-opacity-25, .nav-tabs-header .nav-item .nav-link:focus.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary3.border-opacity-50, .nav-tabs-header .nav-item .nav-link:focus.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary3.border-opacity-75, .nav-tabs-header .nav-item .nav-link:focus.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .nav-tabs-header .nav-item .nav-link:hover.border-primary3.border-opacity-100, .nav-tabs-header .nav-item .nav-link:focus.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .nav-justified .nav-item, .nav-justified > .nav-link{ flex-grow: 1; flex-basis: 0px; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{ width: 100%; } .nav.nav-style-1{ border-width: 0px; } .nav.nav-style-3 .nav-link{ border-radius: 0 !important; border-bottom-width: 3px; border-style: solid; border-color: transparent; } .nav.nav-style-3 .nav-link.active{ border-radius: 0 !important; border-bottom-width: 3px !important; border-style: solid !important; border-color: rgb(var(--primary)) !important; background-color: transparent !important; color: rgb(var(--primary)) !important; } .svg-icon-med.nav.nav-style-3 .nav-link.active{ background-color: rgb(var(--primary) / 0.2); } /* End:: Nav-tabs */ /* Start:: Tab-style-6 */ .tab-style-6{ border-radius: 0.5rem; border-width: 0px; background-color: rgb(var(--primary) / 0.1); padding: 0.5rem; color: rgb(var(--primary)); } .svg-icon-med.tab-style-6{ background-color: rgb(var(--primary) / 0.2); } .tab-style-6 .nav-item{ margin-inline-end: 0.5rem; border-width: 0px; } .tab-style-6 .nav-item:last-child{ margin-inline-end: 0px; } .tab-style-6 .nav-item .nav-link{ border-width: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.8125rem; font-weight: 500; color: rgb(var(--primary)); } .svg-icon-med.tab-style-6 .nav-item .nav-link{ background-color: rgb(var(--primary) / 0.2); } .tab-style-6 .nav-item .nav-link.active{ border-width: 0px; background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .tab-style-6 .nav-item .nav-link.active{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .tab-style-6 .nav-item .nav-link:hover, .tab-style-6 .nav-item .nav-link:focus{ border-width: 0px; } .navbar{ border-radius: 0.5rem; } .navbar .navbar-nav .nav-link{ padding-top: 0.4rem; padding-bottom: 0.4rem; padding-left: 1rem; padding-right: 1rem; font-weight: 500; line-height: 1; } .navbar .navbar-toggler{ border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding: 0.4rem; font-size: 1rem; line-height: 1; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .navbar .navbar-toggler.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .navbar .navbar-toggler.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .navbar .navbar-toggler.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .navbar .navbar-toggler.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .navbar .navbar-toggler.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .navbar .navbar-toggler.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .navbar .navbar-toggler.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .navbar .navbar-toggler.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .navbar .navbar-toggler.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .navbar .navbar-toggler.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .navbar .navbar-toggler.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .navbar .navbar-toggler.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .navbar .navbar-toggler.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .navbar .navbar-toggler.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .navbar .navbar-toggler.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .navbar .navbar-toggler.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .navbar .navbar-toggler.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .navbar .navbar-toggler.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .navbar .navbar-toggler .navbar-toggler-icon{ position: relative; height: 1rem; width: 1rem; background-image: none; } .navbar .navbar-toggler .navbar-toggler-icon::before{ position: absolute; inset-inline-start: 0px; font-size: 1rem; color: rgb(var(--default-text-color)); --tw-content: ""; content: var(--tw-content); } .navbar .navbar-toggler:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .navitem{ margin-inline-end: 1rem; } /* End:: Tab-style-6 */ /* start::background */ .bg-primary-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-secondary-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--secondary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--secondary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-warning-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--warning)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--warning) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-info-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--info)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--info) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-success-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--success)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--success) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-danger-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--danger)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--danger) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-orange-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--orange)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--orange) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-purple-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--purple)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--purple) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-teal-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--teal)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--teal) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-light-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--light)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--light) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-dark-gradient{ background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; --tw-gradient-from: #000 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #0086ed var(--tw-gradient-to-position) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } /* End:: backgrounds */ code{ overflow-wrap: break-word !important; font-size: 0.675rem !important; } .color-container{ display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 9999px; line-height: 3rem; } .bd-example-row [class^=col], .bd-example-cssgrid .grid > *{ border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); background-color: rgb(var(--light) / 0.75); padding-top: 0.75rem; padding-bottom: 0.75rem; } .bd-example-row [class^=col].border-primary1, .bd-example-cssgrid .grid > *.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bd-example-row [class^=col].border-primary1.border-opacity-10, .bd-example-cssgrid .grid > *.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bd-example-row [class^=col].border-primary1.border-opacity-25, .bd-example-cssgrid .grid > *.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bd-example-row [class^=col].border-primary1.border-opacity-50, .bd-example-cssgrid .grid > *.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bd-example-row [class^=col].border-primary1.border-opacity-75, .bd-example-cssgrid .grid > *.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bd-example-row [class^=col].border-primary1.border-opacity-100, .bd-example-cssgrid .grid > *.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bd-example-row [class^=col].border-primary2, .bd-example-cssgrid .grid > *.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bd-example-row [class^=col].border-primary2.border-opacity-10, .bd-example-cssgrid .grid > *.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bd-example-row [class^=col].border-primary2.border-opacity-25, .bd-example-cssgrid .grid > *.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bd-example-row [class^=col].border-primary2.border-opacity-50, .bd-example-cssgrid .grid > *.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bd-example-row [class^=col].border-primary2.border-opacity-75, .bd-example-cssgrid .grid > *.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bd-example-row [class^=col].border-primary2.border-opacity-100, .bd-example-cssgrid .grid > *.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bd-example-row [class^=col].border-primary3, .bd-example-cssgrid .grid > *.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bd-example-row [class^=col].border-primary3.border-opacity-10, .bd-example-cssgrid .grid > *.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bd-example-row [class^=col].border-primary3.border-opacity-25, .bd-example-cssgrid .grid > *.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bd-example-row [class^=col].border-primary3.border-opacity-50, .bd-example-cssgrid .grid > *.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bd-example-row [class^=col].border-primary3.border-opacity-75, .bd-example-cssgrid .grid > *.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bd-example-row [class^=col].border-primary3.border-opacity-100, .bd-example-cssgrid .grid > *.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bd-example-cssgrid .grid > *{ border-radius: 0.25rem; } .bd-example-row-flex-cols .grid{ min-height: 10rem; background-color: rgb(var(--light) / 0.5); } .bd-example-row-flex-cols .grid .col{ padding: 0.75rem; } .flex-container div{ border-width: 0px; background-color: transparent; } .flex-container div > div{ border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); background-color: rgb(var(--light)); } .flex-container div > div.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .flex-container div > div.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .flex-container div > div.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .flex-container div > div.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .flex-container div > div.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .flex-container div > div.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .flex-container div > div.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .flex-container div > div.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .flex-container div > div.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .flex-container div > div.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .flex-container div > div.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .flex-container div > div.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .flex-container div > div.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .flex-container div > div.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .flex-container div > div.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .flex-container div > div.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .flex-container div > div.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .flex-container div > div.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .flex-container div > div:is(.dark *){ border-color: rgb(var(--body-bg)); } .ratio{ position: relative; width: 100%; } .ratio::before{ content: var(--tw-content); display: block; } .bd-example-ratios .ratio{ display: inline-block; width: 10rem; border-radius: 0.5rem; border-color: rgb(var(--default-border)); background-color: rgb(var(--primary) / 0.1); color: rgb(var(--text-muted)); } .bd-example-ratios .ratio:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .bd-example-position-utils .position-absolute{ position: absolute; height: 2rem; width: 2rem; border-radius: 0.375rem; background-color: rgb(var(--primary) / 0.1); } .bd-example-position-utils .position-relative{ position: relative; height: 12.5rem; background-color: rgb(var(--light)); } .border-container{ margin: 0.25rem; display: inline-block; height: 5rem; width: 5rem; background-color: rgb(var(--light) / 0.3); } .upcoming-events-list li{ position: relative; margin-bottom: 1.5rem; padding-inline-start: 1.5rem; } .upcoming-events-list li::before{ position: absolute; inset-inline-start: 0px; height: 100%; width: 0.25rem; content: var(--tw-content); border-radius: 0.5rem; } .upcoming-events-list li:nth-child(1)::before{ content: var(--tw-content); background-color: rgb(var(--primary) / 0.3); } .upcoming-events-list li:nth-child(2)::before{ content: var(--tw-content); background-color: rgb(var(--secondary) / 0.3); } .upcoming-events-list li:nth-child(3)::before{ content: var(--tw-content); background-color: rgb(var(--success) / 0.3); } .upcoming-events-list li:nth-child(4)::before{ content: var(--tw-content); background-color: rgb(var(--danger) / 0.3); } .upcoming-events-list li:nth-child(5)::before{ background-color: rgb(var(--info) / 0.3); content: var(--tw-content); background-color: rgb(var(--warning) / 0.3); } .upcoming-events-list li:last-child{ margin-bottom: 0px; } #external-events .fc-event{ margin-bottom: 0.4rem; cursor: move; border-radius: 0.35rem; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.75rem; } .glightbox{ overflow: hidden; } /* start:: project-list */ .project-list-title{ max-width: 13.375rem; } /* Start Dropdown Styles */ .ti-dropdown{ position: relative; display: inline-flex; } .ti-dropdown-toggle{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; vertical-align: middle; font-weight: 500; } .ti-dropdown-caret{ height: 0.625rem; width: 0.625rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .ti-dropdown-caret:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-dropdown-menu{ z-index: 13; min-width: 10rem; border-radius: 0.25rem; border-width: 1px; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); opacity: 0; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: opacity,margin; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ti-dropdown-menu.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-dropdown-menu.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-dropdown-menu.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-dropdown-menu.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-dropdown-menu.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-dropdown-menu.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-dropdown-menu.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-dropdown-menu.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-dropdown-menu.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-dropdown-menu.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-dropdown-menu.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-dropdown-menu.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-dropdown-menu.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-dropdown-menu.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-dropdown-menu.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-dropdown-menu.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-dropdown-menu.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-dropdown-menu.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .hs-dropdown.open > .ti-dropdown-menu{ opacity: 1; } .hs-dropdown.open > .hs-dropdown-toggle .ti-dropdown-menu{ opacity: 1; } .hs-dropdown.open > .hs-dropdown-menu > .ti-dropdown-menu{ opacity: 1; } .ti-dropdown-menu:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .ti-dropdown-menu:is(.dark *){ border-color: rgb(255 255 255 / 0.1); background-color: rgb(var(--body-bg)); } .ti-dropdown-menu{ margin-top: -0.75rem !important; } .ti-dropdown-item{ display: flex; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.9375rem; padding-right: 0.9375rem; font-size: 0.8125rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .ti-dropdown-item:hover{ background-color: rgb(var(--primary) / 0.05); color: rgb(var(--primary)); } .ti-dropdown-item:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-color: rgb(var(--primary)); } .ti-dropdown-item:is(.dark *){ color: rgb(255 255 255 / 0.8); } .ti-dropdown-item:hover:is(.dark *){ background-color: rgb(var(--primary) / 0.05); color: rgb(var(--primary)); } .ti-dropdown-item.active{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-dropdown-item.disabled{ pointer-events: none; background-color: transparent; color: rgb(var(--text-muted)); } .ti-dropdown-item.disabled:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .ti-dropdown-menu-hover::before{ position: absolute; top: -1rem; inset-inline-start: 0px; height: 1rem; content: var(--tw-content); width: 100%; } .ti-dropdown-menu-hover::after{ position: absolute; bottom: -1rem; inset-inline-start: 0px; height: 1rem; content: var(--tw-content); width: 100%; } .ti-dropdown-divider{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .ti-dropdown-divider:first-child{ padding-top: 0px; } .ti-dropdown-divider:last-child{ padding-bottom: 0px; } .ti-dropdown-divider:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } hr:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .ti-dropdown-title{ display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .ti-dropdown-title:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-dropdown-header{ margin: -0.5rem; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.25rem; padding-right: 1.25rem; } .ti-dropdown-header:is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .ti-dropdown-header .ti-dropdown-header-title{ font-size: 0.875rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .ti-dropdown-header .ti-dropdown-header-title:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-dropdown-header .ti-dropdown-header-content{ font-size: 0.875rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .ti-dropdown-header .ti-dropdown-header-content:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-dropdowm-profileimg{ height: auto; width: 2rem; border-radius: 9999px; } .ti-dropdowm-profileimg-content{ max-width: 7.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .ti-dropdowm-profileimg-content:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-dropdown-icon{ height: 1rem; width: 1rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .ti-dropdown-icon:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-dropdown-toggle{ position: relative; } .ti-dropdown-toggle .ti-dropdown-toggle::after{ margin-inline-start: 0.25rem; display: inline-block; border-width: 0px; vertical-align: 0; font-size: 0.6rem; font-weight: 600; --tw-content: ""; content: var(--tw-content); } .ti-dropdown-toggle .ti-dropup .ti-dropdown-toggle::after{ margin-inline-start: 0.25rem; display: inline-block; border-width: 0px; vertical-align: 0; font-size: 0.6rem; font-weight: 600; --tw-content: ""; content: var(--tw-content); } .ti-dropdown-toggle .dropend .ti-dropdown-toggle::after{ margin-inline-start: 0.25rem; display: inline-block; border-width: 0px; vertical-align: 0; font-size: 0.6rem; font-weight: 600; --tw-content: ""; content: var(--tw-content); } .ti-dropdown-toggle .dropstart .ti-dropdown-toggle::before{ margin-inline-start: 0.25rem; display: inline-block; border-width: 0px; vertical-align: 0; font-size: 0.6rem; font-weight: 600; --tw-content: ""; content: var(--tw-content); } .ti-dropdown-toggle .dropdown-toggle-split{ opacity: 0.85; } .dropmenu-item-warning .ti-dropdown-item:hover, .dropmenu-item-warning .ti-dropdown-item:focus, .dropmenu-item-warning .ti-dropdown-item:active, .dropmenu-item-warning .ti-dropdown-item.active{ background-color: rgb(var(--warning) / 0.1) !important; color: rgb(var(--warning)) !important; } .dropmenu-item-info .ti-dropdown-item:hover, .dropmenu-item-info .ti-dropdown-item:focus, .dropmenu-item-info .ti-dropdown-item:active, .dropmenu-item-info .ti-dropdown-item.active{ background-color: rgb(var(--info) / 0.1) !important; color: rgb(var(--info)) !important; } .dropmenu-light-success{ background-color: rgb(var(--success) / 0.1); --tw-backdrop-blur: blur(64px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .dropmenu-light-success .ti-dropdown-item:hover, .dropmenu-light-success .ti-dropdown-item:focus, .dropmenu-light-success .ti-dropdown-item:active, .dropmenu-light-success .ti-dropdown-item.active{ background-color: rgb(var(--success)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .dropmenu-light-danger{ background-color: rgb(var(--danger) / 0.1); --tw-backdrop-blur: blur(64px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .dropmenu-light-danger .ti-dropdown-item:hover, .dropmenu-light-danger .ti-dropdown-item:focus, .dropmenu-light-danger .ti-dropdown-item:active, .dropmenu-light-danger .ti-dropdown-item.active{ background-color: rgb(var(--danger)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-btn-list a{ margin-inline-end: 0px; } .bd-example > .dropdown-menu{ position: static; display: block; } .dropdown-header{ margin-bottom: 0px; display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; } .dropdown-divider{ margin: 0px; border-top-width: 1px; border-color: rgb(var(--default-border)); } .dropdown-divider:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } /* End Dropdown Styles */ /* Start Form Styles */ .ti-form-input{ display: block; width: 100%; border-width: 1px; border-color: rgb(var(--input-border)); font-size: 0.875rem; } .ti-form-input.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-form-input.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-form-input.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-form-input.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-form-input.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-form-input.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-form-input.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-form-input.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-form-input.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-form-input.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-form-input.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-form-input.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-form-input.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-form-input.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-form-input.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-form-input.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-form-input.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-form-input.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-form-input:focus{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ti-form-input:is(.dark *){ border-color: rgb(255 255 255 / 0.1); background-color: rgb(var(--body-bg)); color: rgb(255 255 255 / 0.7); --tw-shadow-color: rgb(255 255 255 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .ti-form-input:focus:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } select{ border-width: 1px !important; } select.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } select.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } select.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } select.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } select.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } select.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } select.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } select.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } select.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } select.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } select.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } select.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } select.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } select.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } select.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } select.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } select.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } select.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } select:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } select{ padding-inline-end: 2.25rem; padding-inline-start: 0.5rem; } select:where([dir="rtl"], [dir="rtl"] *){ background-position: left !important; background-position: 0.5rem !important; } .ti-switch{ position: relative; height: 1.75rem; width: 3.25rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 9999px; border-width: 2px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-color: transparent; --tw-ring-offset-color: #fff; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ti-switch::before{ display: inline-block; height: 1.5rem; width: 1.5rem; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 200ms; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ti-switch:checked{ background-color: rgb(var(--primary)); background-image: none; } .ti-switch:checked::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .ti-switch:focus{ border-color: rgb(var(--primary)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); outline-width: 0px; --tw-ring-color: transparent; --tw-ring-offset-width: 0px; } .ti-switch:is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .ti-switch:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(0 0 0 / 0.2); } .ti-switch:checked:is(.dark *){ background-color: rgb(var(--primary)); } .ti-switch:checked:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(0 0 0 / 0.2); } .ti-switch:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-switch:checked:where([dir="ltr"], [dir="ltr"] *)::before{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ti-switch:checked:where([dir="rtl"], [dir="rtl"] *)::before{ content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ti-switch{ position: relative !important; height: 1.75rem !important; width: 3.25rem !important; border-radius: 9999px !important; border-width: 2px !important; border-color: transparent !important; } .ti-switch:checked{ background-color: rgb(var(--primary)) !important; background-image: none !important; } [type=checkbox].ti-switch{ border-color: transparent !important; } .ti-form-select{ display: block; width: 100%; border-radius: 0.25rem; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-inline-end: 2.25rem; font-size: 0.875rem; } .ti-form-select:focus{ border-color: rgb(var(--primary)); --tw-ring-color: rgb(var(--primary)); } .ti-form-select:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .ti-form-select:is(.dark *):is(.dark *){ background-color: rgb(var(--body-bg)); } .ti-form-select:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-form-select-label{ margin-bottom: 0.5rem; display: block; font-size: 0.8rem; font-weight: 500; } .ti-form-select-label:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-form-label{ margin-bottom: 0.5rem; display: block; font-size: 0.875rem; font-weight: 0.8rem; font-weight: 500; } .ti-form-label:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-form-control{ border-radius: 0.35rem; border-color: rgb(var(--input-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.85rem; padding-right: 0.85rem; font-size: 0.875rem; font-weight: 400; line-height: 1.6; color: rgb(var(--default-text-color)); } .ti-form-control::-moz-placeholder{ color: rgb(var(--default-text-color)); } .ti-form-control::placeholder{ color: rgb(var(--default-text-color)); } .ti-form-control:is(.dark *){ border-color: rgb(255 255 255 / 0.1); background-color: rgb(var(--dark-bg)); } .ti-form-control:is(.dark *)::-moz-placeholder{ color: rgb(var(--default-text-color) / 0.7); } .ti-form-control:is(.dark *)::placeholder{ color: rgb(var(--default-text-color) / 0.7); } .ti-form-control:focus{ border-color: rgb(var(--input-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ti-form-control:focus:is(.dark *){ background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.7); } .form-select{ display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-inline-end: 2.25rem; padding-inline-start: 0.75rem; font-weight: 400; line-height: 1.5; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 0.8125rem; color: rgb(var(--default-text-color)); } .form-select.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .form-select.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .form-select.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .form-select.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .form-select.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .form-select.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .form-select.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .form-select.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .form-select.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .form-select.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .form-select.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .form-select.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .form-select.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .form-select.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .form-select.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .form-select.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .form-select.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .form-select.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .form-select:focus{ border-width: 1px; border-color: rgb(var(--primary)); } .form-select:is(.dark *){ border-color: rgb(255 255 255 / 0.1); background-color: rgb(var(--body-bg)); } .form-select option{ border-radius: 0.25rem; border-width: 1px; border-color: rgb(var(--primary) / 0.1); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.35rem; padding-bottom: 0.35rem; padding-left: 0.75rem; padding-right: 0.75rem; } .form-select option.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .form-select option.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .form-select option.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .form-select option.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .form-select option.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .form-select option.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .form-select option.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .form-select option.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .form-select option.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .form-select option.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .form-select option.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .form-select option.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .form-select option.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .form-select option.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .form-select option.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .form-select option.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .form-select option.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .form-select option.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .form-select option:is(.dark *){ background-color: rgb(var(--body-bg)); } .form-select option:checked{ background-color: rgb(var(--primary) / 0.2); color: rgb(var(--primary)); } .svg-icon-med.form-select option:checked{ background-color: rgb(var(--primary) / 0.2); } [type=checkbox]:focus, [type=radio]:focus{ border-color: rgb(var(--primary)) !important; --tw-ring-color: rgb(var(--primary)) !important; } .form-check-input{ height: 0.9rem; width: 0.9rem; border-radius: 0.25rem; border-width: 1px; border-style: solid; border-color: rgb(var(--input-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .form-check-input.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .form-check-input.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .form-check-input.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .form-check-input.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .form-check-input.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .form-check-input.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .form-check-input.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .form-check-input.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .form-check-input.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .form-check-input.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .form-check-input.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .form-check-input.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .form-check-input.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .form-check-input.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .form-check-input.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .form-check-input.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .form-check-input.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .form-check-input.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .form-check-input:is(.dark *){ border-color: rgb(255 255 255 / 0.1); background-color: rgb(var(--body-bg)); } .form-check-input:focus{ border-width: 1px !important; border-color: rgb(var(--default-border)) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .form-check-input:focus.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .form-check-input:focus.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .form-check-input:focus.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .form-check-input:focus.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .form-check-input:focus.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .form-check-input:focus.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .form-check-input:focus.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .form-check-input:focus.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .form-check-input:focus.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .form-check-input:focus.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .form-check-input:focus.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .form-check-input:focus.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .form-check-input:focus.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .form-check-input:focus.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .form-check-input:focus.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .form-check-input:focus.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .form-check-input:focus.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .form-check-input:focus.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .form-check-input:checked{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; } .form-check-input.form-checked-outline:checked{ border-color: rgb(var(--primary)) !important; background-color: transparent !important; } .form-check-input.form-checked-secondary:checked{ border-color: rgb(var(--secondary)) !important; background-color: rgb(var(--secondary)) !important; } .form-check-input.form-checked-secondary:checked:hover{ background-color: rgb(var(--secondary)) !important; } .form-check-input.form-checked-warning:checked{ border-color: rgb(var(--warning)) !important; background-color: rgb(var(--warning)) !important; } .form-check-input.form-checked-warning:checked:hover{ background-color: rgb(var(--warning)) !important; } .form-check-input.form-checked-info:checked{ border-color: rgb(var(--info)) !important; background-color: rgb(var(--info)) !important; } .form-check-input.form-checked-info:checked:hover{ background-color: rgb(var(--info)) !important; } .form-check-input.form-checked-success:checked{ border-color: rgb(var(--success)) !important; background-color: rgb(var(--success)) !important; } .form-check-input.form-checked-success:checked:focus{ border-color: rgb(var(--success)) !important; background-color: rgb(var(--success)) !important; --tw-shadow-color: rgb(var(--success)) !important; --tw-shadow: var(--tw-shadow-colored) !important; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .form-check-input.form-checked-danger:checked{ border-color: rgb(var(--danger)) !important; background-color: rgb(var(--danger)) !important; } .form-check-input.form-checked-danger:checked:hover{ background-color: rgb(var(--danger)) !important; } .form-check-input.form-checked-light:checked{ border-color: rgb(var(--light)) !important; background-color: rgb(var(--light)) !important; } .form-check-input.form-checked-light:checked:hover{ background-color: rgb(var(--light)) !important; } .form-check-input.form-checked-dark:checked{ --tw-border-opacity: 1 !important; border-color: rgb(35 35 35 / var(--tw-border-opacity)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(35 35 35 / var(--tw-bg-opacity)) !important; } .form-check-input.form-checked-dark:checked:hover{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } [type=radio]{ --tw-ring-color: rgb(var(--primary)); } [type=radio]:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .form-check-input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: top; } .form-check-input[type=checkbox]{ border-radius: 0.25rem; } .form-check-input[type=radio]{ border-radius: 50%; --tw-ring-color: rgb(var(--primary)); } .form-check-input:active{ --tw-brightness: brightness(90%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .form-check-input:focus{ --tw-border-opacity: 1 !important; border-color: rgb(134 183 254 / var(--tw-border-opacity)) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; } .form-check-input:checked{ border-color: rgb(var(--primary)); background-color: rgb(var(--primary)); --tw-ring-color: rgb(var(--primary)); } .input-group-text{ border-radius: 0.3125rem; border-color: rgb(var(--input-border)); background-color: rgb(var(--light)); font-size: 0.875rem; color: rgb(var(--default-text-color)); } .input-group-text .form-control{ border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; border-width: 0px !important; } .input-group-text{ display: flex; align-items: center; white-space: nowrap; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: center; font-size: 0.875rem; font-weight: 400; line-height: 1.5; } .input-group-text.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .input-group-text.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .input-group-text.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .input-group-text.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .input-group-text.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .input-group-text.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .input-group-text.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .input-group-text.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .input-group-text.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .input-group-text.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .input-group-text.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .input-group-text.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .input-group-text.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .input-group-text.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .input-group-text.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .input-group-text.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .input-group-text.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .input-group-text.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .input-group-text:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .input-group{ position: relative; display: flex; width: 100%; flex-wrap: wrap; align-items: stretch; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select{ position: relative; width: 1%; min-width: 0px; flex-shrink: 1; flex-grow: 1; flex-basis: auto; } .form-control{ border-radius: 0.25rem !important; border-color: rgb(var(--input-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; padding-left: 0.85rem !important; padding-right: 0.85rem !important; font-size: 0.875rem !important; font-weight: 400 !important; line-height: 1 !important; color: rgb(var(--default-text-color)) !important; } .form-control::-moz-placeholder{ color: rgb(var(--default-text-color)) !important; } .form-control::placeholder{ color: rgb(var(--default-text-color)) !important; } .form-control:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; background-color: rgb(var(--body-bg)) !important; color: rgb(var(--default-text-color) / 0.8) !important; } .form-control:is(.dark *)::-moz-placeholder{ color: rgb(var(--default-text-color) / 0.8) !important; } .form-control:is(.dark *)::placeholder{ color: rgb(var(--default-text-color) / 0.8) !important; } .form-control::-moz-placeholder{ font-size: 0.8rem; font-weight: 500; opacity: 0.4; } .form-control::placeholder{ font-size: 0.8rem; font-weight: 500; opacity: 0.4; } .form-control:focus{ border-color: rgb(var(--input-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .form-control:focus:is(.dark *){ background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.7); } .form-checked-outline:checked[type=checkbox]{ position: relative !important; background-color: transparent !important; background-image: none !important; } .form-checked-outline:checked[type=checkbox]::before{ position: absolute !important; top: -0px !important; inset-inline-start: 1px !important; height: 0.625rem !important; width: 0.625rem !important; font-family: bootstrap-icons !important; font-size: 0.688rem !important; color: rgb(var(--primary)) !important; --tw-content: "" !important; content: var(--tw-content) !important; } .form-checked-outline:checked[type=checkbox]:hover{ background-color: transparent !important; } .form-checked-outline:checked[type=checkbox].form-checked-success{ border-color: rgb(var(--success)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-success::before{ content: var(--tw-content) !important; color: rgb(var(--success)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-secondary{ border-color: rgb(var(--secondary)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-secondary::before{ content: var(--tw-content) !important; color: rgb(var(--secondary)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-warning{ border-color: rgb(var(--warning)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-warning::before{ content: var(--tw-content) !important; color: rgb(var(--warning)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-info{ border-color: rgb(var(--info)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-info::before{ content: var(--tw-content) !important; color: rgb(var(--info)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-danger{ border-color: rgb(var(--danger)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-danger::before{ content: var(--tw-content) !important; color: rgb(var(--danger)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-dark{ border-color: rgb(var(--dark)) !important; } .form-checked-outline:checked[type=checkbox].form-checked-dark::before{ content: var(--tw-content) !important; color: rgb(var(--dark)) !important; } .form-checked-outline:checked[type=radio]{ position: relative !important; background-color: transparent !important; background-image: none !important; } .form-checked-outline:checked[type=radio]::before{ position: absolute !important; top: -17px !important; inset-inline-start: -9.5px !important; height: 0.625rem !important; width: 0.625rem !important; font-family: bootstrap-icons !important; font-size: 2rem !important; color: rgb(var(--primary)) !important; --tw-content: "" !important; content: var(--tw-content) !important; } .form-checked-outline:checked[type=radio]:hover{ background-color: transparent !important; } .form-checked-outline:checked[type=radio].form-checked-success{ border-color: rgb(var(--success)) !important; } .form-checked-outline:checked[type=radio].form-checked-success::before{ content: var(--tw-content) !important; color: rgb(var(--success)) !important; } .form-checked-outline:checked[type=radio].form-checked-secondary{ border-color: rgb(var(--secondary)) !important; } .form-checked-outline:checked[type=radio].form-checked-secondary::before{ content: var(--tw-content) !important; color: rgb(var(--secondary)) !important; } .form-checked-outline:checked[type=radio].form-checked-warning{ border-color: rgb(var(--warning)) !important; } .form-checked-outline:checked[type=radio].form-checked-warning::before{ content: var(--tw-content) !important; color: rgb(var(--warning)) !important; } .form-checked-outline:checked[type=radio].form-checked-info{ border-color: rgb(var(--info)) !important; } .form-checked-outline:checked[type=radio].form-checked-info::before{ content: var(--tw-content) !important; color: rgb(var(--info)) !important; } .form-checked-outline:checked[type=radio].form-checked-danger{ border-color: rgb(var(--danger)) !important; } .form-checked-outline:checked[type=radio].form-checked-danger::before{ content: var(--tw-content) !important; color: rgb(var(--danger)) !important; } .form-checked-outline:checked[type=radio].form-checked-dark{ border-color: rgb(var(--dark)) !important; } .form-checked-outline:checked[type=radio].form-checked-dark::before{ content: var(--tw-content) !important; color: rgb(var(--dark)) !important; } .form-control-sm{ border-radius: 0.5rem; padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.8rem; line-height: inherit; } .form-control-lg{ padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1rem !important; padding-right: 1rem !important; font-size: .75rem !important; } .form-check-md .form-check-input{ height: 1.15rem; width: 1.15rem; } .form-check-lg .form-check-input{ height: 1.35rem; width: 1.35rem; } .form-check-reverse{ padding-inline-end: 1.5rem; padding-inline-start: 0px; text-align: end; } .form-check-reverse .form-check-input{ margin-inline-end: -1.5em; margin-inline-start: 0px; } .form-check-reverse .form-check-input:where([dir="ltr"], [dir="ltr"] *){ float: right; } .form-check-reverse .form-check-input:where([dir="rtl"], [dir="rtl"] *){ float: left; } [type=text]:focus, input:where(:not([type])):focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus{ border-color: rgb(var(--default-border)) !important; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } [type=text]:focus:is(.dark *), input:where(:not([type])):focus:is(.dark *), [type=email]:focus:is(.dark *), [type=url]:focus:is(.dark *), [type=password]:focus:is(.dark *), [type=number]:focus:is(.dark *), [type=date]:focus:is(.dark *), [type=datetime-local]:focus:is(.dark *), [type=month]:focus:is(.dark *), [type=search]:focus:is(.dark *), [type=tel]:focus:is(.dark *), [type=time]:focus:is(.dark *), [type=week]:focus:is(.dark *), [multiple]:focus:is(.dark *), textarea:focus:is(.dark *), select:focus:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } [type=checkbox]:checked:hover, [type=checkbox]:checked:focus, [type=radio]:checked:hover, [type=radio]:checked:focus{ background-color: rgb(var(--primary)); --tw-ring-color: rgb(var(--primary)); } /* Start:: toggle switches-1 */ .toggle{ position: relative; margin-inline-start: 0.625rem; margin-bottom: 0.313rem; height: 1.563rem; width: 3.75rem; overflow: hidden; border-radius: 0.188rem; background-color: rgb(var(--light)); padding: 0.125rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.2s; transition-timing-function: linear; } .toggle span{ position: absolute; top: 0.188rem; bottom: 0.25rem; inset-inline-start: 0.188rem; display: block; width: 1.25rem; cursor: pointer; border-radius: 0.125rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.2s; transition-timing-function: linear; } [class=dark] .toggle span{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .toggle span::before{ inset-inline-start: -1.563rem; --tw-content: "on"; content: var(--tw-content); } .toggle span::after{ inset-inline-end: -1.813rem; color: rgb(var(--text-muted)); --tw-content: "off"; content: var(--tw-content); } .toggle span:is(.dark *){ background-color: rgb(var(--body-bg)); } .toggle span:is(.dark *)::after{ content: var(--tw-content); color: rgb(var(--text-muted) / 0.5); } .toggle span::before, .toggle span::after{ position: absolute; top: 0.188rem; } .toggle span > :not([hidden]) ~ :not([hidden])::before, .toggle span > :not([hidden]) ~ :not([hidden])::after{ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .toggle span::before, .toggle span::after{ font-size: 0.625rem; font-weight: 500; text-transform: uppercase; line-height: 1.38; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.2s; transition-timing-function: linear; } .toggle span:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden])::before, .toggle span:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden])::after{ --tw-space-x-reverse: 1; } .toggle.on{ background-color: rgb(var(--primary) / 0.3); } .toggle.on span{ inset-inline-start: 2.313rem; background-color: rgb(var(--primary)); } .toggle.on span::before{ content: var(--tw-content); color: rgb(var(--primary)); } .toggle.on.toggle-secondary{ background-color: rgb(var(--secondary) / 0.4); } .toggle.on.toggle-secondary span{ background-color: rgb(var(--secondary)); } .toggle.on.toggle-secondary span::before{ content: var(--tw-content); color: rgb(var(--secondary)); } .toggle.on.toggle-warning{ background-color: rgb(var(--warning) / 0.4); } .toggle.on.toggle-warning span{ background-color: rgb(var(--warning)); } .toggle.on.toggle-warning span::before{ content: var(--tw-content); color: rgb(var(--warning)); } .toggle.on.toggle-info{ background-color: rgb(var(--info) / 0.4); } .toggle.on.toggle-info span{ background-color: rgb(var(--info)); } .toggle.on.toggle-info span::before{ content: var(--tw-content); color: rgb(var(--info)); } .toggle.on.toggle-success{ background-color: rgb(var(--success) / 0.4); } .toggle.on.toggle-success span{ background-color: rgb(var(--success)); } .toggle.on.toggle-success span::before{ content: var(--tw-content); color: rgb(var(--success)); } .toggle.on.toggle-danger{ background-color: rgb(var(--danger) / 0.4); } .toggle.on.toggle-danger span{ background-color: rgb(var(--danger)); } .toggle.on.toggle-danger span::before{ content: var(--tw-content); color: rgb(var(--danger)); } .toggle.on.toggle-light{ background-color: rgb(var(--light)); } .toggle.on.toggle-light:is(.dark *){ background-color: rgb(var(--light) / 0.6); } .toggle.on.toggle-light span{ background-color: rgb(var(--light)); } .toggle.on.toggle-light span::before{ content: var(--tw-content); color: rgb(var(--text-muted)); } .toggle.on.toggle-light span:is(.dark *)::before{ content: var(--tw-content); color: rgb(var(--text-muted) / 0.5); } .toggle.on.toggle-dark{ background-color: rgb(0 0 0 / 0.4); } .toggle.on.toggle-dark:is(.dark *){ background-color: rgb(255 255 255 / 0.4); } .toggle.on.toggle-dark span{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .toggle.on.toggle-dark span::before{ content: var(--tw-content); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .toggle.on.toggle-dark span:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .toggle.on.toggle-dark span:is(.dark *)::before{ content: var(--tw-content); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .toggle.on span{ inset-inline-start: 2.313rem; } .toggle.on.toggle-sm span{ inset-inline-start: 2.313rem; } .toggle.on.toggle-sm span::before{ top: -1px; content: var(--tw-content); inset-inline-start: -1.563rem; } .toggle.on.toggle-lg span{ inset-inline-start: 2.563rem; } .toggle.on.toggle-lg span::before{ top: 0.5rem; content: var(--tw-content); inset-inline-start: -1.75rem; } .toggle.toggle-sm{ height: 1.063rem; width: 3.125rem; } .toggle.toggle-sm span{ height: 0.625rem; width: 0.625rem; } .toggle.toggle-sm span::after{ inset-inline-end: -1.875rem; content: var(--tw-content); top: -1px; } .toggle.toggle-lg{ height: 2.125rem; width: 4.5rem; } .toggle.toggle-lg span{ width: 1.75rem; } .toggle.toggle-lg span::after{ top: 0.5rem; content: var(--tw-content); inset-inline-end: -1.938rem; } /* Start:: toggle switches-2 */ .custom-toggle-switch > input[type=checkbox]{ display: none; } .custom-toggle-switch > label{ position: relative; height: 0px; width: 2.5rem; cursor: pointer; } .label-primary{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-secondary{ background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-warning{ background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-info{ background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-success{ background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-danger{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-light{ background-color: rgb(var(--light)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-dark{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .label-dark:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .custom-toggle-switch > input[type=checkbox]:checked + label::before{ background-color: inherit; opacity: 0.5; } .custom-toggle-switch > label::before{ position: absolute; margin-top: -0.5rem; height: 1rem; width: 2.5rem; border-radius: 0.5rem; background-color: rgb(var(--text-muted)); opacity: 0.3; transition-property: all; transition-duration: 150ms; transition-duration: 0.4s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .custom-toggle-switch > label::after{ position: absolute; inset-inline-start: -0.25rem; top: -0.25rem; margin-top: -0.5rem; height: 1.5rem; width: 1.5rem; border-radius: 1rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 0 0.313rem rgba(228,229,237,0.8); --tw-shadow-colored: 0 0 0.313rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-duration: 150ms; transition-duration: 0.3s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .custom-toggle-switch > label:is(.dark *)::before{ content: var(--tw-content); color: rgb(var(--text-muted) / 0.5); } .custom-toggle-switch > input[type=checkbox]:checked + label::after{ inset-inline-start: 19px; background-color: inherit; } .custom-toggle-switch.toggle-sm > label::before{ height: 10px; width: 27px; border-radius: 10px; } .custom-toggle-switch.toggle-sm input[type=checkbox]:checked + label::after{ inset-inline-start: 13px; } .custom-toggle-switch.toggle-sm > label::after{ height: 17px; width: 17px; border-radius: 9999px; } .custom-toggle-switch.toggle-lg > label::before{ height: 27px; width: 55px; border-radius: 20px; } .custom-toggle-switch.toggle-lg input[type=checkbox]:checked + label::after{ inset-inline-start: 27px; } .custom-toggle-switch.toggle-lg > label::after{ margin-top: -8px; height: 35px; width: 35px; border-radius: 9999px; } /* End:: toggle switches-2 */ /* End:: toggle switches-1 */ /* End Form Styles */ .form-control-sm{ border-color: rgb(var(--input-border)) !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; padding-left: 0.8rem !important; padding-right: 0.8rem !important; font-size: 0.8rem !important; } .form-control-sm:is(.dark *){ border-color: rgb(255 255 255 / 0.1) !important; } .form-control{ width: 100%; border-radius: 0.35rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.85rem; padding-right: 0.85rem; font-size: 0.875rem; font-weight: 400; line-height: 1.6; color: rgb(var(--default-text-color)); } .form-control:focus{ border-color: rgb(var(--input-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .form-control:focus:is(.dark *){ background-color: rgb(var(--body-bg)); } .form-control:disabled, .form-select:disabled{ background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .form-control-plaintext{ margin-bottom: 0px; display: block; width: 100%; border-width: 0px; border-color: transparent; background-color: transparent; padding: 0.375rem; line-height: 1.5rem; } .form-input-color{ height: 2.25rem; width: 2.25rem; overflow: hidden; border-radius: 0.5rem; padding: 0px; } .box .card-body.form-input-color .simplebar-track{ inset-inline-end: 0px; } .form-text{ margin-top: 0.25rem !important; font-size: 0.875em !important; } .form-check{ margin-bottom: 0.125rem; display: block; padding-inline-start: 0px; } .form-check .form-check-label{ padding-inline-start: 0.5rem; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label{ cursor: default; opacity: 0.5; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){ border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){ border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text{ border-radius: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-left: 1rem !important; padding-right: 1rem !important; font-size: 1.25rem !important; } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; font-size: 0.875rem !important; } .form-range{ height: 0.5rem; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.5rem; background-color: rgb(var(--light)); padding: 0px; } .box .card-body.form-range .simplebar-track{ inset-inline-end: 0px; } .form-range:focus{ outline: 2px solid transparent; outline-offset: 2px; } .form-range:disabled{ pointer-events: none; } .form-control-color{ height: 1.75rem !important; width: 1.75rem !important; overflow: hidden !important; border-radius: 0.5rem !important; padding: 0px !important; } .box .card-body.form-control-color .simplebar-track{ inset-inline-end: 0px; } input[type=week]:is(.dark *)::-webkit-calendar-picker-indicator, input[type=month]:is(.dark *)::-webkit-calendar-picker-indicator, input[type=date]:is(.dark *)::-webkit-calendar-picker-indicator, input[type=datetime-local]:is(.dark *)::-webkit-calendar-picker-indicator, input[type=time]:is(.dark *)::-webkit-calendar-picker-indicator{ --tw-invert: invert(100%) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } input[type=week]:where([dir="rtl"], [dir="rtl"] *), input[type=month]:where([dir="rtl"], [dir="rtl"] *), input[type=date]:where([dir="rtl"], [dir="rtl"] *), input[type=datetime-local]:where([dir="rtl"], [dir="rtl"] *), input[type=time]:where([dir="rtl"], [dir="rtl"] *){ direction: rtl !important; text-align: end !important; } input[type=week]:where([dir="rtl"], [dir="rtl"] *)::-webkit-calendar-picker-indicator, input[type=month]:where([dir="rtl"], [dir="rtl"] *)::-webkit-calendar-picker-indicator, input[type=date]:where([dir="rtl"], [dir="rtl"] *)::-webkit-calendar-picker-indicator, input[type=datetime-local]:where([dir="rtl"], [dir="rtl"] *)::-webkit-calendar-picker-indicator, input[type=time]:where([dir="rtl"], [dir="rtl"] *)::-webkit-calendar-picker-indicator{ direction: rtl !important; text-align: end !important; } .form-select:where([dir="rtl"], [dir="rtl"] *){ background-position: left !important; background-position: 0.5rem !important; } .form-label{ margin-bottom: 0.5rem; display: inline-block; font-size: 0.8rem; font-weight: 500; color: rgb(var(--default-text-color)); } .form-label:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } [type=checkbox], [type=radio]{ border-color: rgb(var(--default-border)) !important; } [type=checkbox]:is(.dark *), [type=radio]:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } [type=text], input:where(:not([type])), [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select{ border-radius: 0.35rem !important; border-color: rgb(var(--input-border)) !important; font-size: 0.8125rem !important; } [type=text]:is(.dark *), input:where(:not([type])):is(.dark *), [type=email]:is(.dark *), [type=url]:is(.dark *), [type=password]:is(.dark *), [type=number]:is(.dark *), [type=date]:is(.dark *), [type=datetime-local]:is(.dark *), [type=month]:is(.dark *), [type=search]:is(.dark *), [type=tel]:is(.dark *), [type=time]:is(.dark *), [type=week]:is(.dark *), [multiple]:is(.dark *), textarea:is(.dark *), select:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } input::-moz-placeholder, textarea::-moz-placeholder{ color: rgb(var(--text-muted)) !important; } input::placeholder, textarea::placeholder{ color: rgb(var(--text-muted)) !important; } input:is(.dark *)::-moz-placeholder, textarea:is(.dark *)::-moz-placeholder{ color: rgb(var(--default-text-color) / 0.5) !important; } input:is(.dark *)::placeholder, textarea:is(.dark *)::placeholder{ color: rgb(var(--default-text-color) / 0.5) !important; } .switcher-pricing [type=checkbox], .switcher-pricing [type=radio]{ color: rgb(var(--primary)) !important; } .svg-icon-med.switcher-pricing [type=checkbox],.svg-icon-med .switcher-pricing [type=radio]{ background-color: rgb(var(--primary) / 0.2); } [dir=rtl] .select{ background-position: right 0.5rem; } /* Start:: form wizard */ .wizard-tab{ display: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3sec; transition-timing-function: linear; } .wizard-tab .wizard-nav{ margin-top: 60px; display: flex; flex-wrap: wrap; padding-left: 1.5rem; padding-right: 1.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3sec; } .wizard-tab .wizard-nav .wizard-step{ cursor: pointer; } .wizard-tab .wizard-nav .wizard-step.nav-buttons{ cursor: default; } .wizard-tab .wizard-nav .wizard-step.nav-buttons span{ cursor: default; } .wizard-tab .wizard-nav.tabs .wizard-step{ position: relative; max-width: 100%; flex-basis: 0px; border-bottom-width: 1px; --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 14px; } .wizard-tab .wizard-nav.tabs .wizard-step.active{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-width: 1px; border-bottom-width: 0px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.tabs .wizard-step.active.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .wizard-tab .wizard-nav.progress{ height: auto; overflow: auto; border-radius: 0.25rem; line-height: 1rem; } .wizard-tab .wizard-nav.progress .wizard-step{ position: relative; max-width: 100%; flex-grow: 1; flex-basis: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); background-color: rgb(var(--success)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 14px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3sec; transition-timing-function: linear; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.progress .wizard-step.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .wizard-tab .wizard-nav.progress .wizard-step.active ~ .wizard-step{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--default-text-color)); } .wizard-tab .wizard-nav.progress .wizard-step.active ~ .wizard-step:is(.dark *){ background-color: rgb(var(--body-bg)); color: rgb(var(--default-text-color) / 0.8); } .wizard-tab .wizard-nav.dots .wizard-step{ position: relative; max-width: 100%; flex-grow: 1; flex-basis: 0px; text-align: center; font-size: 14px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3sec; transition-timing-function: linear; } .wizard-tab .wizard-nav.dots .wizard-step::before{ position: absolute; top: -16px; inset-inline-start: 50%; z-index: 2; height: 2px; width: 100%; content: var(--tw-content); background-color: rgb(var(--primary)); } .wizard-tab .wizard-nav.dots .wizard-step::after{ position: absolute; top: -16px; inset-inline-start: 50%; z-index: 1; height: 2px; width: 100%; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step:is(.dark *)::after{ content: var(--tw-content); background-color: rgb(var(--light)); } .wizard-tab .wizard-nav.dots .wizard-step:last-child::before{ content: var(--tw-content); display: none; } .wizard-tab .wizard-nav.dots .wizard-step:last-child::after{ content: var(--tw-content); display: none; } .wizard-tab .wizard-nav.dots .wizard-step span{ cursor: pointer; font-weight: 500; } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(1).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.1s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(2).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.2s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(3).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.3s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(4).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.4s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(5).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.5s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(6).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.6s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(7).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.7s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(8).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.8s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(9).dot{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.9s; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step .dot{ position: absolute; top: -20px; inset-inline-start: 50%; z-index: 3; height: 10px; width: 10px; border-radius: 9999px; background-color: rgb(var(--primary)); --tw-shadow: 0 0 0 2px rgba(255,255,255); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-duration: 150ms; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .wizard-tab .wizard-nav.dots .wizard-step .dot:is(.dark *){ --tw-shadow: 0 0 0 2px rgb(--body-bg); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(1)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.1s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(2)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.2s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(3)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.3s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(4)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.4s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(5)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.5s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(6)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.6s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(7)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.7s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(8)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.8s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step:nth-of-type(9)::before{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 0.9s; transition-duration: 0.2s; content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot::before{ width: 0%; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot:is(.dark *){ background-color: rgb(var(--light)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot:is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--light)) !important; } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .wizard-step.active .dot{ background-color: rgb(var(--primary)); --tw-shadow: 0 0 0 3px rgba(92,103,247,0.2); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .wizard-step.active .dot::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .wizard-step.active .dot::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .wizard-step.active .dot:is(.dark *)::after{ content: var(--tw-content); background-color: rgb(var(--light)); } .wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .wizard-step.active .dot:is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--light)) !important; } .wizard-tab .wizard-nav.dots .wizard-content{ padding: 3rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-content .wizard-step{ display: none; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-content .wizard-step.active{ display: block; } .wizard-tab .wizard-nav.dots .wizard-buttons{ display: flex; align-items: center; justify-content: flex-end; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn{ margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 0.15rem; border-width: 1px; border-color: transparent; background-color: rgb(var(--primary)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: center; vertical-align: middle; font-weight: 400; line-height: .75rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn:hover{ background-color: rgba(25,143,209,0.8); } .wizard-tab .wizard-nav.dots .wizard-buttons .wizard-btn:disabled{ pointer-events: none; cursor: not-allowed; opacity: 0.65; } .wizard.vertical{ display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard.vertical .wizard-nav{ flex: 1 1 0%; flex-direction: column; padding-top: 0px; padding-bottom: 0px; padding-left: 3rem; padding-right: 3rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: linear; } .wizard.vertical .wizard-nav .wizard-step::before{ top: 7px; inset-inline-start: -12px; height: 100%; content: var(--tw-content); width: 2px; } .wizard.vertical .wizard-nav .wizard-step::after{ top: 7px; inset-inline-start: -12px; height: 100%; content: var(--tw-content); width: 2px; } .wizard.vertical .wizard-nav .wizard-step .dot{ top: 7px; inset-inline-start: -15px; } .wizard.vertical .wizard-nav .wizard-step.active ~ .wizard-step::before{ content: var(--tw-content); height: 0%; } .wizard.vertical .wizard-content{ width: 75%; padding-top: 0px; padding-inline-end: 0px; padding-inline-start: 3rem; padding-bottom: 0px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .wizard.vertical .wizard-buttons{ flex-basis: 100%; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .highlight-error{ outline-width: 1px; outline-color: rgb(var(--danger)); } @media screen and (min-width: 1024px) { .wizard.vertical .wizard-nav{ max-width: 250px; } } @media screen and (max-width: 767px) { .wizard.vertical .wizard-nav .wizard-step{ padding-inline-start: 1rem; text-align: start; } .wizard.vertical .wizard-content{ padding-top: 2rem; padding-bottom: 2rem; padding-left: 0px; padding-right: 0px; } } .wizard.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step:before{ width: 35% !important; background-color: transparent !important; padding: 25px !important; } .wizard.wizard-tab .wizard-nav.dots .wizard-step:before{ position: absolute; top: -16px; } .wizard.wizard-tab .wizard-nav.dots .wizard-step .dot{ top: -25px; inset-inline-start: 46%; height: 20px; width: 20px; } .wizard.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot{ border-width: 2px; --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .wizard.wizard-tab .wizard-nav.dots .wizard-step.active ~ .wizard-step .dot:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); background-color: rgb(var(--body-bg)); } .wizard-btn.btn.finish{ display: none !important; } .wizard.wizard-tab .wizard-buttons{ justify-content: space-between; border-top-width: 1px; border-color: rgb(var(--default-border)); padding: 1rem; } .wizard.wizard-tab .wizard-buttons:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .wizard.wizard-tab .wizard-buttons .wizard-btn{ margin: 0px; min-width: 100px; border-radius: 0.35rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.85rem; padding-right: 0.85rem; } .wizard.wizard-tab .wizard-buttons .wizard-btn:hover{ background-color: rgb(var(--primary)); } .wizard.wizard-tab .wizard-buttons .wizard-btn:disabled{ opacity: 0; } .wizard-tab .wizard-buttons .wizard-btn.prev{ background-color: rgb(var(--light)) !important; color: rgb(var(--default-text-color)) !important; } .wizard-tab .wizard-buttons .wizard-btn.prev:hover{ background-color: rgb(var(--light)) !important; } .wizard-tab .wizard-buttons .wizard-btn.prev:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .payment-card-container{ position: relative; border-radius: 0.3rem; border-width: 1px; border-color: rgb(var(--input-border)); padding: 0.625rem; } .payment-card-container.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .payment-card-container.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .payment-card-container.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .payment-card-container.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .payment-card-container.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .payment-card-container.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .payment-card-container.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .payment-card-container.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .payment-card-container.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .payment-card-container.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .payment-card-container.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .payment-card-container.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .payment-card-container.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .payment-card-container.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .payment-card-container.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .payment-card-container.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .payment-card-container.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .payment-card-container.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .payment-card-container:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .payment-card-container .form-check-input{ position: absolute; inset-inline-end: 0.75rem; top: 1.2rem; } @media (max-width: 575.98px) { .wizard-tab .wizard-nav{ flex-direction: column; gap: 1.5rem; } .wizard.wizard-tab .wizard-nav.dots .wizard-step:before{ top: 1.75rem !important; inset-inline-start: 2.55rem !important; height: 100% !important; width: 2px !important; } .wizard.wizard-tab .wizard-nav.dots .wizard-step:after{ top: 1.75rem !important; inset-inline-start: 2.55rem !important; height: 100% !important; width: 2px !important; } .wizard.wizard-tab .wizard-nav.dots .wizard-step .dot{ top: 6px !important; inset-inline-start: 2.25rem !important; height: 12px !important; width: 12px !important; } .wizard-tab .wizard-nav.dots .wizard-step{ padding-inline-start: 4rem !important; text-align: start !important; } } .wizard-tab .wizard-content .wizard-step{ display: none; } .wizard-tab .wizard-content .wizard-step.active{ display: block; } @media (max-width: 350.98px) { .wizard-tab .wizard-content{ padding: 2rem !important; } } .wizard-tab .wizard-content{ padding: 3rem; } .wizard-tab .wizard-buttons .wizard-btn.prev{ background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .wizard-tab .wizard-buttons .wizard-btn{ margin-left: 10px !important; margin-right: 10px !important; margin-top: 0px !important; margin-bottom: 0px !important; display: inline-block !important; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; border-radius: 0.35rem !important; border-width: 1px !important; border-color: transparent !important; background-color: rgb(var(--primary)) !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; text-align: center !important; vertical-align: middle !important; font-weight: 400 !important; line-height: 1 !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .wizard-tab .wizard-buttons .wizard-btn.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .wizard-tab .wizard-buttons .wizard-btn.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .wizard-tab .wizard-buttons .wizard-btn.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .wizard-tab .wizard-buttons .wizard-btn.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .wizard-btn.btn.finish{ display: none !important; } .wizard.wizard-tab .wizard-buttons{ display: flex; justify-content: space-between; border-top-width: 1px; border-color: rgb(var(--default-border)); padding: 1rem; } .wizard.wizard-tab .wizard-buttons:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .wizard-tab .wizard-nav.dots .wizard-step.active:before{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active:is(.dark *):before{ background-color: rgb(var(--light)); } .wizard-tab .wizard-nav.dots .wizard-step.active:after{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active:is(.dark *):after{ background-color: rgb(var(--light)); } .wizard-tab .wizard-nav.dots .wizard-step:before{ background-color: rgb(var(--primary)) !important; } .form-control-light{ border-width: 0px !important; background-color: rgb(var(--light)) !important; } .form-control-light:is(.dark *){ background-color: rgb(var(--light)) !important; } .choices-control-light .choices__inner{ border-width: 0px !important; background-color: rgb(var(--light)) !important; } .ti-switch.ti-switch-custom{ position: relative !important; height: 14px !important; width: 2em !important; cursor: pointer !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 9999px !important; border-width: 0px !important; border-color: transparent !important; --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; --tw-ring-color: transparent !important; --tw-ring-offset-color: #fff !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important; transition-duration: 200ms !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .ti-switch.ti-switch-custom::before{ position: absolute !important; top: 2px !important; inset-inline-end: 13px !important; display: inline-block !important; height: 0.6rem !important; width: 0.6rem !important; --tw-translate-x: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; border-radius: 9999px !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; transition-duration: 200ms !important; content: var(--tw-content) !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .ti-switch.ti-switch-custom:checked{ background-color: rgb(var(--primary)) !important; background-image: none !important; } .ti-switch.ti-switch-custom:checked::before{ content: var(--tw-content) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .ti-switch.ti-switch-custom:focus{ border-color: rgb(var(--primary)) !important; --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; outline-width: 0px !important; --tw-ring-color: transparent !important; --tw-ring-offset-width: 0px !important; } .ti-switch.ti-switch-custom:is(.dark *){ background-color: rgb(0 0 0 / 0.2) !important; } .ti-switch.ti-switch-custom:is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(0 0 0 / 0.2) !important; } .ti-switch.ti-switch-custom:checked:is(.dark *){ background-color: rgb(var(--primary)) !important; } .ti-switch.ti-switch-custom:checked:is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(0 0 0 / 0.2) !important; } .ti-switch.ti-switch-custom:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1) !important; } .ti-switch.ti-switch-custom:checked:where([dir="ltr"], [dir="ltr"] *)::before{ content: var(--tw-content) !important; --tw-translate-x: 100% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .ti-switch.ti-switch-custom:checked:where([dir="rtl"], [dir="rtl"] *)::before{ content: var(--tw-content) !important; --tw-translate-x: -100% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .ti-switch.ti-switch-custom.secondary:checked{ background-color: rgb(var(--secondary)) !important; } .ti-switch.ti-switch-custom.warning:checked{ background-color: rgb(var(--warning)) !important; } .ti-switch.ti-switch-custom.info:checked{ background-color: rgb(var(--info)) !important; } .ti-switch.ti-switch-custom.success:checked{ background-color: rgb(var(--success)) !important; } .ti-switch.ti-switch-custom.danger:checked{ background-color: rgb(var(--danger)) !important; } .ti-switch.ti-switch-custom.dark:checked{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .ti-switch{ background-color: rgb(var(--light)) !important; } [type=checkbox]:focus, [type=radio]:focus{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; outline: 2px solid transparent !important; outline-offset: 2px !important; --tw-ring-offset-width: 0px !important; --tw-ring-color: transparent !important; } .input-group .form-control{ border-inline-start-width: 0px; } .underlined-floatiing-label textarea:focus:is(.dark *){ border-left-width: 0px !important; border-right-width: 0px !important; border-top-width: 0px !important; } .underlined-floatiing-label input:focus:is(.dark *){ border-left-width: 0px !important; border-right-width: 0px !important; border-top-width: 0px !important; } .wizard-tab .wizard-nav.dots .wizard-step.active:before{ --tw-bg-opacity: 1 !important; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; } .wizard-tab .wizard-nav.dots .wizard-step.active:after{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .wizard-tab .wizard-nav.dots .wizard-step.active:is(.dark *)::before{ content: var(--tw-content) !important; background-color: rgb(var(--light)) !important; } .ts-control, .ts-control input, .ts-dropdown{ color: rgb(var(--default-text-color)) !important; } .ts-control:is(.dark *), .ts-control input:is(.dark *), .ts-dropdown:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } /* End:: form wizard */ /* Start Modal Styles */ .ti-modal{ pointer-events: none; position: fixed; top: 0px; inset-inline-start: 0px; z-index: 999; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; opacity: 0; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .open.ti-modal{ opacity: 1; transition-duration: 500ms; } .open .ti-modal{ opacity: 1; transition-duration: 500ms; } .ti-modal .ti-modal-header{ display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; border-color: rgb(var(--default-border)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } .ti-modal .ti-modal-header:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .ti-modal .ti-modal-box{ margin: 0.75rem; } @media (min-width: 480px){ .ti-modal .ti-modal-box{ margin-left: auto; margin-right: auto; width: 100%; max-width: 32rem; } } .ti-modal .ti-modal-content{ pointer-events: auto; display: flex; flex-direction: column; border-radius: 0.25rem; border-width: 1px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ti-modal .ti-modal-content.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-modal .ti-modal-content.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-modal .ti-modal-content.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-modal .ti-modal-content.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-modal .ti-modal-content.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-modal .ti-modal-content.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-modal .ti-modal-content.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-modal .ti-modal-content.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-modal .ti-modal-content.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-modal .ti-modal-content.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-modal .ti-modal-content.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-modal .ti-modal-content.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-modal .ti-modal-content.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-modal .ti-modal-content.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-modal .ti-modal-content.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-modal .ti-modal-content.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-modal .ti-modal-content.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-modal .ti-modal-content.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [class=dark] .ti-modal .ti-modal-content{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .ti-modal .ti-modal-content:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .ti-modal .ti-modal-content:is(.dark *):is(.dark *){ background-color: rgb(var(--body-bg)); } .ti-modal .ti-modal-content:is(.dark *){ --tw-shadow-color: rgb(0 0 0 / 0.05); --tw-shadow: var(--tw-shadow-colored); } .ti-modal .ti-modal-title{ font-weight: 700; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .ti-modal .ti-modal-title:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-modal .ti-modal-close-btn{ display: inline-flex; height: 2rem; width: 2rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 0.5rem; font-size: 0.875rem; --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ti-modal .ti-modal-close-btn:hover{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .ti-modal .ti-modal-close-btn:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; } .ti-modal .ti-modal-close-btn:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-modal .ti-modal-close-btn:hover:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-modal .ti-modal-close-btn:focus:is(.dark *){ --tw-ring-color: rgb(255 255 255 / 0.1); --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-modal .ti-modal-body{ padding: 1rem; } .ti-modal .ti-modal-footer{ display: flex; align-items: center; justify-content: flex-end; -moz-column-gap: 0.5rem; column-gap: 0.5rem; border-top-width: 1px; border-color: rgb(var(--default-border)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } .ti-modal .ti-modal-footer:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } /* End Modal Styles */ /* Start Offcanvas Styles */ .ti-offcanvas{ position: fixed; z-index: 150; height: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; } .ti-offcanvas:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .ti-offcanvas:is(.dark *):is(.dark *){ background-color: rgb(var(--body-bg)); } .ti-offcanvas.ti-offcanvas-left{ top: 0px; inset-inline-start: 0px; width: 100%; max-width: 27.5rem; border-inline-end-width: 1px; } .ti-offcanvas.ti-offcanvas-left:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ti-offcanvas.ti-offcanvas-left:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ti-offcanvas.ti-offcanvas-top{ left: 0px; right: 0px; top: 0px; max-height: 10rem; width: 100%; --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-width: 1px; } .ti-offcanvas.ti-offcanvas-right{ top: 0px; inset-inline-end: 0px; width: 100%; max-width: 27.5rem; border-inline-start-width: 1px; } .ti-offcanvas.ti-offcanvas-right:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ti-offcanvas.ti-offcanvas-right:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ti-offcanvas.ti-offcanvas-bottom{ left: 0px; right: 0px; bottom: 0px; max-height: 10rem; width: 100%; --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-width: 1px; } .ti-offcanvas.open{ --tw-translate-x: 0px !important; --tw-translate-y: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .ti-offcanvas .ti-offcanvas-header{ display: flex; align-items: center; justify-content: space-between; border-bottom-width: 1px; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; } .ti-offcanvas .ti-offcanvas-header:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .ti-offcanvas .ti-offcanvas-title{ font-weight: 500; --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .ti-offcanvas .ti-offcanvas-title:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-offcanvas .ti-offcanvas-body{ height: 100vh; overflow-y: auto; padding: 1rem; } .ti-offcanvas .ti-offcanvas-footer{ position: absolute !important; bottom: 0px !important; width: 100% !important; border-top-width: 1px !important; border-style: dashed !important; border-color: rgb(var(--default-border)) !important; --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1.563rem !important; padding-right: 1.563rem !important; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .ti-offcanvas .ti-offcanvas-footer:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; background-color: rgb(var(--body-bg)) !important; } /* End Offcanvas Styles */ .switcher-style-head{ margin-bottom: 0px; background-color: rgb(var(--light)); padding-top: 0.313rem; padding-bottom: 0.313rem; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.8rem; font-weight: 600; color: rgb(var(--default-text-color)); } .switcher-style{ padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 1.563rem; padding-right: 1.563rem; } [type=radio]{ color: rgb(var(--primary)) !important; } .svg-icon-med[type=radio]{ background-color: rgb(var(--primary) / 0.2); } .menu-image .switch-select [type=radio]:checked{ border-width: 3px !important; border-color: rgb(var(--default-border)) !important; } .menu-image .switch-select [type=radio]:checked::before{ --tw-content: "" !important; content: var(--tw-content) !important; } .theme-colors.switcher-style{ padding-top: 0.938rem; padding-bottom: 0.938rem; padding-left: 1.563rem; padding-right: 1.563rem; } .theme-colors [type=radio]{ background-image: none !important; --tw-ring-color: transparent !important; } .theme-colors [type=radio]:checked{ --tw-ring-color: transparent !important; } .theme-colors [type=radio]:checked::before{ position: relative !important; inset-inline-start: 4px !important; top: -2px !important; font-family: remixicon !important; font-size: 22px !important; font-weight: 500 !important; color: rgb(var(--success)) !important; --tw-content: "" !important; content: var(--tw-content) !important; } .theme-colors [type=radio]:focus{ border-color: transparent !important; --tw-ring-color: transparent !important; } .theme-colors .switch-select .color-input{ height: 2rem; width: 2rem; border-radius: 9999px; } .theme-colors .switch-select .color-input.form-check-input:checked{ position: relative; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .theme-colors .switch-select .color-input.form-check-input:checked.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .theme-colors .switch-select .color-input.form-check-input:checked::before{ position: absolute; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; font-size: 1.35rem; font-weight: 600; color: rgb(var(--success)); --tw-content: ""; content: var(--tw-content); } .theme-colors .switch-select .color-input.color-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-dark{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary{ background-color: rgb(var(--primary)); } .theme-colors .switch-select .color-input.color-primary-1{ --tw-bg-opacity: 1; background-color: rgb(118 71 229 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-2{ --tw-bg-opacity: 1; background-color: rgb(63 75 236 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-3{ --tw-bg-opacity: 1; background-color: rgb(55 125 206 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-4{ --tw-bg-opacity: 1; background-color: rgb(1 159 162 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-primary-5{ --tw-bg-opacity: 1; background-color: rgb(139 149 4 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-gradient{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important; --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; --tw-gradient-to: #6e72a8 var(--tw-gradient-to-position) !important; } .theme-colors .switch-select .color-input.color-transparent{ background-image: url("../images/menu-bg-images/transparent.png") !important; background-size: cover !important; background-position: center !important; } .theme-colors .switch-select .color-input.color-bg-1{ --tw-bg-opacity: 1; background-color: rgb(12 23 91 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-2{ --tw-bg-opacity: 1; background-color: rgb(50 11 110 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-3{ --tw-bg-opacity: 1; background-color: rgb(8 81 113 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-4{ --tw-bg-opacity: 1; background-color: rgb(3 81 60 / var(--tw-bg-opacity)); } .theme-colors .switch-select .color-input.color-bg-5{ --tw-bg-opacity: 1; background-color: rgb(73 78 1 / var(--tw-bg-opacity)); } .menu-image .bgimage-input{ height: 5.625rem; width: 3.5rem; border-radius: 0.5rem; border-width: 0px; } .menu-image .bgimage-input.form-check-input:focus{ border-color: transparent; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [class=dark] .menu-image .bgimage-input.form-check-input:focus{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .menu-image .bgimage-input.bg-img1{ background-image: url("../images/menu-bg-images/bg-img1.jpg") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .menu-image .bgimage-input.bg-img1.form-check-input:checked[type=radio]{ background-image: none !important; } .menu-image .bgimage-input.bg-img2{ background-image: url("../images/menu-bg-images/bg-img2.jpg") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .menu-image .bgimage-input.bg-img2.form-check-input:checked[type=radio]{ background-image: none !important; } .menu-image .bgimage-input.bg-img3{ background-image: url("../images/menu-bg-images/bg-img3.jpg") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .menu-image .bgimage-input.bg-img3.form-check-input:checked[type=radio]{ background-image: none !important; } .menu-image .bgimage-input.bg-img4{ background-image: url("../images/menu-bg-images/bg-img4.jpg") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .menu-image .bgimage-input.bg-img4.form-check-input:checked[type=radio]{ background-image: none !important; } .menu-image .bgimage-input.bg-img5{ background-image: url("../images/menu-bg-images/bg-img5.jpg") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .menu-image .bgimage-input.bg-img5.form-check-input:checked[type=radio]{ background-image: none !important; } .pickr-container-primary .pickr .pcr-button, .pickr-container-background .pickr .pcr-button{ top: -4px !important; height: 2rem !important; width: 2rem !important; overflow: hidden !important; border-radius: 9999px !important; border-width: 1px !important; border-style: solid !important; border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1, .pickr-container-background .pickr .pcr-button.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2, .pickr-container-background .pickr .pcr-button.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3, .pickr-container-background .pickr .pcr-button.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button::after, .pickr-container-background .pickr .pcr-button::after{ font-size: 1.25rem !important; content: var(--tw-content) !important; color: rgb(255 255 255 / 0.7) !important; } .pickr-container-primary .pickr .pcr-button:focus, .pickr-container-background .pickr .pcr-button:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #hs-overlay-switcher .theme-colors .theme-container-primary button, #hs-overlay-switcher .theme-colors .theme-container-background button{ display: none !important; } .pickr-container-primary .pickr .pcr-button, .pickr-container-background .pickr .pcr-button{ top: -4px !important; height: 2rem !important; width: 2rem !important; overflow: hidden !important; border-radius: 9999px !important; border-width: 1px !important; border-style: solid !important; background-color: rgb(var(--primary)) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1, .pickr-container-background .pickr .pcr-button.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary1.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2, .pickr-container-background .pickr .pcr-button.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary2.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3, .pickr-container-background .pickr .pcr-button.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-10, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-25, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-50, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-75, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .pickr-container-primary .pickr .pcr-button.border-primary3.border-opacity-100, .pickr-container-background .pickr .pcr-button.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .pickr-container-primary .pickr .pcr-button::after, .pickr-container-background .pickr .pcr-button::after{ font-family: "remixicon" !important; color: rgb(255 255 255 / 0.7) !important; --tw-content: "" !important; content: var(--tw-content) !important; } .progress{ display: flex; height: 0.75rem; width: 100%; border-radius: 0.25rem; background-color: rgb(var(--light)); } /* Start:: progressbar-height */ .progress.progress-xs, .progress-stacked.progress-xs{ height: 0.25rem; } .progress.progress-sm, .progress-stacked.progress-sm{ height: 0.5rem; } .progress.progress-lg, .progress-stacked.progress-lg{ height: 1rem; } .progress.progress-xl, .progress-stacked.progress-xl{ height: 1.25rem; } /* End:: progressbar-height */ .progress-stacked{ background-color: rgb(var(--light)); } .progress-bar{ display: flex; align-items: center; justify-content: center; border-start-start-radius: 9999px; border-end-start-radius: 9999px; background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @keyframes progress-animate { 0%{ width: 0px; } } .progress-animate{ position: relative; border-radius: 0.625rem; } .progress-animate .progress-bar{ position: relative; border-radius: 0.625rem; } /* Start:: custom-progress */ .progress-custom{ position: relative; overflow: visible; } .progress-custom .progress-bar{ position: relative; overflow: visible; } .progress-custom .progress-bar::after{ position: absolute; inset-inline-end: -0.375rem; top: -0.375rem; height: 1.15rem; width: 1.15rem; border-radius: 50%; border-width: 0.25rem; border-style: solid; border-color: rgb(var(--primary)); content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .progress-custom .progress-bar.progress-secondary{ background-color: rgb(var(--secondary)) !important; } .progress-custom .progress-bar.progress-secondary::after{ content: var(--tw-content) !important; border-color: rgb(var(--secondary)) !important; } .progress-custom .progress-bar.progress-secondary .progress-bar-value::after{ content: var(--tw-content); border-top-color: rgb(var(--secondary)); } .progress-custom .progress-bar.progress-warning{ background-color: rgb(var(--warning)) !important; } .progress-custom .progress-bar.progress-warning::after{ content: var(--tw-content) !important; border-color: rgb(var(--warning)) !important; } .progress-custom .progress-bar.progress-warning .progress-bar-value::after{ content: var(--tw-content); border-top-color: rgb(var(--warning)); } .progress-custom .progress-bar.progress-info{ background-color: rgb(var(--info)) !important; } .progress-custom .progress-bar.progress-info::after{ content: var(--tw-content) !important; border-color: rgb(var(--info)) !important; } .progress-custom .progress-bar.progress-info .progress-bar-value::after{ content: var(--tw-content); border-top-color: rgb(var(--info)); } .progress-custom .progress-bar.progress-success{ background-color: rgb(var(--success)) !important; } .progress-custom .progress-bar.progress-success::after{ content: var(--tw-content) !important; border-color: rgb(var(--success)) !important; } .progress-custom .progress-bar.progress-success .progress-bar-value::after{ content: var(--tw-content); border-top-color: rgb(var(--success)); } .progress-custom .progress-bar.progress-danger{ background-color: rgb(var(--danger)) !important; } .progress-custom .progress-bar.progress-danger::after{ content: var(--tw-content) !important; border-color: rgb(var(--danger)) !important; } .progress-custom .progress-bar.progress-danger .progress-bar-value::after{ content: var(--tw-content); border-top-color: rgb(var(--danger)); } .progress-custom .progress-bar-value{ position: absolute; bottom: 1.5rem; inset-inline-end: -0.688rem; height: 1.25rem; width: 1.875rem; border-radius: .188rem; background-color: rgb(var(--primary)); text-align: center; font-size: .625rem; font-weight: 600; line-height: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-shadow: 0 0.313rem 0.313rem rgba(0,0,0,.4); --tw-shadow-colored: 0 0.313rem 0.313rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .progress-custom .progress-bar-value::after{ position: absolute; bottom: -0.375rem; inset-inline-start: 28%; border-left-width: 0.438rem; border-right-width: 0.438rem; border-top-width: 0.438rem; border-color: rgb(var(--primary)); content: var(--tw-content); border-left-color: transparent; border-right-color: transparent; } .progress-custom .progress-bar-value:is(.dark *){ --tw-shadow-color: rgba(255,255,255,.4); --tw-shadow: var(--tw-shadow-colored); } .progress-bar-title{ position: absolute; top: -0.438rem; inset-inline-start: 0px; z-index: 1; margin: 0px; border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; background-color: rgb(var(--primary)); padding-top: 0.313rem; padding-bottom: 0.313rem; padding-left: 0.625rem; padding-right: 0.625rem; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .progress-bar-title::after{ position: absolute; top: 0px; inset-inline-end: -1.063rem; border-top-width: .85rem; border-bottom-width: .85rem; border-inline-start-width: 1.063rem; border-style: solid; border-color: transparent; content: var(--tw-content); border-inline-start-color: rgb(var(--primary)); } /* Start:: custom-progress-2 */ .progress-item-1, .progress-item-2, .progress-item-3{ position: absolute; z-index: 1; margin-top: -0.25rem; height: 0.938rem; width: 0.98rem; border-radius: 1.563rem; background-color: rgb(var(--light)); } .progress-item-1{ inset-inline-start: 25%; } .progress-item-2{ inset-inline-start: 50%; } .progress-item-3{ inset-inline-start: 75%; } /* End:: custom-progress-2 */ /* Start:: custom-progress-3 */ .custom-progress-3{ visibility: visible; border-radius: 0.625rem; } .custom-progress-3 .progress-bar{ visibility: visible; position: relative; margin: 0.313rem; border-radius: 0.25rem; } .custom-progress-3 .progress-bar::before{ position: absolute; inset-inline-start: 0.125rem; height: 0.25rem; width: 0.25rem; border-radius: 0.5rem; content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .custom-progress-3 .progress-bar .progress-bar-value{ position: absolute; inset-inline-end: -0.625rem; height: 1.563rem; width: 2.5rem; border-radius: 3.125rem; border-width: 0.125rem; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); text-align: center; font-size: 0.625rem; font-weight: 600; line-height: 1.563rem; color: rgb(var(--primary)); } .svg-icon-med.custom-progress-3 .progress-bar .progress-bar-value{ background-color: rgb(var(--primary) / 0.2); } .custom-progress-3 .progress-bar .progress-bar-value:is(.dark *){ background-color: rgb(var(--body-bg)); } .custom-progress-3 .progress-bar .progress-bar-value.primary{ border-width: 0.125rem; border-style: solid; border-color: rgb(var(--primary)); color: rgb(var(--primary)); } .svg-icon-med.custom-progress-3 .progress-bar .progress-bar-value.primary{ background-color: rgb(var(--primary) / 0.2); } .custom-progress-3 .progress-bar .progress-bar-value.secondary{ border-width: 0.125rem; border-style: solid; border-color: rgb(var(--secondary)); color: rgb(var(--secondary)); } .custom-progress-3 .progress-bar .progress-bar-value.warning{ border-width: 0.125rem; border-style: solid; border-color: rgb(var(--warning)); color: rgb(var(--warning)); } .custom-progress-3 .progress-bar .progress-bar-value.info{ border-width: 0.125rem; border-style: solid; border-color: rgb(var(--info)); color: rgb(var(--info)); } .custom-progress-3 .progress-bar .progress-bar-value.success{ border-width: 0.125rem; border-style: solid; border-color: rgb(var(--success)); color: rgb(var(--success)); } .custom-progress-3 .progress-bar .progress-bar-value.danger{ border-width: 0.125rem; border-style: solid; border-color: rgb(var(--danger)); color: rgb(var(--danger)); } /* End:: custom-progress-3 */ /* Start:: custom-progress-4 */ .custom-progress-4.progress{ border-radius: 0.25rem; background-color: rgb(var(--primary) / 0.1); } .custom-progress-4.progress.secondary{ background-color: rgb(var(--secondary) / 0.1); } .custom-progress-4.progress.secondary .progress-bar-label{ color: rgb(var(--secondary)); } .custom-progress-4.progress.warning{ background-color: rgb(var(--warning) / 0.1); } .custom-progress-4.progress.warning .progress-bar-label{ color: rgb(var(--warning)); } .custom-progress-4.progress.info{ background-color: rgb(var(--info) / 0.1); } .custom-progress-4.progress.info .progress-bar-label{ color: rgb(var(--info)); } .custom-progress-4.progress.success{ background-color: rgb(var(--success) / 0.1); } .custom-progress-4.progress.success .progress-bar-label{ color: rgb(var(--success)); } .custom-progress-4.progress.danger{ background-color: rgb(var(--danger) / 0.1); } .custom-progress-4.progress.danger .progress-bar-label{ color: rgb(var(--danger)); } .custom-progress-4.progress .progress-bar{ border-radius: 0.25rem; } .custom-progress-4.progress .progress-bar-label{ position: absolute; inset-inline-end: 0.313rem; font-size: 0.813rem; font-weight: 600; color: rgb(var(--primary)); } .svg-icon-med.custom-progress-4.progress .progress-bar-label{ background-color: rgb(var(--primary) / 0.2); } @keyframes progressbarstripes{ 0%{ background-position-x: 1rem; } } .progress-bar-animated{ animation: 1s linear infinite progressbarstripes; } /* End:: custom-progress-4 */ /* Start Table Styles */ .table{ margin-bottom: 0px; width: 100%; border-radius: 0.5rem; text-align: start; color: rgb(var(--default-text-color)); } .table tr:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .table tbody tr th{ font-weight: 500; } .table th, .table td{ padding: 0.75rem; text-align: start; vertical-align: middle; font-size: 0.813rem; font-weight: 500; line-height: 1.462; } .table thead tr th{ font-size: 0.85rem; font-weight: 600; } .table.table-sm > :not(caption) > * > *{ padding: 0.3rem; } .table.table-dark{ border-color: rgb(255 255 255 / 0.1); color: rgb(255 255 255 / 0.7); } .table.table-dark:is(.dark *){ border-color: rgb(0 0 0 / 0.025); } .table.table-primary{ border-color: rgb(var(--primary) / 0.1); color: rgb(var(--primary) / 0.7); } .table.table-bordered.table-bordered-primary tbody, .table.table-bordered.table-bordered-primary td, .table.table-bordered.table-bordered-primary tfoot, .table.table-bordered.table-bordered-primary th, .table.table-bordered.table-bordered-primary thead, .table.table-bordered.table-bordered-primary tr{ border-color: rgb(var(--primary) / 0.3) !important; } .table.table-bordered.table-bordered-info tbody, .table.table-bordered.table-bordered-info td, .table.table-bordered.table-bordered-info tfoot, .table.table-bordered.table-bordered-info th, .table.table-bordered.table-bordered-info thead, .table.table-bordered.table-bordered-info tr{ border-color: rgb(var(--info) / 0.3); } .table.table-bordered.table-bordered-secondary tbody, .table.table-bordered.table-bordered-secondary td, .table.table-bordered.table-bordered-secondary tfoot, .table.table-bordered.table-bordered-secondary th, .table.table-bordered.table-bordered-secondary thead, .table.table-bordered.table-bordered-secondary tr{ border-color: rgb(var(--secondary) / 0.3); } .table.table-bordered.table-bordered-warning tbody, .table.table-bordered.table-bordered-warning td, .table.table-bordered.table-bordered-warning tfoot, .table.table-bordered.table-bordered-warning th, .table.table-bordered.table-bordered-warning thead, .table.table-bordered.table-bordered-warning tr{ border-color: rgb(var(--warning) / 0.3); } .table.table-bordered.table-bordered-success tbody, .table.table-bordered.table-bordered-success td, .table.table-bordered.table-bordered-success tfoot, .table.table-bordered.table-bordered-success th, .table.table-bordered.table-bordered-success thead, .table.table-bordered.table-bordered-success tr{ border-color: rgb(var(--success) / 0.3); } .table.table-bordered.table-bordered-danger tbody, .table.table-bordered.table-bordered-danger td, .table.table-bordered.table-bordered-danger tfoot, .table.table-bordered.table-bordered-danger th, .table.table-bordered.table-bordered-danger thead, .table.table-bordered.table-bordered-danger tr{ border-color: rgb(var(--danger) / 0.3); } .table.table-striped > tbody > tr:nth-of-type(odd) > *{ color: rgb(var(--default-text-color)); } .table.table-striped-columns > :not(caption) > tr > :nth-child(2n){ color: rgb(var(--default-text-color)); } .table tbody.table-group-divider{ border-radius: 0.5rem; border-top-width: 1px; border-style: solid; } .table.table-hover > tbody > tr:hover > *{ color: rgb(var(--default-text-color)); } .table .table-active{ color: rgb(var(--default-text-color)); } .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .table-responsive, .table{ overflow-y: visible !important; } .table-responsive{ display: block; width: 100%; overflow-x: auto; } .ti-custom-table{ min-width: 100%; } .ti-custom-table th{ padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: start; font-size: 0.85rem; font-weight: 500; line-height: 1.462; } .ti-custom-table th:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .ti-custom-table tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .ti-custom-table tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .ti-custom-table td{ white-space: nowrap; padding-left: 1rem; padding-right: 1rem; padding-top: 0.85rem; padding-bottom: 0.85rem; font-size: 0.8125rem; font-weight: 400; } .ti-custom-table td:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .ti-striped-table tbody tr:nth-child(odd){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .ti-striped-table tbody tr:nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .ti-striped-table tbody tr:is(.dark *):nth-child(odd):is(.dark *){ background-color: rgb(var(--body-bg)); } .ti-striped-table tbody tr:nth-child(even):is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .ti-custom-table-hover tbody tr:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .ti-custom-table-hover tbody tr:hover:is(.dark *){ background-color: rgb(var(--light)); } .table-bordered{ border-width: 1px; } .table-bordered.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .table-bordered tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .table-bordered tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .table-bordered tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-default{ border-width: 1px; border-color: rgb(var(--default-border)); } .table-bordered-default.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-default.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-default.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-default.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-default.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-default.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-default.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-default.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-default.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-default.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-default.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-default.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-default.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-default.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-default.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-default.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-default.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-default.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-default:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .table-bordered-default .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--default-border)); } .table-bordered-default .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--default-border) / 0.1); } .table-bordered-default tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--default-border)); } .table-bordered-default tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--default-border) / 0.1); } .table-bordered-default tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--default-border)); } .table-bordered-default tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--default-border) / 0.1); } .table-bordered-default tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-primary{ border-width: 1px; border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-primary.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-primary.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-primary.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-primary.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-primary.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-primary.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-primary.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-primary.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-primary.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-primary.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-primary.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-primary.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-primary.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-primary.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-primary.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-primary.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-primary.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-primary:is(.dark *){ border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.3); } .table-bordered-primary tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-secondary{ border-width: 1px; border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-secondary.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-secondary.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-secondary.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-secondary.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-secondary.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-secondary.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-secondary.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-secondary.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-secondary.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-secondary.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-secondary.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-secondary.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-secondary.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-secondary.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-secondary.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-secondary.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-secondary.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-secondary:is(.dark *){ border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.3); } .table-bordered-secondary tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-warning{ border-width: 1px; border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-warning.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-warning.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-warning.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-warning.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-warning.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-warning.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-warning.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-warning.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-warning.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-warning.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-warning.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-warning.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-warning.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-warning.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-warning.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-warning.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-warning.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-warning:is(.dark *){ border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.3); } .table-bordered-warning tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-danger{ border-width: 1px; border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-danger.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-danger.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-danger.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-danger.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-danger.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-danger.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-danger.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-danger.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-danger.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-danger.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-danger.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-danger.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-danger.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-danger.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-danger.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-danger.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-danger.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-danger:is(.dark *){ border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.3); } .table-bordered-danger tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-info{ border-width: 1px; border-color: rgb(var(--info) / 0.3); } .table-bordered-info.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-info.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-info.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-info.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-info.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-info.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-info.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-info.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-info.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-info.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-info.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-info.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-info.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-info.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-info.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-info.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-info.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-info.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-info:is(.dark *){ border-color: rgb(var(--info) / 0.3); } .table-bordered-info .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--info) / 0.3); } .table-bordered-info .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.3); } .table-bordered-info tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--info) / 0.3); } .table-bordered-info tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.3); } .table-bordered-info tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--info) / 0.3); } .table-bordered-info tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.3); } .table-bordered-info tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-bordered-success{ border-width: 1px; border-color: rgb(var(--success) / 0.3); } .table-bordered-success.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .table-bordered-success.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .table-bordered-success.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .table-bordered-success.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .table-bordered-success.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .table-bordered-success.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .table-bordered-success.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .table-bordered-success.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .table-bordered-success.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .table-bordered-success.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .table-bordered-success.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .table-bordered-success.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .table-bordered-success.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .table-bordered-success.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .table-bordered-success.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .table-bordered-success.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .table-bordered-success.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .table-bordered-success.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .table-bordered-success:is(.dark *){ border-color: rgb(var(--success) / 0.3); } .table-bordered-success .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--success) / 0.3); } .table-bordered-success .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.3); } .table-bordered-success tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--success) / 0.3); } .table-bordered-success tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.3); } .table-bordered-success tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--success) / 0.3); } .table-bordered-success tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.3); } .table-bordered-success tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-primary{ background-color: rgb(var(--primary) / 0.1); } .table-primary th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-primary th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-primary tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--primary) / 0.1); } .table-primary tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.1); } .table-primary td{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .table-primary td:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .table-primary tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--primary) / 0.1); } .table-primary tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.1); } .table-primary tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-primary .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--primary) / 0.1); } .table-primary .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.1); } .table-dark{ background-color: rgb(0 0 0 / 0.1); } .table-dark:is(.dark *){ background-color: rgb(var(--dark-bg)); } .table-dark th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-dark th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-dark tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(0 0 0 / 0.1); } .table-dark tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.025); } .table-dark td{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-dark td:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-dark tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(0 0 0 / 0.1); } .table-dark tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.025); } .table-dark tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-dark .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(0 0 0 / 0.1); } .table-dark .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.025); } .table-secondary{ background-color: rgb(var(--secondary) / 0.1); } .table-secondary th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-secondary th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-secondary tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--secondary) / 0.1); } .table-secondary tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.1); } .table-secondary td{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .table-secondary td:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .table-secondary tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--secondary) / 0.1); } .table-secondary tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.1); } .table-secondary tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-secondary .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--secondary) / 0.1); } .table-secondary .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.1); } .table-warning{ background-color: rgb(var(--warning) / 0.1); } .table-warning th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-warning th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-warning tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--warning) / 0.1); } .table-warning tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.1); } .table-warning td{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .table-warning td:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .table-warning tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--warning) / 0.1); } .table-warning tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.1); } .table-warning tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-warning .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--warning) / 0.1); } .table-warning .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.1); } .table-info{ background-color: rgb(var(--info) / 0.1); } .table-info th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-info th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-info tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--info) / 0.1); } .table-info tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.1); } .table-info td{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .table-info td:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .table-info tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--info) / 0.1); } .table-info tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.1); } .table-info tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-info .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--info) / 0.1); } .table-info .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.1); } .table-danger{ background-color: rgb(var(--danger) / 0.1); } .table-danger th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-danger th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-danger tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--danger) / 0.1); } .table-danger tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.1); } .table-danger td{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .table-danger td:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .table-danger tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--danger) / 0.1); } .table-danger tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.1); } .table-danger tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-danger .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--danger) / 0.1); } .table-danger .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.1); } .table-success{ background-color: rgb(var(--success) / 0.1); } .table-success th{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .table-success th:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .table-success tbody > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--success) / 0.1); } .table-success tbody:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.1); } .table-success td{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .table-success td:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .table-success tr > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); border-color: rgb(var(--success) / 0.1); } .table-success tr:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.1); } .table-success tr:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .table-success .ti-custom-table-head > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); border-color: rgb(var(--success) / 0.1); } .table-success .ti-custom-table-head:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.1); } .ti-head-primary th{ background-color: rgb(var(--primary) / 0.2); } .ti-head-primary th:is(.dark *){ background-color: rgb(var(--primary) / 0.2); } .ti-head-secondary th{ background-color: rgb(var(--secondary) / 0.2); } .ti-head-secondary th:is(.dark *){ background-color: rgb(var(--secondary) / 0.2); } .ti-head-warning th{ background-color: rgb(var(--warning) / 0.2); } .ti-head-warning th:is(.dark *){ background-color: rgb(var(--warning) / 0.2); } .ti-head-success th{ background-color: rgb(var(--success) / 0.2); } .ti-head-success th:is(.dark *){ background-color: rgb(var(--success) / 0.2); } .ti-head-info th{ background-color: rgb(var(--info) / 0.2); } .ti-head-info th:is(.dark *){ background-color: rgb(var(--info) / 0.2); } .ti-head-danger th{ background-color: rgb(var(--danger) / 0.2); } .ti-head-danger th:is(.dark *){ background-color: rgb(var(--danger) / 0.2); } .table-striped > tbody > tr:nth-of-type(odd) > *{ background-color: rgb(0 0 0 / 0.0125); color: rgb(var(--default-text-color)); } .table-striped-columns > :not(caption) > tr > :nth-child(2n){ background-color: rgb(0 0 0 / 0.0125); color: rgb(var(--default-text-color)); } .table-striped-columns > :not(caption) > tr > :nth-child(2n):is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .table.table-success.table-striped > tbody > tr:nth-of-type(odd) > *{ background-color: rgb(var(--success) / 0.2); } caption{ padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: start; color: rgb(var(--text-muted)); } caption:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .table-active{ background-color: rgb(var(--light)); } .table th, .table td{ color: rgb(var(--default-text-color)); } .table th:is(.dark *), .table td:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .table-striped-columns > :not(caption) > tr > :nth-child(2n), .ti-striped-table tbody tr:nth-child(even){ background-color: rgb(var(--light)) !important; } .custom-border-table:where([dir="rtl"], [dir="rtl"] *){ margin-inline-end: 0.5rem !important; } /* End Table Styles */ /* Start Tailwind Styles */ *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } [type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } input::-moz-placeholder, textarea::-moz-placeholder{ color: #6b7280; opacity: 1; } input::placeholder,textarea::placeholder{ color: #6b7280; opacity: 1; } ::-webkit-datetime-edit-fields-wrapper{ padding: 0; } ::-webkit-date-and-time-value{ min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit{ display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{ padding-top: 0; padding-bottom: 0; } select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } [type='checkbox'],[type='radio']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox']{ border-radius: 0px; } [type='radio']{ border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='checkbox']:checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } [type='radio']:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type='radio']:checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{ border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { [type='checkbox']:indeterminate{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ border-color: transparent; background-color: currentColor; } [type='file']{ background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus{ outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } h1{ font-size: 2.5rem; } h2{ font-size: 2rem; } h3{ font-size: 1.75rem; } h4{ font-size: 1.5rem; } h5{ font-size: 1.25rem; } h6{ font-size: 1rem; } .\!container{ width: 100% !important; } .container{ width: 100%; } @media (min-width: 480px){ .\!container{ max-width: 480px !important; } .container{ max-width: 480px; } } @media (min-width: 768px){ .\!container{ max-width: 768px !important; } .container{ max-width: 768px; } } @media (min-width: 992px){ .\!container{ max-width: 992px !important; } .container{ max-width: 992px; } } @media (min-width: 1200px){ .\!container{ max-width: 1200px !important; } .container{ max-width: 1200px; } } @media (min-width: 1400px){ .\!container{ max-width: 1400px !important; } .container{ max-width: 1400px; } } @media (min-width: 1800px){ .\!container{ max-width: 1800px !important; } .container{ max-width: 1800px; } } .form-input,.form-textarea,.form-select,.form-multiselect{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .form-select{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-select:where([size]:not([size="1"])){ background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } .form-checkbox,.form-radio{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; } .form-checkbox{ border-radius: 0px; } .form-radio{ border-radius: 100%; } .form-checkbox:focus,.form-radio:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .form-checkbox:checked,.form-radio:checked{ border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .form-checkbox:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-checkbox:checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .form-radio:checked{ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { .form-radio:checked{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{ border-color: transparent; background-color: currentColor; } .form-checkbox:indeterminate{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { .form-checkbox:indeterminate{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{ border-color: transparent; background-color: currentColor; } .dirrtl{ direction: ltr; } .dir-rtl{ direction: rtl; } .dir-ltr{ direction: ltr; } .h1{ font-size: 2.5rem; } .h2{ font-size: 2rem; } .h3{ font-size: 1.75rem; } .h4{ font-size: 1.5rem; } .h5{ font-size: 1.25rem; } .h6{ font-size: 1rem; } /* Start Buttons Styles */ .ti-btn{ margin: 0.25rem; margin-inline-start: 0px; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.25rem; border-width: 1px; border-color: transparent; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ti-btn.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn:focus{ outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-offset-width: 0px; } .ti-btn.ti-btn-outline{ border-width: 1px; } .ti-btn.ti-btn-outline.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn.ti-btn-outline.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn.ti-btn-outline.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn.ti-btn-outline.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn.ti-btn-outline.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn.ti-btn-outline.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn.ti-btn-outline.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn.ti-btn-outline.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn.ti-btn-outline.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn.ti-btn-outline.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn.ti-btn-outline.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn.ti-btn-outline.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn.ti-btn-outline.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn.ti-btn-outline.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn.ti-btn-outline.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn.ti-btn-outline.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn.ti-btn-outline.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn.ti-btn-outline.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn.ti-btn-disabled{ cursor: not-allowed; opacity: 0.5; } .ti-btn.ti-btn-sm{ border-radius: 0.25rem; padding-top: 0.26rem; padding-bottom: 0.26rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; } .ti-btn.ti-btn-lg{ border-radius: 0.3rem; padding-top: 0.65rem; padding-bottom: 0.65rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.95rem; } .ti-btn-group .ti-btn{ padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 0.75rem; padding-right: 0.75rem; } .ti-btn-group-lg .ti-btn{ padding-top: 0.65rem; padding-bottom: 0.65rem; padding-left: 1rem; padding-right: 1rem; } .ti-btn-group-sm .ti-btn{ padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; } .ti-btn-icon{ height: 2.1rem; width: 2.1rem; flex-shrink: 0; padding: 0.375rem; font-size: 0.95rem; } .ti-btn-icon i{ margin-top: 0px; margin-bottom: 0px; margin-left: -0.5rem; margin-right: -0.5rem; padding: 0px; } .box .card-body.ti-btn-icon i .simplebar-track{ inset-inline-end: 0px; } .ti-btn-icon i { padding: 0rem; margin: 0 -0.5rem; } .ti-btn-icon.ti-btn-sm{ height: 1.75rem; width: 1.75rem; padding: 0.1875rem; font-size: 0.8rem; } .ti-btn-icon.ti-btn-lg{ height: 2.75rem; width: 2.75rem; padding: 0.5rem; font-size: 1.2rem; } .ti-btn-list button, .ti-btn-list div, .ti-btn-list a, .ti-btn-list input{ margin-top: 0px; margin-bottom: 0.375rem; margin-inline-start: 0px; margin-inline-end: 0.375rem; } .ti-btn-list{ margin-bottom: -0.5rem; } .ti-btn-group{ margin-inline-start: -1px; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-width: 1px; border-color: rgb(var(--default-border)); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1rem; padding-right: 1rem; vertical-align: middle; font-size: 0.875rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .ti-btn-group.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .ti-btn-group.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .ti-btn-group.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .ti-btn-group.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .ti-btn-group.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .ti-btn-group.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .ti-btn-group.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .ti-btn-group.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .ti-btn-group.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .ti-btn-group.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .ti-btn-group.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .ti-btn-group.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .ti-btn-group.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .ti-btn-group.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .ti-btn-group.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .ti-btn-group.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .ti-btn-group.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .ti-btn-group.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .ti-btn-group:first-child{ margin-inline-start: 0px; border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .ti-btn-group:last-child{ border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .ti-btn-group:focus{ z-index: 10; outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ti-btn-group:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .\!ti-btn-primary{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .\!ti-btn-primary:hover{ background-color: rgb(var(--primary)); } .\!ti-btn-primary:focus{ --tw-ring-color: rgb(var(--primary)); } .\!ti-btn-primary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-primary{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-primary:hover{ background-color: rgb(var(--primary)); } .ti-btn-primary:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-primary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-secondary{ background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-secondary:hover{ background-color: rgb(var(--secondary)); } .ti-btn-secondary:focus{ --tw-ring-color: rgb(var(--secondary)); } .ti-btn-secondary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-warning{ background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-warning:hover{ background-color: rgb(var(--warning)); } .ti-btn-warning:focus{ --tw-ring-color: rgb(var(--warning)); } .ti-btn-warning:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-success{ background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-success:hover{ background-color: rgb(var(--success)); } .ti-btn-success:focus{ --tw-ring-color: rgb(var(--success)); } .ti-btn-success:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-light{ background-color: rgb(var(--light)); color: rgb(var(--default-text-color)); } .ti-btn-light:hover{ --tw-bg-opacity: 1; background-color: rgb(242 242 243 / var(--tw-bg-opacity)); } .ti-btn-light:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity)); } .ti-btn-light:is(.dark *){ background-color: rgb(var(--light)); color: rgb(var(--default-text-color) / 0.8); } .ti-btn-light:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-dark{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } .ti-btn-dark:hover{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .ti-btn-dark:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } .ti-btn-dark:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-info{ background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-info:hover{ background-color: rgb(var(--info)); } .ti-btn-info:focus{ --tw-ring-color: rgb(var(--info)); } .ti-btn-info:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-danger{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-danger:hover{ background-color: rgb(var(--danger)); } .ti-btn-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .ti-btn-danger:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-orange{ background-color: rgb(var(--orange)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-orange:hover{ background-color: rgb(var(--orange)); } .ti-btn-orange:focus{ --tw-ring-color: rgb(var(--orange)); } .ti-btn-orange:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-purple{ background-color: rgb(var(--purple)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-purple:hover{ background-color: rgb(var(--purple)); } .ti-btn-purple:focus{ --tw-ring-color: rgb(var(--purple)); } .ti-btn-purple:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-teal{ background-color: rgb(var(--teal)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-teal:hover{ background-color: rgb(var(--teal)); } .ti-btn-teal:focus{ --tw-ring-color: rgb(var(--teal)); } .ti-btn-teal:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-primary{ border-color: rgb(var(--primary)); color: rgb(var(--primary)); } .svg-icon-med.ti-btn-outline-primary{ background-color: rgb(var(--primary) / 0.2); } .ti-btn-outline-primary:hover{ border-color: rgb(var(--primary)); background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-primary:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-outline-primary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-secondary{ border-color: rgb(var(--secondary)); color: rgb(var(--secondary)); } .ti-btn-outline-secondary:hover{ border-color: rgb(var(--secondary)); background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-secondary:focus{ --tw-ring-color: rgb(var(--secondary)); } .ti-btn-outline-secondary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-danger{ border-color: rgb(var(--danger)); color: rgb(var(--danger)); } .ti-btn-outline-danger:hover{ border-color: rgb(var(--danger)); background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .ti-btn-outline-danger:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-warning{ border-color: rgb(var(--warning)); color: rgb(var(--warning)); } .ti-btn-outline-warning:hover{ border-color: rgb(var(--warning)); background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-warning:focus{ --tw-ring-color: rgb(var(--warning)); } .ti-btn-outline-warning:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-info{ border-color: rgb(var(--info)); color: rgb(var(--info)); } .ti-btn-outline-info:hover{ border-color: rgb(var(--info)); background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-info:focus{ --tw-ring-color: rgb(var(--info)); } .ti-btn-outline-info:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-success{ border-color: rgb(var(--success)); color: rgb(var(--success)); } .ti-btn-outline-success:hover{ border-color: rgb(var(--success)); background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-success:focus{ --tw-ring-color: rgb(var(--success)); } .ti-btn-outline-success:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-light{ border-color: rgb(var(--default-border)); color: rgb(var(--default-text-color)); } .ti-btn-outline-light:hover{ border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .ti-btn-outline-light:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity)); } .ti-btn-outline-light:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); color: rgb(var(--default-text-color) / 0.8); } .ti-btn-outline-light:hover:is(.dark *){ background-color: rgb(var(--light)); } .ti-btn-outline-light:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-dark{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .ti-btn-outline-dark:hover{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-dark:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } .ti-btn-outline-dark:is(.dark *){ border-color: rgb(255 255 255 / 0.1); color: rgb(255 255 255 / 0.7); } .ti-btn-outline-dark:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-primary{ color: rgb(var(--primary)); } .svg-icon-med.ti-btn-ghost-primary{ background-color: rgb(var(--primary) / 0.2); } .ti-btn-ghost-primary:hover{ background-color: rgb(var(--primary) / 0.1); } .ti-btn-ghost-primary:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-ghost-primary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-secondary{ color: rgb(var(--secondary)); } .ti-btn-ghost-secondary:hover{ background-color: rgb(var(--secondary) / 0.1); } .ti-btn-ghost-secondary:focus{ --tw-ring-color: rgb(var(--secondary)); } .ti-btn-ghost-secondary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-warning{ color: rgb(var(--warning)); } .ti-btn-ghost-warning:hover{ background-color: rgb(var(--warning) / 0.1); } .ti-btn-ghost-warning:focus{ --tw-ring-color: rgb(var(--warning)); } .ti-btn-ghost-warning:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-info{ color: rgb(var(--info)); } .ti-btn-ghost-info:hover{ background-color: rgb(var(--info) / 0.1); } .ti-btn-ghost-info:focus{ --tw-ring-color: rgb(var(--info)); } .ti-btn-ghost-info:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-danger{ color: rgb(var(--danger)); } .ti-btn-ghost-danger:hover{ background-color: rgb(var(--danger) / 0.1); } .ti-btn-ghost-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .ti-btn-ghost-danger:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-success{ color: rgb(var(--success)); } .ti-btn-ghost-success:hover{ background-color: rgb(var(--success) / 0.1); } .ti-btn-ghost-success:focus{ --tw-ring-color: rgb(var(--success)); } .ti-btn-ghost-success:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-purple{ color: rgb(var(--purple)); } .ti-btn-ghost-purple:hover{ background-color: rgb(var(--purple) / 0.1); } .ti-btn-ghost-purple:focus{ --tw-ring-color: rgb(var(--purple)); } .ti-btn-ghost-purple:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-teal{ color: rgb(var(--teal)); } .ti-btn-ghost-teal:hover{ background-color: rgb(var(--teal) / 0.1); } .ti-btn-ghost-teal:focus{ --tw-ring-color: rgb(var(--teal)); } .ti-btn-ghost-teal:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-orange{ color: rgb(var(--orange)); } .ti-btn-ghost-orange:hover{ background-color: rgb(var(--orange) / 0.1); } .ti-btn-ghost-orange:focus{ --tw-ring-color: rgb(var(--orange)); } .ti-btn-ghost-orange:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-light{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .ti-btn-ghost-light:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .ti-btn-ghost-light:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity)); } .ti-btn-ghost-light:hover:is(.dark *){ background-color: rgb(var(--body-bg)); } .ti-btn-ghost-light:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-dark{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .ti-btn-ghost-dark:hover{ background-color: rgb(17 24 39 / 0.1); } .ti-btn-ghost-dark:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } .ti-btn-ghost-dark:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-btn-ghost-dark:hover:is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .ti-btn-ghost-dark:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-primary{ background-color: rgb(var(--primary) / 0.15); color: rgb(var(--primary)); --tw-ring-offset-color: #fff; } .svg-icon-med.ti-btn-soft-primary{ background-color: rgb(var(--primary) / 0.2); } .ti-btn-soft-primary:hover{ background-color: rgb(var(--primary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-primary:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-soft-primary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-primary1{ background-color: rgb(var(--primary-tint1-rgb) / 0.15); color: rgb(var(--primary-tint1-rgb)); --tw-ring-offset-color: #fff; } .svg-icon-med.ti-btn-soft-primary1{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .ti-btn-soft-primary1:hover{ background-color: rgb(var(--primary-tint1-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-primary1:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-soft-primary1:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-primary2{ background-color: rgb(var(--primary-tint2-rgb) / 0.15); color: rgb(var(--primary-tint2-rgb)); --tw-ring-offset-color: #fff; } .svg-icon-med.ti-btn-soft-primary2{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .ti-btn-soft-primary2:hover{ background-color: rgb(var(--primary-tint2-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-primary2:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-soft-primary2:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-primary3{ background-color: rgb(var(--primary-tint3-rgb) / 0.15); color: rgb(var(--primary-tint3-rgb)); --tw-ring-offset-color: #fff; } .svg-icon-med.ti-btn-soft-primary3{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .ti-btn-soft-primary3:hover{ background-color: rgb(var(--primary-tint3-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-primary3:focus{ --tw-ring-color: rgb(var(--primary)); } .ti-btn-soft-primary3:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-secondary{ background-color: rgb(var(--secondary) / 0.15); color: rgb(var(--secondary)); --tw-ring-offset-color: #fff; } .ti-btn-soft-secondary:hover{ background-color: rgb(var(--secondary)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-secondary:focus{ --tw-ring-color: rgb(var(--secondary)); } .ti-btn-soft-secondary:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-warning{ background-color: rgb(var(--warning) / 0.15); color: rgb(var(--warning)); --tw-ring-offset-color: #fff; } .ti-btn-soft-warning:hover{ background-color: rgb(var(--warning)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-warning:focus{ --tw-ring-color: rgb(var(--warning)); } .ti-btn-soft-warning:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-danger{ background-color: rgb(var(--danger) / 0.15); color: rgb(var(--danger)); --tw-ring-offset-color: #fff; } .ti-btn-soft-danger:hover{ background-color: rgb(var(--danger)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .ti-btn-soft-danger:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-info{ background-color: rgb(var(--info) / 0.15); color: rgb(var(--info)); --tw-ring-offset-color: #fff; } .ti-btn-soft-info:hover{ background-color: rgb(var(--info)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-info:focus{ --tw-ring-color: rgb(var(--info)); } .ti-btn-soft-info:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-orange{ background-color: rgb(var(--orange) / 0.15); color: rgb(var(--orange)); --tw-ring-offset-color: #fff; } .ti-btn-soft-orange:hover{ background-color: rgb(var(--orange)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-orange:focus{ --tw-ring-color: rgb(var(--orange)); } .ti-btn-soft-orange:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-purple{ background-color: rgb(var(--purple) / 0.15); color: rgb(var(--purple)); --tw-ring-offset-color: #fff; } .ti-btn-soft-purple:hover{ background-color: rgb(var(--purple)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-purple:focus{ --tw-ring-color: rgb(var(--purple)); } .ti-btn-soft-purple:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-teal{ background-color: rgb(var(--teal) / 0.15); color: rgb(var(--teal)); --tw-ring-offset-color: #fff; } .ti-btn-soft-teal:hover{ background-color: rgb(var(--teal)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-teal:focus{ --tw-ring-color: rgb(var(--teal)); } .ti-btn-soft-teal:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-success{ background-color: rgb(var(--success) / 0.15); color: rgb(var(--success)); --tw-ring-offset-color: #fff; } .ti-btn-soft-success:hover{ background-color: rgb(var(--success)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-success:focus{ --tw-ring-color: rgb(var(--success)); } .ti-btn-soft-success:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-light{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); --tw-ring-offset-color: #fff; } .ti-btn-soft-light:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .ti-btn-soft-light:focus{ --tw-ring-color: rgb(var(--success)); } .ti-btn-soft-light:is(.dark *){ background-color: rgb(243 244 246 / 0.1); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-light:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .ti-btn-soft-light:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-dark{ background-color: rgb(17 24 39 / 0.1); --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); --tw-ring-offset-color: #fff; } .ti-btn-soft-dark:hover{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-soft-dark:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } .ti-btn-soft-dark:is(.dark *){ color: rgb(255 255 255 / 0.7); } .ti-btn-soft-dark:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .ti-btn-primary-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: rgb(var(--secondary)) var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-secondary-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--secondary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--secondary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #7289FF var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-success-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--success)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #009CA4 var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-danger-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--danger)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--danger) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #DE4980 var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-warning-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--warning)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--warning) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #9EA53C var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-info-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--info)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--info) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #4990E1 var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-orange-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--orange)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--orange) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #E5647E var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-purple-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--purple)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--purple) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #0086FF var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-teal-gradient{ border-width: 0px; background-image: linear-gradient(to right, var(--tw-gradient-stops)); --tw-gradient-from: rgb(var(--teal)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--teal) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #3AE3C7 var(--tw-gradient-to-position); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* End Buttons Styles */ .ti-btn.ti-btn-w-sm{ min-width: 6.975rem !important; } .ti-btn.ti-btn-w-md{ min-width: 8.125rem !important; } .ti-btn.ti-btn-w-lg{ min-width: 9.375rem; } /* Start Pagination Styles */ .ti-pagination{ display: flex; align-items: center; } .ti-pagination li .page-link{ display: inline-flex; align-items: center; gap: 0.5rem; border-inline-start-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-color: rgb(var(--default-border)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgb(var(--default-text-color)); } .ti-pagination li .page-link:hover{ color: rgb(var(--primary)); } .ti-pagination li .page-link:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); color: rgb(var(--default-text-color) / 0.8); } .ti-pagination li .page-link.active{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-pagination li .page-link.\!active{ border-color: rgb(var(--primary)) !important; background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .ti-pagination li .page-link.disabled{ pointer-events: none; --tw-text-opacity: 0.3; } .ti-pagination li .page-link.\!disabled{ pointer-events: none; --tw-text-opacity: 0.3; } .ti-pagination li .page-link:last-child{ border-inline-end-width: 1px; border-color: rgb(var(--default-border)); } .ti-pagination li .page-link:last-child:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .ti-pagination li:not(:first-child) .page-link{ margin-inline-start: calc(1px * -1); } .ti-pagination li:first-child .page-link{ border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .ti-pagination li:last-child .page-link{ border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .ti-pagination.pagination-sm li .page-link{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 0.75rem; } .ti-pagination.pagination-sm li:first-child .page-link{ border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .ti-pagination.pagination-sm li:last-child .page-link{ border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .ti-pagination.pagination-lg li .page-link{ padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 1.125rem; } @media (min-width: 480px){ .ti-pagination.pagination-lg li .page-link{ padding-left: 1.5rem; padding-right: 1.5rem; } } .ti-pagination.pagination-lg li:first-child .page-link{ border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .ti-pagination.pagination-lg li:last-child .page-link{ border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .pagination-style-1 .ti-pagination li > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .pagination-style-1 .ti-pagination li .page-link{ border-radius: 9999px; border-width: 0px; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1; } .pagination-style-2 .ti-pagination li > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .pagination-style-2 .ti-pagination li .page-link{ border-radius: 0.3rem; border-width: 0px; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1; } .pagination-style-2 .ti-pagination li .page-link.active{ position: relative; background-color: rgb(var(--primary)); font-weight: 500; line-height: 1.5; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .pagination-style-2 .ti-pagination li .page-link.active::before{ position: absolute; left: 0px; right: 0px; bottom: 0px; display: none; height: 0.25rem; width: 100%; content: var(--tw-content); background-color: rgb(var(--primary)); } .pagination-style-2 .ti-pagination li .page-link.\!active{ position: relative; background-color: rgb(var(--primary)); font-weight: 500; line-height: 1.5; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .pagination-style-2 .ti-pagination li .page-link.\!active::before{ position: absolute; left: 0px; right: 0px; bottom: 0px; display: none; height: 0.25rem; width: 100%; content: var(--tw-content); background-color: rgb(var(--primary)); } .pagination-style-3 .ti-pagination li > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .pagination-style-3 .ti-pagination li .page-link{ border-radius: 9999px; border-width: 0px; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; line-height: 1; } /* End Pagination Styles */ .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .not-sr-only{ position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .pointer-events-none{ pointer-events: none; } .pointer-events-auto{ pointer-events: auto; } .\!visible{ visibility: visible !important; } .visible{ visibility: visible; } .invisible{ visibility: hidden; } .collapse{ visibility: collapse; } .static{ position: static; } .\!fixed{ position: fixed !important; } .fixed{ position: fixed; } .absolute{ position: absolute; } .\!relative{ position: relative !important; } .relative{ position: relative; } .sticky{ position: sticky; } .-inset-1{ inset: -0.25rem; } .inset-0{ inset: 0px; } .inset-x-0{ left: 0px; right: 0px; } .inset-x-auto{ left: auto; right: auto; } .inset-y-0{ top: 0px; bottom: 0px; } .\!top-\[1\.5rem\]{ top: 1.5rem !important; } .-bottom-0{ bottom: -0px; } .-bottom-8{ bottom: -2rem; } .-bottom-\[2\.8125rem\]{ bottom: -2.8125rem; } .-bottom-\[7px\]{ bottom: -7px; } .-end-0{ inset-inline-end: -0px; } .-end-0\.5{ inset-inline-end: -0.125rem; } .-end-2{ inset-inline-end: -0.5rem; } .-end-4{ inset-inline-end: -1rem; } .-end-\[0\%\]{ inset-inline-end: -0%; } .-end-\[0\.2\%\]{ inset-inline-end: -0.2%; } .-end-\[0\.25\%\]{ inset-inline-end: -0.25%; } .-end-\[0\.375rem\]{ inset-inline-end: -0.375rem; } .-end-\[0\.5rem\]{ inset-inline-end: -0.5rem; } .-end-\[0\.625rem\]{ inset-inline-end: -0.625rem; } .-end-\[10px\]{ inset-inline-end: -10px; } .-end-\[12px\]{ inset-inline-end: -12px; } .-end-\[13\%\]{ inset-inline-end: -13%; } .-end-\[2\.8125rem\]{ inset-inline-end: -2.8125rem; } .-end-\[7px\]{ inset-inline-end: -7px; } .-right-\[3px\]{ right: -3px; } .-right-px{ right: -1px; } .-start-0{ inset-inline-start: -0px; } .-start-0\.5{ inset-inline-start: -0.125rem; } .-start-1{ inset-inline-start: -0.25rem; } .-start-\[0\.125rem\]{ inset-inline-start: -0.125rem; } .-start-\[10px\]{ inset-inline-start: -10px; } .-start-\[12px\]{ inset-inline-start: -12px; } .-start-\[1px\]{ inset-inline-start: -1px; } .-start-\[2\.8125rem\]{ inset-inline-start: -2.8125rem; } .-start-\[7px\]{ inset-inline-start: -7px; } .-start-full{ inset-inline-start: -100%; } .-top-0{ top: -0px; } .-top-1{ top: -0.25rem; } .-top-2{ top: -0.5rem; } .-top-8{ top: -2rem; } .-top-\[0\.438rem\]{ top: -0.438rem; } .-top-\[15\%\]{ top: -15%; } .-top-\[16px\]{ top: -16px; } .-top-\[2\.8125rem\]{ top: -2.8125rem; } .-top-\[20px\]{ top: -20px; } .-top-\[25\%\]{ top: -25%; } .-top-\[25px\]{ top: -25px; } .-top-\[38\%\]{ top: -38%; } .-top-\[4\%\]{ top: -4%; } .-top-\[4px\]{ top: -4px; } .-top-\[6\%\]{ top: -6%; } .-top-\[7px\]{ top: -7px; } .-top-\[8\%\]{ top: -8%; } .-top-\[8px\]{ top: -8px; } .-top-px{ top: -1px; } .bottom-0{ bottom: 0px; } .bottom-1{ bottom: 0.25rem; } .bottom-5{ bottom: 1.25rem; } .bottom-6{ bottom: 1.5rem; } .bottom-\[-0\.275rem\]{ bottom: -0.275rem; } .bottom-\[-0\.938rem\]{ bottom: -0.938rem; } .bottom-\[-1\.5rem\]{ bottom: -1.5rem; } .bottom-\[-10\%\]{ bottom: -10%; } .bottom-\[-21px\]{ bottom: -21px; } .bottom-\[-30px\]{ bottom: -30px; } .bottom-\[-38px\]{ bottom: -38px; } .bottom-\[-9px\]{ bottom: -9px; } .bottom-\[120px\]{ bottom: 120px; } .bottom-\[136px\]{ bottom: 136px; } .bottom-\[18px\]{ bottom: 18px; } .bottom-\[20px\]{ bottom: 20px; } .bottom-\[30\%\]{ bottom: 30%; } .bottom-\[40\%\]{ bottom: 40%; } .bottom-\[966px\]{ bottom: 966px; } .bottom-full{ bottom: 100%; } .end-0{ inset-inline-end: 0px; } .end-0\.5{ inset-inline-end: 0.125rem; } .end-1{ inset-inline-end: 0.25rem; } .end-2{ inset-inline-end: 0.5rem; } .end-2\.5{ inset-inline-end: 0.625rem; } .end-3{ inset-inline-end: 0.75rem; } .end-32{ inset-inline-end: 8rem; } .end-4{ inset-inline-end: 1rem; } .end-5{ inset-inline-end: 1.25rem; } .end-7{ inset-inline-end: 1.75rem; } .end-8{ inset-inline-end: 2rem; } .end-\[-0\.063rem\]{ inset-inline-end: -0.063rem; } .end-\[-0\.2\%\]{ inset-inline-end: -0.2%; } .end-\[-0\.25\%\]{ inset-inline-end: -0.25%; } .end-\[-0\.25rem\]{ inset-inline-end: -0.25rem; } .end-\[-0\.375rem\]{ inset-inline-end: -0.375rem; } .end-\[-0\.563rem\]{ inset-inline-end: -0.563rem; } .end-\[-0\.5rem\]{ inset-inline-end: -0.5rem; } .end-\[-0\.688rem\]{ inset-inline-end: -0.688rem; } .end-\[-1\.5rem\]{ inset-inline-end: -1.5rem; } .end-\[-13\%\]{ inset-inline-end: -13%; } .end-\[-18px\]{ inset-inline-end: -18px; } .end-\[-2\%\]{ inset-inline-end: -2%; } .end-\[-35px\]{ inset-inline-end: -35px; } .end-\[-5px\]{ inset-inline-end: -5px; } .end-\[0\.313rem\]{ inset-inline-end: 0.313rem; } .end-\[0\.45em\]{ inset-inline-end: 0.45em; } .end-\[0\.45rem\]{ inset-inline-end: 0.45rem; } .end-\[0\.7rem\]{ inset-inline-end: 0.7rem; } .end-\[0\.8rem\]{ inset-inline-end: 0.8rem; } .end-\[10px\]{ inset-inline-end: 10px; } .end-\[15px\]{ inset-inline-end: 15px; } .end-\[18px\]{ inset-inline-end: 18px; } .end-\[1em\]{ inset-inline-end: 1em; } .end-\[30px\]{ inset-inline-end: 30px; } .end-\[3px\]{ inset-inline-end: 3px; } .end-\[42px\]{ inset-inline-end: 42px; } .end-\[46\%\]{ inset-inline-end: 46%; } .end-\[5\.15rem\]{ inset-inline-end: 5.15rem; } .end-\[inherit\]{ inset-inline-end: inherit; } .end-auto{ inset-inline-end: auto; } .end-full{ inset-inline-end: 100%; } .left-0{ left: 0px; } .left-1{ left: 0.25rem; } .left-1\/2{ left: 50%; } .left-\[inherit\]{ left: inherit; } .right-\[inherit\]{ right: inherit; } .start-0{ inset-inline-start: 0px; } .start-0\.5{ inset-inline-start: 0.125rem; } .start-1{ inset-inline-start: 0.25rem; } .start-1\.5{ inset-inline-start: 0.375rem; } .start-1\/2{ inset-inline-start: 50%; } .start-2{ inset-inline-start: 0.5rem; } .start-2\.5{ inset-inline-start: 0.625rem; } .start-20{ inset-inline-start: 5rem; } .start-3{ inset-inline-start: 0.75rem; } .start-3\.5{ inset-inline-start: 0.875rem; } .start-32{ inset-inline-start: 8rem; } .start-4{ inset-inline-start: 1rem; } .start-48{ inset-inline-start: 12rem; } .start-6{ inset-inline-start: 1.5rem; } .start-9{ inset-inline-start: 2.25rem; } .start-\[-0\.2rem\]{ inset-inline-start: -0.2rem; } .start-\[-1\.5rem\]{ inset-inline-start: -1.5rem; } .start-\[-15px\]{ inset-inline-start: -15px; } .start-\[-1rem\]{ inset-inline-start: -1rem; } .start-\[-2\%\]{ inset-inline-start: -2%; } .start-\[-2\.4rem\]{ inset-inline-start: -2.4rem; } .start-\[-2\.83rem\]{ inset-inline-start: -2.83rem; } .start-\[-27px\]{ inset-inline-start: -27px; } .start-\[-3\.7rem\]{ inset-inline-start: -3.7rem; } .start-\[-30px\]{ inset-inline-start: -30px; } .start-\[-35px\]{ inset-inline-start: -35px; } .start-\[-85px\]{ inset-inline-start: -85px; } .start-\[-9\%\]{ inset-inline-start: -9%; } .start-\[-9\.5\%\]{ inset-inline-start: -9.5%; } .start-\[0\.125rem\]{ inset-inline-start: 0.125rem; } .start-\[0\.188rem\]{ inset-inline-start: 0.188rem; } .start-\[0\.1rem\]{ inset-inline-start: 0.1rem; } .start-\[0\.3rem\]{ inset-inline-start: 0.3rem; } .start-\[0\.45rem\]{ inset-inline-start: 0.45rem; } .start-\[0\.4rem\]{ inset-inline-start: 0.4rem; } .start-\[0\.65rem\]{ inset-inline-start: 0.65rem; } .start-\[0\.7188rem\]{ inset-inline-start: 0.7188rem; } .start-\[0\.813rem\]{ inset-inline-start: 0.813rem; } .start-\[0\.9125em\]{ inset-inline-start: 0.9125em; } .start-\[1\.438rem\]{ inset-inline-start: 1.438rem; } .start-\[1\.5rem\]{ inset-inline-start: 1.5rem; } .start-\[1\.9125em\]{ inset-inline-start: 1.9125em; } .start-\[1\.935rem\]{ inset-inline-start: 1.935rem; } .start-\[10\%\]{ inset-inline-start: 10%; } .start-\[10px\]{ inset-inline-start: 10px; } .start-\[11\.81rem\]{ inset-inline-start: 11.81rem; } .start-\[116px\]{ inset-inline-start: 116px; } .start-\[12\.5rem\]{ inset-inline-start: 12.5rem; } .start-\[13px\]{ inset-inline-start: 13px; } .start-\[15px\]{ inset-inline-start: 15px; } .start-\[18px\]{ inset-inline-start: 18px; } .start-\[19px\]{ inset-inline-start: 19px; } .start-\[1em\]{ inset-inline-start: 1em; } .start-\[2\.25rem\]{ inset-inline-start: 2.25rem; } .start-\[2\.313rem\]{ inset-inline-start: 2.313rem; } .start-\[2\.55rem\]{ inset-inline-start: 2.55rem; } .start-\[2\.563rem\]{ inset-inline-start: 2.563rem; } .start-\[2\.5rem\]{ inset-inline-start: 2.5rem; } .start-\[25\%\]{ inset-inline-start: 25%; } .start-\[27px\]{ inset-inline-start: 27px; } .start-\[28px\]{ inset-inline-start: 28px; } .start-\[3px\]{ inset-inline-start: 3px; } .start-\[3rem\]{ inset-inline-start: 3rem; } .start-\[40\%\]{ inset-inline-start: 40%; } .start-\[46\%\]{ inset-inline-start: 46%; } .start-\[49\.05\%\]{ inset-inline-start: 49.05%; } .start-\[50\%\]{ inset-inline-start: 50%; } .start-\[60\%\]{ inset-inline-start: 60%; } .start-\[62px\]{ inset-inline-start: 62px; } .start-\[75\%\]{ inset-inline-start: 75%; } .start-\[80\%\]{ inset-inline-start: 80%; } .start-\[9\.5rem\]{ inset-inline-start: 9.5rem; } .start-\[98\.5rem\]{ inset-inline-start: 98.5rem; } .start-\[9px\]{ inset-inline-start: 9px; } .start-\[inherit\]{ inset-inline-start: inherit; } .start-auto{ inset-inline-start: auto; } .top-0{ top: 0px; } .top-0\.5{ top: 0.125rem; } .top-1{ top: 0.25rem; } .top-1\/2{ top: 50%; } .top-2{ top: 0.5rem; } .top-2\.5{ top: 0.625rem; } .top-3{ top: 0.75rem; } .top-3\/4{ top: 75%; } .top-4{ top: 1rem; } .top-5{ top: 1.25rem; } .top-\[-0\.0625rem\]{ top: -0.0625rem; } .top-\[-0\.125rem\]{ top: -0.125rem; } .top-\[-0\.313rem\]{ top: -0.313rem; } .top-\[-0\.375rem\]{ top: -0.375rem; } .top-\[-0\.45rem\]{ top: -0.45rem; } .top-\[-0\.5rem\]{ top: -0.5rem; } .top-\[-0\.875rem\]{ top: -0.875rem; } .top-\[-0\.938rem\]{ top: -0.938rem; } .top-\[-1\.5rem\]{ top: -1.5rem; } .top-\[-15\%\]{ top: -15%; } .top-\[-38\%\]{ top: -38%; } .top-\[-4\%\]{ top: -4%; } .top-\[-6\%\]{ top: -6%; } .top-\[-7px\]{ top: -7px; } .top-\[-8\%\]{ top: -8%; } .top-\[-9px\]{ top: -9px; } .top-\[0\.1875rem\]{ top: 0.1875rem; } .top-\[0\.188rem\]{ top: 0.188rem; } .top-\[0\.313rem\]{ top: 0.313rem; } .top-\[0\.35rem\]{ top: 0.35rem; } .top-\[0\.563rem\]{ top: 0.563rem; } .top-\[0\.65rem\]{ top: 0.65rem; } .top-\[0\.813rem\]{ top: 0.813rem; } .top-\[0\.838rem\]{ top: 0.838rem; } .top-\[0\.9375rem\]{ top: 0.9375rem; } .top-\[1\.15rem\]{ top: 1.15rem; } .top-\[1\.2rem\]{ top: 1.2rem; } .top-\[1\.75rem\]{ top: 1.75rem; } .top-\[1\.813rem\]{ top: 1.813rem; } .top-\[1\.875rem\]{ top: 1.875rem; } .top-\[1\.9em\]{ top: 1.9em; } .top-\[10px\]{ top: 10px; } .top-\[11px\]{ top: 11px; } .top-\[15\%\]{ top: 15%; } .top-\[19px\]{ top: 19px; } .top-\[2\.05em\]{ top: 2.05em; } .top-\[2\.375em\]{ top: 2.375em; } .top-\[20px\]{ top: 20px; } .top-\[3\.75rem\]{ top: 3.75rem; } .top-\[30px\]{ top: 30px; } .top-\[31px\]{ top: 31px; } .top-\[39px\]{ top: 39px; } .top-\[3px\]{ top: 3px; } .top-\[4\.25rem\]{ top: 4.25rem; } .top-\[4px\]{ top: 4px; } .top-\[51px\]{ top: 51px; } .top-\[55px\]{ top: 55px; } .top-\[5px\]{ top: 5px; } .top-\[6px\]{ top: 6px; } .top-\[7\.25rem\]{ top: 7.25rem; } .top-\[7px\]{ top: 7px; } .top-\[calc\(64px_\+_1\.5rem\)\]{ top: calc(64px + 1.5rem); } .top-auto{ top: auto; } .top-full{ top: 100%; } .isolate{ isolation: isolate; } .isolation-auto{ isolation: auto; } .\!z-\[1000\]{ z-index: 1000 !important; } .\!z-\[105\]{ z-index: 105 !important; } .-z-\[1\]{ z-index: -1; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-\[-1\]{ z-index: -1; } .z-\[-2\]{ z-index: -2; } .z-\[-9\]{ z-index: -9; } .z-\[0\]{ z-index: 0; } .z-\[10000\]{ z-index: 10000; } .z-\[100\]{ z-index: 100; } .z-\[101\]{ z-index: 101; } .z-\[102\]{ z-index: 102; } .z-\[103\]{ z-index: 103; } .z-\[104\]{ z-index: 104; } .z-\[1090\]{ z-index: 1090; } .z-\[11\]{ z-index: 11; } .z-\[13\]{ z-index: 13; } .z-\[150\]{ z-index: 150; } .z-\[1\]{ z-index: 1; } .z-\[2\]{ z-index: 2; } .z-\[3\]{ z-index: 3; } .z-\[48\]{ z-index: 48; } .z-\[49\]{ z-index: 49; } .z-\[5\]{ z-index: 5; } .z-\[60\]{ z-index: 60; } .z-\[6\]{ z-index: 6; } .z-\[70\]{ z-index: 70; } .z-\[80\]{ z-index: 80; } .z-\[8\]{ z-index: 8; } .z-\[99999\]{ z-index: 99999; } .z-\[9999\]{ z-index: 9999; } .z-\[999\]{ z-index: 999; } .z-\[99\]{ z-index: 99; } .z-\[9\]{ z-index: 9; } .order-1{ order: 1; } .order-2{ order: 2; } .order-3{ order: 3; } .\!col-span-12{ grid-column: span 12 / span 12 !important; } .\!col-span-2{ grid-column: span 2 / span 2 !important; } .\!col-span-3{ grid-column: span 3 / span 3 !important; } .\!col-span-4{ grid-column: span 4 / span 4 !important; } .\!col-span-6{ grid-column: span 6 / span 6 !important; } .col-auto{ grid-column: auto; } .col-span-1{ grid-column: span 1 / span 1; } .col-span-10{ grid-column: span 10 / span 10; } .col-span-11{ grid-column: span 11 / span 11; } .col-span-12{ grid-column: span 12 / span 12; } .col-span-2{ grid-column: span 2 / span 2; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-4{ grid-column: span 4 / span 4; } .col-span-5{ grid-column: span 5 / span 5; } .col-span-6{ grid-column: span 6 / span 6; } .col-span-7{ grid-column: span 7 / span 7; } .col-span-8{ grid-column: span 8 / span 8; } .col-span-9{ grid-column: span 9 / span 9; } .col-start-1{ grid-column-start: 1; } .col-start-2{ grid-column-start: 2; } .col-end-3{ grid-column-end: 3; } .col-end-7{ grid-column-end: 7; } .row-span-2{ grid-row: span 2 / span 2; } .row-span-3{ grid-row: span 3 / span 3; } .row-start-1{ grid-row-start: 1; } .row-start-2{ grid-row-start: 2; } .row-end-3{ grid-row-end: 3; } .row-end-4{ grid-row-end: 4; } .float-start{ float: inline-start; } .float-end{ float: inline-end; } .float-right{ float: right; } .float-left{ float: left; } .float-none{ float: none; } .clear-start{ clear: inline-start; } .clear-end{ clear: inline-end; } .clear-left{ clear: left; } .clear-right{ clear: right; } .clear-both{ clear: both; } .clear-none{ clear: none; } .\!m-0{ margin: 0px !important; } .-m-2{ margin: -0.5rem; } .-m-\[2px\]{ margin: -2px; } .m-0{ margin: 0px; } .m-1{ margin: 0.25rem; } .m-10{ margin: 2.5rem; } .m-2{ margin: 0.5rem; } .m-2\.5{ margin: 0.625rem; } .m-3{ margin: 0.75rem; } .m-4{ margin: 1rem; } .m-5{ margin: 1.25rem; } .m-\[0\.2em\]{ margin: 0.2em; } .m-\[0\.313rem\]{ margin: 0.313rem; } .m-\[3px\]{ margin: 3px; } .m-\[3rem\]{ margin: 3rem; } .\!mx-\[10px\]{ margin-left: 10px !important; margin-right: 10px !important; } .\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .\!my-0{ margin-top: 0px !important; margin-bottom: 0px !important; } .\!my-auto{ margin-top: auto !important; margin-bottom: auto !important; } .-mx-1{ margin-left: -0.25rem; margin-right: -0.25rem; } .mx-0{ margin-left: 0px; margin-right: 0px; } .mx-1{ margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2{ margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3{ margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-\[0\.1875rem\]{ margin-left: 0.1875rem; margin-right: 0.1875rem; } .mx-\[1\.6rem\]{ margin-left: 1.6rem; margin-right: 1.6rem; } .mx-\[10px\]{ margin-left: 10px; margin-right: 10px; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3{ margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-5{ margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-\[0\.2em\]{ margin-top: 0.2em; margin-bottom: 0.2em; } .my-\[0\.3125rem\]{ margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .my-\[0\.35rem\]{ margin-top: 0.35rem; margin-bottom: 0.35rem; } .my-\[2\.1rem\]{ margin-top: 2.1rem; margin-bottom: 2.1rem; } .my-\[3px\]{ margin-top: 3px; margin-bottom: 3px; } .my-\[4\.25rem\]{ margin-top: 4.25rem; margin-bottom: 4.25rem; } .my-\[5px\]{ margin-top: 5px; margin-bottom: 5px; } .my-\[7px\]{ margin-top: 7px; margin-bottom: 7px; } .my-auto{ margin-top: auto; margin-bottom: auto; } .\!mb-0{ margin-bottom: 0px !important; } .\!mb-2{ margin-bottom: 0.5rem !important; } .\!mb-3{ margin-bottom: 0.75rem !important; } .\!mb-4{ margin-bottom: 1rem !important; } .\!mb-6{ margin-bottom: 1.5rem !important; } .\!me-0{ margin-inline-end: 0px !important; } .\!me-1{ margin-inline-end: 0.25rem !important; } .\!me-2{ margin-inline-end: 0.5rem !important; } .\!me-\[0\.35rem\]{ margin-inline-end: 0.35rem !important; } .\!ms-auto{ margin-inline-start: auto !important; } .\!mt-0{ margin-top: 0px !important; } .\!mt-10{ margin-top: 2.5rem !important; } .\!mt-14{ margin-top: 3.5rem !important; } .\!mt-2{ margin-top: 0.5rem !important; } .\!mt-3{ margin-top: 0.75rem !important; } .\!mt-7{ margin-top: 1.75rem !important; } .-mb-0{ margin-bottom: -0px; } .-mb-0\.5{ margin-bottom: -0.125rem; } .-mb-8{ margin-bottom: -2rem; } .-mb-px{ margin-bottom: -1px; } .-me-\[1\.5em\]{ margin-inline-end: -1.5em; } .-me-px{ margin-inline-end: -1px; } .-ms-1{ margin-inline-start: -0.25rem; } .-ms-4{ margin-inline-start: -1rem; } .-ms-px{ margin-inline-start: -1px; } .-mt-1{ margin-top: -0.25rem; } .-mt-2{ margin-top: -0.5rem; } .-mt-3{ margin-top: -0.75rem; } .-mt-\[8px\]{ margin-top: -8px; } .-mt-px{ margin-top: -1px; } .mb-0{ margin-bottom: 0px; } .mb-1{ margin-bottom: 0.25rem; } .mb-1\.5{ margin-bottom: 0.375rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-2\.5{ margin-bottom: 0.625rem; } .mb-3{ margin-bottom: 0.75rem; } .mb-4{ margin-bottom: 1rem; } .mb-40{ margin-bottom: 10rem; } .mb-5{ margin-bottom: 1.25rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-\[-1rem\]{ margin-bottom: -1rem; } .mb-\[-22px\]{ margin-bottom: -22px; } .mb-\[-25px\]{ margin-bottom: -25px; } .mb-\[-7px\]{ margin-bottom: -7px; } .mb-\[0\.08rem\]{ margin-bottom: 0.08rem; } .mb-\[0\.125rem\]{ margin-bottom: 0.125rem; } .mb-\[0\.313rem\]{ margin-bottom: 0.313rem; } .mb-\[0\.35rem\]{ margin-bottom: 0.35rem; } .mb-\[0\.375rem\]{ margin-bottom: 0.375rem; } .mb-\[0\.3rem\]{ margin-bottom: 0.3rem; } .mb-\[0\.4rem\]{ margin-bottom: 0.4rem; } .mb-\[0\.5rem\]{ margin-bottom: 0.5rem; } .mb-\[0\.65rem\]{ margin-bottom: 0.65rem; } .mb-\[0\.85rem\]{ margin-bottom: 0.85rem; } .mb-\[1\.05rem\]{ margin-bottom: 1.05rem; } .mb-\[1\.17rem\]{ margin-bottom: 1.17rem; } .mb-\[1\.1rem\]{ margin-bottom: 1.1rem; } .mb-\[1\.23rem\]{ margin-bottom: 1.23rem; } .mb-\[1\.25rem\]{ margin-bottom: 1.25rem; } .mb-\[1\.35rem\]{ margin-bottom: 1.35rem; } .mb-\[1\.4rem\]{ margin-bottom: 1.4rem; } .mb-\[1\.55rem\]{ margin-bottom: 1.55rem; } .mb-\[1\.5rem\]{ margin-bottom: 1.5rem; } .mb-\[1\.68rem\]{ margin-bottom: 1.68rem; } .mb-\[1\.85rem\]{ margin-bottom: 1.85rem; } .mb-\[14px\]{ margin-bottom: 14px; } .mb-\[15px\]{ margin-bottom: 15px; } .mb-\[1rem\]{ margin-bottom: 1rem; } .mb-\[2\.5rem\]{ margin-bottom: 2.5rem; } .mb-\[2px\]{ margin-bottom: 2px; } .mb-\[3px\]{ margin-bottom: 3px; } .mb-\[3rem\]{ margin-bottom: 3rem; } .mb-\[var\(--tagify-dd-item-pad\)\]{ margin-bottom: var(--tagify-dd-item-pad); } .mb-auto{ margin-bottom: auto; } .me-0{ margin-inline-end: 0px; } .me-1{ margin-inline-end: 0.25rem; } .me-1\.5{ margin-inline-end: 0.375rem; } .me-2{ margin-inline-end: 0.5rem; } .me-2\.5{ margin-inline-end: 0.625rem; } .me-3{ margin-inline-end: 0.75rem; } .me-4{ margin-inline-end: 1rem; } .me-5{ margin-inline-end: 1.25rem; } .me-6{ margin-inline-end: 1.5rem; } .me-9{ margin-inline-end: 2.25rem; } .me-\[-0\.65rem\]{ margin-inline-end: -0.65rem; } .me-\[-1\.6875rem\]{ margin-inline-end: -1.6875rem; } .me-\[-1rem\]{ margin-inline-end: -1rem; } .me-\[0\.125rem\]{ margin-inline-end: 0.125rem; } .me-\[0\.2em\]{ margin-inline-end: 0.2em; } .me-\[0\.375rem\]{ margin-inline-end: 0.375rem; } .me-\[0\.3em\]{ margin-inline-end: 0.3em; } .me-\[0\.3rem\]{ margin-inline-end: 0.3rem; } .me-\[0\.75em\]{ margin-inline-end: 0.75em; } .me-\[2\.1rem\]{ margin-inline-end: 2.1rem; } .me-\[3rem\]{ margin-inline-end: 3rem; } .me-\[4\%\]{ margin-inline-end: 4%; } .me-\[5px\]{ margin-inline-end: 5px; } .me-\[6\%\]{ margin-inline-end: 6%; } .me-\[inherit\]{ margin-inline-end: inherit; } .me-\[var\(--tagify-dd-item-pad\)\]{ margin-inline-end: var(--tagify-dd-item-pad); } .me-auto{ margin-inline-end: auto; } .ml-0{ margin-left: 0px; } .ml-2{ margin-left: 0.5rem; } .ms-0{ margin-inline-start: 0px; } .ms-0\.5{ margin-inline-start: 0.125rem; } .ms-1{ margin-inline-start: 0.25rem; } .ms-16{ margin-inline-start: 4rem; } .ms-2{ margin-inline-start: 0.5rem; } .ms-3{ margin-inline-start: 0.75rem; } .ms-4{ margin-inline-start: 1rem; } .ms-5{ margin-inline-start: 1.25rem; } .ms-6{ margin-inline-start: 1.5rem; } .ms-60{ margin-inline-start: 15rem; } .ms-\[-0\.625rem\]{ margin-inline-start: -0.625rem; } .ms-\[-1\.5em\]{ margin-inline-start: -1.5em; } .ms-\[-1rem\]{ margin-inline-start: -1rem; } .ms-\[0\.2em\]{ margin-inline-start: 0.2em; } .ms-\[0\.625rem\]{ margin-inline-start: 0.625rem; } .ms-\[0\.75em\]{ margin-inline-start: 0.75em; } .ms-\[1\.5625rem\]{ margin-inline-start: 1.5625rem; } .ms-\[17rem\]{ margin-inline-start: 17rem; } .ms-\[5px\]{ margin-inline-start: 5px; } .ms-\[5rem\]{ margin-inline-start: 5rem; } .ms-\[7px\]{ margin-inline-start: 7px; } .ms-\[9\.5rem\]{ margin-inline-start: 9.5rem; } .ms-\[calc\(1px_\*_-1\)\]{ margin-inline-start: calc(1px * -1); } .ms-\[calc\(var\(--bs-width\)\*-1\)\]{ margin-inline-start: calc(var(--bs-width) * -1); } .ms-\[var\(--tagify-dd-item-pad\)\]{ margin-inline-start: var(--tagify-dd-item-pad); } .ms-auto{ margin-inline-start: auto; } .mt-0{ margin-top: 0px; } .mt-0\.5{ margin-top: 0.125rem; } .mt-1{ margin-top: 0.25rem; } .mt-1\.5{ margin-top: 0.375rem; } .mt-10{ margin-top: 2.5rem; } .mt-2{ margin-top: 0.5rem; } .mt-20{ margin-top: 5rem; } .mt-3{ margin-top: 0.75rem; } .mt-4{ margin-top: 1rem; } .mt-5{ margin-top: 1.25rem; } .mt-6{ margin-top: 1.5rem; } .mt-7{ margin-top: 1.75rem; } .mt-8{ margin-top: 2rem; } .mt-\[-0\.156rem\]{ margin-top: -0.156rem; } .mt-\[-0\.4375rem\]{ margin-top: -0.4375rem; } .mt-\[-10\.25rem\]{ margin-top: -10.25rem; } .mt-\[-1rem\]{ margin-top: -1rem; } .mt-\[-3px\]{ margin-top: -3px; } .mt-\[-3rem\]{ margin-top: -3rem; } .mt-\[-54px\]{ margin-top: -54px; } .mt-\[-5rem\]{ margin-top: -5rem; } .mt-\[0\.5625rem\]{ margin-top: 0.5625rem; } .mt-\[0\.5rem\]{ margin-top: 0.5rem; } .mt-\[1\.75rem\]{ margin-top: 1.75rem; } .mt-\[15px\]{ margin-top: 15px; } .mt-\[2rem\]{ margin-top: 2rem; } .mt-\[3\.75rem\]{ margin-top: 3.75rem; } .mt-\[3px\]{ margin-top: 3px; } .mt-\[4\.25rem\]{ margin-top: 4.25rem; } .mt-\[4\.5rem\]{ margin-top: 4.5rem; } .mt-\[4px\]{ margin-top: 4px; } .mt-\[5\.75rem\]{ margin-top: 5.75rem; } .mt-\[5px\]{ margin-top: 5px; } .mt-\[6\.25rem\]{ margin-top: 6.25rem; } .mt-\[60px\]{ margin-top: 60px; } .mt-\[var\(--tagify-dd-item-pad\)\]{ margin-top: var(--tagify-dd-item-pad); } .mt-auto{ margin-top: auto; } .box-border{ box-sizing: border-box; } .box-content{ box-sizing: content-box; } .line-clamp-none{ overflow: visible; display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: none; } .\!block{ display: block !important; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .\!flex{ display: flex !important; } .flex{ display: flex; } .\!inline-flex{ display: inline-flex !important; } .inline-flex{ display: inline-flex; } .\!table{ display: table !important; } .table{ display: table; } .inline-table{ display: inline-table; } .table-caption{ display: table-caption; } .table-cell{ display: table-cell; } .table-column{ display: table-column; } .table-column-group{ display: table-column-group; } .table-footer-group{ display: table-footer-group; } .table-header-group{ display: table-header-group; } .table-row-group{ display: table-row-group; } .table-row{ display: table-row; } .flow-root{ display: flow-root; } .\!grid{ display: grid !important; } .grid{ display: grid; } .inline-grid{ display: inline-grid; } .\!contents{ display: contents !important; } .contents{ display: contents; } .list-item{ display: list-item; } .\!hidden{ display: none !important; } .hidden{ display: none; } .aspect-video{ aspect-ratio: 16 / 9; } .size-1{ width: 0.25rem; height: 0.25rem; } .size-10{ width: 2.5rem; height: 2.5rem; } .size-12{ width: 3rem; height: 3rem; } .size-2{ width: 0.5rem; height: 0.5rem; } .size-24{ width: 6rem; height: 6rem; } .size-3{ width: 0.75rem; height: 0.75rem; } .size-3\.5{ width: 0.875rem; height: 0.875rem; } .size-4{ width: 1rem; height: 1rem; } .size-40{ width: 10rem; height: 10rem; } .size-5{ width: 1.25rem; height: 1.25rem; } .size-6{ width: 1.5rem; height: 1.5rem; } .size-7{ width: 1.75rem; height: 1.75rem; } .size-8{ width: 2rem; height: 2rem; } .size-9{ width: 2.25rem; height: 2.25rem; } .size-\[38px\]{ width: 38px; height: 38px; } .size-\[46px\]{ width: 46px; height: 46px; } .size-\[50px\]{ width: 50px; height: 50px; } .size-full{ width: 100%; height: 100%; } .\!h-2{ height: 0.5rem !important; } .\!h-6{ height: 1.5rem !important; } .\!h-9{ height: 2.25rem !important; } .\!h-\[17rem\]{ height: 17rem !important; } .\!h-\[1rem\]{ height: 1rem !important; } .\!h-\[21px\]{ height: 21px !important; } .\!h-\[90\%\]{ height: 90% !important; } .\!h-auto{ height: auto !important; } .\!h-full{ height: 100% !important; } .h-0{ height: 0px; } .h-0\.5{ height: 0.125rem; } .h-1{ height: 0.25rem; } .h-1\.5{ height: 0.375rem; } .h-1\/5{ height: 20%; } .h-10{ height: 2.5rem; } .h-11{ height: 2.75rem; } .h-12{ height: 3rem; } .h-16{ height: 4rem; } .h-2{ height: 0.5rem; } .h-2\.5{ height: 0.625rem; } .h-20{ height: 5rem; } .h-24{ height: 6rem; } .h-28{ height: 7rem; } .h-3{ height: 0.75rem; } .h-3\.5{ height: 0.875rem; } .h-32{ height: 8rem; } .h-4{ height: 1rem; } .h-4\/5{ height: 80%; } .h-40{ height: 10rem; } .h-44{ height: 11rem; } .h-48{ height: 12rem; } .h-5{ height: 1.25rem; } .h-6{ height: 1.5rem; } .h-60{ height: 15rem; } .h-7{ height: 1.75rem; } .h-72{ height: 18rem; } .h-8{ height: 2rem; } .h-80{ height: 20rem; } .h-9{ height: 2.25rem; } .h-\[0\.075rem\]{ height: 0.075rem; } .h-\[0\.25rem\]{ height: 0.25rem; } .h-\[0\.35rem\]{ height: 0.35rem; } .h-\[0\.3em\]{ height: 0.3em; } .h-\[0\.55rem\]{ height: 0.55rem; } .h-\[0\.5rem\]{ height: 0.5rem; } .h-\[0\.625rem\]{ height: 0.625rem; } .h-\[0\.6rem\]{ height: 0.6rem; } .h-\[0\.75rem\]{ height: 0.75rem; } .h-\[0\.8rem\]{ height: 0.8rem; } .h-\[0\.938rem\]{ height: 0.938rem; } .h-\[0\.95rem\]{ height: 0.95rem; } .h-\[0\.9rem\]{ height: 0.9rem; } .h-\[1\.05rem\]{ height: 1.05rem; } .h-\[1\.063rem\]{ height: 1.063rem; } .h-\[1\.125rem\]{ height: 1.125rem; } .h-\[1\.15rem\]{ height: 1.15rem; } .h-\[1\.1rem\]{ height: 1.1rem; } .h-\[1\.25rem\]{ height: 1.25rem; } .h-\[1\.2rem\]{ height: 1.2rem; } .h-\[1\.35rem\]{ height: 1.35rem; } .h-\[1\.45rem\]{ height: 1.45rem; } .h-\[1\.4rem\]{ height: 1.4rem; } .h-\[1\.563rem\]{ height: 1.563rem; } .h-\[1\.5rem\]{ height: 1.5rem; } .h-\[1\.75rem\]{ height: 1.75rem; } .h-\[1\.7rem\]{ height: 1.7rem; } .h-\[1\.8rem\]{ height: 1.8rem; } .h-\[10\.5rem\]{ height: 10.5rem; } .h-\[100px\]{ height: 100px; } .h-\[10px\]{ height: 10px; } .h-\[115px\]{ height: 115px; } .h-\[11px\]{ height: 11px; } .h-\[12\.5rem\]{ height: 12.5rem; } .h-\[120px\]{ height: 120px; } .h-\[12px\]{ height: 12px; } .h-\[13\.75rem\]{ height: 13.75rem; } .h-\[13px\]{ height: 13px; } .h-\[14px\]{ height: 14px; } .h-\[15\.08rem\]{ height: 15.08rem; } .h-\[15\.625rem\]{ height: 15.625rem; } .h-\[150px\]{ height: 150px; } .h-\[168px\]{ height: 168px; } .h-\[170px\]{ height: 170px; } .h-\[17px\]{ height: 17px; } .h-\[18\.75rem\]{ height: 18.75rem; } .h-\[1rem\]{ height: 1rem; } .h-\[2\.125rem\]{ height: 2.125rem; } .h-\[2\.1rem\]{ height: 2.1rem; } .h-\[2\.25rem\]{ height: 2.25rem; } .h-\[2\.375rem\]{ height: 2.375rem; } .h-\[2\.37rem\]{ height: 2.37rem; } .h-\[2\.5rem\]{ height: 2.5rem; } .h-\[2\.625rem\]{ height: 2.625rem; } .h-\[2\.75rem\]{ height: 2.75rem; } .h-\[2\.875rem\]{ height: 2.875rem; } .h-\[2\.95rem\]{ height: 2.95rem; } .h-\[200px\]{ height: 200px; } .h-\[20px\]{ height: 20px; } .h-\[21\.875\]{ height: 21.875; } .h-\[21\.875rem\]{ height: 21.875rem; } .h-\[218px\]{ height: 218px; } .h-\[22px\]{ height: 22px; } .h-\[25px\]{ height: 25px; } .h-\[25rem\]{ height: 25rem; } .h-\[27px\]{ height: 27px; } .h-\[3\.125rem\]{ height: 3.125rem; } .h-\[30px\]{ height: 30px; } .h-\[32rem\]{ height: 32rem; } .h-\[35\.75rem\]{ height: 35.75rem; } .h-\[35px\]{ height: 35px; } .h-\[38px\]{ height: 38px; } .h-\[38rem\]{ height: 38rem; } .h-\[39\.75rem\]{ height: 39.75rem; } .h-\[39px\]{ height: 39px; } .h-\[3px\]{ height: 3px; } .h-\[3rem\]{ height: 3rem; } .h-\[4\.25rem\]{ height: 4.25rem; } .h-\[4\.97rem\]{ height: 4.97rem; } .h-\[4rem\]{ height: 4rem; } .h-\[5\.625rem\]{ height: 5.625rem; } .h-\[5rem\]{ height: 5rem; } .h-\[6\.25rem\]{ height: 6.25rem; } .h-\[60px\]{ height: 60px; } .h-\[72\%\]{ height: 72%; } .h-\[77px\]{ height: 77px; } .h-\[7px\]{ height: 7px; } .h-\[80px\]{ height: 80px; } .h-\[85\%\]{ height: 85%; } .h-\[90\%\]{ height: 90%; } .h-\[90px\]{ height: 90px; } .h-\[95\%\]{ height: 95%; } .h-\[96\%\]{ height: 96%; } .h-\[9px\]{ height: 9px; } .h-\[calc\(100\%-3\.5rem\)\]{ height: calc(100% - 3.5rem); } .h-\[calc\(100vh_-_10rem\)\]{ height: calc(100vh - 10rem); } .h-\[calc\(100vh_-_8rem\)\]{ height: calc(100vh - 8rem); } .h-\[inherit\]{ height: inherit; } .h-auto{ height: auto; } .h-full{ height: 100%; } .h-screen{ height: 100vh; } .max-h-40{ max-height: 10rem; } .max-h-60{ max-height: 15rem; } .max-h-72{ max-height: 18rem; } .max-h-\[14\.75rem\]{ max-height: 14.75rem; } .max-h-\[18\.75rem\]{ max-height: 18.75rem; } .max-h-\[265px\]{ max-height: 265px; } .max-h-\[340px\]{ max-height: 340px; } .max-h-\[35rem\]{ max-height: 35rem; } .max-h-\[400px\]{ max-height: 400px; } .max-h-\[430px\]{ max-height: 430px; } .max-h-\[800px\]{ max-height: 800px; } .max-h-\[calc\(100vh-19\.3rem\)\]{ max-height: calc(100vh - 19.3rem); } .max-h-\[calc\(100vh-19\.5rem\)\]{ max-height: calc(100vh - 19.5rem); } .max-h-\[calc\(100vh_-_12\.9rem\)\]{ max-height: calc(100vh - 12.9rem); } .max-h-\[calc\(100vh_-_13\.4rem\)\]{ max-height: calc(100vh - 13.4rem); } .max-h-\[calc\(100vh_-_14\.5rem\)\]{ max-height: calc(100vh - 14.5rem); } .max-h-\[calc\(100vh_-_17\.5rem\)\]{ max-height: calc(100vh - 17.5rem); } .max-h-\[calc\(100vh_-_19\.5rem\)\]{ max-height: calc(100vh - 19.5rem); } .max-h-\[calc\(100vh_-_20\.5rem\)\]{ max-height: calc(100vh - 20.5rem); } .max-h-\[calc\(100vh_-_8\.3rem\)\]{ max-height: calc(100vh - 8.3rem); } .max-h-\[initial\]{ max-height: initial; } .max-h-full{ max-height: 100%; } .max-h-screen{ max-height: 100vh; } .min-h-\[1\.5em\]{ min-height: 1.5em; } .min-h-\[1\.5rem\]{ min-height: 1.5rem; } .min-h-\[100vh\]{ min-height: 100vh; } .min-h-\[10rem\]{ min-height: 10rem; } .min-h-\[12\.5rem\]{ min-height: 12.5rem; } .min-h-\[12\.62rem\]{ min-height: 12.62rem; } .min-h-\[1300px\]{ min-height: 1300px; } .min-h-\[15\.62rem\]{ min-height: 15.62rem; } .min-h-\[15rem\]{ min-height: 15rem; } .min-h-\[1em\]{ min-height: 1em; } .min-h-\[2\.25rem\]{ min-height: 2.25rem; } .min-h-\[21\.875rem\]{ min-height: 21.875rem; } .min-h-\[30px\]{ min-height: 30px; } .min-h-\[32px\]{ min-height: 32px; } .min-h-\[36px\]{ min-height: 36px; } .min-h-\[38px\]{ min-height: 38px; } .min-h-\[44px\]{ min-height: 44px; } .min-h-\[46px\]{ min-height: 46px; } .min-h-\[50px\]{ min-height: 50px; } .min-h-\[auto\]{ min-height: auto; } .min-h-\[calc\(100\%-3\.5rem\)\]{ min-height: calc(100% - 3.5rem); } .min-h-\[calc\(100vh_\+_50rem\)\]{ min-height: calc(100vh + 50rem); } .min-h-\[calc\(100vh_-_10\.5rem\)\]{ min-height: calc(100vh - 10.5rem); } .min-h-\[calc\(100vh_-_10rem\)\]{ min-height: calc(100vh - 10rem); } .min-h-\[calc\(100vh_-_3\.4rem\)\]{ min-height: calc(100vh - 3.4rem); } .min-h-\[calc\(100vh_-_7\.9rem\)\]{ min-height: calc(100vh - 7.9rem); } .min-h-full{ min-height: 100%; } .min-h-screen{ min-height: 100vh; } .\!w-11{ width: 2.75rem !important; } .\!w-2{ width: 0.5rem !important; } .\!w-\[1rem\]{ width: 1rem !important; } .\!w-\[25\%\]{ width: 25% !important; } .\!w-\[35px\]{ width: 35px !important; } .\!w-\[3rem\]{ width: 3rem !important; } .\!w-\[4\.25rem\]{ width: 4.25rem !important; } .\!w-\[50\%\]{ width: 50% !important; } .\!w-\[75\%\]{ width: 75% !important; } .\!w-auto{ width: auto !important; } .\!w-full{ width: 100% !important; } .w-0{ width: 0px; } .w-1{ width: 0.25rem; } .w-1\.5{ width: 0.375rem; } .w-1\/2{ width: 50%; } .w-1\/4{ width: 25%; } .w-1\/5{ width: 20%; } .w-10{ width: 2.5rem; } .w-11{ width: 2.75rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-16{ width: 4rem; } .w-2{ width: 0.5rem; } .w-2\.5{ width: 0.625rem; } .w-2\/4{ width: 50%; } .w-2\/5{ width: 40%; } .w-20{ width: 5rem; } .w-24{ width: 6rem; } .w-3{ width: 0.75rem; } .w-3\.5{ width: 0.875rem; } .w-3\/12{ width: 25%; } .w-3\/4{ width: 75%; } .w-3\/5{ width: 60%; } .w-32{ width: 8rem; } .w-36{ width: 9rem; } .w-4{ width: 1rem; } .w-4\/5{ width: 80%; } .w-40{ width: 10rem; } .w-44{ width: 11rem; } .w-48{ width: 12rem; } .w-5{ width: 1.25rem; } .w-52{ width: 13rem; } .w-6{ width: 1.5rem; } .w-6\/12{ width: 50%; } .w-60{ width: 15rem; } .w-7{ width: 1.75rem; } .w-8{ width: 2rem; } .w-9{ width: 2.25rem; } .w-9\/12{ width: 75%; } .w-96{ width: 24rem; } .w-\[0\.2rem\]{ width: 0.2rem; } .w-\[0\.35rem\]{ width: 0.35rem; } .w-\[0\.3rem\]{ width: 0.3rem; } .w-\[0\.55rem\]{ width: 0.55rem; } .w-\[0\.625rem\]{ width: 0.625rem; } .w-\[0\.8rem\]{ width: 0.8rem; } .w-\[0\.95rem\]{ width: 0.95rem; } .w-\[0\.98rem\]{ width: 0.98rem; } .w-\[0\.9rem\]{ width: 0.9rem; } .w-\[1\%\]{ width: 1%; } .w-\[1\.05rem\]{ width: 1.05rem; } .w-\[1\.125rem\]{ width: 1.125rem; } .w-\[1\.15rem\]{ width: 1.15rem; } .w-\[1\.1rem\]{ width: 1.1rem; } .w-\[1\.25rem\]{ width: 1.25rem; } .w-\[1\.2625em\]{ width: 1.2625em; } .w-\[1\.2rem\]{ width: 1.2rem; } .w-\[1\.35rem\]{ width: 1.35rem; } .w-\[1\.45rem\]{ width: 1.45rem; } .w-\[1\.4rem\]{ width: 1.4rem; } .w-\[1\.563rem\]{ width: 1.563rem; } .w-\[1\.5rem\]{ width: 1.5rem; } .w-\[1\.75rem\]{ width: 1.75rem; } .w-\[1\.875rem\]{ width: 1.875rem; } .w-\[1\.8rem\]{ width: 1.8rem; } .w-\[10\%\]{ width: 10%; } .w-\[10\.5rem\]{ width: 10.5rem; } .w-\[100\%\]{ width: 100%; } .w-\[100px\]{ width: 100px; } .w-\[10px\]{ width: 10px; } .w-\[10rem\]{ width: 10rem; } .w-\[11px\]{ width: 11px; } .w-\[12\%\]{ width: 12%; } .w-\[12\.5rem\]{ width: 12.5rem; } .w-\[120px\]{ width: 120px; } .w-\[12px\]{ width: 12px; } .w-\[13px\]{ width: 13px; } .w-\[1400px\]{ width: 1400px; } .w-\[15\%\]{ width: 15%; } .w-\[15\.625rem\]{ width: 15.625rem; } .w-\[150px\]{ width: 150px; } .w-\[17\%\]{ width: 17%; } .w-\[170px\]{ width: 170px; } .w-\[17px\]{ width: 17px; } .w-\[19\.375rem\]{ width: 19.375rem; } .w-\[19\.5rem\]{ width: 19.5rem; } .w-\[197px\]{ width: 197px; } .w-\[1px\]{ width: 1px; } .w-\[1rem\]{ width: 1rem; } .w-\[2\.1rem\]{ width: 2.1rem; } .w-\[2\.25rem\]{ width: 2.25rem; } .w-\[2\.5rem\]{ width: 2.5rem; } .w-\[2\.625rem\]{ width: 2.625rem; } .w-\[2\.75rem\]{ width: 2.75rem; } .w-\[2\.875rem\]{ width: 2.875rem; } .w-\[2\.95rem\]{ width: 2.95rem; } .w-\[20\%\]{ width: 20%; } .w-\[200px\]{ width: 200px; } .w-\[20px\]{ width: 20px; } .w-\[21\%\]{ width: 21%; } .w-\[21rem\]{ width: 21rem; } .w-\[22\.25rem\]{ width: 22.25rem; } .w-\[22px\]{ width: 22px; } .w-\[23\%\]{ width: 23%; } .w-\[235px\]{ width: 235px; } .w-\[25\%\]{ width: 25%; } .w-\[250px\]{ width: 250px; } .w-\[25rem\]{ width: 25rem; } .w-\[27\%\]{ width: 27%; } .w-\[27\.5rem\]{ width: 27.5rem; } .w-\[27px\]{ width: 27px; } .w-\[2em\]{ width: 2em; } .w-\[2px\]{ width: 2px; } .w-\[3\.125rem\]{ width: 3.125rem; } .w-\[3\.25rem\]{ width: 3.25rem; } .w-\[3\.5rem\]{ width: 3.5rem; } .w-\[3\.75rem\]{ width: 3.75rem; } .w-\[30\%\]{ width: 30%; } .w-\[30px\]{ width: 30px; } .w-\[30rem\]{ width: 30rem; } .w-\[31rem\]{ width: 31rem; } .w-\[33px\]{ width: 33px; } .w-\[35\%\]{ width: 35%; } .w-\[35px\]{ width: 35px; } .w-\[370px\]{ width: 370px; } .w-\[38px\]{ width: 38px; } .w-\[3rem\]{ width: 3rem; } .w-\[4\.25rem\]{ width: 4.25rem; } .w-\[4\.5rem\]{ width: 4.5rem; } .w-\[4\.97rem\]{ width: 4.97rem; } .w-\[44\%\]{ width: 44%; } .w-\[45\%\]{ width: 45%; } .w-\[45px\]{ width: 45px; } .w-\[4rem\]{ width: 4rem; } .w-\[5\%\]{ width: 5%; } .w-\[5\.6875rem\]{ width: 5.6875rem; } .w-\[50\%\]{ width: 50%; } .w-\[50px\]{ width: 50px; } .w-\[52\%\]{ width: 52%; } .w-\[55px\]{ width: 55px; } .w-\[56\%\]{ width: 56%; } .w-\[59px\]{ width: 59px; } .w-\[5rem\]{ width: 5rem; } .w-\[6\.25rem\]{ width: 6.25rem; } .w-\[6\.46rem\]{ width: 6.46rem; } .w-\[60\%\]{ width: 60%; } .w-\[60px\]{ width: 60px; } .w-\[65\%\]{ width: 65%; } .w-\[70\%\]{ width: 70%; } .w-\[72\%\]{ width: 72%; } .w-\[75\%\]{ width: 75%; } .w-\[7px\]{ width: 7px; } .w-\[8\.75rem\]{ width: 8.75rem; } .w-\[80\%\]{ width: 80%; } .w-\[80px\]{ width: 80px; } .w-\[85\%\]{ width: 85%; } .w-\[88\%\]{ width: 88%; } .w-\[9\.375rem\]{ width: 9.375rem; } .w-\[9\.5rem\]{ width: 9.5rem; } .w-\[90\%\]{ width: 90%; } .w-\[90px\]{ width: 90px; } .w-\[91\%\]{ width: 91%; } .w-\[94\%\]{ width: 94%; } .w-\[95\%\]{ width: 95%; } .w-\[96\%\]{ width: 96%; } .w-\[99\%\]{ width: 99%; } .w-\[9px\]{ width: 9px; } .w-\[inherit\]{ width: inherit; } .w-auto{ width: auto; } .w-fit{ width: -moz-fit-content; width: fit-content; } .w-full{ width: 100%; } .w-px{ width: 1px; } .min-w-0{ min-width: 0px; } .min-w-60{ min-width: 15rem; } .min-w-8{ min-width: 2rem; } .min-w-\[100px\]{ min-width: 100px; } .min-w-\[10rem\]{ min-width: 10rem; } .min-w-\[11rem\]{ min-width: 11rem; } .min-w-\[12\.5rem\]{ min-width: 12.5rem; } .min-w-\[12rem\]{ min-width: 12rem; } .min-w-\[15rem\]{ min-width: 15rem; } .min-w-\[20rem\]{ min-width: 20rem; } .min-w-\[21\.875rem\]{ min-width: 21.875rem; } .min-w-\[25rem\]{ min-width: 25rem; } .min-w-\[350px\]{ min-width: 350px; } .min-w-\[36px\]{ min-width: 36px; } .min-w-\[38px\]{ min-width: 38px; } .min-w-\[3rem\]{ min-width: 3rem; } .min-w-\[4\.4rem\]{ min-width: 4.4rem; } .min-w-\[4\.688rem\]{ min-width: 4.688rem; } .min-w-\[46px\]{ min-width: 46px; } .min-w-\[6\.975rem\]{ min-width: 6.975rem; } .min-w-\[70px\]{ min-width: 70px; } .min-w-\[8\.125rem\]{ min-width: 8.125rem; } .min-w-\[9\.375rem\]{ min-width: 9.375rem; } .min-w-\[992px\]{ min-width: 992px; } .min-w-fit{ min-width: -moz-fit-content; min-width: fit-content; } .min-w-full{ min-width: 100%; } .\!max-w-2xl{ max-width: 42rem !important; } .\!max-w-4xl{ max-width: 56rem !important; } .\!max-w-\[27\.5rem\]{ max-width: 27.5rem !important; } .\!max-w-\[276px\]{ max-width: 276px !important; } .\!max-w-full{ max-width: 100% !important; } .\!max-w-lg{ max-width: 32rem !important; } .\!max-w-xl{ max-width: 36rem !important; } .max-w-0{ max-width: 0px; } .max-w-40{ max-width: 10rem; } .max-w-4xl{ max-width: 56rem; } .max-w-\[11\.25rem\]{ max-width: 11.25rem; } .max-w-\[1140px\]{ max-width: 1140px; } .max-w-\[13\.375rem\]{ max-width: 13.375rem; } .max-w-\[1320px\]{ max-width: 1320px; } .max-w-\[13rem\]{ max-width: 13rem; } .max-w-\[14\.5rem\]{ max-width: 14.5rem; } .max-w-\[14rem\]{ max-width: 14rem; } .max-w-\[160px\]{ max-width: 160px; } .max-w-\[180px\]{ max-width: 180px; } .max-w-\[200px\]{ max-width: 200px; } .max-w-\[21\.875rem\]{ max-width: 21.875rem; } .max-w-\[250px\]{ max-width: 250px; } .max-w-\[25rem\]{ max-width: 25rem; } .max-w-\[27\.5rem\]{ max-width: 27.5rem; } .max-w-\[350px\]{ max-width: 350px; } .max-w-\[4\.4rem\]{ max-width: 4.4rem; } .max-w-\[48\%\]{ max-width: 48%; } .max-w-\[500px\]{ max-width: 500px; } .max-w-\[50rem\]{ max-width: 50rem; } .max-w-\[540px\]{ max-width: 540px; } .max-w-\[68\.75rem\]{ max-width: 68.75rem; } .max-w-\[7\.5rem\]{ max-width: 7.5rem; } .max-w-\[70px\]{ max-width: 70px; } .max-w-\[720px\]{ max-width: 720px; } .max-w-\[75\%\]{ max-width: 75%; } .max-w-\[7rem\]{ max-width: 7rem; } .max-w-\[8\.5rem\]{ max-width: 8.5rem; } .max-w-\[80\%\]{ max-width: 80%; } .max-w-\[90\%\]{ max-width: 90%; } .max-w-\[91\.66666667\%\]{ max-width: 91.66666667%; } .max-w-\[960px\]{ max-width: 960px; } .max-w-full{ max-width: 100%; } .max-w-lg{ max-width: 32rem; } .max-w-md{ max-width: 28rem; } .max-w-sm{ max-width: 24rem; } .max-w-xl{ max-width: 36rem; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .flex-\[0_0_calc\(100\%_\/_7\)\]{ flex: 0 0 calc(100% / 7); } .flex-\[1_0_0\%\]{ flex: 1 0 0%; } .flex-auto{ flex: 1 1 auto; } .flex-none{ flex: none; } .flex-shrink{ flex-shrink: 1; } .flex-shrink-0{ flex-shrink: 0; } .shrink{ flex-shrink: 1; } .shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .flex-grow-0{ flex-grow: 0; } .\!grow{ flex-grow: 1 !important; } .grow{ flex-grow: 1; } .basis-0{ flex-basis: 0px; } .basis-\[100\%\]{ flex-basis: 100%; } .basis-full{ flex-basis: 100%; } .table-auto{ table-layout: auto; } .table-fixed{ table-layout: fixed; } .caption-top{ caption-side: top; } .caption-bottom{ caption-side: bottom; } .border-collapse{ border-collapse: collapse; } .border-separate{ border-collapse: separate; } .origin-center{ transform-origin: center; } .-translate-x-1{ --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-full{ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1{ --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full{ --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-5{ --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-10\%\]{ --tw-translate-x: -10%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-10px\]{ --tw-translate-x: -10px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[12\.5rem\]{ --tw-translate-x: 12.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0{ --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-43px\]{ --tw-translate-y: -43px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-9px\]{ --tw-translate-y: -9px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[19px\]{ --tw-translate-y: 19px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full{ --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-\[135deg\]{ --tw-rotate: -135deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-\[225deg\]{ --tw-rotate: -225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-\[315deg\]{ --tw-rotate: -315deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-2{ --tw-rotate: 2deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[-45deg\]{ --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[135deg\]{ --tw-rotate: 135deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[225deg\]{ --tw-rotate: 225deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[270deg\]{ --tw-rotate: 270deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-\[315deg\]{ --tw-rotate: 315deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.15\]{ --tw-scale-x: 1.15; --tw-scale-y: 1.15; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.2\]{ --tw-scale-x: 1.2; --tw-scale-y: 1.2; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.6\]{ --tw-scale-x: 1.6; --tw-scale-y: 1.6; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-x-100{ --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\!transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-cpu{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-gpu{ transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\!transform-none{ transform: none !important; } .transform-none{ transform: none; } @keyframes ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .\!animate-ping{ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } .animate-\[pulse-secondary_2s_infinite\]{ animation: pulse-secondary 2s infinite; } @keyframes pulse{ 0%, 100%{ opacity: 1; } 50%{ opacity: 0.5; } } .animate-pulse{ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .animate-spin{ animation: spin 1s linear infinite; } @keyframes spin{ from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } .animate-spin-slow{ animation: spin 3s linear infinite; } @keyframes wase{ 0%, 100%{ transform: rotate(-3deg); } 50%{ transform: rotate(3deg); } } .animate-wase{ animation: wase 4s 0.7s ease-in-out infinite; } .cursor-default{ cursor: default; } .cursor-move{ cursor: move; } .cursor-not-allowed{ cursor: not-allowed; } .cursor-pointer{ cursor: pointer; } .cursor-text{ cursor: text; } .touch-auto{ touch-action: auto; } .touch-none{ touch-action: none; } .touch-pan-x{ --tw-pan-x: pan-x; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-left{ --tw-pan-x: pan-left; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-right{ --tw-pan-x: pan-right; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-y{ --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-up{ --tw-pan-y: pan-up; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pan-down{ --tw-pan-y: pan-down; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-pinch-zoom{ --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .touch-manipulation{ touch-action: manipulation; } .select-none{ -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-text{ -webkit-user-select: text; -moz-user-select: text; user-select: text; } .select-all{ -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-auto{ -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .resize-none{ resize: none; } .resize-y{ resize: vertical; } .resize-x{ resize: horizontal; } .resize{ resize: both; } .snap-none{ scroll-snap-type: none; } .snap-x{ scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-y{ scroll-snap-type: y var(--tw-scroll-snap-strictness); } .snap-both{ scroll-snap-type: both var(--tw-scroll-snap-strictness); } .snap-mandatory{ --tw-scroll-snap-strictness: mandatory; } .snap-proximity{ --tw-scroll-snap-strictness: proximity; } .snap-start{ scroll-snap-align: start; } .snap-end{ scroll-snap-align: end; } .snap-center{ scroll-snap-align: center; } .snap-align-none{ scroll-snap-align: none; } .snap-normal{ scroll-snap-stop: normal; } .snap-always{ scroll-snap-stop: always; } .list-inside{ list-style-position: inside; } .list-outside{ list-style-position: outside; } .\!list-decimal{ list-style-type: decimal !important; } .list-\[circle\]{ list-style-type: circle; } .list-decimal{ list-style-type: decimal; } .list-disc{ list-style-type: disc; } .list-none{ list-style-type: none; } .appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .appearance-auto{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .columns-1{ -moz-columns: 1; columns: 1; } .columns-2{ -moz-columns: 2; columns: 2; } .columns-3{ -moz-columns: 3; columns: 3; } .columns-3xs{ -moz-columns: 16rem; columns: 16rem; } .break-before-auto{ -moz-column-break-before: auto; break-before: auto; } .break-before-avoid{ -moz-column-break-before: avoid; break-before: avoid; } .break-before-all{ -moz-column-break-before: all; break-before: all; } .break-before-avoid-page{ -moz-column-break-before: avoid; break-before: avoid-page; } .break-before-page{ -moz-column-break-before: page; break-before: page; } .break-before-left{ -moz-column-break-before: left; break-before: left; } .break-before-right{ -moz-column-break-before: right; break-before: right; } .break-before-column{ -moz-column-break-before: column; break-before: column; } .break-inside-auto{ -moz-column-break-inside: auto; break-inside: auto; } .break-inside-avoid{ -moz-column-break-inside: avoid; break-inside: avoid; } .break-inside-avoid-page{ break-inside: avoid-page; } .break-inside-avoid-column{ -moz-column-break-inside: avoid; break-inside: avoid-column; } .break-after-auto{ -moz-column-break-after: auto; break-after: auto; } .break-after-avoid{ -moz-column-break-after: avoid; break-after: avoid; } .break-after-all{ -moz-column-break-after: all; break-after: all; } .break-after-avoid-page{ -moz-column-break-after: avoid; break-after: avoid-page; } .break-after-page{ -moz-column-break-after: page; break-after: page; } .break-after-left{ -moz-column-break-after: left; break-after: left; } .break-after-right{ -moz-column-break-after: right; break-after: right; } .break-after-column{ -moz-column-break-after: column; break-after: column; } .grid-flow-row{ grid-auto-flow: row; } .grid-flow-col{ grid-auto-flow: column; } .grid-flow-dense{ grid-auto-flow: dense; } .grid-flow-row-dense{ grid-auto-flow: row dense; } .grid-flow-col-dense{ grid-auto-flow: column dense; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-11{ grid-template-columns: repeat(11, minmax(0, 1fr)); } .grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); } .grid-cols-\[auto_1fr\]{ grid-template-columns: auto 1fr; } .grid-cols-subgrid{ grid-template-columns: subgrid; } .grid-rows-3{ grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-4{ grid-template-rows: repeat(4, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-row-reverse{ flex-direction: row-reverse; } .flex-col{ flex-direction: column; } .flex-col-reverse{ flex-direction: column-reverse; } .flex-wrap{ flex-wrap: wrap; } .flex-wrap-reverse{ flex-wrap: wrap-reverse; } .flex-nowrap{ flex-wrap: nowrap; } .place-content-center{ place-content: center; } .place-content-start{ place-content: start; } .place-content-end{ place-content: end; } .place-content-between{ place-content: space-between; } .place-content-around{ place-content: space-around; } .place-content-evenly{ place-content: space-evenly; } .place-content-baseline{ place-content: baseline; } .place-content-stretch{ place-content: stretch; } .place-items-start{ place-items: start; } .place-items-end{ place-items: end; } .place-items-center{ place-items: center; } .place-items-baseline{ place-items: baseline; } .place-items-stretch{ place-items: stretch; } .content-normal{ align-content: normal; } .content-center{ align-content: center; } .content-start{ align-content: flex-start; } .content-end{ align-content: flex-end; } .content-between{ align-content: space-between; } .content-around{ align-content: space-around; } .content-evenly{ align-content: space-evenly; } .content-baseline{ align-content: baseline; } .content-stretch{ align-content: stretch; } .items-start{ align-items: flex-start; } .items-end{ align-items: flex-end; } .\!items-center{ align-items: center !important; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .items-stretch{ align-items: stretch; } .justify-normal{ justify-content: normal; } .\!justify-start{ justify-content: flex-start !important; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .\!justify-between{ justify-content: space-between !important; } .justify-between{ justify-content: space-between; } .justify-around{ justify-content: space-around; } .justify-evenly{ justify-content: space-evenly; } .justify-stretch{ justify-content: stretch; } .justify-items-start{ justify-items: start; } .justify-items-end{ justify-items: end; } .justify-items-center{ justify-items: center; } .justify-items-stretch{ justify-items: stretch; } .\!gap-0{ gap: 0px !important; } .\!gap-2{ gap: 0.5rem !important; } .gap-0{ gap: 0px; } .gap-1{ gap: 0.25rem; } .gap-2{ gap: 0.5rem; } .gap-3{ gap: 0.75rem; } .gap-4{ gap: 1rem; } .gap-5{ gap: 1.25rem; } .gap-6{ gap: 1.5rem; } .gap-8{ gap: 2rem; } .gap-\[0_1em\]{ gap: 0 1em; } .gap-\[1\.5rem\]{ gap: 1.5rem; } .gap-\[3rem\]{ gap: 3rem; } .gap-\[5px\]{ gap: 5px; } .gap-x-0{ -moz-column-gap: 0px; column-gap: 0px; } .gap-x-1{ -moz-column-gap: 0.25rem; column-gap: 0.25rem; } .gap-x-1\.5{ -moz-column-gap: 0.375rem; column-gap: 0.375rem; } .gap-x-2{ -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-2\.5{ -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .gap-x-3{ -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-3\.5{ -moz-column-gap: 0.875rem; column-gap: 0.875rem; } .gap-x-4{ -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-5{ -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-x-8{ -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-1{ row-gap: 0.25rem; } .gap-y-2{ row-gap: 0.5rem; } .gap-y-3{ row-gap: 0.75rem; } .gap-y-4{ row-gap: 1rem; } .gap-y-5{ row-gap: 1.25rem; } .gap-y-6{ row-gap: 1.5rem; } .-space-x-px > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(-1px * var(--tw-space-x-reverse)); margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(2rem * var(--tw-space-x-reverse)); margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 1; } .space-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } .divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .divide-y-reverse > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 1; } .divide-x-reverse > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .divide-solid > :not([hidden]) ~ :not([hidden]){ border-style: solid; } .divide-dashed > :not([hidden]) ~ :not([hidden]){ border-style: dashed; } .divide-dotted > :not([hidden]) ~ :not([hidden]){ border-style: dotted; } .divide-double > :not([hidden]) ~ :not([hidden]){ border-style: double; } .divide-none > :not([hidden]) ~ :not([hidden]){ border-style: none; } .divide-black > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(0 0 0 / var(--tw-divide-opacity)); } .divide-black\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(0 0 0 / 0.1); } .divide-danger > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger)); } .divide-danger\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.1); } .divide-danger\/30 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--danger) / 0.3); } .divide-defaultborder > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--default-border)); } .divide-gray-200 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(229 231 235 / var(--tw-divide-opacity)); } .divide-info > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info)); } .divide-info\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.1); } .divide-info\/30 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--info) / 0.3); } .divide-primary > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary)); } .divide-primary\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.1); } .divide-primary\/30 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--primary) / 0.3); } .divide-secondary > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary)); } .divide-secondary\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.1); } .divide-secondary\/30 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--secondary) / 0.3); } .divide-success > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success)); } .divide-success\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.1); } .divide-success\/30 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--success) / 0.3); } .divide-warning > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning)); } .divide-warning\/10 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.1); } .divide-warning\/30 > :not([hidden]) ~ :not([hidden]){ border-color: rgb(var(--warning) / 0.3); } .divide-white > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(255 255 255 / var(--tw-divide-opacity)); } .place-self-auto{ place-self: auto; } .place-self-start{ place-self: start; } .place-self-end{ place-self: end; } .place-self-center{ place-self: center; } .place-self-stretch{ place-self: stretch; } .self-auto{ align-self: auto; } .self-start{ align-self: flex-start; } .self-end{ align-self: flex-end; } .self-center{ align-self: center; } .self-stretch{ align-self: stretch; } .self-baseline{ align-self: baseline; } .justify-self-auto{ justify-self: auto; } .justify-self-start{ justify-self: start; } .justify-self-end{ justify-self: end; } .justify-self-center{ justify-self: center; } .justify-self-stretch{ justify-self: stretch; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .overflow-clip{ overflow: clip; } .overflow-visible{ overflow: visible; } .overflow-scroll{ overflow: scroll; } .overflow-x-auto{ overflow-x: auto; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .overflow-y-hidden{ overflow-y: hidden; } .overflow-x-clip{ overflow-x: clip; } .overflow-y-clip{ overflow-y: clip; } .overflow-x-visible{ overflow-x: visible; } .overflow-y-visible{ overflow-y: visible; } .overflow-x-scroll{ overflow-x: scroll; } .overflow-y-scroll{ overflow-y: scroll; } .overscroll-auto{ overscroll-behavior: auto; } .overscroll-contain{ overscroll-behavior: contain; } .overscroll-none{ overscroll-behavior: none; } .overscroll-y-auto{ overscroll-behavior-y: auto; } .overscroll-y-contain{ overscroll-behavior-y: contain; } .overscroll-y-none{ overscroll-behavior-y: none; } .overscroll-x-auto{ overscroll-behavior-x: auto; } .overscroll-x-contain{ overscroll-behavior-x: contain; } .overscroll-x-none{ overscroll-behavior-x: none; } .scroll-auto{ scroll-behavior: auto; } .scroll-smooth{ scroll-behavior: smooth; } .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-ellipsis{ text-overflow: ellipsis; } .text-ellipsis{ text-overflow: ellipsis; } .text-clip{ text-overflow: clip; } .hyphens-none{ -webkit-hyphens: none; hyphens: none; } .hyphens-manual{ -webkit-hyphens: manual; hyphens: manual; } .hyphens-auto{ -webkit-hyphens: auto; hyphens: auto; } .\!whitespace-normal{ white-space: normal !important; } .whitespace-normal{ white-space: normal; } .whitespace-nowrap{ white-space: nowrap; } .whitespace-pre{ white-space: pre; } .whitespace-pre-line{ white-space: pre-line; } .whitespace-pre-wrap{ white-space: pre-wrap; } .whitespace-break-spaces{ white-space: break-spaces; } .text-wrap{ text-wrap: wrap; } .text-nowrap{ text-wrap: nowrap; } .text-balance{ text-wrap: balance; } .text-pretty{ text-wrap: pretty; } .break-normal{ overflow-wrap: normal; word-break: normal; } .break-words{ overflow-wrap: break-word; } .break-all{ word-break: break-all; } .break-keep{ word-break: keep-all; } .\!rounded-\[0\.75rem\]{ border-radius: 0.75rem !important; } .\!rounded-full{ border-radius: 9999px !important; } .\!rounded-md{ border-radius: 0.5rem !important; } .\!rounded-none{ border-radius: 0 !important; } .\!rounded-sm{ border-radius: 0.25rem !important; } .rounded-\[\.188rem\]{ border-radius: .188rem; } .rounded-\[0\.125rem\]{ border-radius: 0.125rem; } .rounded-\[0\.15rem\]{ border-radius: 0.15rem; } .rounded-\[0\.188rem\]{ border-radius: 0.188rem; } .rounded-\[0\.1rem\]{ border-radius: 0.1rem; } .rounded-\[0\.25rem\]{ border-radius: 0.25rem; } .rounded-\[0\.3125rem\]{ border-radius: 0.3125rem; } .rounded-\[0\.35rem\]{ border-radius: 0.35rem; } .rounded-\[0\.375rem\]{ border-radius: 0.375rem; } .rounded-\[0\.3rem\]{ border-radius: 0.3rem; } .rounded-\[0\.3rem_0\.3rem_0_0\]{ border-radius: 0.3rem 0.3rem 0 0; } .rounded-\[0\.5rem_0_0_0\.5rem\]{ border-radius: 0.5rem 0 0 0.5rem; } .rounded-\[0\.625rem\]{ border-radius: 0.625rem; } .rounded-\[0\.85rem\]{ border-radius: 0.85rem; } .rounded-\[0_0\.5rem_0\.5rem_0\]{ border-radius: 0 0.5rem 0.5rem 0; } .rounded-\[0_0_0\.25rem_0\.25rem\]{ border-radius: 0 0 0.25rem 0.25rem; } .rounded-\[0_0_0\.3rem_0\.3rem\]{ border-radius: 0 0 0.3rem 0.3rem; } .rounded-\[0_0_defaultradius_defaultradius\]{ border-radius: 0 0 defaultradius defaultradius; } .rounded-\[0_50px_50px_0\]{ border-radius: 0 50px 50px 0; } .rounded-\[1\.25rem\]{ border-radius: 1.25rem; } .rounded-\[1\.563rem\]{ border-radius: 1.563rem; } .rounded-\[10px\]{ border-radius: 10px; } .rounded-\[2\.35rem\]{ border-radius: 2.35rem; } .rounded-\[20px\]{ border-radius: 20px; } .rounded-\[3\.125rem\]{ border-radius: 3.125rem; } .rounded-\[3px\]{ border-radius: 3px; } .rounded-\[43px\]{ border-radius: 43px; } .rounded-\[4px\]{ border-radius: 4px; } .rounded-\[50\%\]{ border-radius: 50%; } .rounded-\[50px\]{ border-radius: 50px; } .rounded-\[50px_0_0_50px\]{ border-radius: 50px 0 0 50px; } .rounded-\[50rem\]{ border-radius: 50rem; } .rounded-\[6\.25rem\]{ border-radius: 6.25rem; } .rounded-\[7px\]{ border-radius: 7px; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.75rem; } .rounded-md{ border-radius: 0.5rem; } .rounded-none{ border-radius: 0; } .rounded-sm{ border-radius: 0.25rem; } .rounded-xl{ border-radius: 1rem; } .\!rounded-b-md{ border-bottom-right-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .\!rounded-e-full{ border-start-end-radius: 9999px !important; border-end-end-radius: 9999px !important; } .\!rounded-e-none{ border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } .\!rounded-e-sm{ border-start-end-radius: 0.25rem !important; border-end-end-radius: 0.25rem !important; } .\!rounded-s-full{ border-start-start-radius: 9999px !important; border-end-start-radius: 9999px !important; } .\!rounded-s-none{ border-start-start-radius: 0 !important; border-end-start-radius: 0 !important; } .\!rounded-s-sm{ border-start-start-radius: 0.25rem !important; border-end-start-radius: 0.25rem !important; } .\!rounded-t-md{ border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .\!rounded-t-sm{ border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-b-\[0\.35rem\]{ border-bottom-right-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .rounded-b-md{ border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-b-sm{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-e-md{ border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .rounded-e-none{ border-start-end-radius: 0; border-end-end-radius: 0; } .rounded-e-sm{ border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-s-md{ border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .rounded-s-none{ border-start-start-radius: 0; border-end-start-radius: 0; } .rounded-s-sm{ border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-t-\[0\.35rem\]{ border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } .rounded-t-\[1\.3rem\]{ border-top-left-radius: 1.3rem; border-top-right-radius: 1.3rem; } .rounded-t-lg{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-t-md{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-t-none{ border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-t-sm{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-xl{ border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .\!rounded-bl-md{ border-bottom-left-radius: 0.5rem !important; } .\!rounded-bl-none{ border-bottom-left-radius: 0 !important; } .\!rounded-br-md{ border-bottom-right-radius: 0.5rem !important; } .\!rounded-br-none{ border-bottom-right-radius: 0 !important; } .\!rounded-tl-none{ border-top-left-radius: 0 !important; } .\!rounded-tr-md{ border-top-right-radius: 0.5rem !important; } .\!rounded-tr-none{ border-top-right-radius: 0 !important; } .rounded-bl-\[1\.3rem\]{ border-bottom-left-radius: 1.3rem; } .rounded-bl-md{ border-bottom-left-radius: 0.5rem; } .rounded-bl-none{ border-bottom-left-radius: 0; } .rounded-br-\[1\.3rem\]{ border-bottom-right-radius: 1.3rem; } .rounded-br-\[15px\]{ border-bottom-right-radius: 15px; } .rounded-br-md{ border-bottom-right-radius: 0.5rem; } .rounded-br-none{ border-bottom-right-radius: 0; } .rounded-ee-sm{ border-end-end-radius: 0.25rem; } .rounded-se-\[10px\]{ border-start-end-radius: 10px; } .rounded-se-none{ border-start-end-radius: 0; } .rounded-se-sm{ border-start-end-radius: 0.25rem; } .rounded-se-xl{ border-start-end-radius: 1rem; } .rounded-ss-\[10px\]{ border-start-start-radius: 10px; } .rounded-ss-none{ border-start-start-radius: 0; } .rounded-tl-md{ border-top-left-radius: 0.5rem; } .rounded-tl-none{ border-top-left-radius: 0; } .rounded-tl-sm{ border-top-left-radius: 0.25rem; } .rounded-tr-md{ border-top-right-radius: 0.5rem; } .rounded-tr-none{ border-top-right-radius: 0; } .rounded-tr-sm{ border-top-right-radius: 0.25rem; } .\!border{ border-width: 1px !important; } .\!border-0{ border-width: 0px !important; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-2{ border-width: 2px; } .border-4{ border-width: 4px; } .border-8{ border-width: 8px; } .border-\[0\.125rem\]{ border-width: 0.125rem; } .border-\[0\.15em\]{ border-width: 0.15em; } .border-\[13px\]{ border-width: 13px; } .border-\[2px\]{ border-width: 2px; } .border-\[3px\]{ border-width: 3px; } .border-x{ border-left-width: 1px; border-right-width: 1px; } .border-x-0{ border-left-width: 0px; border-right-width: 0px; } .border-x-4{ border-left-width: 4px; border-right-width: 4px; } .border-x-\[1rem\]{ border-left-width: 1rem; border-right-width: 1rem; } .border-y{ border-top-width: 1px; border-bottom-width: 1px; } .border-y-0{ border-top-width: 0px; border-bottom-width: 0px; } .\!border-b{ border-bottom-width: 1px !important; } .\!border-b-0{ border-bottom-width: 0px !important; } .\!border-e-0{ border-inline-end-width: 0px !important; } .\!border-l-0{ border-left-width: 0px !important; } .\!border-r-0{ border-right-width: 0px !important; } .\!border-s{ border-inline-start-width: 1px !important; } .\!border-s-0{ border-inline-start-width: 0px !important; } .\!border-t{ border-top-width: 1px !important; } .\!border-t-0{ border-top-width: 0px !important; } .border-b{ border-bottom-width: 1px; } .border-b-0{ border-bottom-width: 0px; } .border-b-2{ border-bottom-width: 2px; } .border-b-4{ border-bottom-width: 4px; } .border-b-\[0\.1875rem\]{ border-bottom-width: 0.1875rem; } .border-b-\[1rem\]{ border-bottom-width: 1rem; } .border-b-\[3px\]{ border-bottom-width: 3px; } .border-e{ border-inline-end-width: 1px; } .border-e-0{ border-inline-end-width: 0px; } .border-e-2{ border-inline-end-width: 2px; } .border-e-\[0\.1875rem\]{ border-inline-end-width: 0.1875rem; } .border-e-\[1rem\]{ border-inline-end-width: 1rem; } .border-e-\[9px\]{ border-inline-end-width: 9px; } .border-l{ border-left-width: 1px; } .border-r{ border-right-width: 1px; } .border-s{ border-inline-start-width: 1px; } .border-s-0{ border-inline-start-width: 0px; } .border-s-2{ border-inline-start-width: 2px; } .border-s-4{ border-inline-start-width: 4px; } .border-s-\[0\.1875rem\]{ border-inline-start-width: 0.1875rem; } .border-s-\[0\.25rem\]{ border-inline-start-width: 0.25rem; } .border-s-\[0\.313rem\]{ border-inline-start-width: 0.313rem; } .border-s-\[0\.938rem\]{ border-inline-start-width: 0.938rem; } .border-s-\[3px\]{ border-inline-start-width: 3px; } .border-t{ border-top-width: 1px; } .border-t-0{ border-top-width: 0px; } .border-t-2{ border-top-width: 2px; } .border-t-4{ border-top-width: 4px; } .border-t-\[0\.1875rem\]{ border-top-width: 0.1875rem; } .border-t-\[0\.313rem\]{ border-top-width: 0.313rem; } .border-t-\[1rem\]{ border-top-width: 1rem; } .border-t-\[3px\]{ border-top-width: 3px; } .\!border-solid{ border-style: solid !important; } .border-solid{ border-style: solid; } .border-dashed{ border-style: dashed; } .border-dotted{ border-style: dotted; } .border-double{ border-style: double; } .border-hidden{ border-style: hidden; } .border-none{ border-style: none; } .\!border-black{ --tw-border-opacity: 1 !important; border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; } .\!border-danger{ border-color: rgb(var(--danger)) !important; } .\!border-danger\/20{ border-color: rgb(var(--danger) / 0.2) !important; } .\!border-defaultborder{ border-color: rgb(var(--default-border)) !important; } .\!border-defaultborder\/10{ border-color: rgb(var(--default-border) / 0.1) !important; } .\!border-gray-200{ --tw-border-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; } .\!border-info{ border-color: rgb(var(--info)) !important; } .\!border-info\/20{ border-color: rgb(var(--info) / 0.2) !important; } .\!border-info\/50{ border-color: rgb(var(--info) / 0.5) !important; } .\!border-inputborder{ border-color: rgb(var(--input-border)) !important; } .\!border-light{ border-color: rgb(var(--light)) !important; } .\!border-primary{ border-color: rgb(var(--primary)) !important; } .\!border-primary\/20{ border-color: rgb(var(--primary) / 0.2) !important; } .\!border-primary\/50{ border-color: rgb(var(--primary) / 0.5) !important; } .\!border-primarytint1color{ border-color: rgb(var(--primary-tint1-rgb)) !important; } .\!border-primarytint1color\/50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .\!border-primarytint2color{ border-color: rgb(var(--primary-tint2-rgb)) !important; } .\!border-primarytint2color\/10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .\!border-primarytint2color\/50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .\!border-primarytint3color{ border-color: rgb(var(--primary-tint3-rgb)) !important; } .\!border-primarytint3color\/50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .\!border-secondary{ border-color: rgb(var(--secondary)) !important; } .\!border-secondary\/20{ border-color: rgb(var(--secondary) / 0.2) !important; } .\!border-secondary\/50{ border-color: rgb(var(--secondary) / 0.5) !important; } .\!border-success{ border-color: rgb(var(--success)) !important; } .\!border-success\/10{ border-color: rgb(var(--success) / 0.1) !important; } .\!border-success\/20{ border-color: rgb(var(--success) / 0.2) !important; } .\!border-tealmain{ border-color: rgb(var(--teal)) !important; } .\!border-transparent{ border-color: transparent !important; } .\!border-warning{ border-color: rgb(var(--warning)) !important; } .\!border-warning\/20{ border-color: rgb(var(--warning) / 0.2) !important; } .\!border-warning\/50{ border-color: rgb(var(--warning) / 0.5) !important; } .\!border-white{ --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; } .\!border-white\/10{ border-color: rgb(255 255 255 / 0.1) !important; } .border-\[\#232323\]{ --tw-border-opacity: 1; border-color: rgb(35 35 35 / var(--tw-border-opacity)); } .border-\[\#86b7fe\]{ --tw-border-opacity: 1; border-color: rgb(134 183 254 / var(--tw-border-opacity)); } .border-\[\#8a90e7\]{ --tw-border-opacity: 1; border-color: rgb(138 144 231 / var(--tw-border-opacity)); } .border-\[\#b688f3\]{ --tw-border-opacity: 1; border-color: rgb(182 136 243 / var(--tw-border-opacity)); } .border-\[\#ddd\]{ --tw-border-opacity: 1; border-color: rgb(221 221 221 / var(--tw-border-opacity)); } .border-\[\#e2e6f1\]{ --tw-border-opacity: 1; border-color: rgb(226 230 241 / var(--tw-border-opacity)); } .border-\[\#e2e8f0\]{ --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity)); } .border-\[\#e5e7eb\]{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-\[\#f3f3f3\]{ --tw-border-opacity: 1; border-color: rgb(243 243 243 / var(--tw-border-opacity)); } .border-\[\#f78ab6\]{ --tw-border-opacity: 1; border-color: rgb(247 138 182 / var(--tw-border-opacity)); } .border-\[\#f78aeb\]{ --tw-border-opacity: 1; border-color: rgb(247 138 235 / var(--tw-border-opacity)); } .border-\[\#ff9594\]{ --tw-border-opacity: 1; border-color: rgb(255 149 148 / var(--tw-border-opacity)); } .border-\[rgb\(255\2c 255\2c 255\2c 0\.05\)\]{ border-color: rgb(255,255,255,0.05); } .border-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{ border-color: rgba(255,255,255,0.1); } .border-\[solid\]{ border-color: solid; } .border-\[textmuted_transparent_transparent\]{ border-color: textmuted transparent transparent; } .border-\[transparent_defaultborder_transparent_transparent\]{ border-color: transparent defaultborder transparent transparent; } .border-\[transparent_transparent_transparent_defaultborder\]{ border-color: transparent transparent transparent defaultborder; } .border-\[transparent_transparent_transparent_white\]{ border-color: transparent transparent transparent white; } .border-\[transparent_white_transparent_transparent\]{ border-color: transparent white transparent transparent; } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-black\/10{ border-color: rgb(0 0 0 / 0.1); } .border-black\/\[0\.07\]{ border-color: rgb(0 0 0 / 0.07); } .border-current{ border-color: currentColor; } .border-customwhite{ border-color: rgb(var(--custom-white)); } .border-danger{ border-color: rgb(var(--danger)); } .border-danger\/10{ border-color: rgb(var(--danger) / 0.1); } .border-danger\/30{ border-color: rgb(var(--danger) / 0.3); } .border-dark{ border-color: rgb(var(--dark)); } .border-dark\/10{ border-color: rgb(var(--dark) / 0.1); } .border-defaultborder{ border-color: rgb(var(--default-border)); } .border-defaultborder\/10{ border-color: rgb(var(--default-border) / 0.1); } .border-facebook{ border-color: rgb(var(--facebook)); } .border-github{ border-color: rgb(var(--github)); } .border-google{ border-color: rgb(var(--google)); } .border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-gray-900{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); } .border-headerbordercolor{ border-color: rgb(var(--header-border-color)); } .border-info{ border-color: rgb(var(--info)); } .border-info\/10{ border-color: rgb(var(--info) / 0.1); } .border-info\/30{ border-color: rgb(var(--info) / 0.3); } .border-inherit{ border-color: inherit; } .border-inputborder{ border-color: rgb(var(--input-border)); } .border-light{ border-color: rgb(var(--light)); } .border-menubordercolor{ border-color: rgb(var(--menu-border-color)); } .border-menuprimecolor{ border-color: rgb(var(--menu-prime-color)); } .border-primary{ border-color: rgb(var(--primary)); } .border-primary\/10{ border-color: rgb(var(--primary) / 0.1); } .border-primary\/20{ border-color: rgb(var(--primary) / 0.2); } .border-primary\/25{ border-color: rgb(var(--primary) / 0.25); } .border-primary\/30{ border-color: rgb(var(--primary) / 0.3); } .border-primary\/50{ border-color: rgb(var(--primary) / 0.5); } .border-primary\/\[0\.05\]{ border-color: rgb(var(--primary) / 0.05); } .border-primary\/\[0\.25\]{ border-color: rgb(var(--primary) / 0.25); } .border-primarytint1color{ border-color: rgb(var(--primary-tint1-rgb)); } .border-primarytint1color\/10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1); } .border-primarytint1color\/100{ border-color: rgb(var(--primary-tint1-rgb) / 1); } .border-primarytint1color\/20{ border-color: rgb(var(--primary-tint1-rgb) / 0.2); } .border-primarytint1color\/25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25); } .border-primarytint1color\/30{ border-color: rgb(var(--primary-tint1-rgb) / 0.3); } .border-primarytint1color\/50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5); } .border-primarytint1color\/75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75); } .border-primarytint2color{ border-color: rgb(var(--primary-tint2-rgb)); } .border-primarytint2color\/10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1); } .border-primarytint2color\/100{ border-color: rgb(var(--primary-tint2-rgb) / 1); } .border-primarytint2color\/20{ border-color: rgb(var(--primary-tint2-rgb) / 0.2); } .border-primarytint2color\/25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25); } .border-primarytint2color\/50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5); } .border-primarytint2color\/75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75); } .border-primarytint3color{ border-color: rgb(var(--primary-tint3-rgb)); } .border-primarytint3color\/10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1); } .border-primarytint3color\/100{ border-color: rgb(var(--primary-tint3-rgb) / 1); } .border-primarytint3color\/20{ border-color: rgb(var(--primary-tint3-rgb) / 0.2); } .border-primarytint3color\/25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25); } .border-primarytint3color\/50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5); } .border-primarytint3color\/75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75); } .border-red-500{ --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); } .border-secondary{ border-color: rgb(var(--secondary)); } .border-secondary\/10{ border-color: rgb(var(--secondary) / 0.1); } .border-secondary\/20{ border-color: rgb(var(--secondary) / 0.2); } .border-secondary\/25{ border-color: rgb(var(--secondary) / 0.25); } .border-secondary\/30{ border-color: rgb(var(--secondary) / 0.3); } .border-secondary\/50{ border-color: rgb(var(--secondary) / 0.5); } .border-secondary\/\[0\.05\]{ border-color: rgb(var(--secondary) / 0.05); } .border-success{ border-color: rgb(var(--success)); } .border-success\/10{ border-color: rgb(var(--success) / 0.1); } .border-success\/25{ border-color: rgb(var(--success) / 0.25); } .border-success\/30{ border-color: rgb(var(--success) / 0.3); } .border-success\/50{ border-color: rgb(var(--success) / 0.5); } .border-success\/75{ border-color: rgb(var(--success) / 0.75); } .border-transparent{ border-color: transparent; } .border-twitter{ border-color: rgb(var(--twitter)); } .border-warning{ border-color: rgb(var(--warning)); } .border-warning\/10{ border-color: rgb(var(--warning) / 0.1); } .border-warning\/25{ border-color: rgb(var(--warning) / 0.25); } .border-warning\/30{ border-color: rgb(var(--warning) / 0.3); } .border-white{ --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-white\/10{ border-color: rgb(255 255 255 / 0.1); } .border-white\/20{ border-color: rgb(255 255 255 / 0.2); } .border-white\/\[\.25\]{ border-color: rgb(255 255 255 / .25); } .border-white\/\[0\.05\]{ border-color: rgb(255 255 255 / 0.05); } .border-youtube{ border-color: rgb(var(--youtube)); } .border-x-transparent{ border-left-color: transparent; border-right-color: transparent; } .\!border-b-primary{ border-bottom-color: rgb(var(--primary)) !important; } .border-b-\[\#336699\]{ --tw-border-opacity: 1; border-bottom-color: rgb(51 102 153 / var(--tw-border-opacity)); } .border-b-\[none\]{ border-bottom-color: none; } .border-b-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{ border-bottom-color: rgba(255,255,255,0.05); } .border-b-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{ border-bottom-color: rgba(255,255,255,0.1); } .border-b-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{ border-bottom-color: rgba(255,255,255,0.2); } .border-b-defaultborder{ border-bottom-color: rgb(var(--default-border)); } .border-b-defaulttextcolor{ border-bottom-color: rgb(var(--default-text-color)); } .border-b-gray-200{ --tw-border-opacity: 1; border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-b-gray-300{ --tw-border-opacity: 1; border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity)); } .border-b-headerbordercolor{ border-bottom-color: rgb(var(--header-border-color)); } .border-b-menubordercolor{ border-bottom-color: rgb(var(--menu-border-color)); } .border-b-menubordercolor\/10{ border-bottom-color: rgb(var(--menu-border-color) / 0.1); } .border-b-primary{ border-bottom-color: rgb(var(--primary)); } .border-b-primary\/50{ border-bottom-color: rgb(var(--primary) / 0.5); } .border-b-tealmain{ border-bottom-color: rgb(var(--teal)); } .border-b-textmuted{ border-bottom-color: rgb(var(--text-muted)); } .border-b-transparent{ border-bottom-color: transparent; } .border-b-white{ --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-b-white\/10{ border-bottom-color: rgb(255 255 255 / 0.1); } .border-e-\[\#008fa1\]{ --tw-border-opacity: 1; border-inline-end-color: rgb(0 143 161 / var(--tw-border-opacity)); } .border-e-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{ border-inline-end-color: rgba(255,255,255,0.1); } .border-e-defaultborder{ border-inline-end-color: rgb(var(--default-border)); } .border-e-menubordercolor{ border-inline-end-color: rgb(var(--menu-border-color)); } .border-e-primary{ border-inline-end-color: rgb(var(--primary)); } .border-e-primary\/10{ border-inline-end-color: rgb(var(--primary) / 0.1); } .border-e-purplemain{ border-inline-end-color: rgb(var(--purple)); } .border-e-transparent{ border-inline-end-color: transparent; } .border-e-white{ --tw-border-opacity: 1; border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity)); } .border-e-white\/10{ border-inline-end-color: rgb(255 255 255 / 0.1); } .border-s-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ border-inline-start-color: rgba(0,0,0,0.1); } .border-s-\[rgba\(255\2c 255\2c 255\2c 0\.15\)\]{ border-inline-start-color: rgba(255,255,255,0.15); } .border-s-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{ border-inline-start-color: rgba(255,255,255,0.2); } .border-s-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]{ border-inline-start-color: rgba(255,255,255,0.5); } .border-s-black{ --tw-border-opacity: 1; border-inline-start-color: rgb(0 0 0 / var(--tw-border-opacity)); } .border-s-bodybg{ border-inline-start-color: rgb(var(--body-bg)); } .border-s-danger{ border-inline-start-color: rgb(var(--danger)); } .border-s-defaultborder{ border-inline-start-color: rgb(var(--default-border)); } .border-s-info{ border-inline-start-color: rgb(var(--info)); } .border-s-light{ border-inline-start-color: rgb(var(--light)); } .border-s-primary{ border-inline-start-color: rgb(var(--primary)); } .border-s-primary\/10{ border-inline-start-color: rgb(var(--primary) / 0.1); } .border-s-primary\/20{ border-inline-start-color: rgb(var(--primary) / 0.2); } .border-s-primary\/30{ border-inline-start-color: rgb(var(--primary) / 0.3); } .border-s-primary\/40{ border-inline-start-color: rgb(var(--primary) / 0.4); } .border-s-secondary{ border-inline-start-color: rgb(var(--secondary)); } .border-s-success{ border-inline-start-color: rgb(var(--success)); } .border-s-transparent{ border-inline-start-color: transparent; } .border-s-warning{ border-inline-start-color: rgb(var(--warning)); } .border-t-\[\#336699\]{ --tw-border-opacity: 1; border-top-color: rgb(51 102 153 / var(--tw-border-opacity)); } .border-t-\[rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ border-top-color: rgba(0,0,0,0.1); } .border-t-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{ border-top-color: rgba(255,255,255,0.1); } .border-t-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{ border-top-color: rgba(255,255,255,0.2); } .border-t-defaultborder{ border-top-color: rgb(var(--default-border)); } .border-t-gray-200{ --tw-border-opacity: 1; border-top-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-t-primary{ border-top-color: rgb(var(--primary)); } .border-t-primary\/10{ border-top-color: rgb(var(--primary) / 0.1); } .border-t-primary\/50{ border-top-color: rgb(var(--primary) / 0.5); } .border-t-primary\/\[0\.18\]{ border-top-color: rgb(var(--primary) / 0.18); } .border-t-primarytint1color{ border-top-color: rgb(var(--primary-tint1-rgb)); } .border-t-primarytint1color\/\[0\.18\]{ border-top-color: rgb(var(--primary-tint1-rgb) / 0.18); } .border-t-primarytint2color{ border-top-color: rgb(var(--primary-tint2-rgb)); } .border-t-primarytint2color\/\[0\.18\]{ border-top-color: rgb(var(--primary-tint2-rgb) / 0.18); } .border-t-primarytint3color{ border-top-color: rgb(var(--primary-tint3-rgb)); } .border-t-primarytint3color\/\[0\.18\]{ border-top-color: rgb(var(--primary-tint3-rgb) / 0.18); } .border-t-secondary{ border-top-color: rgb(var(--secondary)); } .border-t-secondary\/20{ border-top-color: rgb(var(--secondary) / 0.2); } .border-t-secondary\/\[0\.18\]{ border-top-color: rgb(var(--secondary) / 0.18); } .border-t-success{ border-top-color: rgb(var(--success)); } .border-t-success\/\[0\.18\]{ border-top-color: rgb(var(--success) / 0.18); } .border-t-textmuted{ border-top-color: rgb(var(--text-muted)); } .border-t-transparent{ border-top-color: transparent; } .border-t-warning{ border-top-color: rgb(var(--warning)); } .border-opacity-10{ --tw-border-opacity: 0.1; } .border-opacity-100{ --tw-border-opacity: 1; } .border-opacity-25{ --tw-border-opacity: 0.25; } .border-opacity-50{ --tw-border-opacity: 0.5; } .border-opacity-75{ --tw-border-opacity: 0.75; } .\!bg-black{ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .\!bg-black\/10{ background-color: rgb(0 0 0 / 0.1) !important; } .\!bg-danger{ background-color: rgb(var(--danger)) !important; } .\!bg-danger\/10{ background-color: rgb(var(--danger) / 0.1) !important; } .\!bg-defaulttextcolor{ background-color: rgb(var(--default-text-color)) !important; } .\!bg-info{ background-color: rgb(var(--info)) !important; } .\!bg-info\/10{ background-color: rgb(var(--info) / 0.1) !important; } .\!bg-info\/\[0\.15\]{ background-color: rgb(var(--info) / 0.15) !important; } .\!bg-light{ background-color: rgb(var(--light)) !important; } .\!bg-light\/10{ background-color: rgb(var(--light) / 0.1) !important; } .\!bg-orangemain{ background-color: rgb(var(--orange)) !important; } .\!bg-primary{ background-color: rgb(var(--primary)) !important; } .\!bg-primary\/10{ background-color: rgb(var(--primary) / 0.1) !important; } .\!bg-primarytint1color{ background-color: rgb(var(--primary-tint1-rgb)) !important; } .\!bg-primarytint1color\/10{ background-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .\!bg-primarytint2color{ background-color: rgb(var(--primary-tint2-rgb)) !important; } .\!bg-primarytint2color\/10{ background-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .\!bg-primarytint3color{ background-color: rgb(var(--primary-tint3-rgb)) !important; } .\!bg-primarytint3color\/10{ background-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .\!bg-purplemain{ background-color: rgb(var(--purple)) !important; } .\!bg-secondary{ background-color: rgb(var(--secondary)) !important; } .\!bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1) !important; } .\!bg-success{ background-color: rgb(var(--success)) !important; } .\!bg-success\/10{ background-color: rgb(var(--success) / 0.1) !important; } .\!bg-tealmain{ background-color: rgb(var(--teal)) !important; } .\!bg-transparent{ background-color: transparent !important; } .\!bg-warning{ background-color: rgb(var(--warning)) !important; } .\!bg-warning\/10{ background-color: rgb(var(--warning) / 0.1) !important; } .\!bg-white{ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .bg-\[\#019fa2\]{ --tw-bg-opacity: 1; background-color: rgb(1 159 162 / var(--tw-bg-opacity)); } .bg-\[\#03513c\]{ --tw-bg-opacity: 1; background-color: rgb(3 81 60 / var(--tw-bg-opacity)); } .bg-\[\#085171\]{ --tw-bg-opacity: 1; background-color: rgb(8 81 113 / var(--tw-bg-opacity)); } .bg-\[\#0c175b\]{ --tw-bg-opacity: 1; background-color: rgb(12 23 91 / var(--tw-bg-opacity)); } .bg-\[\#15161a\]{ --tw-bg-opacity: 1; background-color: rgb(21 22 26 / var(--tw-bg-opacity)); } .bg-\[\#1a1c1e\]{ --tw-bg-opacity: 1; background-color: rgb(26 28 30 / var(--tw-bg-opacity)); } .bg-\[\#202947\]{ --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } .bg-\[\#232323\]{ --tw-bg-opacity: 1; background-color: rgb(35 35 35 / var(--tw-bg-opacity)); } .bg-\[\#320b6e\]{ --tw-bg-opacity: 1; background-color: rgb(50 11 110 / var(--tw-bg-opacity)); } .bg-\[\#377dce\]{ --tw-bg-opacity: 1; background-color: rgb(55 125 206 / var(--tw-bg-opacity)); } .bg-\[\#3f4bec\]{ --tw-bg-opacity: 1; background-color: rgb(63 75 236 / var(--tw-bg-opacity)); } .bg-\[\#494e01\]{ --tw-bg-opacity: 1; background-color: rgb(73 78 1 / var(--tw-bg-opacity)); } .bg-\[\#7647e5\]{ --tw-bg-opacity: 1; background-color: rgb(118 71 229 / var(--tw-bg-opacity)); } .bg-\[\#8b9504\]{ --tw-bg-opacity: 1; background-color: rgb(139 149 4 / var(--tw-bg-opacity)); } .bg-\[\#f09433\]{ --tw-bg-opacity: 1; background-color: rgb(240 148 51 / var(--tw-bg-opacity)); } .bg-\[\#f3f6f8\]{ --tw-bg-opacity: 1; background-color: rgb(243 246 248 / var(--tw-bg-opacity)); } .bg-\[\#f9fafc\]{ --tw-bg-opacity: 1; background-color: rgb(249 250 252 / var(--tw-bg-opacity)); } .bg-\[rgb\(0_0_0_\/_6\%\)\]{ background-color: rgb(0 0 0 / 6%); } .bg-\[rgb\(25\2c 32\2c 56\)\]{ --tw-bg-opacity: 1; background-color: rgb(25 32 56 / var(--tw-bg-opacity)); } .bg-\[rgb\(32\2c 41\2c 71\)\]{ --tw-bg-opacity: 1; background-color: rgb(32 41 71 / var(--tw-bg-opacity)); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.03\)\]{ background-color: rgba(0,0,0,0.03); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\]{ background-color: rgba(0,0,0,0.2); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]{ background-color: rgba(0,0,0,0.3); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]{ background-color: rgba(0,0,0,0.4); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\]{ background-color: rgba(0,0,0,0.5); } .bg-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\]{ background-color: rgba(0,0,0,0.7); } .bg-\[rgba\(15\2c 23\2c 42\2c 0\.5\)\]{ background-color: rgba(15,23,42,0.5); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{ background-color: rgba(255,255,255,0.05); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\]{ background-color: rgba(255,255,255,0.1); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{ background-color: rgba(255,255,255,0.2); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\]{ background-color: rgba(255,255,255,0.3); } .bg-\[rgba\(255\2c 255\2c 255\2c 0\.77\)\]{ background-color: rgba(255,255,255,0.77); } .bg-\[rgba\(var\(--primary-tint1-rgb\)\2c 0\.8\)\]{ background-color: rgba(var(--primary-tint1-rgb),0.8); } .bg-black{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .bg-black\/10{ background-color: rgb(0 0 0 / 0.1); } .bg-black\/20{ background-color: rgb(0 0 0 / 0.2); } .bg-black\/30{ background-color: rgb(0 0 0 / 0.3); } .bg-black\/40{ background-color: rgb(0 0 0 / 0.4); } .bg-black\/\[0\.0125\]{ background-color: rgb(0 0 0 / 0.0125); } .bg-black\/\[0\.05\]{ background-color: rgb(0 0 0 / 0.05); } .bg-blue-100{ --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } .bg-blue-200{ --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); } .bg-blue-300{ --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)); } .bg-blue-400{ --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)); } .bg-blue-500{ --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } .bg-blue-600{ --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } .bg-blue-700{ --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } .bg-blue-800{ --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } .bg-blue-900{ --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)); } .bg-blue-950{ --tw-bg-opacity: 1; background-color: rgb(23 37 84 / var(--tw-bg-opacity)); } .bg-bluemain{ background-color: rgb(var(--blue)); } .bg-bluemain\/10{ background-color: rgb(var(--blue) / 0.1); } .bg-bluemain\/20{ background-color: rgb(var(--blue) / 0.2); } .bg-bluemain\/30{ background-color: rgb(var(--blue) / 0.3); } .bg-bluemain\/40{ background-color: rgb(var(--blue) / 0.4); } .bg-bluemain\/50{ background-color: rgb(var(--blue) / 0.5); } .bg-bluemain\/60{ background-color: rgb(var(--blue) / 0.6); } .bg-bluemain\/70{ background-color: rgb(var(--blue) / 0.7); } .bg-bluemain\/80{ background-color: rgb(var(--blue) / 0.8); } .bg-bluemain\/90{ background-color: rgb(var(--blue) / 0.9); } .bg-bodybg{ background-color: rgb(var(--body-bg)); } .bg-bodybg2{ background-color: rgb(var(--dark-bg)); } .bg-cyan-100{ --tw-bg-opacity: 1; background-color: rgb(207 250 254 / var(--tw-bg-opacity)); } .bg-cyan-200{ --tw-bg-opacity: 1; background-color: rgb(165 243 252 / var(--tw-bg-opacity)); } .bg-cyan-300{ --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity)); } .bg-cyan-400{ --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity)); } .bg-cyan-500{ --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity)); } .bg-cyan-600{ --tw-bg-opacity: 1; background-color: rgb(8 145 178 / var(--tw-bg-opacity)); } .bg-cyan-700{ --tw-bg-opacity: 1; background-color: rgb(14 116 144 / var(--tw-bg-opacity)); } .bg-cyan-800{ --tw-bg-opacity: 1; background-color: rgb(21 94 117 / var(--tw-bg-opacity)); } .bg-cyan-900{ --tw-bg-opacity: 1; background-color: rgb(22 78 99 / var(--tw-bg-opacity)); } .bg-cyan-950{ --tw-bg-opacity: 1; background-color: rgb(8 51 68 / var(--tw-bg-opacity)); } .bg-cyanmain{ background-color: rgb(var(--cyan)); } .bg-cyanmain\/10{ background-color: rgb(var(--cyan) / 0.1); } .bg-cyanmain\/20{ background-color: rgb(var(--cyan) / 0.2); } .bg-cyanmain\/30{ background-color: rgb(var(--cyan) / 0.3); } .bg-cyanmain\/40{ background-color: rgb(var(--cyan) / 0.4); } .bg-cyanmain\/50{ background-color: rgb(var(--cyan) / 0.5); } .bg-cyanmain\/60{ background-color: rgb(var(--cyan) / 0.6); } .bg-cyanmain\/70{ background-color: rgb(var(--cyan) / 0.7); } .bg-cyanmain\/80{ background-color: rgb(var(--cyan) / 0.8); } .bg-cyanmain\/90{ background-color: rgb(var(--cyan) / 0.9); } .bg-danger{ background-color: rgb(var(--danger)); } .bg-danger\/10{ background-color: rgb(var(--danger) / 0.1); } .bg-danger\/20{ background-color: rgb(var(--danger) / 0.2); } .bg-danger\/60{ background-color: rgb(var(--danger) / 0.6); } .bg-danger\/\[0\.075\]{ background-color: rgb(var(--danger) / 0.075); } .bg-danger\/\[0\.15\]{ background-color: rgb(var(--danger) / 0.15); } .bg-dark{ background-color: rgb(var(--dark)); } .bg-dark\/10{ background-color: rgb(var(--dark) / 0.1); } .bg-dark\/\[0\.15\]{ background-color: rgb(var(--dark) / 0.15); } .bg-defaultbackground{ background-color: rgb(var(--default-background)); } .bg-defaultborder{ background-color: rgb(var(--default-border)); } .bg-facebook{ background-color: rgb(var(--facebook)); } .bg-formcontrolbg{ background-color: rgb(var(--body-bg-rgb)); } .bg-github{ background-color: rgb(var(--github)); } .bg-google{ background-color: rgb(var(--google)); } .bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .bg-gray-300{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .bg-gray-400{ --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } .bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .bg-gray-500{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .bg-gray-600{ --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } .bg-gray-700{ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } .bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } .bg-gray-900{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .bg-gray-900\/10{ background-color: rgb(17 24 39 / 0.1); } .bg-gray1{ background-color: var(--gray-1); } .bg-gray2{ background-color: var(--gray-2); } .bg-gray3{ background-color: var(--gray-3); } .bg-gray4{ background-color: var(--gray-4); } .bg-gray5{ background-color: var(--gray-5); } .bg-gray6{ background-color: var(--gray-6); } .bg-gray7{ background-color: var(--gray-7); } .bg-gray8{ background-color: var(--gray-8); } .bg-gray9{ background-color: var(--gray-9); } .bg-green-100{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)); } .bg-green-200{ --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); } .bg-green-300{ --tw-bg-opacity: 1; background-color: rgb(134 239 172 / var(--tw-bg-opacity)); } .bg-green-400{ --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity)); } .bg-green-500{ --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)); } .bg-green-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .bg-green-700{ --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)); } .bg-green-800{ --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity)); } .bg-green-900{ --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity)); } .bg-green-950{ --tw-bg-opacity: 1; background-color: rgb(5 46 22 / var(--tw-bg-opacity)); } .bg-greenmain{ background-color: rgb(var(--green)); } .bg-greenmain\/10{ background-color: rgb(var(--green) / 0.1); } .bg-greenmain\/20{ background-color: rgb(var(--green) / 0.2); } .bg-greenmain\/30{ background-color: rgb(var(--green) / 0.3); } .bg-greenmain\/40{ background-color: rgb(var(--green) / 0.4); } .bg-greenmain\/50{ background-color: rgb(var(--green) / 0.5); } .bg-greenmain\/60{ background-color: rgb(var(--green) / 0.6); } .bg-greenmain\/70{ background-color: rgb(var(--green) / 0.7); } .bg-greenmain\/80{ background-color: rgb(var(--green) / 0.8); } .bg-greenmain\/90{ background-color: rgb(var(--green) / 0.9); } .bg-indigo-100{ --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity)); } .bg-indigo-200{ --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity)); } .bg-indigo-300{ --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)); } .bg-indigo-400{ --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)); } .bg-indigo-500{ --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); } .bg-indigo-600{ --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } .bg-indigo-700{ --tw-bg-opacity: 1; background-color: rgb(67 56 202 / var(--tw-bg-opacity)); } .bg-indigo-800{ --tw-bg-opacity: 1; background-color: rgb(55 48 163 / var(--tw-bg-opacity)); } .bg-indigo-900{ --tw-bg-opacity: 1; background-color: rgb(49 46 129 / var(--tw-bg-opacity)); } .bg-indigo-950{ --tw-bg-opacity: 1; background-color: rgb(30 27 75 / var(--tw-bg-opacity)); } .bg-indigomain{ background-color: rgb(var(--indigo)); } .bg-indigomain\/10{ background-color: rgb(var(--indigo) / 0.1); } .bg-indigomain\/20{ background-color: rgb(var(--indigo) / 0.2); } .bg-indigomain\/30{ background-color: rgb(var(--indigo) / 0.3); } .bg-indigomain\/40{ background-color: rgb(var(--indigo) / 0.4); } .bg-indigomain\/50{ background-color: rgb(var(--indigo) / 0.5); } .bg-indigomain\/60{ background-color: rgb(var(--indigo) / 0.6); } .bg-indigomain\/70{ background-color: rgb(var(--indigo) / 0.7); } .bg-indigomain\/80{ background-color: rgb(var(--indigo) / 0.8); } .bg-indigomain\/90{ background-color: rgb(var(--indigo) / 0.9); } .bg-info{ background-color: rgb(var(--info)); } .bg-info\/10{ background-color: rgb(var(--info) / 0.1); } .bg-info\/20{ background-color: rgb(var(--info) / 0.2); } .bg-info\/\[0\.075\]{ background-color: rgb(var(--info) / 0.075); } .bg-info\/\[0\.15\]{ background-color: rgb(var(--info) / 0.15); } .bg-inherit{ background-color: inherit; } .bg-inputborder{ background-color: rgb(var(--input-border)); } .bg-light{ background-color: rgb(var(--light)); } .bg-light\/10{ background-color: rgb(var(--light) / 0.1); } .bg-light\/30{ background-color: rgb(var(--light) / 0.3); } .bg-light\/50{ background-color: rgb(var(--light) / 0.5); } .bg-light\/75{ background-color: rgb(var(--light) / 0.75); } .bg-light\/\[0\.75\]{ background-color: rgb(var(--light) / 0.75); } .bg-menubg{ background-color: rgb(var(--menu-bg)); } .bg-neutral-700{ --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); } .bg-orange-100{ --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)); } .bg-orange-200{ --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity)); } .bg-orange-300{ --tw-bg-opacity: 1; background-color: rgb(253 186 116 / var(--tw-bg-opacity)); } .bg-orange-400{ --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity)); } .bg-orange-500{ --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity)); } .bg-orange-600{ --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)); } .bg-orange-700{ --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity)); } .bg-orange-800{ --tw-bg-opacity: 1; background-color: rgb(154 52 18 / var(--tw-bg-opacity)); } .bg-orange-900{ --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity)); } .bg-orange-950{ --tw-bg-opacity: 1; background-color: rgb(67 20 7 / var(--tw-bg-opacity)); } .bg-orangemain{ background-color: rgb(var(--orange)); } .bg-orangemain\/10{ background-color: rgb(var(--orange) / 0.1); } .bg-orangemain\/20{ background-color: rgb(var(--orange) / 0.2); } .bg-orangemain\/30{ background-color: rgb(var(--orange) / 0.3); } .bg-orangemain\/40{ background-color: rgb(var(--orange) / 0.4); } .bg-orangemain\/50{ background-color: rgb(var(--orange) / 0.5); } .bg-orangemain\/60{ background-color: rgb(var(--orange) / 0.6); } .bg-orangemain\/70{ background-color: rgb(var(--orange) / 0.7); } .bg-orangemain\/80{ background-color: rgb(var(--orange) / 0.8); } .bg-orangemain\/90{ background-color: rgb(var(--orange) / 0.9); } .bg-orangemain\/\[0\.15\]{ background-color: rgb(var(--orange) / 0.15); } .bg-pink-100{ --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity)); } .bg-pink-200{ --tw-bg-opacity: 1; background-color: rgb(251 207 232 / var(--tw-bg-opacity)); } .bg-pink-300{ --tw-bg-opacity: 1; background-color: rgb(249 168 212 / var(--tw-bg-opacity)); } .bg-pink-400{ --tw-bg-opacity: 1; background-color: rgb(244 114 182 / var(--tw-bg-opacity)); } .bg-pink-500{ --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity)); } .bg-pink-600{ --tw-bg-opacity: 1; background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } .bg-pink-700{ --tw-bg-opacity: 1; background-color: rgb(190 24 93 / var(--tw-bg-opacity)); } .bg-pink-800{ --tw-bg-opacity: 1; background-color: rgb(157 23 77 / var(--tw-bg-opacity)); } .bg-pink-900{ --tw-bg-opacity: 1; background-color: rgb(131 24 67 / var(--tw-bg-opacity)); } .bg-pink-950{ --tw-bg-opacity: 1; background-color: rgb(80 7 36 / var(--tw-bg-opacity)); } .bg-pinkmain{ background-color: rgb(var(--pink)); } .bg-pinkmain\/10{ background-color: rgb(var(--pink) / 0.1); } .bg-pinkmain\/20{ background-color: rgb(var(--pink) / 0.2); } .bg-pinkmain\/30{ background-color: rgb(var(--pink) / 0.3); } .bg-pinkmain\/40{ background-color: rgb(var(--pink) / 0.4); } .bg-pinkmain\/50{ background-color: rgb(var(--pink) / 0.5); } .bg-pinkmain\/60{ background-color: rgb(var(--pink) / 0.6); } .bg-pinkmain\/70{ background-color: rgb(var(--pink) / 0.7); } .bg-pinkmain\/80{ background-color: rgb(var(--pink) / 0.8); } .bg-pinkmain\/90{ background-color: rgb(var(--pink) / 0.9); } .bg-primary{ background-color: rgb(var(--primary)); } .bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .bg-primary\/20{ background-color: rgb(var(--primary) / 0.2); } .bg-primary\/30{ background-color: rgb(var(--primary) / 0.3); } .bg-primary\/50{ background-color: rgb(var(--primary) / 0.5); } .bg-primary\/60{ background-color: rgb(var(--primary) / 0.6); } .bg-primary\/70{ background-color: rgb(var(--primary) / 0.7); } .bg-primary\/80{ background-color: rgb(var(--primary) / 0.8); } .bg-primary\/90{ background-color: rgb(var(--primary) / 0.9); } .bg-primary\/\[0\.05\]{ background-color: rgb(var(--primary) / 0.05); } .bg-primary\/\[0\.15\]{ background-color: rgb(var(--primary) / 0.15); } .bg-primarytint1color{ background-color: rgb(var(--primary-tint1-rgb)); } .bg-primarytint1color\/10{ background-color: rgb(var(--primary-tint1-rgb) / 0.1); } .bg-primarytint1color\/100{ background-color: rgb(var(--primary-tint1-rgb) / 1); } .bg-primarytint1color\/25{ background-color: rgb(var(--primary-tint1-rgb) / 0.25); } .bg-primarytint1color\/50{ background-color: rgb(var(--primary-tint1-rgb) / 0.5); } .bg-primarytint1color\/75{ background-color: rgb(var(--primary-tint1-rgb) / 0.75); } .bg-primarytint1color\/\[0\.15\]{ background-color: rgb(var(--primary-tint1-rgb) / 0.15); } .bg-primarytint2color{ background-color: rgb(var(--primary-tint2-rgb)); } .bg-primarytint2color\/10{ background-color: rgb(var(--primary-tint2-rgb) / 0.1); } .bg-primarytint2color\/100{ background-color: rgb(var(--primary-tint2-rgb) / 1); } .bg-primarytint2color\/20{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .bg-primarytint2color\/25{ background-color: rgb(var(--primary-tint2-rgb) / 0.25); } .bg-primarytint2color\/50{ background-color: rgb(var(--primary-tint2-rgb) / 0.5); } .bg-primarytint2color\/75{ background-color: rgb(var(--primary-tint2-rgb) / 0.75); } .bg-primarytint2color\/\[0\.15\]{ background-color: rgb(var(--primary-tint2-rgb) / 0.15); } .bg-primarytint3color{ background-color: rgb(var(--primary-tint3-rgb)); } .bg-primarytint3color\/10{ background-color: rgb(var(--primary-tint3-rgb) / 0.1); } .bg-primarytint3color\/100{ background-color: rgb(var(--primary-tint3-rgb) / 1); } .bg-primarytint3color\/25{ background-color: rgb(var(--primary-tint3-rgb) / 0.25); } .bg-primarytint3color\/50{ background-color: rgb(var(--primary-tint3-rgb) / 0.5); } .bg-primarytint3color\/75{ background-color: rgb(var(--primary-tint3-rgb) / 0.75); } .bg-primarytint3color\/\[0\.15\]{ background-color: rgb(var(--primary-tint3-rgb) / 0.15); } .bg-purple-100{ --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)); } .bg-purple-200{ --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity)); } .bg-purple-300{ --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity)); } .bg-purple-400{ --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)); } .bg-purple-500{ --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .bg-purple-600{ --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } .bg-purple-700{ --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } .bg-purple-800{ --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)); } .bg-purple-900{ --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)); } .bg-purple-950{ --tw-bg-opacity: 1; background-color: rgb(59 7 100 / var(--tw-bg-opacity)); } .bg-purplemain{ background-color: rgb(var(--purple)); } .bg-purplemain\/10{ background-color: rgb(var(--purple) / 0.1); } .bg-purplemain\/20{ background-color: rgb(var(--purple) / 0.2); } .bg-purplemain\/30{ background-color: rgb(var(--purple) / 0.3); } .bg-purplemain\/40{ background-color: rgb(var(--purple) / 0.4); } .bg-purplemain\/50{ background-color: rgb(var(--purple) / 0.5); } .bg-purplemain\/60{ background-color: rgb(var(--purple) / 0.6); } .bg-purplemain\/70{ background-color: rgb(var(--purple) / 0.7); } .bg-purplemain\/80{ background-color: rgb(var(--purple) / 0.8); } .bg-purplemain\/90{ background-color: rgb(var(--purple) / 0.9); } .bg-purplemain\/\[0\.15\]{ background-color: rgb(var(--purple) / 0.15); } .bg-red-100{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } .bg-red-200{ --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .bg-red-300{ --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)); } .bg-red-400{ --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)); } .bg-red-500{ --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); } .bg-red-600{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .bg-red-700{ --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } .bg-red-800{ --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)); } .bg-red-900{ --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity)); } .bg-red-950{ --tw-bg-opacity: 1; background-color: rgb(69 10 10 / var(--tw-bg-opacity)); } .bg-redmain{ background-color: rgb(var(--red)); } .bg-redmain\/10{ background-color: rgb(var(--red) / 0.1); } .bg-redmain\/20{ background-color: rgb(var(--red) / 0.2); } .bg-redmain\/30{ background-color: rgb(var(--red) / 0.3); } .bg-redmain\/40{ background-color: rgb(var(--red) / 0.4); } .bg-redmain\/50{ background-color: rgb(var(--red) / 0.5); } .bg-redmain\/60{ background-color: rgb(var(--red) / 0.6); } .bg-redmain\/70{ background-color: rgb(var(--red) / 0.7); } .bg-redmain\/80{ background-color: rgb(var(--red) / 0.8); } .bg-redmain\/90{ background-color: rgb(var(--red) / 0.9); } .bg-secondary{ background-color: rgb(var(--secondary)); } .bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .bg-secondary\/20{ background-color: rgb(var(--secondary) / 0.2); } .bg-secondary\/50{ background-color: rgb(var(--secondary) / 0.5); } .bg-secondary\/60{ background-color: rgb(var(--secondary) / 0.6); } .bg-secondary\/\[0\.05\]{ background-color: rgb(var(--secondary) / 0.05); } .bg-secondary\/\[0\.15\]{ background-color: rgb(var(--secondary) / 0.15); } .bg-slate-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } .bg-success{ background-color: rgb(var(--success)); } .bg-success\/10{ background-color: rgb(var(--success) / 0.1); } .bg-success\/20{ background-color: rgb(var(--success) / 0.2); } .bg-success\/50{ background-color: rgb(var(--success) / 0.5); } .bg-success\/\[0\.15\]{ background-color: rgb(var(--success) / 0.15); } .bg-teal-100{ --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)); } .bg-teal-200{ --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity)); } .bg-teal-300{ --tw-bg-opacity: 1; background-color: rgb(94 234 212 / var(--tw-bg-opacity)); } .bg-teal-400{ --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity)); } .bg-teal-500{ --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)); } .bg-teal-600{ --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)); } .bg-teal-700{ --tw-bg-opacity: 1; background-color: rgb(15 118 110 / var(--tw-bg-opacity)); } .bg-teal-800{ --tw-bg-opacity: 1; background-color: rgb(17 94 89 / var(--tw-bg-opacity)); } .bg-teal-900{ --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity)); } .bg-teal-950{ --tw-bg-opacity: 1; background-color: rgb(4 47 46 / var(--tw-bg-opacity)); } .bg-tealmain{ background-color: rgb(var(--teal)); } .bg-tealmain\/10{ background-color: rgb(var(--teal) / 0.1); } .bg-tealmain\/20{ background-color: rgb(var(--teal) / 0.2); } .bg-tealmain\/30{ background-color: rgb(var(--teal) / 0.3); } .bg-tealmain\/40{ background-color: rgb(var(--teal) / 0.4); } .bg-tealmain\/50{ background-color: rgb(var(--teal) / 0.5); } .bg-tealmain\/60{ background-color: rgb(var(--teal) / 0.6); } .bg-tealmain\/70{ background-color: rgb(var(--teal) / 0.7); } .bg-tealmain\/80{ background-color: rgb(var(--teal) / 0.8); } .bg-tealmain\/90{ background-color: rgb(var(--teal) / 0.9); } .bg-tealmain\/\[0\.15\]{ background-color: rgb(var(--teal) / 0.15); } .bg-textmuted{ background-color: rgb(var(--text-muted)); } .bg-transparent{ background-color: transparent; } .bg-twitter{ background-color: rgb(var(--twitter)); } .bg-warning{ background-color: rgb(var(--warning)); } .bg-warning\/10{ background-color: rgb(var(--warning) / 0.1); } .bg-warning\/20{ background-color: rgb(var(--warning) / 0.2); } .bg-warning\/50{ background-color: rgb(var(--warning) / 0.5); } .bg-warning\/\[0\.075\]{ background-color: rgb(var(--warning) / 0.075); } .bg-warning\/\[0\.15\]{ background-color: rgb(var(--warning) / 0.15); } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-white\/10{ background-color: rgb(255 255 255 / 0.1); } .bg-white\/\[0\.05\]{ background-color: rgb(255 255 255 / 0.05); } .bg-yellow-100{ --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity)); } .bg-yellow-200{ --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)); } .bg-yellow-300{ --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); } .bg-yellow-400{ --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } .bg-yellow-500{ --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } .bg-yellow-600{ --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); } .bg-yellow-700{ --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity)); } .bg-yellow-800{ --tw-bg-opacity: 1; background-color: rgb(133 77 14 / var(--tw-bg-opacity)); } .bg-yellow-900{ --tw-bg-opacity: 1; background-color: rgb(113 63 18 / var(--tw-bg-opacity)); } .bg-yellow-950{ --tw-bg-opacity: 1; background-color: rgb(66 32 6 / var(--tw-bg-opacity)); } .bg-yellowmain{ background-color: rgb(var(--yellow)); } .bg-yellowmain\/10{ background-color: rgb(var(--yellow) / 0.1); } .bg-yellowmain\/20{ background-color: rgb(var(--yellow) / 0.2); } .bg-yellowmain\/30{ background-color: rgb(var(--yellow) / 0.3); } .bg-yellowmain\/40{ background-color: rgb(var(--yellow) / 0.4); } .bg-yellowmain\/50{ background-color: rgb(var(--yellow) / 0.5); } .bg-yellowmain\/60{ background-color: rgb(var(--yellow) / 0.6); } .bg-yellowmain\/70{ background-color: rgb(var(--yellow) / 0.7); } .bg-yellowmain\/80{ background-color: rgb(var(--yellow) / 0.8); } .bg-yellowmain\/90{ background-color: rgb(var(--yellow) / 0.9); } .bg-youtube{ background-color: rgb(var(--youtube)); } .bg-opacity-10{ --tw-bg-opacity: 0.1; } .bg-opacity-100{ --tw-bg-opacity: 1; } .bg-opacity-25{ --tw-bg-opacity: 0.25; } .bg-opacity-50{ --tw-bg-opacity: 0.5; } .bg-opacity-75{ --tw-bg-opacity: 0.75; } .bg-\[linear-gradient\(to_left\2c light\2c transparent\)\]{ background-image: linear-gradient(to left,light,transparent); } .bg-\[linear-gradient\(to_left\2c transparent\2c light\)\]{ background-image: linear-gradient(to left,transparent,light); } .bg-\[linear-gradient\(to_right_top\2c \#ff9794\2c \#fd8dac\2c \#e58cc6\2c \#bf7cdc\2c \#6f78f4\)\]{ background-image: linear-gradient(to right top,#ff9794,#fd8dac,#e58cc6,#bf7cdc,#6f78f4); } .bg-\[url\(\"\.\.\/images\/media\/media-80\.jpg\"\)\]{ background-image: url("../images/media/media-80.jpg"); } .bg-\[url\(\"\.\.\/images\/media\/svg\/pattern-1\.svg\"\)\]{ background-image: url("../images/media/svg/pattern-1.svg"); } .bg-\[url\(\'\.\.\/images\/menu-bg-images\/bg-img1\.jpg\'\)\]{ background-image: url('../images/menu-bg-images/bg-img1.jpg'); } .bg-\[url\(\'\.\.\/images\/menu-bg-images\/bg-img2\.jpg\'\)\]{ background-image: url('../images/menu-bg-images/bg-img2.jpg'); } .bg-\[url\(\'\.\.\/images\/menu-bg-images\/bg-img3\.jpg\'\)\]{ background-image: url('../images/menu-bg-images/bg-img3.jpg'); } .bg-\[url\(\'\.\.\/images\/menu-bg-images\/bg-img4\.jpg\'\)\]{ background-image: url('../images/menu-bg-images/bg-img4.jpg'); } .bg-\[url\(\'\.\.\/images\/menu-bg-images\/bg-img5\.jpg\'\)\]{ background-image: url('../images/menu-bg-images/bg-img5.jpg'); } .bg-\[url\(\'\.\.\/images\/menu-bg-images\/transparent\.png\'\)\]{ background-image: url('../images/menu-bg-images/transparent.png'); } .bg-\[url\(\.\.\/images\/flags\/intel-input\/flags\.png\)\]{ background-image: url(../images/flags/intel-input/flags.png); } .bg-\[url\(\.\.\/images\/media\/backgrounds\/1\.jpg\)\]{ background-image: url(../images/media/backgrounds/1.jpg); } .bg-\[url\(\.\.\/images\/media\/media-25\.jpg\)\]{ background-image: url(../images/media/media-25.jpg); } .bg-\[url\(\.\.\/images\/media\/media-35\.jpg\)\]{ background-image: url(../images/media/media-35.jpg); } .bg-\[url\(\.\.\/images\/media\/media-67\.png\)\]{ background-image: url(../images/media/media-67.png); } .bg-\[url\(\.\.\/images\/media\/media-69\.jpg\)\]{ background-image: url(../images/media/media-69.jpg); } .bg-\[url\(\.\.\/images\/media\/media-70\.jpg\)\]{ background-image: url(../images/media/media-70.jpg); } .bg-\[url\(\.\.\/images\/media\/media-72\.jpg\)\]{ background-image: url(../images/media/media-72.jpg); } .bg-\[url\(\.\.\/images\/media\/media-80\.jpg\)\]{ background-image: url(../images/media/media-80.jpg); } .bg-\[url\(\.\.\/images\/media\/media-82\.jpg\)\]{ background-image: url(../images/media/media-82.jpg); } .bg-\[url\(\.\.\/images\/media\/media-84\.jpg\)\]{ background-image: url(../images/media/media-84.jpg); } .bg-\[url\(\.\.\/images\/media\/media-87\.png\)\]{ background-image: url(../images/media/media-87.png); } .bg-\[url\(\.\.\/images\/media\/media-88\.jpg\)\]{ background-image: url(../images/media/media-88.jpg); } .bg-\[url\(\.\.\/images\/media\/media-89\.png\)\]{ background-image: url(../images/media/media-89.png); } .bg-\[url\(\.\.\/images\/media\/media-92\.svg\)\]{ background-image: url(../images/media/media-92.svg); } .bg-\[url\(\.\.\/images\/media\/svg\/pattern-2\.svg\)\]{ background-image: url(../images/media/svg/pattern-2.svg); } .bg-\[url\(\.\.\/images\/menu-bg-images\/bg-img1\.jpg\)\]{ background-image: url(../images/menu-bg-images/bg-img1.jpg); } .bg-\[url\(\.\.\/images\/menu-bg-images\/bg-img2\.jpg\)\]{ background-image: url(../images/menu-bg-images/bg-img2.jpg); } .bg-\[url\(\.\.\/images\/menu-bg-images\/bg-img3\.jpg\)\]{ background-image: url(../images/menu-bg-images/bg-img3.jpg); } .bg-\[url\(\.\.\/images\/menu-bg-images\/bg-img4\.jpg\)\]{ background-image: url(../images/menu-bg-images/bg-img4.jpg); } .bg-\[url\(\.\.\/images\/menu-bg-images\/bg-img5\.jpg\)\]{ background-image: url(../images/menu-bg-images/bg-img5.jpg); } .bg-\[url\(\.\.\/images\/menu-bg-images\/transparent\.png\)\]{ background-image: url(../images/menu-bg-images/transparent.png); } .bg-\[url\(\.\.\/images\/podcast\/5\.jpg\)\]{ background-image: url(../images/podcast/5.jpg); } .bg-custom-gradient{ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .bg-dangergradient{ background-image: linear-gradient(to bottom right, danger 0%, #DE4980 100%); } .bg-darkgradient{ background-image: linear-gradient(to bottom right, dark 0%, #16657A 100%); } .bg-gradient-to-b{ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-br{ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r{ background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-tr{ background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .bg-infogradient{ background-image: linear-gradient(to bottom right, info 0%, #4990E1 100%); } .bg-lightgradient{ background-image: linear-gradient(to bottom right, lightmain 0%, #D7FCFF 100%); } .bg-none{ background-image: none; } .bg-orangegradient{ background-image: linear-gradient(to bottom right, orangemain 0%, #E5647E 100%); } .bg-primary1gradient{ background-image: linear-gradient(to bottom right, primary/10 0%, #AB54E3 100%); } .bg-primary2gradient{ background-image: linear-gradient(to bottom right, primary/20 0%, #FF6C5D 100%); } .bg-primary3gradient{ background-image: linear-gradient(to bottom right, primary/30 0%, #FF663C 100%); } .bg-primarygradient{ background-image: linear-gradient(to bottom right, primary 0%, secondary 100%); } .bg-purplegradient{ background-image: linear-gradient(to bottom right, purplemain 0%, #0086FF 100%); } .bg-secondarygradient{ background-image: linear-gradient(to bottom right, secondary 0%, #7289FF 100%); } .bg-successgradient{ background-image: linear-gradient(to bottom right, success 0%, #009CA4 100%); } .bg-warninggradient{ background-image: linear-gradient(to bottom right, warning 0%, #9EA53C 100%); } .from-black{ --tw-gradient-from: #000 var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-danger{ --tw-gradient-from: rgb(var(--danger)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--danger) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-info{ --tw-gradient-from: rgb(var(--info)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--info) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-light{ --tw-gradient-from: rgb(var(--light)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--light) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orangemain{ --tw-gradient-from: rgb(var(--orange)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--orange) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary{ --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purplemain{ --tw-gradient-from: rgb(var(--purple)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--purple) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-secondary{ --tw-gradient-from: rgb(var(--secondary)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--secondary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success{ --tw-gradient-from: rgb(var(--success)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-tealmain{ --tw-gradient-from: rgb(var(--teal)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--teal) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-warning{ --tw-gradient-from: rgb(var(--warning)) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--warning) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-\[\#0086FF\]{ --tw-gradient-to: #0086FF var(--tw-gradient-to-position); } .to-\[\#0086ed\]{ --tw-gradient-to: #0086ed var(--tw-gradient-to-position); } .to-\[\#009CA4\]{ --tw-gradient-to: #009CA4 var(--tw-gradient-to-position); } .to-\[\#3AE3C7\]{ --tw-gradient-to: #3AE3C7 var(--tw-gradient-to-position); } .to-\[\#4990E1\]{ --tw-gradient-to: #4990E1 var(--tw-gradient-to-position); } .to-\[\#6e72a8\]{ --tw-gradient-to: #6e72a8 var(--tw-gradient-to-position); } .to-\[\#7289FF\]{ --tw-gradient-to: #7289FF var(--tw-gradient-to-position); } .to-\[\#9EA53C\]{ --tw-gradient-to: #9EA53C var(--tw-gradient-to-position); } .to-\[\#DE4980\]{ --tw-gradient-to: #DE4980 var(--tw-gradient-to-position); } .to-\[\#E5647E\]{ --tw-gradient-to: #E5647E var(--tw-gradient-to-position); } .to-\[\#FF3DBB\]{ --tw-gradient-to: #FF3DBB var(--tw-gradient-to-position); } .to-\[\#e354d4\]{ --tw-gradient-to: #e354d4 var(--tw-gradient-to-position); } .to-black{ --tw-gradient-to: #000 var(--tw-gradient-to-position); } .to-secondary{ --tw-gradient-to: rgb(var(--secondary)) var(--tw-gradient-to-position); } .decoration-slice{ -webkit-box-decoration-break: slice; box-decoration-break: slice; } .decoration-clone{ -webkit-box-decoration-break: clone; box-decoration-break: clone; } .box-decoration-slice{ -webkit-box-decoration-break: slice; box-decoration-break: slice; } .box-decoration-clone{ -webkit-box-decoration-break: clone; box-decoration-break: clone; } .bg-\[length\:1rem_1rem\]{ background-size: 1rem 1rem; } .bg-cover{ background-size: cover; } .bg-fixed{ background-attachment: fixed; } .bg-local{ background-attachment: local; } .bg-scroll{ background-attachment: scroll; } .bg-clip-border{ background-clip: border-box; } .bg-clip-padding{ background-clip: padding-box; } .bg-clip-content{ background-clip: content-box; } .bg-clip-text{ -webkit-background-clip: text; background-clip: text; } .bg-\[right_0\.5rem\]{ background-position: right 0.5rem; } .bg-bottom{ background-position: bottom; } .bg-center{ background-position: center; } .bg-top{ background-position: top; } .bg-repeat{ background-repeat: repeat; } .bg-no-repeat{ background-repeat: no-repeat; } .bg-repeat-x{ background-repeat: repeat-x; } .bg-repeat-y{ background-repeat: repeat-y; } .bg-repeat-round{ background-repeat: round; } .bg-repeat-space{ background-repeat: space; } .bg-origin-border{ background-origin: border-box; } .bg-origin-padding{ background-origin: padding-box; } .bg-origin-content{ background-origin: content-box; } .\!fill-primarytint3color{ fill: rgb(var(--primary-tint3-rgb)) !important; } .\!fill-textmuted{ fill: rgb(var(--text-muted)) !important; } .\!fill-white{ fill: #fff !important; } .fill-\[\#b6c5d3\]{ fill: #b6c5d3; } .fill-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]{ fill: rgba(0,0,0,0.4); } .fill-black{ fill: #000; } .fill-danger{ fill: rgb(var(--danger)); } .fill-dark{ fill: rgb(var(--dark)); } .fill-dark\/\[0\.05\]{ fill: rgb(var(--dark) / 0.05); } .fill-defaulttextcolor{ fill: rgb(var(--default-text-color)); } .fill-info{ fill: rgb(var(--info)); } .fill-menuprimecolor{ fill: rgb(var(--menu-prime-color)); } .fill-primary{ fill: rgb(var(--primary)); } .fill-secondary{ fill: rgb(var(--secondary)); } .fill-success{ fill: rgb(var(--success)); } .fill-textmuted{ fill: rgb(var(--text-muted)); } .fill-warning{ fill: rgb(var(--warning)); } .fill-white{ fill: #fff; } .\!stroke-primary{ stroke: rgb(var(--primary)) !important; } .\!stroke-primarytint1color{ stroke: rgb(var(--primary-tint1-rgb)) !important; } .\!stroke-primarytint2color{ stroke: rgb(var(--primary-tint2-rgb)) !important; } .\!stroke-primarytint3color{ stroke: rgb(var(--primary-tint3-rgb)) !important; } .stroke-current{ stroke: currentColor; } .stroke-customwhite{ stroke: rgb(var(--custom-white)); } .stroke-defaultborder{ stroke: rgb(var(--default-border)); } .stroke-defaulttextcolor{ stroke: rgb(var(--default-text-color)); } .stroke-transparent{ stroke: transparent; } .stroke-white{ stroke: #fff; } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .object-fill{ -o-object-fit: fill; object-fit: fill; } .object-none{ -o-object-fit: none; object-fit: none; } .object-scale-down{ -o-object-fit: scale-down; object-fit: scale-down; } .\!p-0{ padding: 0px !important; } .\!p-2{ padding: 0.5rem !important; } .\!p-3{ padding: 0.75rem !important; } .\!p-4{ padding: 1rem !important; } .\!p-5{ padding: 1.25rem !important; } .\!p-6{ padding: 1.5rem !important; } .\!p-\[0\.84rem\]{ padding: 0.84rem !important; } .\!p-\[2rem\]{ padding: 2rem !important; } .\!p-\[3rem\]{ padding: 3rem !important; } .p-0{ padding: 0px; } .p-0\.5{ padding: 0.125rem; } .p-1{ padding: 0.25rem; } .p-1\.5{ padding: 0.375rem; } .p-12{ padding: 3rem; } .p-2{ padding: 0.5rem; } .p-2\.5{ padding: 0.625rem; } .p-3{ padding: 0.75rem; } .p-3\.5{ padding: 0.875rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-\[0\.125rem\]{ padding: 0.125rem; } .p-\[0\.1875rem\]{ padding: 0.1875rem; } .p-\[0\.188rem\]{ padding: 0.188rem; } .p-\[0\.25rem\]{ padding: 0.25rem; } .p-\[0\.275rem\]{ padding: 0.275rem; } .p-\[0\.3125rem\]{ padding: 0.3125rem; } .p-\[0\.375rem\]{ padding: 0.375rem; } .p-\[0\.3rem\]{ padding: 0.3rem; } .p-\[0\.45rem\]{ padding: 0.45rem; } .p-\[0\.4rem\]{ padding: 0.4rem; } .p-\[0\.5rem\]{ padding: 0.5rem; } .p-\[0\.625rem\]{ padding: 0.625rem; } .p-\[0\.6rem\]{ padding: 0.6rem; } .p-\[0\.75rem\]{ padding: 0.75rem; } .p-\[0\.85rem\]{ padding: 0.85rem; } .p-\[0\.92rem\]{ padding: 0.92rem; } .p-\[0\.95rem\]{ padding: 0.95rem; } .p-\[1\.125rem\]{ padding: 1.125rem; } .p-\[1\.1875rem\]{ padding: 1.1875rem; } .p-\[1\.25rem\]{ padding: 1.25rem; } .p-\[1\.3125rem\]{ padding: 1.3125rem; } .p-\[1\.5em\]{ padding: 1.5em; } .p-\[1\.5rem\]{ padding: 1.5rem; } .p-\[1\.65rem\]{ padding: 1.65rem; } .p-\[10px\]{ padding: 10px; } .p-\[1rem\]{ padding: 1rem; } .p-\[25px\]{ padding: 25px; } .p-\[2em\]{ padding: 2em; } .p-\[2rem\]{ padding: 2rem; } .p-\[3px\]{ padding: 3px; } .p-\[3rem\]{ padding: 3rem; } .p-\[4px\]{ padding: 4px; } .p-\[5px\]{ padding: 5px; } .p-px{ padding: 1px; } .\!px-1{ padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .\!px-2{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .\!px-2\.5{ padding-left: 0.625rem !important; padding-right: 0.625rem !important; } .\!px-3{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .\!px-3\.5{ padding-left: 0.875rem !important; padding-right: 0.875rem !important; } .\!px-4{ padding-left: 1rem !important; padding-right: 1rem !important; } .\!px-6{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .\!px-\[0\.75rem\]{ padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .\!py-0{ padding-top: 0px !important; padding-bottom: 0px !important; } .\!py-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .\!py-1\.5{ padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .\!py-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .\!py-3{ padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .\!py-4{ padding-top: 1rem !important; padding-bottom: 1rem !important; } .\!py-\[0\.15rem\]{ padding-top: 0.15rem !important; padding-bottom: 0.15rem !important; } .\!py-\[0\.23rem\]{ padding-top: 0.23rem !important; padding-bottom: 0.23rem !important; } .\!py-\[0\.45rem\]{ padding-top: 0.45rem !important; padding-bottom: 0.45rem !important; } .\!py-\[0\.59rem\]{ padding-top: 0.59rem !important; padding-bottom: 0.59rem !important; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-1{ padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5{ padding-left: 0.375rem; padding-right: 0.375rem; } .px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-7{ padding-left: 1.75rem; padding-right: 1.75rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .px-9{ padding-left: 2.25rem; padding-right: 2.25rem; } .px-\[0\.1875rem\]{ padding-left: 0.1875rem; padding-right: 0.1875rem; } .px-\[0\.313rem\]{ padding-left: 0.313rem; padding-right: 0.313rem; } .px-\[0\.3em\]{ padding-left: 0.3em; padding-right: 0.3em; } .px-\[0\.3rem\]{ padding-left: 0.3rem; padding-right: 0.3rem; } .px-\[0\.45rem\]{ padding-left: 0.45rem; padding-right: 0.45rem; } .px-\[0\.5em\]{ padding-left: 0.5em; padding-right: 0.5em; } .px-\[0\.625rem\]{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-\[0\.65rem\]{ padding-left: 0.65rem; padding-right: 0.65rem; } .px-\[0\.6rem\]{ padding-left: 0.6rem; padding-right: 0.6rem; } .px-\[0\.75rem\]{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-\[0\.85rem\]{ padding-left: 0.85rem; padding-right: 0.85rem; } .px-\[0\.8rem\]{ padding-left: 0.8rem; padding-right: 0.8rem; } .px-\[0\.9375rem\]{ padding-left: 0.9375rem; padding-right: 0.9375rem; } .px-\[1\.25rem\]{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-\[1\.2rem\]{ padding-left: 1.2rem; padding-right: 1.2rem; } .px-\[1\.35rem\]{ padding-left: 1.35rem; padding-right: 1.35rem; } .px-\[1\.3rem\]{ padding-left: 1.3rem; padding-right: 1.3rem; } .px-\[1\.563rem\]{ padding-left: 1.563rem; padding-right: 1.563rem; } .px-\[1\.5rem\]{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-\[1\.65rem\]{ padding-left: 1.65rem; padding-right: 1.65rem; } .px-\[18px\]{ padding-left: 18px; padding-right: 18px; } .px-\[2px\]{ padding-left: 2px; padding-right: 2px; } .px-\[3px\]{ padding-left: 3px; padding-right: 3px; } .px-\[3rem\]{ padding-left: 3rem; padding-right: 3rem; } .px-\[7px\]{ padding-left: 7px; padding-right: 7px; } .px-\[8px\]{ padding-left: 8px; padding-right: 8px; } .px-\[9px\]{ padding-left: 9px; padding-right: 9px; } .px-\[calc\(1\.5rem\*0\.5\)\]{ padding-left: calc(1.5rem * 0.5); padding-right: calc(1.5rem * 0.5); } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[0\.15rem\]{ padding-top: 0.15rem; padding-bottom: 0.15rem; } .py-\[0\.1875rem\]{ padding-top: 0.1875rem; padding-bottom: 0.1875rem; } .py-\[0\.188rem\]{ padding-top: 0.188rem; padding-bottom: 0.188rem; } .py-\[0\.1rem\]{ padding-top: 0.1rem; padding-bottom: 0.1rem; } .py-\[0\.25rem\]{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-\[0\.26rem\]{ padding-top: 0.26rem; padding-bottom: 0.26rem; } .py-\[0\.2em\]{ padding-top: 0.2em; padding-bottom: 0.2em; } .py-\[0\.313rem\]{ padding-top: 0.313rem; padding-bottom: 0.313rem; } .py-\[0\.35rem\]{ padding-top: 0.35rem; padding-bottom: 0.35rem; } .py-\[0\.375\]{ padding-top: 0.375; padding-bottom: 0.375; } .py-\[0\.375em\]{ padding-top: 0.375em; padding-bottom: 0.375em; } .py-\[0\.375rem\]{ padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-\[0\.3em\]{ padding-top: 0.3em; padding-bottom: 0.3em; } .py-\[0\.3rem\]{ padding-top: 0.3rem; padding-bottom: 0.3rem; } .py-\[0\.45rem\]{ padding-top: 0.45rem; padding-bottom: 0.45rem; } .py-\[0\.4rem\]{ padding-top: 0.4rem; padding-bottom: 0.4rem; } .py-\[0\.55rem\]{ padding-top: 0.55rem; padding-bottom: 0.55rem; } .py-\[0\.625rem\]{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-\[0\.65rem\]{ padding-top: 0.65rem; padding-bottom: 0.65rem; } .py-\[0\.6rem\]{ padding-top: 0.6rem; padding-bottom: 0.6rem; } .py-\[0\.75rem\]{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-\[0\.813rem\]{ padding-top: 0.813rem; padding-bottom: 0.813rem; } .py-\[0\.83rem\]{ padding-top: 0.83rem; padding-bottom: 0.83rem; } .py-\[0\.85rem\]{ padding-top: 0.85rem; padding-bottom: 0.85rem; } .py-\[0\.875rem\]{ padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-\[0\.8rem\]{ padding-top: 0.8rem; padding-bottom: 0.8rem; } .py-\[0\.938rem\]{ padding-top: 0.938rem; padding-bottom: 0.938rem; } .py-\[0\.93rem\]{ padding-top: 0.93rem; padding-bottom: 0.93rem; } .py-\[1\.2rem\]{ padding-top: 1.2rem; padding-bottom: 1.2rem; } .py-\[1\.35rem\]{ padding-top: 1.35rem; padding-bottom: 1.35rem; } .py-\[12px\]{ padding-top: 12px; padding-bottom: 12px; } .py-\[2px\]{ padding-top: 2px; padding-bottom: 2px; } .py-\[2rem\]{ padding-top: 2rem; padding-bottom: 2rem; } .py-\[3\.15rem\]{ padding-top: 3.15rem; padding-bottom: 3.15rem; } .py-\[3\.735rem\]{ padding-top: 3.735rem; padding-bottom: 3.735rem; } .py-\[3px\]{ padding-top: 3px; padding-bottom: 3px; } .py-\[4\.375rem\]{ padding-top: 4.375rem; padding-bottom: 4.375rem; } .py-\[5px\]{ padding-top: 5px; padding-bottom: 5px; } .py-\[9px\]{ padding-top: 9px; padding-bottom: 9px; } .\!pb-0{ padding-bottom: 0px !important; } .\!pb-2{ padding-bottom: 0.5rem !important; } .\!pb-\[20rem\]{ padding-bottom: 20rem !important; } .\!pb-\[3rem\]{ padding-bottom: 3rem !important; } .\!pe-\[7rem\]{ padding-inline-end: 7rem !important; } .\!ps-0{ padding-inline-start: 0px !important; } .\!ps-\[2rem\]{ padding-inline-start: 2rem !important; } .\!ps-\[3rem\]{ padding-inline-start: 3rem !important; } .\!pt-0{ padding-top: 0px !important; } .\!pt-3{ padding-top: 0.75rem !important; } .pb-0{ padding-bottom: 0px; } .pb-1{ padding-bottom: 0.25rem; } .pb-16{ padding-bottom: 4rem; } .pb-2{ padding-bottom: 0.5rem; } .pb-2\.5{ padding-bottom: 0.625rem; } .pb-28{ padding-bottom: 7rem; } .pb-3{ padding-bottom: 0.75rem; } .pb-4{ padding-bottom: 1rem; } .pb-5{ padding-bottom: 1.25rem; } .pb-6{ padding-bottom: 1.5rem; } .pb-7{ padding-bottom: 1.75rem; } .pb-8{ padding-bottom: 2rem; } .pb-\[0\.2rem\]{ padding-bottom: 0.2rem; } .pb-\[0\.43rem\]{ padding-bottom: 0.43rem; } .pb-\[1\.65rem\]{ padding-bottom: 1.65rem; } .pb-\[2\.375rem\]{ padding-bottom: 2.375rem; } .pb-\[3\.375rem\]{ padding-bottom: 3.375rem; } .pb-\[4rem\]{ padding-bottom: 4rem; } .pb-\[5px\]{ padding-bottom: 5px; } .pb-\[7\.5px\]{ padding-bottom: 7.5px; } .pe-0{ padding-inline-end: 0px; } .pe-0\.5{ padding-inline-end: 0.125rem; } .pe-1{ padding-inline-end: 0.25rem; } .pe-1\.5{ padding-inline-end: 0.375rem; } .pe-11{ padding-inline-end: 2.75rem; } .pe-16{ padding-inline-end: 4rem; } .pe-2{ padding-inline-end: 0.5rem; } .pe-20{ padding-inline-end: 5rem; } .pe-3{ padding-inline-end: 0.75rem; } .pe-4{ padding-inline-end: 1rem; } .pe-40{ padding-inline-end: 10rem; } .pe-5{ padding-inline-end: 1.25rem; } .pe-6{ padding-inline-end: 1.5rem; } .pe-7{ padding-inline-end: 1.75rem; } .pe-8{ padding-inline-end: 2rem; } .pe-9{ padding-inline-end: 2.25rem; } .pe-\[0\.5ch\]{ padding-inline-end: 0.5ch; } .pe-\[1\.5rem\]{ padding-inline-end: 1.5rem; } .pe-\[1\.625rem\]{ padding-inline-end: 1.625rem; } .pe-\[1\.875rem\]{ padding-inline-end: 1.875rem; } .pe-\[10rem\]{ padding-inline-end: 10rem; } .pe-\[15px\]{ padding-inline-end: 15px; } .pe-\[2\.25rem\]{ padding-inline-end: 2.25rem; } .pe-\[2\.5rem\]{ padding-inline-end: 2.5rem; } .pe-\[2\.6rem\]{ padding-inline-end: 2.6rem; } .pe-\[20px\]{ padding-inline-end: 20px; } .pe-\[2rem\]{ padding-inline-end: 2rem; } .pe-\[40px\]{ padding-inline-end: 40px; } .pe-\[5px\]{ padding-inline-end: 5px; } .pe-\[6px\]{ padding-inline-end: 6px; } .pe-\[71px\]{ padding-inline-end: 71px; } .pe-\[initial\]{ padding-inline-end: initial; } .pe-px{ padding-inline-end: 1px; } .pl-0{ padding-left: 0px; } .pl-\[2px\]{ padding-left: 2px; } .pr-\[0\.75rem\]{ padding-right: 0.75rem; } .pr-\[2px\]{ padding-right: 2px; } .ps-0{ padding-inline-start: 0px; } .ps-0\.5{ padding-inline-start: 0.125rem; } .ps-1{ padding-inline-start: 0.25rem; } .ps-1\.5{ padding-inline-start: 0.375rem; } .ps-11{ padding-inline-start: 2.75rem; } .ps-16{ padding-inline-start: 4rem; } .ps-2{ padding-inline-start: 0.5rem; } .ps-3{ padding-inline-start: 0.75rem; } .ps-4{ padding-inline-start: 1rem; } .ps-40{ padding-inline-start: 10rem; } .ps-5{ padding-inline-start: 1.25rem; } .ps-6{ padding-inline-start: 1.5rem; } .ps-8{ padding-inline-start: 2rem; } .ps-9{ padding-inline-start: 2.25rem; } .ps-\[0\.75rem\]{ padding-inline-start: 0.75rem; } .ps-\[0\.9375rem\]{ padding-inline-start: 0.9375rem; } .ps-\[1\.5em\]{ padding-inline-start: 1.5em; } .ps-\[1\.5rem\]{ padding-inline-start: 1.5rem; } .ps-\[1\.875rem\]{ padding-inline-start: 1.875rem; } .ps-\[10\.25rem\]{ padding-inline-start: 10.25rem; } .ps-\[15px\]{ padding-inline-start: 15px; } .ps-\[15rem\]{ padding-inline-start: 15rem; } .ps-\[17rem\]{ padding-inline-start: 17rem; } .ps-\[1rem\]{ padding-inline-start: 1rem; } .ps-\[2\.6rem\]{ padding-inline-start: 2.6rem; } .ps-\[2\.75rem\]{ padding-inline-start: 2.75rem; } .ps-\[20px\]{ padding-inline-start: 20px; } .ps-\[2rem\]{ padding-inline-start: 2rem; } .ps-\[3rem\]{ padding-inline-start: 3rem; } .ps-\[4\.5rem\]{ padding-inline-start: 4.5rem; } .ps-\[40px\]{ padding-inline-start: 40px; } .ps-\[4rem\]{ padding-inline-start: 4rem; } .ps-\[5\.75rem\]{ padding-inline-start: 5.75rem; } .ps-\[52px\]{ padding-inline-start: 52px; } .ps-\[5px\]{ padding-inline-start: 5px; } .ps-\[5rem\]{ padding-inline-start: 5rem; } .ps-\[71px\]{ padding-inline-start: 71px; } .ps-\[9\.5rem\]{ padding-inline-start: 9.5rem; } .ps-\[inherit\]{ padding-inline-start: inherit; } .ps-px{ padding-inline-start: 1px; } .pt-0{ padding-top: 0px; } .pt-1{ padding-top: 0.25rem; } .pt-12{ padding-top: 3rem; } .pt-2{ padding-top: 0.5rem; } .pt-2\.5{ padding-top: 0.625rem; } .pt-3{ padding-top: 0.75rem; } .pt-4{ padding-top: 1rem; } .pt-5{ padding-top: 1.25rem; } .pt-6{ padding-top: 1.5rem; } .pt-8{ padding-top: 2rem; } .pt-\[0\.025rem\]{ padding-top: 0.025rem; } .pt-\[0\.313rem\]{ padding-top: 0.313rem; } .pt-\[0rem\]{ padding-top: 0rem; } .pt-\[1\.1rem\]{ padding-top: 1.1rem; } .pt-\[1\.75rem\]{ padding-top: 1.75rem; } .pt-\[15px\]{ padding-top: 15px; } .pt-\[3\.75rem\]{ padding-top: 3.75rem; } .pt-\[3rem\]{ padding-top: 3rem; } .pt-\[4\.375rem\]{ padding-top: 4.375rem; } .pt-\[5\.75rem\]{ padding-top: 5.75rem; } .pt-\[6\.1rem\]{ padding-top: 6.1rem; } .text-left{ text-align: left; } .\!text-center{ text-align: center !important; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-justify{ text-align: justify; } .\!text-start{ text-align: start !important; } .text-start{ text-align: start; } .\!text-end{ text-align: end !important; } .text-end{ text-align: end; } .indent-1{ text-indent: 0.25rem; } .indent-\[-20px\]{ text-indent: -20px; } .align-baseline{ vertical-align: baseline; } .align-top{ vertical-align: top; } .align-middle{ vertical-align: middle; } .align-bottom{ vertical-align: bottom; } .align-text-top{ vertical-align: text-top; } .align-text-bottom{ vertical-align: text-bottom; } .align-sub{ vertical-align: sub; } .align-super{ vertical-align: super; } .font-\[\'remixicon\'\]{ font-family: 'remixicon'; } .font-\[\.7rem\]{ font-family: .7rem; } .font-\[bold\]{ font-family: bold; } .font-\[remixicon\]{ font-family: remixicon; } .font-\[tabler\]{ font-family: tabler; } .font-bootstrap{ font-family: bootstrap-icons; } .font-defaultfont{ font-family: Poppins, sans-serif; } .font-remix{ font-family: remixicon; } .font-tabler{ font-family: tabler-icons; } .\!text-\[\.875rem\]{ font-size: .875rem !important; } .\!text-\[\.9375rem\]{ font-size: .9375rem !important; } .\!text-\[0\.5rem\]{ font-size: 0.5rem !important; } .\!text-\[0\.625rem\]{ font-size: 0.625rem !important; } .\!text-\[0\.63rem\]{ font-size: 0.63rem !important; } .\!text-\[0\.6875rem\]{ font-size: 0.6875rem !important; } .\!text-\[0\.75rem\]{ font-size: 0.75rem !important; } .\!text-\[0\.812rem\]{ font-size: 0.812rem !important; } .\!text-\[0\.813rem\]{ font-size: 0.813rem !important; } .\!text-\[0\.875rem\]{ font-size: 0.875rem !important; } .\!text-\[0\.8rem\]{ font-size: 0.8rem !important; } .\!text-\[0\.9375rem\]{ font-size: 0.9375rem !important; } .\!text-\[1\.25rem\]{ font-size: 1.25rem !important; } .\!text-\[1\.5rem\]{ font-size: 1.5rem !important; } .\!text-\[11px\]{ font-size: 11px !important; } .\!text-\[1rem\]{ font-size: 1rem !important; } .\!text-sm{ font-size: 0.875rem !important; } .\!text-xs{ font-size: 0.75rem !important; } .text-2xl{ font-size: 1.5rem; } .text-3xl{ font-size: 1.875rem; } .text-4xl{ font-size: 2.25rem; } .text-5xl{ font-size: 3rem; } .text-\[\.625rem\]{ font-size: .625rem; } .text-\[\.6875rem\]{ font-size: .6875rem; } .text-\[\.75rem\]{ font-size: .75rem; } .text-\[\.875rem\]{ font-size: .875rem; } .text-\[\.9375rem\]{ font-size: .9375rem; } .text-\[0\.4375rem\]{ font-size: 0.4375rem; } .text-\[0\.5625rem\]{ font-size: 0.5625rem; } .text-\[0\.563rem\]{ font-size: 0.563rem; } .text-\[0\.5rem\]{ font-size: 0.5rem; } .text-\[0\.625rem\]{ font-size: 0.625rem; } .text-\[0\.65rem\]{ font-size: 0.65rem; } .text-\[0\.675rem\]{ font-size: 0.675rem; } .text-\[0\.6875rem\]{ font-size: 0.6875rem; } .text-\[0\.69rem\]{ font-size: 0.69rem; } .text-\[0\.71rem\]{ font-size: 0.71rem; } .text-\[0\.75em\]{ font-size: 0.75em; } .text-\[0\.75rem\]{ font-size: 0.75rem; } .text-\[0\.7rem\]{ font-size: 0.7rem; } .text-\[0\.8125rem\]{ font-size: 0.8125rem; } .text-\[0\.813rem\]{ font-size: 0.813rem; } .text-\[0\.82rem\]{ font-size: 0.82rem; } .text-\[0\.85em\]{ font-size: 0.85em; } .text-\[0\.85rem\]{ font-size: 0.85rem; } .text-\[0\.875em\]{ font-size: 0.875em; } .text-\[0\.875rem\]{ font-size: 0.875rem; } .text-\[0\.8em\]{ font-size: 0.8em; } .text-\[0\.8rem\]{ font-size: 0.8rem; } .text-\[0\.9375rem\]{ font-size: 0.9375rem; } .text-\[0\.938rem\]{ font-size: 0.938rem; } .text-\[0\.95rem\]{ font-size: 0.95rem; } .text-\[0\.9em\]{ font-size: 0.9em; } .text-\[0\.9rem\]{ font-size: 0.9rem; } .text-\[1\.05rem\]{ font-size: 1.05rem; } .text-\[1\.15rem\]{ font-size: 1.15rem; } .text-\[1\.1875rem\]{ font-size: 1.1875rem; } .text-\[1\.25rem\]{ font-size: 1.25rem; } .text-\[1\.2rem\]{ font-size: 1.2rem; } .text-\[1\.35rem\]{ font-size: 1.35rem; } .text-\[1\.5625rem\]{ font-size: 1.5625rem; } .text-\[1\.5rem\]{ font-size: 1.5rem; } .text-\[1\.75rem\]{ font-size: 1.75rem; } .text-\[1\.875rem\]{ font-size: 1.875rem; } .text-\[100px\]{ font-size: 100px; } .text-\[10px\]{ font-size: 10px; } .text-\[11px\]{ font-size: 11px; } .text-\[11rem\]{ font-size: 11rem; } .text-\[12px\]{ font-size: 12px; } .text-\[13px\]{ font-size: 13px; } .text-\[14px\]{ font-size: 14px; } .text-\[15px\]{ font-size: 15px; } .text-\[16px\]{ font-size: 16px; } .text-\[17px\]{ font-size: 17px; } .text-\[18px\]{ font-size: 18px; } .text-\[1rem\]{ font-size: 1rem; } .text-\[2\.1rem\]{ font-size: 2.1rem; } .text-\[2\.5rem\]{ font-size: 2.5rem; } .text-\[20px\]{ font-size: 20px; } .text-\[21px\]{ font-size: 21px; } .text-\[22px\]{ font-size: 22px; } .text-\[23px\]{ font-size: 23px; } .text-\[25px\]{ font-size: 25px; } .text-\[2rem\]{ font-size: 2rem; } .text-\[3\.5rem\]{ font-size: 3.5rem; } .text-\[3rem\]{ font-size: 3rem; } .text-\[4\.5rem\]{ font-size: 4.5rem; } .text-\[4rem\]{ font-size: 4rem; } .text-\[5rem\]{ font-size: 5rem; } .text-\[8px\]{ font-size: 8px; } .text-\[calc\(1\.325rem_\+_0\.9vw\)\]{ font-size: calc(1.325rem + 0.9vw); } .text-base{ font-size: 1rem; } .text-defaultsize{ font-size: 0.8125rem; } .text-lg{ font-size: 1.125rem; } .text-sm{ font-size: 0.875rem; } .text-xl{ font-size: 1.25rem; } .text-xs{ font-size: 0.75rem; } .\!font-\[500\]{ font-weight: 500 !important; } .\!font-medium{ font-weight: 500 !important; } .\!font-normal{ font-weight: 400 !important; } .\!font-semibold{ font-weight: 600 !important; } .font-\[0\.8rem\]{ font-weight: 0.8rem; } .font-\[300\]{ font-weight: 300; } .font-bold{ font-weight: 700; } .font-extrabold{ font-weight: 800; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .lowercase{ text-transform: lowercase; } .capitalize{ text-transform: capitalize; } .normal-case{ text-transform: none; } .italic{ font-style: italic; } .not-italic{ font-style: normal; } .normal-nums{ font-variant-numeric: normal; } .ordinal{ --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero{ --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums{ --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums{ --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums{ --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums{ --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions{ --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions{ --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-10{ line-height: 2.5rem; } .leading-3{ line-height: .75rem; } .leading-4{ line-height: 1rem; } .leading-5{ line-height: 1.25rem; } .leading-6{ line-height: 1.5rem; } .leading-7{ line-height: 1.75rem; } .leading-\[0\.875rem\]{ line-height: 0.875rem; } .leading-\[0\]{ line-height: 0; } .leading-\[1\.1rem\]{ line-height: 1.1rem; } .leading-\[1\.25rem\]{ line-height: 1.25rem; } .leading-\[1\.2rem\]{ line-height: 1.2rem; } .leading-\[1\.38\]{ line-height: 1.38; } .leading-\[1\.462\]{ line-height: 1.462; } .leading-\[1\.563rem\]{ line-height: 1.563rem; } .leading-\[1\.5\]{ line-height: 1.5; } .leading-\[1\.5rem\]{ line-height: 1.5rem; } .leading-\[1\.6\]{ line-height: 1.6; } .leading-\[1\.75rem\]{ line-height: 1.75rem; } .leading-\[1\.7rem\]{ line-height: 1.7rem; } .leading-\[1\.85rem\]{ line-height: 1.85rem; } .leading-\[1\.96\]{ line-height: 1.96; } .leading-\[10px\]{ line-height: 10px; } .leading-\[1\]{ line-height: 1; } .leading-\[1rem\]{ line-height: 1rem; } .leading-\[2\.25\]{ line-height: 2.25; } .leading-\[2\.33rem\]{ line-height: 2.33rem; } .leading-\[2\.5rem\]{ line-height: 2.5rem; } .leading-\[30px\]{ line-height: 30px; } .leading-\[3rem\]{ line-height: 3rem; } .leading-\[4rem\]{ line-height: 4rem; } .leading-\[5rem\]{ line-height: 5rem; } .leading-\[inherit\]{ line-height: inherit; } .leading-none{ line-height: 1; } .leading-normal{ line-height: 1.5; } .tracking-\[0\.05rem\]{ letter-spacing: 0.05rem; } .tracking-\[1px\]{ letter-spacing: 1px; } .\!text-\[\#d63384\]{ --tw-text-opacity: 1 !important; color: rgb(214 51 132 / var(--tw-text-opacity)) !important; } .\!text-black{ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .\!text-danger{ color: rgb(var(--danger)) !important; } .\!text-dark{ color: rgb(var(--dark)) !important; } .\!text-defaulttextcolor{ color: rgb(var(--default-text-color)) !important; } .\!text-info{ color: rgb(var(--info)) !important; } .\!text-orangemain{ color: rgb(var(--orange)) !important; } .\!text-primary{ color: rgb(var(--primary)) !important; } .\!text-primarytint1color{ color: rgb(var(--primary-tint1-rgb)) !important; } .\!text-primarytint1color\/50{ color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .\!text-primarytint2color{ color: rgb(var(--primary-tint2-rgb)) !important; } .\!text-primarytint3color{ color: rgb(var(--primary-tint3-rgb)) !important; } .\!text-primarytint3color\/50{ color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .\!text-secondary{ color: rgb(var(--secondary)) !important; } .\!text-secondary\/50{ color: rgb(var(--secondary) / 0.5) !important; } .\!text-success{ color: rgb(var(--success)) !important; } .\!text-success\/50{ color: rgb(var(--success) / 0.5) !important; } .\!text-tealmain{ color: rgb(var(--teal)) !important; } .\!text-textmuted{ color: rgb(var(--text-muted)) !important; } .\!text-warning{ color: rgb(var(--warning)) !important; } .\!text-warning\/50{ color: rgb(var(--warning) / 0.5) !important; } .\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-\[\#06a7ef\]{ --tw-text-opacity: 1; color: rgb(6 167 239 / var(--tw-text-opacity)); } .text-\[\#19719e\]{ --tw-text-opacity: 1; color: rgb(25 113 158 / var(--tw-text-opacity)); } .text-\[\#222528\]{ --tw-text-opacity: 1; color: rgb(34 37 40 / var(--tw-text-opacity)); } .text-\[\#536485\]{ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } .text-\[\#61748f\]{ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } .text-\[\#7b8191\]{ --tw-text-opacity: 1; color: rgb(123 129 145 / var(--tw-text-opacity)); } .text-\[\#8a90e7\]{ --tw-text-opacity: 1; color: rgb(138 144 231 / var(--tw-text-opacity)); } .text-\[\#8c9097\]{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .text-\[\#a2a6b9\]{ --tw-text-opacity: 1; color: rgb(162 166 185 / var(--tw-text-opacity)); } .text-\[\#b688f3\]{ --tw-text-opacity: 1; color: rgb(182 136 243 / var(--tw-text-opacity)); } .text-\[\#d63384\]{ --tw-text-opacity: 1; color: rgb(214 51 132 / var(--tw-text-opacity)); } .text-\[\#de8cb2\]{ --tw-text-opacity: 1; color: rgb(222 140 178 / var(--tw-text-opacity)); } .text-\[\#decac1\]{ --tw-text-opacity: 1; color: rgb(222 202 193 / var(--tw-text-opacity)); } .text-\[\#f78ab6\]{ --tw-text-opacity: 1; color: rgb(247 138 182 / var(--tw-text-opacity)); } .text-\[\#f78aeb\]{ --tw-text-opacity: 1; color: rgb(247 138 235 / var(--tw-text-opacity)); } .text-\[\#fb6c67\]{ --tw-text-opacity: 1; color: rgb(251 108 103 / var(--tw-text-opacity)); } .text-\[\#ff9594\]{ --tw-text-opacity: 1; color: rgb(255 149 148 / var(--tw-text-opacity)); } .text-\[0\.8125\]{ color: 0.8125; } .text-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{ color: rgba(255,255,255,0.2); } .text-\[rgba\(255\2c 255\2c 255\2c 0\.5\)\]{ color: rgba(255,255,255,0.5); } .text-black{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .text-black\/60{ color: rgb(0 0 0 / 0.6); } .text-black\/90{ color: rgb(0 0 0 / 0.9); } .text-blue-500{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .text-bluemain{ color: rgb(var(--blue)); } .text-customwhite{ color: rgb(var(--custom-white)); } .text-danger{ color: rgb(var(--danger)); } .text-dark{ color: rgb(var(--dark)); } .text-defaulttextcolor{ color: rgb(var(--default-text-color)); } .text-defaulttextcolor\/80{ color: rgb(var(--default-text-color) / 0.8); } .text-gray-100{ --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)); } .text-gray-200{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } .text-gray5{ color: var(--gray-5); } .text-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } .text-headerprimecolor{ color: rgb(var(--header-prime-color)); } .text-indigo-600{ --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } .text-indigomain{ color: rgb(var(--indigo)); } .text-info{ color: rgb(var(--info)); } .text-light{ color: rgb(var(--light)); } .text-menuprimecolor{ color: rgb(var(--menu-prime-color)); } .text-orangemain{ color: rgb(var(--orange)); } .text-pinkmain{ color: rgb(var(--pink)); } .text-primary{ color: rgb(var(--primary)); } .text-primary\/10{ color: rgb(var(--primary) / 0.1); } .text-primary\/20{ color: rgb(var(--primary) / 0.2); } .text-primary\/30{ color: rgb(var(--primary) / 0.3); } .text-primary\/40{ color: rgb(var(--primary) / 0.4); } .text-primary\/50{ color: rgb(var(--primary) / 0.5); } .text-primary\/70{ color: rgb(var(--primary) / 0.7); } .text-primary\/80{ color: rgb(var(--primary) / 0.8); } .text-primarytint1color{ color: rgb(var(--primary-tint1-rgb)); } .text-primarytint2color{ color: rgb(var(--primary-tint2-rgb)); } .text-primarytint3color{ color: rgb(var(--primary-tint3-rgb)); } .text-purplemain{ color: rgb(var(--purple)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .text-red-600{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-secondary{ color: rgb(var(--secondary)); } .text-slate-700{ --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity)); } .text-success{ color: rgb(var(--success)); } .text-tealmain{ color: rgb(var(--teal)); } .text-textmuted{ color: rgb(var(--text-muted)); } .text-textmuted\/50{ color: rgb(var(--text-muted) / 0.5); } .text-transparent{ color: transparent; } .text-warning{ color: rgb(var(--warning)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .text-white\/10{ color: rgb(255 255 255 / 0.1); } .text-white\/60{ color: rgb(255 255 255 / 0.6); } .text-white\/70{ color: rgb(255 255 255 / 0.7); } .text-white\/90{ color: rgb(255 255 255 / 0.9); } .text-white\/\[\.5\]{ color: rgb(255 255 255 / .5); } .text-yellowmain{ color: rgb(var(--yellow)); } .text-opacity-100{ --tw-text-opacity: 1; } .text-opacity-25{ --tw-text-opacity: 0.25; } .text-opacity-50{ --tw-text-opacity: 0.5; } .text-opacity-75{ --tw-text-opacity: 0.75; } .underline{ text-decoration-line: underline; } .overline{ text-decoration-line: overline; } .line-through{ text-decoration-line: line-through; } .no-underline{ text-decoration-line: none; } .decoration-\[rgba\(var\(--danger-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--danger-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--dark-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--dark-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--info-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--info-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--light-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--light-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--primary-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--primary-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--primary-tint1-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--primary-tint1-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--primary-tint2-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--primary-tint2-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--primary-tint3-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--primary-tint3-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--secondary-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--secondary-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--success-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--success-rgb),var(--bs-link-underline-opacity,1)); } .decoration-\[rgba\(var\(--warning-rgb\)\2c var\(--bs-link-underline-opacity\2c 1\)\)\]{ text-decoration-color: rgba(var(--warning-rgb),var(--bs-link-underline-opacity,1)); } .decoration-solid{ text-decoration-style: solid; } .decoration-double{ text-decoration-style: double; } .decoration-dotted{ text-decoration-style: dotted; } .decoration-dashed{ text-decoration-style: dashed; } .decoration-wavy{ text-decoration-style: wavy; } .decoration-2{ text-decoration-thickness: 2px; } .antialiased{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased{ -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .\!opacity-100{ opacity: 1 !important; } .\!opacity-\[0\.85\]{ opacity: 0.85 !important; } .opacity-0{ opacity: 0; } .opacity-10{ opacity: 0.1; } .opacity-100{ opacity: 1; } .opacity-20{ opacity: 0.2; } .opacity-25{ opacity: 0.25; } .opacity-40{ opacity: 0.4; } .opacity-5{ opacity: 0.05; } .opacity-50{ opacity: 0.5; } .opacity-60{ opacity: 0.6; } .opacity-70{ opacity: 0.7; } .opacity-75{ opacity: 0.75; } .opacity-80{ opacity: 0.8; } .opacity-90{ opacity: 0.9; } .opacity-95{ opacity: 0.95; } .opacity-\[0\.018\]{ opacity: 0.018; } .opacity-\[0\.075\]{ opacity: 0.075; } .opacity-\[0\.07\]{ opacity: 0.07; } .opacity-\[0\.09\]{ opacity: 0.09; } .opacity-\[0\.15\]{ opacity: 0.15; } .opacity-\[0\.1\]{ opacity: 0.1; } .opacity-\[0\.2\]{ opacity: 0.2; } .opacity-\[0\.35\]{ opacity: 0.35; } .opacity-\[0\.5\]{ opacity: 0.5; } .opacity-\[0\.65\]{ opacity: 0.65; } .opacity-\[0\.6\]{ opacity: 0.6; } .opacity-\[0\.7\]{ opacity: 0.7; } .opacity-\[0\.85\]{ opacity: 0.85; } .opacity-\[0\.8\]{ opacity: 0.8; } .opacity-\[0\.94\]{ opacity: 0.94; } .opacity-\[1\]{ opacity: 1; } .bg-blend-normal{ background-blend-mode: normal; } .bg-blend-multiply{ background-blend-mode: multiply; } .bg-blend-screen{ background-blend-mode: screen; } .bg-blend-overlay{ background-blend-mode: overlay; } .bg-blend-darken{ background-blend-mode: darken; } .bg-blend-lighten{ background-blend-mode: lighten; } .bg-blend-color-dodge{ background-blend-mode: color-dodge; } .bg-blend-color-burn{ background-blend-mode: color-burn; } .bg-blend-hard-light{ background-blend-mode: hard-light; } .bg-blend-soft-light{ background-blend-mode: soft-light; } .bg-blend-difference{ background-blend-mode: difference; } .bg-blend-exclusion{ background-blend-mode: exclusion; } .bg-blend-hue{ background-blend-mode: hue; } .bg-blend-saturation{ background-blend-mode: saturation; } .bg-blend-color{ background-blend-mode: color; } .bg-blend-luminosity{ background-blend-mode: luminosity; } .mix-blend-normal{ mix-blend-mode: normal; } .mix-blend-multiply{ mix-blend-mode: multiply; } .mix-blend-screen{ mix-blend-mode: screen; } .mix-blend-overlay{ mix-blend-mode: overlay; } .mix-blend-darken{ mix-blend-mode: darken; } .mix-blend-lighten{ mix-blend-mode: lighten; } .mix-blend-color-dodge{ mix-blend-mode: color-dodge; } .mix-blend-color-burn{ mix-blend-mode: color-burn; } .mix-blend-hard-light{ mix-blend-mode: hard-light; } .mix-blend-soft-light{ mix-blend-mode: soft-light; } .mix-blend-difference{ mix-blend-mode: difference; } .mix-blend-exclusion{ mix-blend-mode: exclusion; } .mix-blend-hue{ mix-blend-mode: hue; } .mix-blend-saturation{ mix-blend-mode: saturation; } .mix-blend-color{ mix-blend-mode: color; } .mix-blend-luminosity{ mix-blend-mode: luminosity; } .mix-blend-plus-darker{ mix-blend-mode: plus-darker; } .mix-blend-plus-lighter{ mix-blend-mode: plus-lighter; } .\!shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\!shadow-none{ --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow{ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[-1px_0px_13px_15px_rgba\(255\2c 255\2c 255\2c 0\.04\)\]{ --tw-shadow: -1px 0px 13px 15px rgba(255,255,255,0.04); --tw-shadow-colored: -1px 0px 13px 15px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0\.125rem_0\.125rem_0\.625rem_black\/30\]{ --tw-shadow: 0.125rem 0.125rem 0.625rem black/30; --tw-shadow-colored: 0.125rem 0.125rem 0.625rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.125rem_0\.25rem_rgba\(33\2c 37\2c 41\2c 0\.3\)\]{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.125rem_0_rgba\(10\2c 10\2c 10\2c 0\.04\)\]{ --tw-shadow: 0 0.125rem 0 rgba(10,10,10,0.04); --tw-shadow-colored: 0 0.125rem 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.25rem_0\.5rem_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{ --tw-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.5); --tw-shadow-colored: 0 0.25rem 0.5rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.25rem_1rem_black\/10\]{ --tw-shadow: 0 0.25rem 1rem black/10; --tw-shadow-colored: 0 0.25rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.25rem_1rem_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1); --tw-shadow-colored: 0 0.25rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.313rem_0\.313rem_primary\/20\]{ --tw-shadow: 0 0.313rem 0.313rem primary/20; --tw-shadow-colored: 0 0.313rem 0.313rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.313rem_0\.313rem_rgba\(0\2c 0\2c 0\2c \.4\)\]{ --tw-shadow: 0 0.313rem 0.313rem rgba(0,0,0,.4); --tw-shadow-colored: 0 0.313rem 0.313rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0\.5rem_1rem_rgba\(33\2c 37\2c 41\2c 0\.3\)\]{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0\.2em_primary\]{ --tw-shadow: 0 0 0.2em primary; --tw-shadow-colored: 0 0 0.2em var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0\.375rem_black\]{ --tw-shadow: 0 0 0.375rem black; --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0\.375rem_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0 0 0.375rem rgba(0,0,0,0.1); --tw-shadow-colored: 0 0 0.375rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0\.625rem\]{ --tw-shadow: 0 0 0.625rem; --tw-shadow-colored: 0 0 0.625rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_0\.25rem_black1\]{ --tw-shadow: 0 0 0 0.25rem black1; --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_2px_rgba\(255\2c 255\2c 255\)\]{ --tw-shadow: 0 0 0 2px rgba(255,255,255); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(92\2c 103\2c 247\2c 0\.2\)\]{ --tw-shadow: 0 0 0 3px rgba(92,103,247,0.2); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_rgba\(var\(--primary-tint2-rgb\)\2c 0\.4\)\]{ --tw-shadow: 0 0 0 rgba(var(--primary-tint2-rgb),0.4); --tw-shadow-colored: 0 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_var\(--tag-inset-shadow-size\)_var\(--gray-3\)_inset\]{ --tw-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--gray-3) inset; --tw-shadow-colored: inset 0 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_1px_0\.25rem_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0 0 1px 0.25rem rgba(0,0,0,0.1); --tw-shadow-colored: 0 0 1px 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_1rem_black\]{ --tw-shadow: 0 0 1rem black; --tw-shadow-colored: 0 0 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_4px_primary\/50\]{ --tw-shadow: 0 0 4px primary/50; --tw-shadow-colored: 0 0 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{ --tw-shadow: 0 1px 2px rgba(0,0,0,0.2); --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1rem_3rem_rgba\(33\2c 37\2c 41\2c 0\.3\)\]{ --tw-shadow: 0 1rem 3rem rgba(33,37,41,0.3); --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_3px_10px_0px_black\/10\]{ --tw-shadow: 0 3px 10px 0px black/10; --tw-shadow-colored: 0 3px 10px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_5px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0 5px 10px rgba(0,0,0,0.1); --tw-shadow-colored: 0 5px 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0\.125px_0\.25px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{ --tw-shadow: 0px 0.125px 0.25px rgba(0,0,0,0.05); --tw-shadow-colored: 0px 0.125px 0.25px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0\.125rem_0\.25rem_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{ --tw-shadow: 0px 0.125rem 0.25rem rgba(0,0,0,0.05); --tw-shadow-colored: 0px 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0\.25rem_1rem_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0px 0.25rem 1rem rgba(0,0,0,0.1); --tw-shadow-colored: 0px 0.25rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{ --tw-shadow: 0px 0px 16px 0px rgba(0,0,0,0.05); --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_0px_1px_3px_var\(--primary03\)\]{ --tw-shadow: 0px 0px 1px 3px var(--primary03); --tw-shadow-colored: 0px 0px 1px 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_2px_0px_rgba\(118\2c 138\2c 254\2c 0\.03\)\]{ --tw-shadow: 0px 2px 0px rgba(118,138,254,0.03); --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_4px_16px_black1\]{ --tw-shadow: 0px 4px 16px black1; --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0px 4px 16px rgba(0,0,0,0.1); --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0px_6px_16px_2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{ --tw-shadow: 0px 6px 16px 2px rgba(0,0,0,0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0rem_0rem_1rem_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{ --tw-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1); --tw-shadow-colored: 0rem 0rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[1px_0_0_defaultborder\]{ --tw-shadow: 1px 0 0 defaultborder; --tw-shadow-colored: 1px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[1px_1px_16px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{ --tw-shadow: 1px 1px 16px rgba(0,0,0,0.2); --tw-shadow-colored: 1px 1px 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[6px_0px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{ --tw-shadow: 6px 0px 16px 0px rgba(0,0,0,0.05); --tw-shadow-colored: 6px 0px 16px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[rgba\(149\2c 157\2c 165\2c 0\.2\)_0_0\.5rem_1\.5rem\]{ --tw-shadow: rgba(149,157,165,0.2) 0 0.5rem 1.5rem; --tw-shadow-colored: 0 0.5rem 1.5rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-defaultshadow{ --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-danger{ --tw-shadow-color: rgb(var(--danger)); --tw-shadow: var(--tw-shadow-colored); } .shadow-info{ --tw-shadow-color: rgb(var(--info)); --tw-shadow: var(--tw-shadow-colored); } .shadow-primary{ --tw-shadow-color: rgb(var(--primary)); --tw-shadow: var(--tw-shadow-colored); } .shadow-secondary{ --tw-shadow-color: rgb(var(--secondary)); --tw-shadow: var(--tw-shadow-colored); } .shadow-success{ --tw-shadow-color: rgb(var(--success)); --tw-shadow: var(--tw-shadow-colored); } .shadow-transparent{ --tw-shadow-color: transparent; --tw-shadow: var(--tw-shadow-colored); } .shadow-warning{ --tw-shadow-color: rgb(var(--warning)); --tw-shadow: var(--tw-shadow-colored); } .shadow-white{ --tw-shadow-color: #fff; --tw-shadow: var(--tw-shadow-colored); } .outline-none{ outline: 2px solid transparent; outline-offset: 2px; } .\!outline{ outline-style: solid !important; } .outline{ outline-style: solid; } .outline-dashed{ outline-style: dashed; } .outline-dotted{ outline-style: dotted; } .outline-double{ outline-style: double; } .outline-0{ outline-width: 0px; } .outline-1{ outline-width: 1px; } .ring{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset{ --tw-ring-inset: inset; } .ring-black{ --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); } .ring-transparent{ --tw-ring-color: transparent; } .ring-white{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } .ring-offset-white{ --tw-ring-offset-color: #fff; } .\!blur{ --tw-blur: blur(8px) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .blur{ --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-\[100\%\]{ --tw-brightness: brightness(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-\[90\%\]{ --tw-brightness: brightness(90%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow{ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale-\[1\]{ --tw-grayscale: grayscale(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert{ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert-\[1\]{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .saturate-\[0\.9\]{ --tw-saturate: saturate(0.9); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .sepia{ --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter-none{ filter: none; } .backdrop-blur{ --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-3xl{ --tw-backdrop-blur: blur(64px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[20px\]{ --tw-backdrop-blur: blur(20px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[30px\]{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-grayscale{ --tw-backdrop-grayscale: grayscale(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-invert{ --tw-backdrop-invert: invert(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-sepia{ --tw-backdrop-sepia: sepia(100%); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter{ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter-none{ -webkit-backdrop-filter: none; backdrop-filter: none; } .\!transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[0\.12s\]{ transition-property: 0.12s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[0\.1s\]{ transition-property: 0.1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[0s\]{ transition-property: 0s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[1\.1s\]{ transition-property: 1.1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[1s\]{ transition-property: 1s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\]{ transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-color\]{ transition-property: border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[height\]{ transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[opacity\2c margin\]{ transition-property: opacity,margin; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none{ transition-property: none; } .transition-opacity{ transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform{ transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-200{ transition-delay: 200ms; } .delay-\[0\.05s\]{ transition-delay: 0.05s; } .delay-\[0\.1s\]{ transition-delay: 0.1s; } .delay-\[0\.2s\]{ transition-delay: 0.2s; } .delay-\[0\.3s\]{ transition-delay: 0.3s; } .delay-\[0\.4s\]{ transition-delay: 0.4s; } .delay-\[0\.5s\]{ transition-delay: 0.5s; } .delay-\[0\.6s\]{ transition-delay: 0.6s; } .delay-\[0\.7s\]{ transition-delay: 0.7s; } .delay-\[0\.8s\]{ transition-delay: 0.8s; } .delay-\[0\.9s\]{ transition-delay: 0.9s; } .delay-\[0s\]{ transition-delay: 0s; } .delay-\[1\.5s\]{ transition-delay: 1.5s; } .duration-100{ transition-duration: 100ms; } .duration-200{ transition-duration: 200ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .duration-\[0\.05s\]{ transition-duration: 0.05s; } .duration-\[0\.1ms\]{ transition-duration: 0.1ms; } .duration-\[0\.1s\]{ transition-duration: 0.1s; } .duration-\[0\.25s\]{ transition-duration: 0.25s; } .duration-\[0\.2s\]{ transition-duration: 0.2s; } .duration-\[0\.3s\]{ transition-duration: 0.3s; } .duration-\[0\.3sec\]{ transition-duration: 0.3sec; } .duration-\[0\.4s\]{ transition-duration: 0.4s; } .duration-\[0\.5s\]{ transition-duration: 0.5s; } .duration-\[320ms\]{ transition-duration: 320ms; } .duration-\[ease-in-out\]{ transition-duration: ease-in-out; } .duration-\[ease-out\]{ transition-duration: ease-out; } .duration-\[ease\]{ transition-duration: ease; } .ease-\[ease-in-out\]{ transition-timing-function: ease-in-out; } .ease-\[ease\]{ transition-timing-function: ease; } .ease-\[transform\]{ transition-timing-function: transform; } .ease-in{ transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear{ transition-timing-function: linear; } .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .contain-none{ contain: none; } .contain-content{ contain: content; } .contain-strict{ contain: strict; } .contain-size{ --tw-contain-size: size; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-inline-size{ --tw-contain-size: inline-size; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-layout{ --tw-contain-layout: layout; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-paint{ --tw-contain-paint: paint; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-style{ --tw-contain-style: style; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .content-\[\"\"\]{ --tw-content: ""; content: var(--tw-content); } .content-\[\"-\"\]{ --tw-content: "-"; content: var(--tw-content); } .content-\[\"-\>\"\]{ --tw-content: "->"; content: var(--tw-content); } .content-\[\"\\EA13\"\]{ --tw-content: "\EA13"; content: var(--tw-content); } .content-\[\"\\F1AF\"\]{ --tw-content: "\F1AF"; content: var(--tw-content); } .content-\[\"\\F229\"\]{ --tw-content: "\F229"; content: var(--tw-content); } .content-\[\"\\F235\"\]{ --tw-content: "\F235"; content: var(--tw-content); } .content-\[\"\\F2EA\"\]{ --tw-content: "\F2EA"; content: var(--tw-content); } .content-\[\"\\ea5e\"\]{ --tw-content: "\ea5e"; content: var(--tw-content); } .content-\[\"\\ea6e\"\]{ --tw-content: "\ea6e"; content: var(--tw-content); } .content-\[\"\\ec52\"\]{ --tw-content: "\ec52"; content: var(--tw-content); } .content-\[\"\\ecbd\"\]{ --tw-content: "\ecbd"; content: var(--tw-content); } .content-\[\"\\ee66\"\]{ --tw-content: "\ee66"; content: var(--tw-content); } .content-\[\"\\eeb6\"\]{ --tw-content: "\eeb6"; content: var(--tw-content); } .content-\[\"\\ef4a\"\]{ --tw-content: "\ef4a"; content: var(--tw-content); } .content-\[\"\\efc3\"\]{ --tw-content: "\efc3"; content: var(--tw-content); } .content-\[\"\\f1ae\"\]{ --tw-content: "\f1ae"; content: var(--tw-content); } .content-\[\"\\f2d5\"\]{ --tw-content: "\f2d5"; content: var(--tw-content); } .content-\[\"\\f3c2\"\]{ --tw-content: "\f3c2"; content: var(--tw-content); } .content-\[\"\\f3e7\"\]{ --tw-content: "\f3e7"; content: var(--tw-content); } .content-\[\"\\f552\"\]{ --tw-content: "\f552"; content: var(--tw-content); } .content-\[\"\\f55e\"\]{ --tw-content: "\f55e"; content: var(--tw-content); } .content-\[\"\\f64d\"\]{ --tw-content: "\f64d"; content: var(--tw-content); } .content-\[\'\'\]{ --tw-content: ''; content: var(--tw-content); } .content-\[\]{ --tw-content: ; content: var(--tw-content); } .content-\[attr\(data-title\)\]{ --tw-content: attr(data-title); content: var(--tw-content); } .forced-color-adjust-auto{ forced-color-adjust: auto; } .forced-color-adjust-none{ forced-color-adjust: none; } .\[--adaptive\:none\]{ --adaptive: none; } .\[--auto-close\:false\]{ --auto-close: false; } .\[--auto-close\:inside\]{ --auto-close: inside; } .\[--body-scroll\:true\]{ --body-scroll: true; } .\[--overlay-backdrop\:false\]{ --overlay-backdrop: false; } .\[--overlay-backdrop\:static\]{ --overlay-backdrop: static; } .\[--placement\:bottom-right\]{ --placement: bottom-right; } .\[--placement\:bottom\]{ --placement: bottom; } .\[--placement\:left-top\]{ --placement: left-top; } .\[--placement\:left\]{ --placement: left; } .\[--placement\:right-top\]{ --placement: right-top; } .\[--placement\:right\]{ --placement: right; } .\[--placement\:top-left\]{ --placement: top-left; } .\[--placement\:top\]{ --placement: top; } .\[--strategy\:static\]{ --strategy: static; } .\[--trigger\:click\]{ --trigger: click; } .\[--trigger\:focus\]{ --trigger: focus; } .\[--trigger\:hover\]{ --trigger: hover; } /* End Tailwind Styles */ .toast-container{ pointer-events: none; z-index: 1090; max-width: 100%; } .toast{ border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .toast.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .toast.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .toast.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .toast.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .toast.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .toast.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .toast.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .toast.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .toast.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .toast.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .toast.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .toast.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .toast.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .toast.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .toast.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .toast.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .toast.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .toast.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } [class=dark] .toast{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .toast .toast-header{ display: flex; align-items: center; background-color: rgb(var(--light)); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; } .toast .toast-header img{ height: 1.25rem; width: 1.25rem; } .toast .toast-header{ border-bottom-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); } .toast .toast-header .btn-close{ margin-inline-end: 0.125rem; padding: 0.75rem; } .toast .toast-body{ padding: 0.75rem; font-size: 0.8rem; } .toast .btn-close{ font-size: 0.563rem; } .toast.colored-toast{ border-width: 0px !important; --tw-backdrop-blur: blur(20px) !important; -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; } .toast.colored-toast .btn-close{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .toast.colored-toast .toast-header{ border-bottom-width: 1px; border-style: solid; border-color: rgb(0 0 0 / 0.1); } .bd-example-toasts{ min-height: 15rem; } /* Start Tooltip Styles */ .ti-main-tooltip{ position: relative; display: inline-block; } .ti-main-tooltip .ti-main-tooltip-toggle{ display: block; text-align: center; } .ti-main-tooltip-content{ visibility: hidden; position: absolute; z-index: 50; display: inline-block; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); opacity: 0; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .hs-tooltip.show .ti-main-tooltip-content{ visibility: visible; opacity: 1; } .ti-main-tooltip-content:is(.dark *){ background-color: rgb(var(--body-bg)); color: rgb(255 255 255 / 0.7); } /* End Tooltip Styles */ /* UTILITIES */ /* Start::avatars */ .avatar{ position: relative; margin-bottom: 0px; display: inline-flex; height: 2.625rem; width: 2.625rem; align-items: center; justify-content: center; border-radius: 0.25rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .avatar a.badge:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .avatar img{ height: 100%; width: 100%; border-radius: 0.5rem; } .avatar svg{ height: 1.5rem; width: 1.5rem; } .avatar.avatar-rounded{ border-radius: 50%; } .avatar.avatar-rounded img{ border-radius: 50%; } .avatar.avatar-radius-0{ border-radius: 0; } .avatar.avatar-radius-0 img{ border-radius: 0; } .avatar .avatar-badge{ position: absolute; top: -4%; inset-inline-end: -0.375rem; display: flex; height: 1.4rem; width: 1.4rem; align-items: center; justify-content: center; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(var(--custom-white)); font-size: 0.625rem; } .avatar.online:before, .avatar.offline:before{ position: absolute; inset-inline-end: 0px; bottom: 0px; height: 0.5rem; width: 0.5rem; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(var(--custom-white)); --tw-content: ""; content: var(--tw-content); } .avatar.online:before{ background-color: rgb(var(--success)); } .avatar.offline:before{ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .avatar.avatar-xs{ height: 1.25rem; width: 1.25rem; font-size: 0.65rem; line-height: 1.25rem; } .avatar.avatar-xs .avatar-badge{ inset-inline-end: -0.5rem; top: -25%; height: 1rem; width: 1rem; padding: 0.25rem; font-size: 0.5rem; line-height: 1rem; } .avatar.avatar-sm{ height: 1.75rem; width: 1.75rem; font-size: 0.75rem; line-height: 1.75rem; } .avatar.avatar-sm .avatar-badge{ top: -38%; inset-inline-end: -0.5rem; height: 1.1rem; width: 1.1rem; padding: 0.3rem; font-size: 0.5rem; line-height: 1.1rem; } .avatar.avatar-sm.online:before, .avatar.avatar-sm.offline:before{ height: 0.5rem; width: 0.5rem; } .avatar.avatar-sm svg{ height: 1rem; width: 1rem; } .avatar.avatar-md{ height: 2.5rem; width: 2.5rem; font-size: 0.8rem; line-height: 2.5rem; } .avatar.avatar-md .avatar-badge{ top: -6%; inset-inline-end: -13%; height: 1.2rem; width: 1.2rem; padding: 0.4rem; font-size: 0.65rem; line-height: 1.2rem; } .avatar.avatar-md.online:before, .avatar.avatar-md.offline:before{ height: 0.75rem; width: 0.75rem; } .avatar.avatar-md svg{ height: 1.25rem; width: 1.25rem; } .avatar.avatar-lg{ height: 3rem; width: 3rem; font-size: 1rem; line-height: 3rem; } .avatar.avatar-lg .avatar-badge{ top: -15%; inset-inline-end: -0.25%; } .avatar.avatar-lg.online:before, .avatar.avatar-lg.offline:before{ height: 0.8rem; width: 0.8rem; } .avatar.avatar-lg svg{ height: 1.5rem; width: 1.5rem; } .avatar.avatar-xl{ height: 4rem; width: 4rem; font-size: 1.25rem; line-height: 4rem; } .avatar.avatar-xl .avatar-badge{ top: -8%; inset-inline-end: -0.2%; } .avatar.avatar-xl.online:before, .avatar.avatar-xl.offline:before{ height: 0.95rem; width: 0.95rem; } .avatar.avatar-xxl{ height: 5rem; width: 5rem; font-size: 1.5rem; line-height: 5rem; } .avatar.avatar-xxl .avatar-badge{ top: -4%; inset-inline-end: 0px; } .avatar.avatar-xxl.online:before, .avatar.avatar-xxl.offline:before{ bottom: 0.25rem; height: 1.05rem; width: 1.05rem; } .avatar-list-stacked{ padding: 0px; } .box .card-body.avatar-list-stacked .simplebar-track{ inset-inline-end: 0px; } .avatar-list-stacked .avatar{ margin-inline-end: -0.65rem; border-width: 2px; border-style: solid; border-color: transparent; vertical-align: middle; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-delay: 200ms; transition-duration: ease; } .avatar-list-stacked .avatar:hover{ z-index: 1; --tw-scale-x: 1.15; --tw-scale-y: 1.15; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-width: 2px; border-style: solid; border-color: rgb(var(--custom-white)); } [dir=rtl] .avatar-list-stacked .ri-arrow-right-s-line{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* End::avatars */ /* Start:: background */ .color-container{ display: flex; height: 3rem; width: 3rem; align-items: center; justify-content: center; border-radius: 0.75rem; line-height: 3rem; --tw-shadow: 0px 0.125rem 0.25rem rgba(0,0,0,0.05); --tw-shadow-colored: 0px 0.125rem 0.25rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .text-container{ border-radius: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; --tw-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05); --tw-shadow-colored: 0px 6px 16px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } /* Start::background color */ .bg-body{ background-color: rgb(var(--body-bg)) !important; } /* End::background color */ /* Start::background color */ .bg-primary1{ background-color: rgb(var(--primary) / 0.1) !important; } .bg-primary1.bg-opacity-10{ background-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-primary1.bg-opacity-25{ background-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-primary1.bg-opacity-50{ background-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-primary1.bg-opacity-75{ background-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-primary1.bg-opacity-100{ background-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-primary2{ background-color: rgb(var(--primary) / 0.2) !important; } .bg-primary2.bg-opacity-10{ background-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-primary2.bg-opacity-25{ background-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-primary2.bg-opacity-50{ background-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-primary2.bg-opacity-75{ background-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-primary2.bg-opacity-100{ background-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-primary3{ background-color: rgb(var(--primary) / 0.3) !important; } .bg-primary3.bg-opacity-10{ background-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-primary3.bg-opacity-25{ background-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-primary3.bg-opacity-50{ background-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-primary3.bg-opacity-75{ background-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-primary3.bg-opacity-100{ background-color: rgb(var(--primary-tint3-rgb) / 1) !important; } /* End::background color */ /* Start::gradient colors */ .bg-primary-gradient{ background-image: linear-gradient(to bottom right, primary 0%, secondary 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-primary1-gradient{ background-image: linear-gradient(to bottom right, primary/10 0%, #AB54E3 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-primary2-gradient{ background-image: linear-gradient(to bottom right, primary/20 0%, #FF6C5D 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-primary3-gradient{ background-image: linear-gradient(to bottom right, primary/30 0%, #FF663C 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-secondary-gradient{ background-image: linear-gradient(to bottom right, secondary 0%, #7289FF 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-warning-gradient{ background-image: linear-gradient(to bottom right, warning 0%, #9EA53C 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-info-gradient{ background-image: linear-gradient(to bottom right, info 0%, #4990E1 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-success-gradient{ background-image: linear-gradient(to bottom right, success 0%, #009CA4 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-danger-gradient{ background-image: linear-gradient(to bottom right, danger 0%, #DE4980 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-orange-gradient{ background-image: linear-gradient(to bottom right, orangemain 0%, #E5647E 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-purple-gradient{ background-image: linear-gradient(to bottom right, purplemain 0%, #0086FF 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-teal-gradient{ background-image: linear-gradient(to bottom right, orangemain 0%, #E5647E 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-light-gradient{ background-image: linear-gradient(to bottom right, lightmain 0%, #D7FCFF 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-dark-gradient{ background-image: linear-gradient(to bottom right, dark 0%, #16657A 100%) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } /* End::gradient colors */ /* Start:: outline colors */ .bg-outline-primary{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary)); } .svg-icon-med.bg-outline-primary{ background-color: rgb(var(--primary) / 0.2); } .bg-outline-primary.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-primary.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-primary.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-primary.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-primary.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-primary.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-primary.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-primary.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-primary.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-primary.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-primary.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-primary.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-primary.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-primary.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-primary.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-primary.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-primary.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-primary.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-primary:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-primary1{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary-tint1-rgb)); } .svg-icon-med.bg-outline-primary1{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .bg-outline-primary1.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-primary1.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-primary1.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-primary1.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-primary1.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-primary1.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-primary1.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-primary1.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-primary1.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-primary1.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-primary1.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-primary1.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-primary1.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-primary1.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-primary1.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-primary1.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-primary1.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-primary1.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-primary1:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-primary2{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary-tint2-rgb)); } .svg-icon-med.bg-outline-primary2{ background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .bg-outline-primary2.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-primary2.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-primary2.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-primary2.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-primary2.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-primary2.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-primary2.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-primary2.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-primary2.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-primary2.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-primary2.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-primary2.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-primary2.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-primary2.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-primary2.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-primary2.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-primary2.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-primary2.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-primary2:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-primary3{ border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--primary-tint3-rgb)); } .svg-icon-med.bg-outline-primary3{ background-color: rgb(var(--primary-tint3-rgb) / 0.2); } .bg-outline-primary3.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-primary3.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-primary3.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-primary3.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-primary3.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-primary3.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-primary3.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-primary3.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-primary3.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-primary3.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-primary3.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-primary3.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-primary3.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-primary3.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-primary3.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-primary3.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-primary3.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-primary3.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-primary3:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-secondary{ border-width: 1px; border-style: solid; border-color: rgb(var(--secondary)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--secondary)); } .bg-outline-secondary.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-secondary.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-secondary.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-secondary.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-secondary.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-secondary.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-secondary.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-secondary.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-secondary.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-secondary.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-secondary.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-secondary.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-secondary.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-secondary.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-secondary.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-secondary.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-secondary.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-secondary.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-secondary:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-warning{ border-width: 1px; border-style: solid; border-color: rgb(var(--warning)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--warning)); } .bg-outline-warning.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-warning.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-warning.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-warning.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-warning.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-warning.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-warning.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-warning.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-warning.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-warning.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-warning.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-warning.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-warning.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-warning.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-warning.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-warning.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-warning.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-warning.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-warning:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-info{ border-width: 1px; border-style: solid; border-color: rgb(var(--info)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--info)); } .bg-outline-info.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-info.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-info.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-info.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-info.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-info.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-info.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-info.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-info.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-info.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-info.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-info.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-info.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-info.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-info.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-info.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-info.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-info.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-info:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-success{ border-width: 1px; border-style: solid; border-color: rgb(var(--success)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--success)); } .bg-outline-success.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-success.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-success.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-success.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-success.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-success.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-success.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-success.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-success.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-success.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-success.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-success.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-success.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-success.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-success.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-success.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-success.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-success.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-success:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-danger{ border-width: 1px; border-style: solid; border-color: rgb(var(--danger)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--danger)); } .bg-outline-danger.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-danger.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-danger.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-danger.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-danger.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-danger.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-danger.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-danger.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-danger.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-danger.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-danger.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-danger.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-danger.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-danger.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-danger.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-danger.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-danger.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-danger.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-danger:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-dark{ border-width: 1px; border-style: solid; border-color: rgb(var(--dark)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); color: rgb(var(--dark)); } .bg-outline-dark.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-dark.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-dark.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-dark.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-dark.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-dark.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-dark.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-dark.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-dark.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-dark.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-dark.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-dark.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-dark.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-dark.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-dark.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-dark.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-dark.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-dark.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-dark:is(.dark *){ background-color: rgb(var(--body-bg)); } .bg-outline-light{ border-width: 1px; border-style: solid; border-color: rgb(var(--light)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .bg-outline-light.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .bg-outline-light.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .bg-outline-light.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .bg-outline-light.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .bg-outline-light.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .bg-outline-light.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .bg-outline-light.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .bg-outline-light.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .bg-outline-light.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .bg-outline-light.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .bg-outline-light.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .bg-outline-light.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .bg-outline-light.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .bg-outline-light.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .bg-outline-light.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .bg-outline-light.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .bg-outline-light.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .bg-outline-light.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .bg-outline-light:is(.dark *){ background-color: rgb(var(--body-bg)); } /* End:: outline colors */ /* Start::background transparent */ .bg-primary-transparent{ background-color: rgb(var(--primary) / 0.1) !important; color: rgb(var(--primary)) !important; } .svg-icon-med.bg-primary-transparent{ background-color: rgb(var(--primary) / 0.2); } .bg-primary-transparent:hover{ background-color: rgb(var(--primary) / 0.1) !important; color: rgb(var(--primary)) !important; } .svg-icon-med.bg-primary-transparent:hover{ background-color: rgb(var(--primary) / 0.2); } .bg-primary1-transparent{ background-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; color: rgb(var(--primary) / 0.1) !important; } .bg-primary1-transparent:hover{ background-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; color: rgb(var(--primary) / 0.1) !important; } .bg-primary2-transparent{ background-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; color: rgb(var(--primary) / 0.2) !important; } .bg-primary2-transparent:hover{ background-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; color: rgb(var(--primary) / 0.2) !important; } .bg-primary3-transparent{ background-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; color: rgb(var(--primary) / 0.3) !important; } .bg-primary3-transparent:hover{ background-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; color: rgb(var(--primary) / 0.3) !important; } .bg-secondary-transparent{ background-color: rgb(var(--secondary) / 0.1) !important; color: rgb(var(--secondary)) !important; } .bg-secondary-transparent:hover{ background-color: rgb(var(--secondary) / 0.1) !important; color: rgb(var(--secondary)) !important; } .bg-info-transparent{ background-color: rgb(var(--info) / 0.1) !important; color: rgb(var(--info)) !important; } .bg-info-transparent:hover{ background-color: rgb(var(--info) / 0.1) !important; color: rgb(var(--info)) !important; } .bg-success-transparent{ background-color: rgb(var(--success) / 0.1) !important; color: rgb(var(--success)) !important; } .bg-success-transparent:hover{ background-color: rgb(var(--success) / 0.1) !important; color: rgb(var(--success)) !important; } .bg-warning-transparent{ background-color: rgb(var(--warning) / 0.1) !important; color: rgb(var(--warning)) !important; } .bg-warning-transparent:hover{ background-color: rgb(var(--warning) / 0.1) !important; color: rgb(var(--warning)) !important; } .bg-danger-transparent{ background-color: rgb(var(--danger) / 0.1) !important; color: rgb(var(--danger)) !important; } .bg-danger-transparent:hover{ background-color: rgb(var(--danger) / 0.1) !important; color: rgb(var(--danger)) !important; } .bg-light-transparent{ background-color: rgb(var(--light) / 0.1) !important; color: rgb(var(--light)) !important; } .bg-light-transparent:hover{ background-color: rgb(var(--light) / 0.1) !important; color: rgb(var(--light)) !important; } .bg-dark-transparent{ background-color: rgb(var(--dark) / 0.1) !important; color: rgb(var(--dark)) !important; } .bg-dark-transparent:hover{ background-color: rgb(var(--dark) / 0.1) !important; color: rgb(var(--dark)) !important; } .bg-pink-transparent{ background-color: rgb(var(--pink) / 0.1) !important; color: rgb(var(--pink)) !important; } .bg-pink-transparent:hover{ background-color: rgb(var(--pink) / 0.1) !important; color: rgb(var(--pink)) !important; } .bg-orange-transparent{ background-color: rgb(var(--orange) / 0.1) !important; color: rgb(var(--orange)) !important; } .bg-orange-transparent:hover{ background-color: rgb(var(--orange) / 0.1) !important; color: rgb(var(--orange)) !important; } .bg-purple-transparent{ background-color: rgb(var(--purple) / 0.1) !important; color: rgb(var(--purple)) !important; } .bg-purple-transparent:hover{ background-color: rgb(var(--purple) / 0.1) !important; color: rgb(var(--purple)) !important; } .bg-teal-transparent{ background-color: rgb(var(--teal) / 0.1) !important; color: rgb(var(--teal)) !important; } .bg-teal-transparent:hover{ background-color: rgb(var(--teal) / 0.1) !important; color: rgb(var(--teal)) !important; } .bg-green-transparent{ background-color: rgb(var(--green) / 0.1) !important; } .bg-green-transparent:hover{ background-color: rgb(var(--green) / 0.1) !important; } .bg-indigo-transparent{ background-color: rgb(var(--indigo) / 0.1) !important; color: rgb(var(--indigo)) !important; } .bg-indigo-transparent:hover{ background-color: rgb(var(--indigo) / 0.1) !important; color: rgb(var(--indigo)) !important; } .bg-yellow-transparent{ background-color: rgb(var(--yellow) / 0.1) !important; color: rgb(var(--yellow)) !important; } .bg-yellow-transparent:hover{ background-color: rgb(var(--yellow) / 0.1) !important; color: rgb(var(--yellow)) !important; } .bg-blue-transparent{ background-color: rgb(var(--blue) / 0.1) !important; color: rgb(var(--blue)) !important; } .bg-blue-transparent:hover{ background-color: rgb(var(--blue) / 0.1) !important; color: rgb(var(--blue)) !important; } .bg-white-transparent{ background-color: rgb(255 255 255 / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-white-transparent:hover{ background-color: rgb(255 255 255 / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .bg-black-transparent{ background-color: rgb(0 0 0 / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .bg-black-transparent:hover{ background-color: rgb(0 0 0 / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } /* End::background transparent */ /* Start::backgrounds with colors */ .text-bg-primary{ background-color: rgb(var(--primary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-primary1{ background-color: rgb(var(--primary) / 0.1) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-primary2{ background-color: rgb(var(--primary) / 0.2) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-primary3{ background-color: rgb(var(--primary) / 0.3) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-secondary{ background-color: rgb(var(--secondary)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-warning{ background-color: rgb(var(--warning)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-info{ background-color: rgb(var(--info)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-success{ background-color: rgb(var(--success)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-danger{ background-color: rgb(var(--danger)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-light{ background-color: rgb(var(--light)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .text-bg-dark{ background-color: rgb(var(--dark)) !important; --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .text-bg-dark .h1, [class=dark] .text-bg-dark .h2, [class=dark] .text-bg-dark .h3, [class=dark] .text-bg-dark .h4, [class=dark] .text-bg-dark .h5, [class=dark] .text-bg-dark .h6, [class=dark] .text-bg-dark h1, [class=dark] .text-bg-dark h2, [class=dark] .text-bg-dark h3, [class=dark] .text-bg-dark h4, [class=dark] .text-bg-dark h5, [class=dark] .text-bg-dark h6{ color: rgb(var(--custom-white)) !important; } [class=dark] .text-bg-dark .text-fixed-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } [class=dark] .text-bg-dark.box{ color: rgb(var(--custom-white)) !important; } [class=dark] .text-bg-dark.box .card-body, [class=dark] .text-bg-dark.box .card-footer{ color: rgb(var(--custom-white)) !important; } /* End::backgrounds with colors */ /* Start::svg colors */ .svg-primary svg{ fill: rgb(var(--primary)); } .svg-primarytint1color svg{ fill: rgb(var(--primary-tint1-rgb)); } .svg-primarytint2color svg{ fill: rgb(var(--primary-tint2-rgb)); } .svg-primarytint3color svg{ fill: rgb(var(--primary-tint3-rgb)); } .svg-secondary svg{ fill: rgb(var(--secondary)); } .svg-success svg{ fill: rgb(var(--success)); } .svg-danger svg{ fill: rgb(var(--danger)); } .svg-warning svg{ fill: rgb(var(--warning)); } .svg-white svg{ fill: #fff; } .svg-black svg{ fill: #000; } .svg-pink svg{ fill: rgb(var(--pink)); } .svg-orange svg{ fill: rgb(var(--orange)); } .svg-purple svg{ fill: rgb(var(--purple)); } .svg-indigo svg{ fill: rgb(var(--indigo)); } .svg-info svg{ fill: rgb(var(--info)); } .svg-yellow svg{ fill: rgb(var(--yellow)); } .svg-light svg{ fill: rgb(var(--light)); } .svg-dark svg{ fill: rgb(var(--dark)); } .svg-teal svg{ fill: rgb(var(--teal)); } .svg-default svg{ fill: rgb(var(--default-text-color)); } /* End::svg colors */ /* Start::Colors */ /* Start::blue set */ .bd-blue-100{ background-color: rgb(var(--blue) / 0.1); color: rgb(var(--default-text-color)); } .bd-blue-200{ background-color: rgb(var(--blue) / 0.2); color: rgb(var(--default-text-color)); } .bd-blue-300{ background-color: rgb(var(--blue) / 0.3); color: rgb(var(--default-text-color)); } .bd-blue-400{ background-color: rgb(var(--blue) / 0.4); color: rgb(var(--default-text-color)); } .bd-blue-500{ background-color: rgb(var(--blue) / 0.5); color: rgb(var(--default-text-color)); } .bd-blue-600{ background-color: rgb(var(--blue) / 0.6); color: rgb(var(--default-text-color)); } .bd-blue-700{ background-color: rgb(var(--blue) / 0.7); color: rgb(var(--default-text-color)); } .bd-blue-800{ background-color: rgb(var(--blue) / 0.8); color: rgb(var(--default-text-color)); } .bd-blue-900{ background-color: rgb(var(--blue) / 0.9); color: rgb(var(--default-text-color)); } .bd-blue{ background-color: rgb(var(--blue)); color: rgb(var(--default-text-color)); } /* Start::blue set */ /* Start::indigo set */ .bd-indigo-100{ background-color: rgb(var(--indigo) / 0.1); color: rgb(var(--default-text-color)); } .bd-indigo-200{ background-color: rgb(var(--indigo) / 0.2); color: rgb(var(--default-text-color)); } .bd-indigo-300{ background-color: rgb(var(--indigo) / 0.3); color: rgb(var(--default-text-color)); } .bd-indigo-400{ background-color: rgb(var(--indigo) / 0.4); color: rgb(var(--default-text-color)); } .bd-indigo-500{ background-color: rgb(var(--indigo) / 0.5); color: rgb(var(--default-text-color)); } .bd-indigo-600{ background-color: rgb(var(--indigo) / 0.6); color: rgb(var(--default-text-color)); } .bd-indigo-700{ background-color: rgb(var(--indigo) / 0.7); color: rgb(var(--default-text-color)); } .bd-indigo-800{ background-color: rgb(var(--indigo) / 0.8); color: rgb(var(--default-text-color)); } .bd-indigo-900{ background-color: rgb(var(--indigo) / 0.9); color: rgb(var(--default-text-color)); } .bd-indigo{ background-color: rgb(var(--indigo)); color: rgb(var(--default-text-color)); } /* Start::indigo set */ /* Start::purple set */ .bd-purple-100{ background-color: rgb(var(--purple) / 0.1); color: rgb(var(--default-text-color)); } .bd-purple-200{ background-color: rgb(var(--purple) / 0.2); color: rgb(var(--default-text-color)); } .bd-purple-300{ background-color: rgb(var(--purple) / 0.3); color: rgb(var(--default-text-color)); } .bd-purple-400{ background-color: rgb(var(--purple) / 0.4); color: rgb(var(--default-text-color)); } .bd-purple-500{ background-color: rgb(var(--purple) / 0.5); color: rgb(var(--default-text-color)); } .bd-purple-600{ background-color: rgb(var(--purple) / 0.6); color: rgb(var(--default-text-color)); } .bd-purple-700{ background-color: rgb(var(--purple) / 0.7); color: rgb(var(--default-text-color)); } .bd-purple-800{ background-color: rgb(var(--purple) / 0.8); color: rgb(var(--default-text-color)); } .bd-purple-900{ background-color: rgb(var(--purple) / 0.9); color: rgb(var(--default-text-color)); } .bd-purple{ background-color: rgb(var(--purple)); color: rgb(var(--default-text-color)); } /* Start::purple set */ /* Start::pink set */ .bd-pink-100{ background-color: rgb(var(--pink) / 0.1); color: rgb(var(--default-text-color)); } .bd-pink-200{ background-color: rgb(var(--pink) / 0.2); color: rgb(var(--default-text-color)); } .bd-pink-300{ background-color: rgb(var(--pink) / 0.3); color: rgb(var(--default-text-color)); } .bd-pink-400{ background-color: rgb(var(--pink) / 0.4); color: rgb(var(--default-text-color)); } .bd-pink-500{ background-color: rgb(var(--pink) / 0.5); color: rgb(var(--default-text-color)); } .bd-pink-600{ background-color: rgb(var(--pink) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-pink-700{ background-color: rgb(var(--pink) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-pink-800{ background-color: rgb(var(--pink) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-pink-900{ background-color: rgb(var(--pink) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-pink{ background-color: rgb(var(--pink)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::pink set */ /* Start::red set */ .bd-red-100{ background-color: rgb(var(--red) / 0.1); color: rgb(var(--default-text-color)); } .bd-red-200{ background-color: rgb(var(--red) / 0.2); color: rgb(var(--default-text-color)); } .bd-red-300{ background-color: rgb(var(--red) / 0.3); color: rgb(var(--default-text-color)); } .bd-red-400{ background-color: rgb(var(--red) / 0.4); color: rgb(var(--default-text-color)); } .bd-red-500{ background-color: rgb(var(--red) / 0.5); color: rgb(var(--default-text-color)); } .bd-red-600{ background-color: rgb(var(--red) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-red-700{ background-color: rgb(var(--red) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-red-800{ background-color: rgb(var(--red) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-red-900{ background-color: rgb(var(--red) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-red{ background-color: rgb(var(--red)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::red set */ /* Start::orange set */ .bd-orange-100{ background-color: rgb(var(--orange) / 0.1); color: rgb(var(--default-text-color)); } .bd-orange-200{ background-color: rgb(var(--orange) / 0.2); color: rgb(var(--default-text-color)); } .bd-orange-300{ background-color: rgb(var(--orange) / 0.3); color: rgb(var(--default-text-color)); } .bd-orange-400{ background-color: rgb(var(--orange) / 0.4); color: rgb(var(--default-text-color)); } .bd-orange-500{ background-color: rgb(var(--orange) / 0.5); color: rgb(var(--default-text-color)); } .bd-orange-600{ background-color: rgb(var(--orange) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-orange-700{ background-color: rgb(var(--orange) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-orange-800{ background-color: rgb(var(--orange) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-orange-900{ background-color: rgb(var(--orange) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-orange{ background-color: rgb(var(--orange)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::orange set */ /* Start::yellow set */ .bd-yellow-100{ background-color: rgb(var(--yellow) / 0.1); color: rgb(var(--default-text-color)); } .bd-yellow-200{ background-color: rgb(var(--yellow) / 0.2); color: rgb(var(--default-text-color)); } .bd-yellow-300{ background-color: rgb(var(--yellow) / 0.3); color: rgb(var(--default-text-color)); } .bd-yellow-400{ background-color: rgb(var(--yellow) / 0.4); color: rgb(var(--default-text-color)); } .bd-yellow-500{ background-color: rgb(var(--yellow) / 0.5); color: rgb(var(--default-text-color)); } .bd-yellow-600{ background-color: rgb(var(--yellow) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-yellow-700{ background-color: rgb(var(--yellow) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-yellow-800{ background-color: rgb(var(--yellow) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-yellow-900{ background-color: rgb(var(--yellow) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-yellow{ background-color: rgb(var(--yellow)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::yellow set */ /* Start::green set */ .bd-green-100{ background-color: rgb(var(--green) / 0.1); color: rgb(var(--default-text-color)); } .bd-green-200{ background-color: rgb(var(--green) / 0.2); color: rgb(var(--default-text-color)); } .bd-green-300{ background-color: rgb(var(--green) / 0.3); color: rgb(var(--default-text-color)); } .bd-green-400{ background-color: rgb(var(--green) / 0.4); color: rgb(var(--default-text-color)); } .bd-green-500{ background-color: rgb(var(--green) / 0.5); color: rgb(var(--default-text-color)); } .bd-green-600{ background-color: rgb(var(--green) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-green-700{ background-color: rgb(var(--green) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-green-800{ background-color: rgb(var(--green) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-green-900{ background-color: rgb(var(--green) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-green{ background-color: rgb(var(--green)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::green set */ /* Start::teal set */ .bd-teal-100{ background-color: rgb(var(--teal) / 0.1); color: rgb(var(--default-text-color)); } .bd-teal-200{ background-color: rgb(var(--teal) / 0.2); color: rgb(var(--default-text-color)); } .bd-teal-300{ background-color: rgb(var(--teal) / 0.3); color: rgb(var(--default-text-color)); } .bd-teal-400{ background-color: rgb(var(--teal) / 0.4); color: rgb(var(--default-text-color)); } .bd-teal-500{ background-color: rgb(var(--teal) / 0.5); color: rgb(var(--default-text-color)); } .bd-teal-600{ background-color: rgb(var(--teal) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-teal-700{ background-color: rgb(var(--teal) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-teal-800{ background-color: rgb(var(--teal) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-teal-900{ background-color: rgb(var(--teal) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-teal{ background-color: rgb(var(--teal)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::teal set */ /* Start::cyan set */ .bd-cyan-100{ background-color: rgb(var(--cyan) / 0.1); color: rgb(var(--default-text-color)); } .bd-cyan-200{ background-color: rgb(var(--cyan) / 0.2); color: rgb(var(--default-text-color)); } .bd-cyan-300{ background-color: rgb(var(--cyan) / 0.3); color: rgb(var(--default-text-color)); } .bd-cyan-400{ background-color: rgb(var(--cyan) / 0.4); color: rgb(var(--default-text-color)); } .bd-cyan-500{ background-color: rgb(var(--cyan) / 0.5); color: rgb(var(--default-text-color)); } .bd-cyan-600{ background-color: rgb(var(--cyan) / 0.6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-cyan-700{ background-color: rgb(var(--cyan) / 0.7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-cyan-800{ background-color: rgb(var(--cyan) / 0.8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-cyan-900{ background-color: rgb(var(--cyan) / 0.9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-cyan{ background-color: rgb(var(--cyan)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::cyan set */ /* Start::gray set */ .bd-gray-100{ background-color: var(--gray-1); color: rgb(var(--default-text-color)); } .bd-gray-200{ background-color: var(--gray-2); color: rgb(var(--default-text-color)); } .bd-gray-300{ background-color: var(--gray-3); color: rgb(var(--default-text-color)); } .bd-gray-400{ background-color: var(--gray-4); color: rgb(var(--default-text-color)); } .bd-gray-500{ background-color: var(--gray-5); color: rgb(var(--default-text-color)); } .bd-gray-600{ background-color: var(--gray-6); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-gray-700{ background-color: var(--gray-7); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-gray-800{ background-color: var(--gray-8); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-gray-900{ background-color: var(--gray-9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .bd-gray{ background-color: var(--gray-9); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } /* Start::gray set */ /* Start::Colors */ /* Start:: filter */ [class=dark] .invert-1{ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur{ --tw-backdrop-blur: blur(30px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } /* End:: filter */ /* End:: background */ /* Start::border */ .border-container{ margin: 0.25rem; display: inline-block; height: 5rem; width: 5rem; background-color: rgb(var(--light) / 0.3); } /*Start::border */ .border.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .border.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .border.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .border.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .border.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .border.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .border.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .border.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .border.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .border.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .border.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .border.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .border.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .border.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .border.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .border.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .border.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .border.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } /* End::Border Colors */ /* Start::vr */ .vr{ background-color: rgb(var(--default-border)); opacity: 1; } /* End::vr */ /* End::border */ /* Start::typography */ /* Start::basic sizes */ /* End::basic sizes */ /* Start::font sizes */ /* Start::text colors */ /* End::text colors */ /* Start::Colored Links */ .link-primary{ color: rgb(var(--primary)); text-decoration-color: rgba(var(--primary-rgb),var(--bs-link-underline-opacity,1)); } .svg-icon-med.link-primary{ background-color: rgb(var(--primary) / 0.2); } .link-primary:hover, .link-primary:focus, .link-primary:active{ color: rgb(var(--primary)); text-decoration-color: rgba(var(--primary-rgb),var(--bs-link-underline-opacity,1)); } .svg-icon-med.link-primary:hover,.svg-icon-med .link-primary:focus,.svg-icon-med .link-primary:active{ background-color: rgb(var(--primary) / 0.2); } .link-primary1{ color: rgb(var(--primary-tint1-rgb)); text-decoration-color: rgba(var(--primary-tint1-rgb),var(--bs-link-underline-opacity,1)); } .svg-icon-med.link-primary1{ background-color: rgb(var(--primary-tint1-rgb) / 0.2); } .link-primary1:hover, .link-primary1:focus, .link-primary1:active{ color: rgb(var(--primary) / 0.1); text-decoration-color: rgba(var(--primary-tint1-rgb),var(--bs-link-underline-opacity,1)); } .link-primary2{ color: rgb(var(--primary) / 0.2); text-decoration-color: rgba(var(--primary-tint2-rgb),var(--bs-link-underline-opacity,1)); } .link-primary2:hover, .link-primary2:focus, .link-primary2:active{ color: rgb(var(--primary) / 0.2); text-decoration-color: rgba(var(--primary-tint1-rgb),var(--bs-link-underline-opacity,1)); } .link-primary3{ color: rgb(var(--primary) / 0.3); text-decoration-color: rgba(var(--primary-tint3-rgb),var(--bs-link-underline-opacity,1)); } .link-primary3:hover, .link-primary3:focus, .link-primary3:active{ color: rgb(var(--primary) / 0.1); text-decoration-color: rgba(var(--primary-tint1-rgb),var(--bs-link-underline-opacity,1)); } .link-secondary{ color: rgb(var(--secondary)); text-decoration-color: rgba(var(--secondary-rgb),var(--bs-link-underline-opacity,1)); } .link-secondary:hover, .link-secondary:focus, .link-secondary:active{ color: rgb(var(--secondary)); text-decoration-color: rgba(var(--secondary-rgb),var(--bs-link-underline-opacity,1)); } .link-success{ color: rgb(var(--success)); text-decoration-color: rgba(var(--success-rgb),var(--bs-link-underline-opacity,1)); } .link-success:hover, .link-success:focus, .link-success:active{ color: rgb(var(--success)); text-decoration-color: rgba(var(--success-rgb),var(--bs-link-underline-opacity,1)); } .link-danger{ color: rgb(var(--danger)); text-decoration-color: rgba(var(--danger-rgb),var(--bs-link-underline-opacity,1)); } .link-danger:hover, .link-danger:focus, .link-danger:active{ color: rgb(var(--danger)); text-decoration-color: rgba(var(--danger-rgb),var(--bs-link-underline-opacity,1)); } .link-warning{ color: rgb(var(--warning)); text-decoration-color: rgba(var(--warning-rgb),var(--bs-link-underline-opacity,1)); } .link-warning:hover, .link-warning:focus, .link-warning:active{ color: rgb(var(--warning)); text-decoration-color: rgba(var(--warning-rgb),var(--bs-link-underline-opacity,1)); } .link-info{ color: rgb(var(--info)); text-decoration-color: rgba(var(--info-rgb),var(--bs-link-underline-opacity,1)); } .link-info:hover, .link-info:focus, .link-info:active{ color: rgb(var(--info)); text-decoration-color: rgba(var(--info-rgb),var(--bs-link-underline-opacity,1)); } .link-light{ color: rgb(var(--light)); text-decoration-color: rgba(var(--light-rgb),var(--bs-link-underline-opacity,1)); } .link-light:hover, .link-light:focus, .link-light:active{ color: rgb(var(--light)); text-decoration-color: rgba(var(--light-rgb),var(--bs-link-underline-opacity,1)); } .link-dark{ color: rgb(var(--dark)); text-decoration-color: rgba(var(--dark-rgb),var(--bs-link-underline-opacity,1)); } .link-dark:hover, .link-dark:focus, .link-dark:active{ color: rgb(var(--dark)); text-decoration-color: rgba(var(--dark-rgb),var(--bs-link-underline-opacity,1)); } /* End::Colored Links */ /* Start::Blockquote */ .blockquote-container .bg-outline-danger{ position: relative; border-radius: 0.5rem; border-width: 1px; border-top-width: 4px; border-style: solid; border-color: rgb(var(--default-border)); border-top-color: rgb(var(--default-border)); padding: 1.25rem; } .blockquote-container .bg-outline-danger.border-primary1{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .blockquote-container .bg-outline-danger.border-primary1.border-opacity-10{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .blockquote-container .bg-outline-danger.border-primary1.border-opacity-25{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .blockquote-container .bg-outline-danger.border-primary1.border-opacity-50{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .blockquote-container .bg-outline-danger.border-primary1.border-opacity-75{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .blockquote-container .bg-outline-danger.border-primary1.border-opacity-100{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .blockquote-container .bg-outline-danger.border-primary2{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .blockquote-container .bg-outline-danger.border-primary2.border-opacity-10{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .blockquote-container .bg-outline-danger.border-primary2.border-opacity-25{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .blockquote-container .bg-outline-danger.border-primary2.border-opacity-50{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .blockquote-container .bg-outline-danger.border-primary2.border-opacity-75{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .blockquote-container .bg-outline-danger.border-primary2.border-opacity-100{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .blockquote-container .bg-outline-danger.border-primary3{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .blockquote-container .bg-outline-danger.border-primary3.border-opacity-10{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .blockquote-container .bg-outline-danger.border-primary3.border-opacity-25{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .blockquote-container .bg-outline-danger.border-primary3.border-opacity-50{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .blockquote-container .bg-outline-danger.border-primary3.border-opacity-75{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .blockquote-container .bg-outline-danger.border-primary3.border-opacity-100{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .blockquote-container:before { position: absolute; content: "\f6b0"; top: -0.875rem; inset-inline-start: 50%; display: flex; height: 1.5rem; width: 1.5rem; align-items: center; justify-content: center; border-radius: 3.125rem; border-width: 1px; border-style: solid; border-color: rgb(var(--default-border)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0px; font-family: bootstrap-icons; font-size: 0.813rem; font-weight: 400; --tw-shadow: 0px 0.25rem 1rem rgba(0,0,0,0.1); --tw-shadow-colored: 0px 0.25rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .box .card-body.blockquote-container .simplebar-track:before{ inset-inline-end: 0px; } .blockquote-container.border-primary1:before{ border-style: solid; border-color: rgb(var(--primary-tint1-rgb)); opacity: 1; } .blockquote-container.border-primary1.border-opacity-10:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.1) !important; } .blockquote-container.border-primary1.border-opacity-25:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.25) !important; } .blockquote-container.border-primary1.border-opacity-50:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .blockquote-container.border-primary1.border-opacity-75:before{ border-color: rgb(var(--primary-tint1-rgb) / 0.75) !important; } .blockquote-container.border-primary1.border-opacity-100:before{ border-color: rgb(var(--primary-tint1-rgb) / 1) !important; } .blockquote-container.border-primary2:before{ border-style: solid; border-color: rgb(var(--primary-tint2-rgb)); opacity: 1; } .blockquote-container.border-primary2.border-opacity-10:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.1) !important; } .blockquote-container.border-primary2.border-opacity-25:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.25) !important; } .blockquote-container.border-primary2.border-opacity-50:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .blockquote-container.border-primary2.border-opacity-75:before{ border-color: rgb(var(--primary-tint2-rgb) / 0.75) !important; } .blockquote-container.border-primary2.border-opacity-100:before{ border-color: rgb(var(--primary-tint2-rgb) / 1) !important; } .blockquote-container.border-primary3:before{ border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); opacity: 1; } .blockquote-container.border-primary3.border-opacity-10:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.1) !important; } .blockquote-container.border-primary3.border-opacity-25:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.25) !important; } .blockquote-container.border-primary3.border-opacity-50:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .blockquote-container.border-primary3.border-opacity-75:before{ border-color: rgb(var(--primary-tint3-rgb) / 0.75) !important; } .blockquote-container.border-primary3.border-opacity-100:before{ border-color: rgb(var(--primary-tint3-rgb) / 1) !important; } .blockquote-container:is(.dark *):before{ background-color: rgb(var(--body-bg)); } .blockquote.custom-blockquote{ position: relative; border-radius: 0.5rem; padding: 1rem; font-size: 0.85rem; font-weight: 400; } .blockquote.custom-blockquote:before{ position: absolute; bottom: -1.5rem; inset-inline-end: -0.25rem; z-index: 0; font-family: remixicon; font-size: 4rem; --tw-content: ""; content: var(--tw-content); } .blockquote.custom-blockquote .quote-icon{ position: absolute; inset-inline-start: -1rem; top: 0px; display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 3.125rem; background-color: rgb(var(--primary-tint2-rgb)); } .blockquote.custom-blockquote .quote-icon i{ font-size: 1rem; font-weight: 500; } .blockquote.custom-blockquote.primary{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--primary)); background-color: rgb(var(--primary) / 0.1); } .blockquote.custom-blockquote.primary .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.primary:before{ color: rgb(var(--primary) / 0.3); } .blockquote.custom-blockquote.primary2{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--primary) / 0.2); background-color: rgb(var(--primary-tint2-rgb) / 0.2); } .blockquote.custom-blockquote.primary2 .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.primary2:before{ color: rgb(var(--primary-tint2-rgb) / 0.2); } .blockquote.custom-blockquote.primary1{ border-inline-start-width: 2px; border-top-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--primary) / 0.1); border-top-color: rgb(var(--primary) / 0.1); background-color: rgb(var(--primary-tint1-rgb) / 0.1); } .blockquote.custom-blockquote.primary1 .quote-icon i{ color: rgb(var(--primary) / 0.1); } .blockquote.custom-blockquote.primary1:before{ color: rgb(var(--primary-tint1-rgb) / 0.1); } .blockquote.custom-blockquote.primary3{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--primary) / 0.3); background-color: rgb(var(--primary-tint3-rgb) / 0.1); } .blockquote.custom-blockquote.primary3 .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.primary3:before{ color: rgb(var(--primary-tint3-rgb) / 0.1); } .blockquote.custom-blockquote.secondary{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--secondary)); background-color: rgb(var(--secondary) / 0.1); } .blockquote.custom-blockquote.secondary .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.secondary:before{ color: rgb(var(--secondary) / 0.1); } .blockquote.custom-blockquote.info{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--info)); background-color: rgb(var(--info) / 0.1); } .blockquote.custom-blockquote.info .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.info:before{ color: rgb(var(--info) / 0.1); } .blockquote.custom-blockquote.warning{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--warning)); background-color: rgb(var(--warning) / 0.1); } .blockquote.custom-blockquote.warning .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.warning:before{ color: rgb(var(--warning) / 0.1); } .blockquote.custom-blockquote.success{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--success)); background-color: rgb(var(--success) / 0.1); } .blockquote.custom-blockquote.success .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.success:before{ color: rgb(var(--success) / 0.1); } .blockquote.custom-blockquote.danger{ border-inline-start-width: 2px; border-style: solid; border-inline-start-color: rgb(var(--danger)); background-color: rgb(var(--danger) / 0.1); } .blockquote.custom-blockquote.danger .quote-icon i{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .blockquote.custom-blockquote.danger:before{ color: rgb(var(--danger) / 0.1); } /* End::Blockquote */ /* Start::Shadows */ [class=dark] .shadow-sm{ --tw-shadow: 0 0.125rem 0.25rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [class=dark] .shadow{ --tw-shadow: 0 0.5rem 1rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } [class=dark] .shadow-lg{ --tw-shadow: 0 1rem 3rem rgba(33,37,41,0.3) !important; --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } /* End::Shadows */ @media screen and (min-width: 576px) { .w-sm-auto{ width: auto; } } @media (min-width: 576px) { .w-sm-50{ width: 50% !important; } } .w-95{ width: 95%; } /* Start::Text Break */ [dir=rtl] .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* End::Text Break */ /* Start::Transform */ .transform-none { transform: none !important; } /* End::Transform */ /* Start::Text gradient */ .text-gradient{ background-image: linear-gradient(to bottom right, primary 0%, secondary 100%); -webkit-background-clip: text; background-clip: text; } /* End::Text gradient */ /* Start:: Focus Ring */ .focus-ring:focus { --bs-focus-ring-color: rgba(var(--primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-primary1:focus { --bs-focus-ring-color: rgba(var(--primary-tint1-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-primary2:focus { --bs-focus-ring-color: rgba(var(--primary-tint2-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-primary3:focus { --bs-focus-ring-color: rgba(var(--primary-tint3-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-secondary:focus { --bs-focus-ring-color: rgba(var(--secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-success:focus { --bs-focus-ring-color: rgba(var(--success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-danger:focus { --bs-focus-ring-color: rgba(var(--danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-warning:focus { --bs-focus-ring-color: rgba(var(--warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-info:focus { --bs-focus-ring-color: rgba(var(--info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-light:focus { --bs-focus-ring-color: rgba(var(--light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring.focus-ring-dark:focus { --bs-focus-ring-color: rgba(var(--dark-rgb), var(--bs-focus-ring-opacity)); } /* End:: Focus Ring */ /* End:: typography */ .fs-2{ font-size: calc(1.325rem + 0.9vw) !important; } @media (min-width: 1200px) { .fs-2{ font-size: 2rem !important; } } .rtl\:dir-rtl:where([dir="rtl"], [dir="rtl"] *){ direction: rtl; } .rtl\:dir-ltr:where([dir="rtl"], [dir="rtl"] *){ direction: ltr; } .file\:me-4::file-selector-button{ margin-inline-end: 1rem; } .file\:rounded-s-sm::file-selector-button{ border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .file\:border-0::file-selector-button{ border-width: 0px; } .file\:bg-gray-200::file-selector-button{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .file\:bg-light::file-selector-button{ background-color: rgb(var(--light)); } .file\:bg-primary::file-selector-button{ background-color: rgb(var(--primary)); } .file\:bg-transparent::file-selector-button{ background-color: transparent; } .file\:px-4::file-selector-button{ padding-left: 1rem; padding-right: 1rem; } .file\:py-2::file-selector-button{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .file\:py-3::file-selector-button{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .file\:text-sm::file-selector-button{ font-size: 0.875rem; } .file\:font-semibold::file-selector-button{ font-weight: 600; } .file\:text-white::file-selector-button{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .placeholder\:text-\[0\.8rem\]::-moz-placeholder{ font-size: 0.8rem; } .placeholder\:text-\[0\.8rem\]::placeholder{ font-size: 0.8rem; } .placeholder\:font-medium::-moz-placeholder{ font-weight: 500; } .placeholder\:font-medium::placeholder{ font-weight: 500; } .placeholder\:text-defaulttextcolor::-moz-placeholder{ color: rgb(var(--default-text-color)); } .placeholder\:text-defaulttextcolor::placeholder{ color: rgb(var(--default-text-color)); } .placeholder\:text-white\/60::-moz-placeholder{ color: rgb(255 255 255 / 0.6); } .placeholder\:text-white\/60::placeholder{ color: rgb(255 255 255 / 0.6); } .placeholder\:opacity-40::-moz-placeholder{ opacity: 0.4; } .placeholder\:opacity-40::placeholder{ opacity: 0.4; } .before\:absolute::before{ content: var(--tw-content); position: absolute; } .before\:inset-0::before{ content: var(--tw-content); inset: 0px; } .before\:inset-x-0::before{ content: var(--tw-content); left: 0px; right: 0px; } .before\:-bottom-\[10px\]::before{ content: var(--tw-content); bottom: -10px; } .before\:-end-5::before{ content: var(--tw-content); inset-inline-end: -1.25rem; } .before\:-start-\[1\.563rem\]::before{ content: var(--tw-content); inset-inline-start: -1.563rem; } .before\:-start-\[1\.75rem\]::before{ content: var(--tw-content); inset-inline-start: -1.75rem; } .before\:-start-\[12px\]::before{ content: var(--tw-content); inset-inline-start: -12px; } .before\:-start-\[9\.5px\]::before{ content: var(--tw-content); inset-inline-start: -9.5px; } .before\:-top-0::before{ content: var(--tw-content); top: -0px; } .before\:-top-4::before{ content: var(--tw-content); top: -1rem; } .before\:-top-5::before{ content: var(--tw-content); top: -1.25rem; } .before\:-top-\[16px\]::before{ content: var(--tw-content); top: -16px; } .before\:-top-\[17px\]::before{ content: var(--tw-content); top: -17px; } .before\:-top-\[1px\]::before{ content: var(--tw-content); top: -1px; } .before\:bottom-0::before{ content: var(--tw-content); bottom: 0px; } .before\:end-0::before{ content: var(--tw-content); inset-inline-end: 0px; } .before\:end-\[13px\]::before{ content: var(--tw-content); inset-inline-end: 13px; } .before\:start-0::before{ content: var(--tw-content); inset-inline-start: 0px; } .before\:start-\[0\.125rem\]::before{ content: var(--tw-content); inset-inline-start: 0.125rem; } .before\:start-\[0\.8rem\]::before{ content: var(--tw-content); inset-inline-start: 0.8rem; } .before\:start-\[1px\]::before{ content: var(--tw-content); inset-inline-start: 1px; } .before\:start-\[2\.5rem\]::before{ content: var(--tw-content); inset-inline-start: 2.5rem; } .before\:start-\[50\%\]::before{ content: var(--tw-content); inset-inline-start: 50%; } .before\:start-\[65px\]::before{ content: var(--tw-content); inset-inline-start: 65px; } .before\:top-0::before{ content: var(--tw-content); top: 0px; } .before\:top-2::before{ content: var(--tw-content); top: 0.5rem; } .before\:top-\[-0\.375rem\]::before{ content: var(--tw-content); top: -0.375rem; } .before\:top-\[1\.4375rem\]::before{ content: var(--tw-content); top: 1.4375rem; } .before\:top-\[2px\]::before{ content: var(--tw-content); top: 2px; } .before\:top-\[7px\]::before{ content: var(--tw-content); top: 7px; } .before\:-z-\[1\]::before{ content: var(--tw-content); z-index: -1; } .before\:z-\[-1\]::before{ content: var(--tw-content); z-index: -1; } .before\:z-\[1\]::before{ content: var(--tw-content); z-index: 1; } .before\:z-\[2\]::before{ content: var(--tw-content); z-index: 2; } .before\:-mt-2::before{ content: var(--tw-content); margin-top: -0.5rem; } .before\:me-0::before{ content: var(--tw-content); margin-inline-end: 0px; } .before\:ms-1::before{ content: var(--tw-content); margin-inline-start: 0.25rem; } .before\:block::before{ content: var(--tw-content); display: block; } .before\:inline-block::before{ content: var(--tw-content); display: inline-block; } .before\:flex::before{ content: var(--tw-content); display: flex; } .before\:inline-flex::before{ content: var(--tw-content); display: inline-flex; } .before\:hidden::before{ content: var(--tw-content); display: none; } .before\:size-4::before{ content: var(--tw-content); width: 1rem; height: 1rem; } .before\:size-5::before{ content: var(--tw-content); width: 1.25rem; height: 1.25rem; } .before\:size-6::before{ content: var(--tw-content); width: 1.5rem; height: 1.5rem; } .before\:size-full::before{ content: var(--tw-content); width: 100%; height: 100%; } .before\:h-0::before{ content: var(--tw-content); height: 0px; } .before\:h-1::before{ content: var(--tw-content); height: 0.25rem; } .before\:h-4::before{ content: var(--tw-content); height: 1rem; } .before\:h-5::before{ content: var(--tw-content); height: 1.25rem; } .before\:h-6::before{ content: var(--tw-content); height: 1.5rem; } .before\:h-8::before{ content: var(--tw-content); height: 2rem; } .before\:h-\[0\%\]::before{ content: var(--tw-content); height: 0%; } .before\:h-\[0\.5rem\]::before{ content: var(--tw-content); height: 0.5rem; } .before\:h-\[0\.625rem\]::before{ content: var(--tw-content); height: 0.625rem; } .before\:h-\[0\.6rem\]::before{ content: var(--tw-content); height: 0.6rem; } .before\:h-\[0\.75rem\]::before{ content: var(--tw-content); height: 0.75rem; } .before\:h-\[0\.8rem\]::before{ content: var(--tw-content); height: 0.8rem; } .before\:h-\[0\.95rem\]::before{ content: var(--tw-content); height: 0.95rem; } .before\:h-\[1\.05rem\]::before{ content: var(--tw-content); height: 1.05rem; } .before\:h-\[2px\]::before{ content: var(--tw-content); height: 2px; } .before\:h-\[82\%\]::before{ content: var(--tw-content); height: 82%; } .before\:h-full::before{ content: var(--tw-content); height: 100%; } .before\:w-0::before{ content: var(--tw-content); width: 0px; } .before\:w-1::before{ content: var(--tw-content); width: 0.25rem; } .before\:w-5::before{ content: var(--tw-content); width: 1.25rem; } .before\:w-6::before{ content: var(--tw-content); width: 1.5rem; } .before\:w-8::before{ content: var(--tw-content); width: 2rem; } .before\:w-\[0\%\]::before{ content: var(--tw-content); width: 0%; } .before\:w-\[0\.25rem\]::before{ content: var(--tw-content); width: 0.25rem; } .before\:w-\[0\.5rem\]::before{ content: var(--tw-content); width: 0.5rem; } .before\:w-\[0\.625rem\]::before{ content: var(--tw-content); width: 0.625rem; } .before\:w-\[0\.6rem\]::before{ content: var(--tw-content); width: 0.6rem; } .before\:w-\[0\.75rem\]::before{ content: var(--tw-content); width: 0.75rem; } .before\:w-\[0\.8rem\]::before{ content: var(--tw-content); width: 0.8rem; } .before\:w-\[0\.95rem\]::before{ content: var(--tw-content); width: 0.95rem; } .before\:w-\[1\.05rem\]::before{ content: var(--tw-content); width: 1.05rem; } .before\:w-\[1\.4375rem\]::before{ content: var(--tw-content); width: 1.4375rem; } .before\:w-\[1px\]::before{ content: var(--tw-content); width: 1px; } .before\:w-\[2\.5rem\]::before{ content: var(--tw-content); width: 2.5rem; } .before\:w-\[2px\]::before{ content: var(--tw-content); width: 2px; } .before\:w-\[2rem\]::before{ content: var(--tw-content); width: 2rem; } .before\:w-full::before{ content: var(--tw-content); width: 100%; } .before\:w-px::before{ content: var(--tw-content); width: 1px; } .before\:translate-x-0::before{ content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:rotate-45::before{ content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:-scale-x-100::before{ content: var(--tw-content); --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:-scale-y-100::before{ content: var(--tw-content); --tw-scale-y: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:transform::before{ content: var(--tw-content); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:items-center::before{ content: var(--tw-content); align-items: center; } .before\:justify-center::before{ content: var(--tw-content); justify-content: center; } .before\:rounded-\[0\.3rem\]::before{ content: var(--tw-content); border-radius: 0.3rem; } .before\:rounded-full::before{ content: var(--tw-content); border-radius: 9999px; } .before\:rounded-lg::before{ content: var(--tw-content); border-radius: 0.75rem; } .before\:rounded-md::before{ content: var(--tw-content); border-radius: 0.5rem; } .before\:rounded-sm::before{ content: var(--tw-content); border-radius: 0.25rem; } .before\:border::before{ content: var(--tw-content); border-width: 1px; } .before\:border-0::before{ content: var(--tw-content); border-width: 0px; } .before\:border-\[2px\]::before{ content: var(--tw-content); border-width: 2px; } .before\:border-\[3px\]::before{ content: var(--tw-content); border-width: 3px; } .before\:border-e-\[10px\]::before{ content: var(--tw-content); border-inline-end-width: 10px; } .before\:border-s-\[10px\]::before{ content: var(--tw-content); border-inline-start-width: 10px; } .before\:border-t-\[10px\]::before{ content: var(--tw-content); border-top-width: 10px; } .before\:border-solid::before{ content: var(--tw-content); border-style: solid; } .before\:border-dashed::before{ content: var(--tw-content); border-style: dashed; } .before\:border-\[\#61748f\]::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(97 116 143 / var(--tw-border-opacity)); } .before\:border-black\/60::before{ content: var(--tw-content); border-color: rgb(0 0 0 / 0.6); } .before\:border-defaultborder::before{ content: var(--tw-content); border-color: rgb(var(--default-border)); } .before\:border-primary::before{ content: var(--tw-content); border-color: rgb(var(--primary)); } .before\:border-white::before{ content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .before\:border-white\/60::before{ content: var(--tw-content); border-color: rgb(255 255 255 / 0.6); } .before\:border-b-transparent::before{ content: var(--tw-content); border-bottom-color: transparent; } .before\:border-e-transparent::before{ content: var(--tw-content); border-inline-end-color: transparent; } .before\:border-s-transparent::before{ content: var(--tw-content); border-inline-start-color: transparent; } .before\:border-t-transparent::before{ content: var(--tw-content); border-top-color: transparent; } .before\:bg-black\/20::before{ content: var(--tw-content); background-color: rgb(0 0 0 / 0.2); } .before\:bg-black\/\[0\.25\]::before{ content: var(--tw-content); background-color: rgb(0 0 0 / 0.25); } .before\:bg-defaultborder::before{ content: var(--tw-content); background-color: rgb(var(--default-border)); } .before\:bg-gray-300::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .before\:bg-primary::before{ content: var(--tw-content); background-color: rgb(var(--primary)); } .before\:bg-primary\/70::before{ content: var(--tw-content); background-color: rgb(var(--primary) / 0.7); } .before\:bg-primary\/80::before{ content: var(--tw-content); background-color: rgb(var(--primary) / 0.8); } .before\:bg-primarytint1color::before{ content: var(--tw-content); background-color: rgb(var(--primary-tint1-rgb)); } .before\:bg-primarytint2color::before{ content: var(--tw-content); background-color: rgb(var(--primary-tint2-rgb)); } .before\:bg-primarytint3color::before{ content: var(--tw-content); background-color: rgb(var(--primary-tint3-rgb)); } .before\:bg-secondary::before{ content: var(--tw-content); background-color: rgb(var(--secondary)); } .before\:bg-textmuted::before{ content: var(--tw-content); background-color: rgb(var(--text-muted)); } .before\:bg-transparent::before{ content: var(--tw-content); background-color: transparent; } .before\:bg-warning::before{ content: var(--tw-content); background-color: rgb(var(--warning)); } .before\:bg-white::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .before\:bg-\[url\(\"\.\.\/images\/media\/media-70\.jpg\"\)\]::before{ content: var(--tw-content); background-image: url("../images/media/media-70.jpg"); } .before\:bg-\[url\(\.\.\/images\/media\/media-88\.jpg\)\]::before{ content: var(--tw-content); background-image: url(../images/media/media-88.jpg); } .before\:bg-\[url\(\.\.\/images\/nft-images\/35\.jpg\)\]::before{ content: var(--tw-content); background-image: url(../images/nft-images/35.jpg); } .before\:bg-gradient-to-b::before{ content: var(--tw-content); background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .before\:bg-gradient-to-t::before{ content: var(--tw-content); background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .before\:bg-none::before{ content: var(--tw-content); background-image: none; } .before\:from-black\/30::before{ content: var(--tw-content); --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:from-primary\/80::before{ content: var(--tw-content); --tw-gradient-from: rgb(var(--primary) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--primary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:to-secondary\/80::before{ content: var(--tw-content); --tw-gradient-to: rgb(var(--secondary) / 0.8) var(--tw-gradient-to-position); } .before\:bg-cover::before{ content: var(--tw-content); background-size: cover; } .before\:bg-bottom::before{ content: var(--tw-content); background-position: bottom; } .before\:bg-center::before{ content: var(--tw-content); background-position: center; } .before\:bg-no-repeat::before{ content: var(--tw-content); background-repeat: no-repeat; } .before\:align-\[0\]::before{ content: var(--tw-content); vertical-align: 0; } .before\:font-bootstrap::before{ content: var(--tw-content); font-family: bootstrap-icons; } .before\:text-\[0\.688rem\]::before{ content: var(--tw-content); font-size: 0.688rem; } .before\:text-\[0\.6rem\]::before{ content: var(--tw-content); font-size: 0.6rem; } .before\:text-\[0\.8125rem\]::before{ content: var(--tw-content); font-size: 0.8125rem; } .before\:text-\[1\.35rem\]::before{ content: var(--tw-content); font-size: 1.35rem; } .before\:text-\[1rem\]::before{ content: var(--tw-content); font-size: 1rem; } .before\:text-\[2rem\]::before{ content: var(--tw-content); font-size: 2rem; } .before\:text-danger::before{ content: var(--tw-content); color: rgb(var(--danger)); } .before\:text-dark::before{ content: var(--tw-content); color: rgb(var(--dark)); } .before\:text-defaulttextcolor::before{ content: var(--tw-content); color: rgb(var(--default-text-color)); } .before\:text-info::before{ content: var(--tw-content); color: rgb(var(--info)); } .before\:text-primary::before{ content: var(--tw-content); color: rgb(var(--primary)); } .before\:text-secondary::before{ content: var(--tw-content); color: rgb(var(--secondary)); } .before\:text-success::before{ content: var(--tw-content); color: rgb(var(--success)); } .before\:text-textmuted::before{ content: var(--tw-content); color: rgb(var(--text-muted)); } .before\:text-warning::before{ content: var(--tw-content); color: rgb(var(--warning)); } .before\:text-white\/60::before{ content: var(--tw-content); color: rgb(255 255 255 / 0.6); } .before\:opacity-0::before{ content: var(--tw-content); opacity: 0; } .before\:opacity-\[0\.15\]::before{ content: var(--tw-content); opacity: 0.15; } .before\:opacity-\[0\.3\]::before{ content: var(--tw-content); opacity: 0.3; } .before\:opacity-\[1\]::before{ content: var(--tw-content); opacity: 1; } .before\:shadow::before{ content: var(--tw-content); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0_0_4px_2px_rgba\(158\2c 92\2c 247\2c 0\.5\)\]::before{ content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(158,92,247,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0_0_4px_2px_rgba\(227\2c 84\2c 212\2c 0\.5\)\]::before{ content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(227,84,212,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0_0_4px_2px_rgba\(255\2c 142\2c 111\2c 0\.5\)\]::before{ content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(255,142,111,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0_0_4px_2px_rgba\(255\2c 93\2c 159\2c 0\.5\)\]::before{ content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(255,93,159,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0_0_4px_2px_rgba\(33\2c 206\2c 158\2c 0\.5\)\]::before{ content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(33,206,158,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0_0_4px_2px_rgba\(92\2c 103\2c 247\2c 0\.5\)\]::before{ content: var(--tw-content); --tw-shadow: 0 0 4px 2px rgba(92,103,247,0.5); --tw-shadow-colored: 0 0 4px 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0px_0px_0px_4px_rgba\(158\2c 92\2c 247\2c 0\.15\)\]::before{ content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(158,92,247,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0px_0px_0px_4px_rgba\(227\2c 84\2c 212\2c 0\.15\)\]::before{ content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(227,84,212,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0px_0px_0px_4px_rgba\(255\2c 142\2c 111\2c 0\.15\)\]::before{ content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,142,111,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0px_0px_0px_4px_rgba\(255\2c 198\2c 88\2c 0\.15\)\]::before{ content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,198,88,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0px_0px_0px_4px_rgba\(255\2c 93\2c 159\2c 0\.15\)\]::before{ content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(255,93,159,0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:shadow-\[0px_0px_0px_4px_rgba\(var\(--primary-rgb\)\2c 0\.15\)\]::before{ content: var(--tw-content); --tw-shadow: 0px 0px 0px 4px rgba(var(--primary-rgb),0.15); --tw-shadow-colored: 0px 0px 0px 4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .before\:ring-0::before{ content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .before\:transition::before{ content: var(--tw-content); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:transition-all::before{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:delay-\[0\.1s\]::before{ content: var(--tw-content); transition-delay: 0.1s; } .before\:delay-\[0\.2s\]::before{ content: var(--tw-content); transition-delay: 0.2s; } .before\:delay-\[0\.3s\]::before{ content: var(--tw-content); transition-delay: 0.3s; } .before\:delay-\[0\.4s\]::before{ content: var(--tw-content); transition-delay: 0.4s; } .before\:delay-\[0\.5s\]::before{ content: var(--tw-content); transition-delay: 0.5s; } .before\:delay-\[0\.6s\]::before{ content: var(--tw-content); transition-delay: 0.6s; } .before\:delay-\[0\.7s\]::before{ content: var(--tw-content); transition-delay: 0.7s; } .before\:delay-\[0\.8s\]::before{ content: var(--tw-content); transition-delay: 0.8s; } .before\:delay-\[0\.9s\]::before{ content: var(--tw-content); transition-delay: 0.9s; } .before\:delay-\[0s\]::before{ content: var(--tw-content); transition-delay: 0s; } .before\:duration-200::before{ content: var(--tw-content); transition-duration: 200ms; } .before\:duration-\[0\.2s\]::before{ content: var(--tw-content); transition-duration: 0.2s; } .before\:duration-\[0\.4s\]::before{ content: var(--tw-content); transition-duration: 0.4s; } .before\:ease-in::before{ content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .before\:ease-in-out::before{ content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .before\:ease-linear::before{ content: var(--tw-content); transition-timing-function: linear; } .before\:content-\[\"\"\]::before{ --tw-content: ""; content: var(--tw-content); } .before\:content-\[\"\/\"\]::before{ --tw-content: "/"; content: var(--tw-content); } .before\:content-\[\"\\F284\"\]::before{ --tw-content: "\F284"; content: var(--tw-content); } .before\:content-\[\"\\F417\"\]::before{ --tw-content: "\F417"; content: var(--tw-content); } .before\:content-\[\"\\ea5e\"\]::before{ --tw-content: "\ea5e"; content: var(--tw-content); } .before\:content-\[\"\\f309\"\]::before{ --tw-content: "\f309"; content: var(--tw-content); } .before\:content-\[\"\\f633\"\]::before{ --tw-content: "\f633"; content: var(--tw-content); } .before\:content-\[\"on\"\]::before{ --tw-content: "on"; content: var(--tw-content); } .before\:content-\[\"\~\"\]::before{ --tw-content: "~"; content: var(--tw-content); } .before\:content-\[\'\'\]::before{ --tw-content: ''; content: var(--tw-content); } .before\:content-\[\'\\F479\'\]::before{ --tw-content: '\F479'; content: var(--tw-content); } .after\:absolute::after{ content: var(--tw-content); position: absolute; } .after\:inset-0::after{ content: var(--tw-content); inset: 0px; } .after\:-bottom-4::after{ content: var(--tw-content); bottom: -1rem; } .after\:-end-\[0\.375rem\]::after{ content: var(--tw-content); inset-inline-end: -0.375rem; } .after\:-end-\[1\.063rem\]::after{ content: var(--tw-content); inset-inline-end: -1.063rem; } .after\:-end-\[1\.813rem\]::after{ content: var(--tw-content); inset-inline-end: -1.813rem; } .after\:-end-\[1\.875rem\]::after{ content: var(--tw-content); inset-inline-end: -1.875rem; } .after\:-end-\[1\.938rem\]::after{ content: var(--tw-content); inset-inline-end: -1.938rem; } .after\:-end-\[12px\]::after{ content: var(--tw-content); inset-inline-end: -12px; } .after\:-end-\[7px\]::after{ content: var(--tw-content); inset-inline-end: -7px; } .after\:-start-1::after{ content: var(--tw-content); inset-inline-start: -0.25rem; } .after\:-start-4::after{ content: var(--tw-content); inset-inline-start: -1rem; } .after\:-start-\[12px\]::after{ content: var(--tw-content); inset-inline-start: -12px; } .after\:-start-\[7px\]::after{ content: var(--tw-content); inset-inline-start: -7px; } .after\:-top-1::after{ content: var(--tw-content); top: -0.25rem; } .after\:-top-\[0\.375rem\]::after{ content: var(--tw-content); top: -0.375rem; } .after\:-top-\[16px\]::after{ content: var(--tw-content); top: -16px; } .after\:-top-\[1px\]::after{ content: var(--tw-content); top: -1px; } .after\:bottom-0::after{ content: var(--tw-content); bottom: 0px; } .after\:bottom-\[-0\.375rem\]::after{ content: var(--tw-content); bottom: -0.375rem; } .after\:end-0::after{ content: var(--tw-content); inset-inline-end: 0px; } .after\:end-\[-1\.85rem\]::after{ content: var(--tw-content); inset-inline-end: -1.85rem; } .after\:end-\[0\.15rem\]::after{ content: var(--tw-content); inset-inline-end: 0.15rem; } .after\:left-\[15px\]::after{ content: var(--tw-content); left: 15px; } .after\:right-auto::after{ content: var(--tw-content); right: auto; } .after\:start-0::after{ content: var(--tw-content); inset-inline-start: 0px; } .after\:start-\[28\%\]::after{ content: var(--tw-content); inset-inline-start: 28%; } .after\:start-\[50\%\]::after{ content: var(--tw-content); inset-inline-start: 50%; } .after\:top-0::after{ content: var(--tw-content); top: 0px; } .after\:top-2::after{ content: var(--tw-content); top: 0.5rem; } .after\:top-\[7px\]::after{ content: var(--tw-content); top: 7px; } .after\:-z-\[1\]::after{ content: var(--tw-content); z-index: -1; } .after\:z-\[-1\]::after{ content: var(--tw-content); z-index: -1; } .after\:z-\[0\]::after{ content: var(--tw-content); z-index: 0; } .after\:z-\[1\]::after{ content: var(--tw-content); z-index: 1; } .after\:z-\[6\]::after{ content: var(--tw-content); z-index: 6; } .after\:-mt-2::after{ content: var(--tw-content); margin-top: -0.5rem; } .after\:ms-1::after{ content: var(--tw-content); margin-inline-start: 0.25rem; } .after\:block::after{ content: var(--tw-content); display: block; } .after\:inline-block::after{ content: var(--tw-content); display: inline-block; } .after\:hidden::after{ content: var(--tw-content); display: none; } .after\:h-0::after{ content: var(--tw-content); height: 0px; } .after\:h-4::after{ content: var(--tw-content); height: 1rem; } .after\:h-\[1\.15rem\]::after{ content: var(--tw-content); height: 1.15rem; } .after\:h-\[1\.5rem\]::after{ content: var(--tw-content); height: 1.5rem; } .after\:h-\[2px\]::after{ content: var(--tw-content); height: 2px; } .after\:h-\[7px\]::after{ content: var(--tw-content); height: 7px; } .after\:h-full::after{ content: var(--tw-content); height: 100%; } .after\:w-0::after{ content: var(--tw-content); width: 0px; } .after\:w-4::after{ content: var(--tw-content); width: 1rem; } .after\:w-\[1\.0625rem\]::after{ content: var(--tw-content); width: 1.0625rem; } .after\:w-\[1\.15rem\]::after{ content: var(--tw-content); width: 1.15rem; } .after\:w-\[1\.5rem\]::after{ content: var(--tw-content); width: 1.5rem; } .after\:w-\[15px\]::after{ content: var(--tw-content); width: 15px; } .after\:w-\[2px\]::after{ content: var(--tw-content); width: 2px; } .after\:w-\[7px\]::after{ content: var(--tw-content); width: 7px; } .after\:w-full::after{ content: var(--tw-content); width: 100%; } .after\:-rotate-45::after{ content: var(--tw-content); --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:-scale-x-100::after{ content: var(--tw-content); --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:rounded-\[1rem\]::after{ content: var(--tw-content); border-radius: 1rem; } .after\:rounded-\[50\%\]::after{ content: var(--tw-content); border-radius: 50%; } .after\:rounded-xl::after{ content: var(--tw-content); border-radius: 1rem; } .after\:rounded-b-none::after{ content: var(--tw-content); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .after\:rounded-e-\[50px\]::after{ content: var(--tw-content); border-start-end-radius: 50px; border-end-end-radius: 50px; } .after\:rounded-e-none::after{ content: var(--tw-content); border-start-end-radius: 0; border-end-end-radius: 0; } .after\:rounded-s-none::after{ content: var(--tw-content); border-start-start-radius: 0; border-end-start-radius: 0; } .after\:rounded-t-\[50px\]::after{ content: var(--tw-content); border-top-left-radius: 50px; border-top-right-radius: 50px; } .after\:rounded-t-none::after{ content: var(--tw-content); border-top-left-radius: 0; border-top-right-radius: 0; } .after\:rounded-tl-\[50px\]::after{ content: var(--tw-content); border-top-left-radius: 50px; } .after\:border-0::after{ content: var(--tw-content); border-width: 0px; } .after\:border-\[0\.25rem\]::after{ content: var(--tw-content); border-width: 0.25rem; } .after\:border-\[3px\]::after{ content: var(--tw-content); border-width: 3px; } .after\:border-x-\[0\.438rem\]::after{ content: var(--tw-content); border-left-width: 0.438rem; border-right-width: 0.438rem; } .after\:border-b-\[\.85rem\]::after{ content: var(--tw-content); border-bottom-width: .85rem; } .after\:border-b-\[11px\]::after{ content: var(--tw-content); border-bottom-width: 11px; } .after\:border-b-\[12px\]::after{ content: var(--tw-content); border-bottom-width: 12px; } .after\:border-b-\[16px\]::after{ content: var(--tw-content); border-bottom-width: 16px; } .after\:border-b-\[8px\]::after{ content: var(--tw-content); border-bottom-width: 8px; } .after\:border-e-\[12px\]::after{ content: var(--tw-content); border-inline-end-width: 12px; } .after\:border-e-\[15px\]::after{ content: var(--tw-content); border-inline-end-width: 15px; } .after\:border-e-\[17px\]::after{ content: var(--tw-content); border-inline-end-width: 17px; } .after\:border-s-\[1\.063rem\]::after{ content: var(--tw-content); border-inline-start-width: 1.063rem; } .after\:border-s-\[12px\]::after{ content: var(--tw-content); border-inline-start-width: 12px; } .after\:border-s-\[15px\]::after{ content: var(--tw-content); border-inline-start-width: 15px; } .after\:border-s-\[16px\]::after{ content: var(--tw-content); border-inline-start-width: 16px; } .after\:border-t-\[\.85rem\]::after{ content: var(--tw-content); border-top-width: .85rem; } .after\:border-t-\[0\.438rem\]::after{ content: var(--tw-content); border-top-width: 0.438rem; } .after\:border-t-\[10px\]::after{ content: var(--tw-content); border-top-width: 10px; } .after\:border-t-\[11px\]::after{ content: var(--tw-content); border-top-width: 11px; } .after\:border-t-\[12px\]::after{ content: var(--tw-content); border-top-width: 12px; } .after\:border-t-\[14px\]::after{ content: var(--tw-content); border-top-width: 14px; } .after\:border-solid::after{ content: var(--tw-content); border-style: solid; } .after\:border-danger::after{ content: var(--tw-content); border-color: rgb(var(--danger)); } .after\:border-info::after{ content: var(--tw-content); border-color: rgb(var(--info)); } .after\:border-primary::after{ content: var(--tw-content); border-color: rgb(var(--primary)); } .after\:border-secondary::after{ content: var(--tw-content); border-color: rgb(var(--secondary)); } .after\:border-success::after{ content: var(--tw-content); border-color: rgb(var(--success)); } .after\:border-transparent::after{ content: var(--tw-content); border-color: transparent; } .after\:border-warning::after{ content: var(--tw-content); border-color: rgb(var(--warning)); } .after\:border-x-transparent::after{ content: var(--tw-content); border-left-color: transparent; border-right-color: transparent; } .after\:\!border-s-secondary::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--secondary)) !important; } .after\:\!border-s-success::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--success)) !important; } .after\:border-b-transparent::after{ content: var(--tw-content); border-bottom-color: transparent; } .after\:border-e-transparent::after{ content: var(--tw-content); border-inline-end-color: transparent; } .after\:border-e-white::after{ content: var(--tw-content); --tw-border-opacity: 1; border-inline-end-color: rgb(255 255 255 / var(--tw-border-opacity)); } .after\:border-s-danger::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--danger)); } .after\:border-s-info::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--info)); } .after\:border-s-primary::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--primary)); } .after\:border-s-secondary::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--secondary)); } .after\:border-s-success::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--success)); } .after\:border-s-transparent::after{ content: var(--tw-content); border-inline-start-color: transparent; } .after\:border-s-warning::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--warning)); } .after\:border-s-white::after{ content: var(--tw-content); --tw-border-opacity: 1; border-inline-start-color: rgb(255 255 255 / var(--tw-border-opacity)); } .after\:border-t-transparent::after{ content: var(--tw-content); border-top-color: transparent; } .after\:bg-\[\#0d9b80\]::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(13 155 128 / var(--tw-bg-opacity)); } .after\:bg-\[\#148fc7\]::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(20 143 199 / var(--tw-bg-opacity)); } .after\:bg-\[\#a017d1\]::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(160 23 209 / var(--tw-bg-opacity)); } .after\:bg-\[\#d98415\]::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(217 132 21 / var(--tw-bg-opacity)); } .after\:bg-gray-300::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .after\:bg-white::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .after\:bg-\[linear-gradient\(to_right\2c rgba\(0\2c 0\2c 0\2c 0\.5\)_30\%\2c transparent\)\]::after{ content: var(--tw-content); background-image: linear-gradient(to right,rgba(0,0,0,0.5) 30%,transparent); } .after\:bg-\[url\(\.\.\/images\/media\/media-73\.png\)\]::after{ content: var(--tw-content); background-image: url(../images/media/media-73.png); } .after\:bg-gradient-to-t::after{ content: var(--tw-content); background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .after\:from-black\/30::after{ content: var(--tw-content); --tw-gradient-from: rgb(0 0 0 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:to-black\/30::after{ content: var(--tw-content); --tw-gradient-to: rgb(0 0 0 / 0.3) var(--tw-gradient-to-position); } .after\:bg-cover::after{ content: var(--tw-content); background-size: cover; } .after\:bg-center::after{ content: var(--tw-content); background-position: center; } .after\:bg-no-repeat::after{ content: var(--tw-content); background-repeat: no-repeat; } .after\:align-\[0\]::after{ content: var(--tw-content); vertical-align: 0; } .after\:text-\[0\.6rem\]::after{ content: var(--tw-content); font-size: 0.6rem; } .after\:text-\[1\.25rem\]::after{ content: var(--tw-content); font-size: 1.25rem; } .after\:text-textmuted::after{ content: var(--tw-content); color: rgb(var(--text-muted)); } .after\:text-white\/70::after{ content: var(--tw-content); color: rgb(255 255 255 / 0.7); } .after\:opacity-\[0\.075\]::after{ content: var(--tw-content); opacity: 0.075; } .after\:opacity-\[0\.07\]::after{ content: var(--tw-content); opacity: 0.07; } .after\:shadow-\[0_0_0\.313rem_rgba\(228\2c 229\2c 237\2c 0\.8\)\]::after{ content: var(--tw-content); --tw-shadow: 0 0 0.313rem rgba(228,229,237,0.8); --tw-shadow-colored: 0 0 0.313rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .after\:transition-all::after{ content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:duration-\[0\.3s\]::after{ content: var(--tw-content); transition-duration: 0.3s; } .after\:ease-in-out::after{ content: var(--tw-content); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .after\:content-\[\"\"\]::after{ --tw-content: ""; content: var(--tw-content); } .after\:content-\[\"\\F285\"\]::after{ --tw-content: "\F285"; content: var(--tw-content); } .after\:content-\[\"\\F286\"\]::after{ --tw-content: "\F286"; content: var(--tw-content); } .after\:content-\[\"\\f282\"\]::after{ --tw-content: "\f282"; content: var(--tw-content); } .after\:content-\[\"off\"\]::after{ --tw-content: "off"; content: var(--tw-content); } .after\:content-\[\'\'\]::after{ --tw-content: ''; content: var(--tw-content); } .first\:ms-0:first-child{ margin-inline-start: 0px; } .first\:rounded-s-full:first-child{ border-start-start-radius: 9999px; border-end-start-radius: 9999px; } .first\:rounded-s-md:first-child{ border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .first\:rounded-s-sm:first-child{ border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .first\:rounded-t-lg:first-child{ border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .first\:rounded-t-sm:first-child{ border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .first\:pt-0:first-child{ padding-top: 0px; } .last\:mb-0:last-child{ margin-bottom: 0px; } .last\:rounded-b-lg:last-child{ border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .last\:rounded-b-sm:last-child{ border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .last\:rounded-e-full:last-child{ border-start-end-radius: 9999px; border-end-end-radius: 9999px; } .last\:rounded-e-md:last-child{ border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .last\:rounded-e-sm:last-child{ border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .last\:pb-0:last-child{ padding-bottom: 0px; } .odd\:bg-white:nth-child(odd){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .even\:bg-gray-100:nth-child(even){ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .checked\:border-\[3px\]:checked{ border-width: 3px; } .checked\:\!border-primary\/20:checked{ border-color: rgb(var(--primary) / 0.2) !important; } .checked\:border-defaultborder:checked{ border-color: rgb(var(--default-border)); } .checked\:border-primary:checked{ border-color: rgb(var(--primary)); } .checked\:border-primary\/50:checked{ border-color: rgb(var(--primary) / 0.5); } .checked\:\!bg-primary\/10:checked{ background-color: rgb(var(--primary) / 0.1) !important; } .checked\:\!bg-success:checked{ background-color: rgb(var(--success)) !important; } .checked\:bg-black:checked{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .checked\:bg-danger:checked{ background-color: rgb(var(--danger)); } .checked\:bg-green-600:checked{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .checked\:bg-info:checked{ background-color: rgb(var(--info)); } .checked\:bg-primary:checked{ background-color: rgb(var(--primary)); } .checked\:bg-red-600:checked{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .checked\:bg-secondary:checked{ background-color: rgb(var(--secondary)); } .checked\:bg-success:checked{ background-color: rgb(var(--success)); } .checked\:bg-warning:checked{ background-color: rgb(var(--warning)); } .checked\:bg-none:checked{ background-image: none; } .checked\:\!text-primary\/10:checked{ color: rgb(var(--primary) / 0.1) !important; } .checked\:text-primary:checked{ color: rgb(var(--primary)); } .checked\:text-primary\/30:checked{ color: rgb(var(--primary) / 0.3); } .checked\:ring-transparent:checked{ --tw-ring-color: transparent; } .checked\:before\:relative:checked::before{ content: var(--tw-content); position: relative; } .checked\:before\:start-\[4px\]:checked::before{ content: var(--tw-content); inset-inline-start: 4px; } .checked\:before\:top-\[-2px\]:checked::before{ content: var(--tw-content); top: -2px; } .checked\:before\:translate-x-full:checked::before{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .checked\:before\:\!bg-primary:checked::before{ content: var(--tw-content); background-color: rgb(var(--primary)) !important; } .checked\:before\:bg-green-200:checked::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); } .checked\:before\:bg-primary:checked::before{ content: var(--tw-content); background-color: rgb(var(--primary)); } .checked\:before\:bg-red-200:checked::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .checked\:before\:bg-white:checked::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .checked\:before\:font-remix:checked::before{ content: var(--tw-content); font-family: remixicon; } .checked\:before\:text-\[22px\]:checked::before{ content: var(--tw-content); font-size: 22px; } .checked\:before\:font-medium:checked::before{ content: var(--tw-content); font-weight: 500; } .checked\:before\:text-success:checked::before{ content: var(--tw-content); color: rgb(var(--success)); } .checked\:before\:shadow-sm:checked::before{ content: var(--tw-content); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .checked\:before\:content-\[\"\"\]:checked::before{ --tw-content: ""; content: var(--tw-content); } .checked\:before\:content-\[\"\\eb7b\"\]:checked::before{ --tw-content: "\eb7b"; content: var(--tw-content); } .hover\:border-danger:hover{ border-color: rgb(var(--danger)); } .hover\:border-defaultborder:hover{ border-color: rgb(var(--default-border)); } .hover\:border-gray-900:hover{ --tw-border-opacity: 1; border-color: rgb(17 24 39 / var(--tw-border-opacity)); } .hover\:border-info:hover{ border-color: rgb(var(--info)); } .hover\:border-primary:hover{ border-color: rgb(var(--primary)); } .hover\:border-secondary:hover{ border-color: rgb(var(--secondary)); } .hover\:border-success:hover{ border-color: rgb(var(--success)); } .hover\:border-warning:hover{ border-color: rgb(var(--warning)); } .hover\:\!bg-black\/20:hover{ background-color: rgb(0 0 0 / 0.2) !important; } .hover\:\!bg-danger\/20:hover{ background-color: rgb(var(--danger) / 0.2) !important; } .hover\:\!bg-info\/20:hover{ background-color: rgb(var(--info) / 0.2) !important; } .hover\:\!bg-light:hover{ background-color: rgb(var(--light)) !important; } .hover\:\!bg-light\/20:hover{ background-color: rgb(var(--light) / 0.2) !important; } .hover\:\!bg-primary:hover{ background-color: rgb(var(--primary)) !important; } .hover\:\!bg-primary\/20:hover{ background-color: rgb(var(--primary) / 0.2) !important; } .hover\:\!bg-secondary\/20:hover{ background-color: rgb(var(--secondary) / 0.2) !important; } .hover\:\!bg-success\/20:hover{ background-color: rgb(var(--success) / 0.2) !important; } .hover\:\!bg-warning\/20:hover{ background-color: rgb(var(--warning) / 0.2) !important; } .hover\:bg-\[\#f2f2f3\]:hover{ --tw-bg-opacity: 1; background-color: rgb(242 242 243 / var(--tw-bg-opacity)); } .hover\:bg-\[rgba\(25\2c 143\2c 209\2c 0\.8\)\]:hover{ background-color: rgba(25,143,209,0.8); } .hover\:bg-black:hover{ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .hover\:bg-black\/10:hover{ background-color: rgb(0 0 0 / 0.1); } .hover\:bg-black\/20:hover{ background-color: rgb(0 0 0 / 0.2); } .hover\:bg-danger:hover{ background-color: rgb(var(--danger)); } .hover\:bg-danger\/10:hover{ background-color: rgb(var(--danger) / 0.1); } .hover\:bg-danger\/20:hover{ background-color: rgb(var(--danger) / 0.2); } .hover\:bg-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .hover\:bg-gray-200:hover{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .hover\:bg-gray-300:hover{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .hover\:bg-gray-50:hover{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .hover\:bg-gray-900:hover{ --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .hover\:bg-gray-900\/10:hover{ background-color: rgb(17 24 39 / 0.1); } .hover\:bg-info:hover{ background-color: rgb(var(--info)); } .hover\:bg-info\/10:hover{ background-color: rgb(var(--info) / 0.1); } .hover\:bg-light:hover{ background-color: rgb(var(--light)); } .hover\:bg-orangemain:hover{ background-color: rgb(var(--orange)); } .hover\:bg-orangemain\/10:hover{ background-color: rgb(var(--orange) / 0.1); } .hover\:bg-primary:hover{ background-color: rgb(var(--primary)); } .hover\:bg-primary\/10:hover{ background-color: rgb(var(--primary) / 0.1); } .hover\:bg-primary\/30:hover{ background-color: rgb(var(--primary) / 0.3); } .hover\:bg-primary\/80:hover{ background-color: rgb(var(--primary) / 0.8); } .hover\:bg-primary\/\[0\.05\]:hover{ background-color: rgb(var(--primary) / 0.05); } .hover\:bg-primarytint1color:hover{ background-color: rgb(var(--primary-tint1-rgb)); } .hover\:bg-primarytint2color:hover{ background-color: rgb(var(--primary-tint2-rgb)); } .hover\:bg-primarytint3color:hover{ background-color: rgb(var(--primary-tint3-rgb)); } .hover\:bg-purplemain:hover{ background-color: rgb(var(--purple)); } .hover\:bg-purplemain\/10:hover{ background-color: rgb(var(--purple) / 0.1); } .hover\:bg-secondary:hover{ background-color: rgb(var(--secondary)); } .hover\:bg-secondary\/10:hover{ background-color: rgb(var(--secondary) / 0.1); } .hover\:bg-success:hover{ background-color: rgb(var(--success)); } .hover\:bg-success\/10:hover{ background-color: rgb(var(--success) / 0.1); } .hover\:bg-success\/20:hover{ background-color: rgb(var(--success) / 0.2); } .hover\:bg-tealmain:hover{ background-color: rgb(var(--teal)); } .hover\:bg-tealmain\/10:hover{ background-color: rgb(var(--teal) / 0.1); } .hover\:bg-transparent:hover{ background-color: transparent; } .hover\:bg-warning:hover{ background-color: rgb(var(--warning)); } .hover\:bg-warning\/10:hover{ background-color: rgb(var(--warning) / 0.1); } .hover\:bg-white\/20:hover{ background-color: rgb(255 255 255 / 0.2); } .hover\:bg-white\/\[\.15\]:hover{ background-color: rgb(255 255 255 / .15); } .hover\:\!text-white:hover{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hover\:hover\:text-primary:hover:hover{ color: rgb(var(--primary)); } .hover\:text-\[\#8c9097\]:hover{ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .hover\:text-black\/60:hover{ color: rgb(0 0 0 / 0.6); } .hover\:text-defaulttextcolor:hover{ color: rgb(var(--default-text-color)); } .hover\:text-gray-500:hover{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .hover\:text-gray-700:hover{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } .hover\:text-gray-800:hover{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .hover\:text-primary:hover{ color: rgb(var(--primary)); } .hover\:text-primary\/80:hover{ color: rgb(var(--primary) / 0.8); } .hover\:text-white:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:text-white\/10:hover{ color: rgb(255 255 255 / 0.1); } .hover\:text-white\/20:hover{ color: rgb(255 255 255 / 0.2); } .hover\:text-white\/60:hover{ color: rgb(255 255 255 / 0.6); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:file\:bg-primary::file-selector-button:hover{ background-color: rgb(var(--primary)); } .hover\:after\:absolute:hover::after{ content: var(--tw-content); position: absolute; } .hover\:after\:start-0:hover::after{ content: var(--tw-content); inset-inline-start: 0px; } .hover\:after\:z-\[-1\]:hover::after{ content: var(--tw-content); z-index: -1; } .hover\:after\:h-full:hover::after{ content: var(--tw-content); height: 100%; } .hover\:after\:w-full:hover::after{ content: var(--tw-content); width: 100%; } .hover\:after\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\]:hover::after{ content: var(--tw-content); background-color: rgba(0,0,0,0.3); } .hover\:after\:content-\[\"\"\]:hover::after{ --tw-content: ""; content: var(--tw-content); } .checked\:hover\:\!border-primary\/30:hover:checked{ border-color: rgb(var(--primary) / 0.3) !important; } .checked\:hover\:\!bg-primary\/10:hover:checked{ background-color: rgb(var(--primary) / 0.1) !important; } .checked\:hover\:bg-green-600:hover:checked{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .checked\:hover\:bg-red-600:hover:checked{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .checked\:hover\:\!text-primary\/10:hover:checked{ color: rgb(var(--primary) / 0.1) !important; } .focus\:z-10:focus{ z-index: 10; } .focus\:me-0:focus{ margin-inline-end: 0px; } .focus\:scale-110:focus{ --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .focus\:border:focus{ border-width: 1px; } .focus\:border-solid:focus{ border-style: solid; } .focus\:border-blue-500:focus{ --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } .focus\:border-danger:focus{ border-color: rgb(var(--danger)); } .focus\:border-defaultborder:focus{ border-color: rgb(var(--default-border)); } .focus\:border-gray-200:focus{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .focus\:border-green-600:focus{ --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity)); } .focus\:border-primary:focus{ border-color: rgb(var(--primary)); } .focus\:border-red-600:focus{ --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity)); } .focus\:border-success:focus{ border-color: rgb(var(--success)); } .focus\:border-transparent:focus{ border-color: transparent; } .focus\:border-white\/10:focus{ border-color: rgb(255 255 255 / 0.1); } .focus\:border-white\/\[0\.05\]:focus{ border-color: rgb(255 255 255 / 0.05); } .focus\:border-x-transparent:focus{ border-left-color: transparent; border-right-color: transparent; } .focus\:border-b-primary:focus{ border-bottom-color: rgb(var(--primary)); } .focus\:border-t-transparent:focus{ border-top-color: transparent; } .focus\:bg-gray-100:focus{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .focus\:bg-gray-300:focus{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .focus\:bg-gray-50:focus{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .focus\:bg-success:focus{ background-color: rgb(var(--success)); } .focus\:bg-transparent:focus{ background-color: transparent; } .focus\:text-primary:focus{ color: rgb(var(--primary)); } .focus\:shadow-none:focus{ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:shadow-sm:focus{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:shadow-success:focus{ --tw-shadow-color: rgb(var(--success)); --tw-shadow: var(--tw-shadow-colored); } .focus\:\!outline-none:focus{ outline: 2px solid transparent !important; outline-offset: 2px !important; } .focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; } .focus\:outline-0:focus{ outline-width: 0px; } .focus\:ring-0:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-black\/20:focus{ --tw-ring-color: rgb(0 0 0 / 0.2); } .focus\:ring-blue-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } .focus\:ring-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .focus\:ring-gray-100:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity)); } .focus\:ring-gray-400:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } .focus\:ring-gray-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } .focus\:ring-gray-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity)); } .focus\:ring-green-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); } .focus\:ring-green-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity)); } .focus\:ring-indigo-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); } .focus\:ring-info:focus{ --tw-ring-color: rgb(var(--info)); } .focus\:ring-orangemain:focus{ --tw-ring-color: rgb(var(--orange)); } .focus\:ring-primary:focus{ --tw-ring-color: rgb(var(--primary)); } .focus\:ring-purplemain:focus{ --tw-ring-color: rgb(var(--purple)); } .focus\:ring-red-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); } .focus\:ring-red-600:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); } .focus\:ring-secondary:focus{ --tw-ring-color: rgb(var(--secondary)); } .focus\:ring-success:focus{ --tw-ring-color: rgb(var(--success)); } .focus\:ring-tealmain:focus{ --tw-ring-color: rgb(var(--teal)); } .focus\:ring-transparent:focus{ --tw-ring-color: transparent; } .focus\:ring-warning:focus{ --tw-ring-color: rgb(var(--warning)); } .focus\:ring-white:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } .focus\:ring-white\/10:focus{ --tw-ring-color: rgb(255 255 255 / 0.1); } .focus\:ring-white\/20:focus{ --tw-ring-color: rgb(255 255 255 / 0.2); } .focus\:ring-white\/70:focus{ --tw-ring-color: rgb(255 255 255 / 0.7); } .focus\:ring-yellow-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity)); } .focus\:ring-offset-0:focus{ --tw-ring-offset-width: 0px; } .focus\:ring-offset-gray-600:focus{ --tw-ring-offset-color: #4b5563; } .focus\:ring-offset-green-800:focus{ --tw-ring-offset-color: #166534; } .focus\:ring-offset-indigo-800:focus{ --tw-ring-offset-color: #3730a3; } .focus\:ring-offset-primary:focus{ --tw-ring-offset-color: rgb(var(--primary)); } .focus\:ring-offset-red-800:focus{ --tw-ring-offset-color: #991b1b; } .focus\:ring-offset-secondary:focus{ --tw-ring-offset-color: rgb(var(--secondary)); } .focus\:ring-offset-transparent:focus{ --tw-ring-offset-color: transparent; } .focus\:ring-offset-white:focus{ --tw-ring-offset-color: #fff; } .focus\:ring-offset-white\/10:focus{ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .focus\:ring-offset-white\/20:focus{ --tw-ring-offset-color: rgb(255 255 255 / 0.2); } .checked\:focus\:\!border-primary\/30:focus:checked{ border-color: rgb(var(--primary) / 0.3) !important; } .focus\:checked\:\!border-primary\/10:checked:focus{ border-color: rgb(var(--primary) / 0.1) !important; } .focus\:checked\:border-primary:checked:focus{ border-color: rgb(var(--primary)); } .focus\:checked\:border-primary\/50:checked:focus{ border-color: rgb(var(--primary) / 0.5); } .checked\:focus\:\!bg-primary\/10:focus:checked{ background-color: rgb(var(--primary) / 0.1) !important; } .checked\:focus\:bg-green-600:focus:checked{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .checked\:focus\:bg-red-600:focus:checked{ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .checked\:focus\:\!text-primary\/10:focus:checked{ color: rgb(var(--primary) / 0.1) !important; } .focus-visible\:outline-none:focus-visible{ outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-0:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .disabled\:pointer-events-none:disabled{ pointer-events: none; } .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } .disabled\:opacity-50:disabled{ opacity: 0.5; } .disabled\:opacity-\[0\.65\]:disabled{ opacity: 0.65; } .group:hover .group-hover\:block{ display: block; } .group:hover .group-hover\:hidden{ display: none; } .group:hover .group-hover\:text-defaulttextcolor{ color: rgb(var(--default-text-color)); } .group:hover .group-hover\:text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .group:hover .group-hover\:text-primary{ color: rgb(var(--primary)); } .group:hover .group-hover\:text-success{ color: rgb(var(--success)); } .peer:checked ~ .peer-checked\:text-primary{ color: rgb(var(--primary)); } .peer:checked ~ .peer-checked\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-dropdown.open > .hs-dropdown-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-dropdown.open > .hs-dropdown-open\:opacity-100{ opacity: 1; } .hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:opacity-100{ opacity: 1; } .hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:opacity-100{ opacity: 1; } .hs-removing.hs-removing\:translate-x-5{ --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-removing.hs-removing\:opacity-0{ opacity: 0; } .hs-tooltip.show .hs-tooltip-shown\:visible{ visibility: visible; } .hs-tooltip.show .hs-tooltip-shown\:opacity-100{ opacity: 1; } .hs-accordion.active.hs-accordion-active\:block{ display: block; } .hs-accordion.active.hs-accordion-active\:hidden{ display: none; } .hs-accordion.active.hs-accordion-active\:border{ border-width: 1px; } .hs-accordion.active.hs-accordion-active\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .hs-accordion.active.hs-accordion-active\:border-transparent{ border-color: transparent; } .hs-accordion.active.hs-accordion-active\:\!bg-primary{ background-color: rgb(var(--primary)) !important; } .hs-accordion.active.hs-accordion-active\:bg-primary{ background-color: rgb(var(--primary)); } .hs-accordion.active.hs-accordion-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .hs-accordion.active.hs-accordion-active\:bg-secondary{ background-color: rgb(var(--secondary)); } .hs-accordion.active.hs-accordion-active\:bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .hs-accordion.active.hs-accordion-active\:pb-3{ padding-bottom: 0.75rem; } .hs-accordion.active.hs-accordion-active\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active.hs-accordion-active\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hs-accordion.active.hs-accordion-active\:text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hs-accordion.active.hs-accordion-active\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active.hs-accordion-active\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active.hs-accordion-active\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active.hs-accordion-active\:text-success{ color: rgb(var(--success)); } .hs-accordion.active.hs-accordion-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active.group:hover .hs-accordion-active\:group-hover\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active.group:hover .hs-accordion-active\:group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active.group:hover .hs-accordion-active\:group-hover\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active.group:hover .hs-accordion-active\:group-hover\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active.group:hover .hs-accordion-active\:group-hover\:text-success{ color: rgb(var(--success)); } .hs-accordion.active.group:hover .hs-accordion-active\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-active\:block{ display: block; } .hs-accordion.active > .hs-accordion-active\:hidden{ display: none; } .hs-accordion.active > .hs-accordion-active\:border{ border-width: 1px; } .hs-accordion.active > .hs-accordion-active\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .hs-accordion.active > .hs-accordion-active\:border-transparent{ border-color: transparent; } .hs-accordion.active > .hs-accordion-active\:\!bg-primary{ background-color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-active\:bg-primary{ background-color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .hs-accordion.active > .hs-accordion-active\:bg-secondary{ background-color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-active\:bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .hs-accordion.active > .hs-accordion-active\:pb-3{ padding-bottom: 0.75rem; } .hs-accordion.active > .hs-accordion-active\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-active\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hs-accordion.active > .hs-accordion-active\:text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-active\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-active\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-active\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-active\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .group:hover .hs-accordion-active\:group-hover\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .group:hover .hs-accordion-active\:group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .group:hover .hs-accordion-active\:group-hover\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .group:hover .hs-accordion-active\:group-hover\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .group:hover .hs-accordion-active\:group-hover\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .group:hover .hs-accordion-active\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:block{ display: block; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:hidden{ display: none; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:border{ border-width: 1px; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:border-transparent{ border-color: transparent; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:\!bg-primary{ background-color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:bg-primary{ background-color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:bg-secondary{ background-color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:pb-3{ padding-bottom: 0.75rem; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:block{ display: block; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:hidden{ display: none; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:border{ border-width: 1px; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:border-transparent{ border-color: transparent; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:\!bg-primary{ background-color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:bg-primary{ background-color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:bg-secondary{ background-color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:pb-3{ padding-bottom: 0.75rem; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .hs-accordion-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .group:hover .hs-accordion-active\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:block{ display: block; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:hidden{ display: none; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:border{ border-width: 1px; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:border-transparent{ border-color: transparent; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:\!bg-primary{ background-color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:bg-primary{ background-color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:bg-secondary{ background-color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:pb-3{ padding-bottom: 0.75rem; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-toggle.hs-accordion-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:block{ display: block; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:hidden{ display: none; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:border{ border-width: 1px; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:border-gray-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:border-transparent{ border-color: transparent; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:\!bg-primary{ background-color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:bg-primary{ background-color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:bg-secondary{ background-color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:bg-secondary\/10{ background-color: rgb(var(--secondary) / 0.1); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:pb-3{ padding-bottom: 0.75rem; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:\!text-white{ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.hs-accordion-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:\!text-primary{ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-primary{ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-secondary{ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-success{ color: rgb(var(--success)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.group:hover .hs-accordion-active\:group-hover\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-collapse.open .hs-collapse-open\:block{ display: block; } .hs-collapse.open .hs-collapse-open\:hidden{ display: none; } .hs-collapse.open .hs-collapse-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-collapse.open.hs-collapse-open\:block{ display: block; } .hs-collapse.open.hs-collapse-open\:hidden{ display: none; } .hs-collapse.open.hs-collapse-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-collapse-toggle.open .hs-collapse-open\:block{ display: block; } .hs-collapse-toggle.open .hs-collapse-open\:hidden{ display: none; } .hs-collapse-toggle.open .hs-collapse-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hs-collapse-toggle.open.hs-collapse-open\:block{ display: block; } .hs-collapse-toggle.open.hs-collapse-open\:hidden{ display: none; } .hs-collapse-toggle.open.hs-collapse-open\:rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } [data-hs-tab].active.hs-tab-active\:border-b-2{ border-bottom-width: 2px; } [data-hs-tab].active.hs-tab-active\:border-primary{ border-color: rgb(var(--primary)); } [data-hs-tab].active.hs-tab-active\:\!border-b-primary{ border-bottom-color: rgb(var(--primary)) !important; } [data-hs-tab].active.hs-tab-active\:border-b-transparent{ border-bottom-color: transparent; } [data-hs-tab].active.hs-tab-active\:border-e-transparent{ border-inline-end-color: transparent; } [data-hs-tab].active.hs-tab-active\:\!bg-transparent{ background-color: transparent !important; } [data-hs-tab].active.hs-tab-active\:bg-danger\/20{ background-color: rgb(var(--danger) / 0.2); } [data-hs-tab].active.hs-tab-active\:bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } [data-hs-tab].active.hs-tab-active\:bg-primary{ background-color: rgb(var(--primary)); } [data-hs-tab].active.hs-tab-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } [data-hs-tab].active.hs-tab-active\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-hs-tab].active.hs-tab-active\:font-semibold{ font-weight: 600; } [data-hs-tab].active.hs-tab-active\:\!text-primary{ color: rgb(var(--primary)) !important; } [data-hs-tab].active.hs-tab-active\:text-danger{ color: rgb(var(--danger)); } [data-hs-tab].active.hs-tab-active\:text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } [data-hs-tab].active.hs-tab-active\:text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } [data-hs-tab].active.hs-tab-active\:text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } [data-hs-tab].active.hs-tab-active\:text-primary{ color: rgb(var(--primary)); } [data-hs-tab].active.hs-tab-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-hs-tab].active.hs-tab-active\:hover\:text-gray-800:hover{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } [data-hs-tab].active .hs-tab-active\:border-b-2{ border-bottom-width: 2px; } [data-hs-tab].active .hs-tab-active\:border-primary{ border-color: rgb(var(--primary)); } [data-hs-tab].active .hs-tab-active\:\!border-b-primary{ border-bottom-color: rgb(var(--primary)) !important; } [data-hs-tab].active .hs-tab-active\:border-b-transparent{ border-bottom-color: transparent; } [data-hs-tab].active .hs-tab-active\:border-e-transparent{ border-inline-end-color: transparent; } [data-hs-tab].active .hs-tab-active\:\!bg-transparent{ background-color: transparent !important; } [data-hs-tab].active .hs-tab-active\:bg-danger\/20{ background-color: rgb(var(--danger) / 0.2); } [data-hs-tab].active .hs-tab-active\:bg-gray-200{ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } [data-hs-tab].active .hs-tab-active\:bg-primary{ background-color: rgb(var(--primary)); } [data-hs-tab].active .hs-tab-active\:bg-primary\/10{ background-color: rgb(var(--primary) / 0.1); } [data-hs-tab].active .hs-tab-active\:bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } [data-hs-tab].active .hs-tab-active\:font-semibold{ font-weight: 600; } [data-hs-tab].active .hs-tab-active\:\!text-primary{ color: rgb(var(--primary)) !important; } [data-hs-tab].active .hs-tab-active\:text-danger{ color: rgb(var(--danger)); } [data-hs-tab].active .hs-tab-active\:text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); } [data-hs-tab].active .hs-tab-active\:text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } [data-hs-tab].active .hs-tab-active\:text-gray-900{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)); } [data-hs-tab].active .hs-tab-active\:text-primary{ color: rgb(var(--primary)); } [data-hs-tab].active .hs-tab-active\:text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-hs-tab].active .hs-tab-active\:hover\:text-gray-800:hover{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .open.hs-overlay-open\:\!mt-7{ margin-top: 1.75rem !important; } .open.hs-overlay-open\:mt-0{ margin-top: 0px; } .open.hs-overlay-open\:mt-7{ margin-top: 1.75rem; } .open.hs-overlay-open\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .open.hs-overlay-open\:opacity-100{ opacity: 1; } .open.hs-overlay-open\:duration-500{ transition-duration: 500ms; } .open .hs-overlay-open\:\!mt-7{ margin-top: 1.75rem !important; } .open .hs-overlay-open\:mt-0{ margin-top: 0px; } .open .hs-overlay-open\:mt-7{ margin-top: 1.75rem; } .open .hs-overlay-open\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .open .hs-overlay-open\:opacity-100{ opacity: 1; } .open .hs-overlay-open\:duration-500{ transition-duration: 500ms; } .hs-overlay-backdrop.hs-overlay-backdrop-open\:bg-blue-950\/90{ background-color: rgb(23 37 84 / 0.9); } .hs-overlay-backdrop.hs-overlay-backdrop-open\:bg-gray-900\/70{ background-color: rgb(17 24 39 / 0.7); } .hs-overlay-backdrop.hs-overlay-backdrop-open\:bg-gray-900\/80{ background-color: rgb(17 24 39 / 0.8); } .hs-overlay-backdrop.hs-overlay-backdrop-open\:bg-primary\/50{ background-color: rgb(var(--primary) / 0.5); } .hs-overlay-backdrop .hs-overlay-backdrop-open\:bg-blue-950\/90{ background-color: rgb(23 37 84 / 0.9); } .hs-overlay-backdrop .hs-overlay-backdrop-open\:bg-gray-900\/70{ background-color: rgb(17 24 39 / 0.7); } .hs-overlay-backdrop .hs-overlay-backdrop-open\:bg-gray-900\/80{ background-color: rgb(17 24 39 / 0.8); } .hs-overlay-backdrop .hs-overlay-backdrop-open\:bg-primary\/50{ background-color: rgb(var(--primary) / 0.5); } .active.hs-scrollspy-active\:text-primary{ color: rgb(var(--primary)); } .selected.hs-selected\:block{ display: block; } .selected.hs-selected\:font-semibold{ font-weight: 600; } .selected .hs-selected\:block{ display: block; } .selected .hs-selected\:font-semibold{ font-weight: 600; } .disabled.hs-select-disabled\:pointer-events-none{ pointer-events: none; } .disabled.hs-select-disabled\:opacity-50{ opacity: 0.5; } .disabled .hs-select-disabled\:pointer-events-none{ pointer-events: none; } .disabled .hs-select-disabled\:opacity-50{ opacity: 0.5; } .active.hs-password-active\:block{ display: block; } .active.hs-password-active\:hidden{ display: none; } .active .hs-password-active\:block{ display: block; } .active .hs-password-active\:hidden{ display: none; } .passed.hs-strong-password\:opacity-100{ opacity: 1; } .passed .hs-strong-password\:opacity-100{ opacity: 1; } .accepted.hs-strong-password-accepted\:bg-success{ background-color: rgb(var(--success)); } .accepted .hs-strong-password-accepted\:bg-success{ background-color: rgb(var(--success)); } .active.hs-strong-password-active\:text-success{ color: rgb(var(--success)); } .success .hs-success\:flex{ display: flex; } .success .hs-success\:border-success{ border-color: rgb(var(--success)); } .success .hs-success\:focus\:border-success:focus{ border-color: rgb(var(--success)); } .success .hs-success\:focus\:ring-success:focus{ --tw-ring-color: rgb(var(--success)); } .success.hs-success\:flex{ display: flex; } .success.hs-success\:border-success{ border-color: rgb(var(--success)); } .success.hs-success\:focus\:border-success:focus{ border-color: rgb(var(--success)); } .success.hs-success\:focus\:ring-success:focus{ --tw-ring-color: rgb(var(--success)); } .error .hs-error\:block{ display: block; } .error .hs-error\:border-danger{ border-color: rgb(var(--danger)); } .error .hs-error\:focus\:border-danger:focus{ border-color: rgb(var(--danger)); } .error .hs-error\:focus\:ring-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .error.hs-error\:block{ display: block; } .error.hs-error\:border-danger{ border-color: rgb(var(--danger)); } .error.hs-error\:focus\:border-danger:focus{ border-color: rgb(var(--danger)); } .error.hs-error\:focus\:ring-danger:focus{ --tw-ring-color: rgb(var(--danger)); } .dark .hs-dark-mode-active\:flex{ display: flex; } .dark .hs-dark-mode-active\:hidden{ display: none; } .dark\:block:is(.dark *){ display: block; } .dark\:hidden:is(.dark *){ display: none; } @keyframes ping{ 75%, 100%{ transform: scale(2); opacity: 0; } } .dark\:animate-ping:is(.dark *){ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } .dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity: 1; border-color: rgb(55 65 81 / var(--tw-divide-opacity)); } .dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]){ border-color: rgb(255 255 255 / 0.1); } .dark\:border:is(.dark *){ border-width: 1px; } .dark\:\!border-defaultborder\/10:is(.dark *){ border-color: rgb(var(--default-border) / 0.1) !important; } .dark\:\!border-primary\/50:is(.dark *){ border-color: rgb(var(--primary) / 0.5) !important; } .dark\:\!border-primarytint1color\/50:is(.dark *){ border-color: rgb(var(--primary-tint1-rgb) / 0.5) !important; } .dark\:\!border-primarytint2color\/50:is(.dark *){ border-color: rgb(var(--primary-tint2-rgb) / 0.5) !important; } .dark\:\!border-primarytint3color\/50:is(.dark *){ border-color: rgb(var(--primary-tint3-rgb) / 0.5) !important; } .dark\:border-\[\#e2e6f1\]:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(226 230 241 / var(--tw-border-opacity)); } .dark\:border-\[textmuted\/50_transparent_transparent\]:is(.dark *){ border-color: textmuted/50 transparent transparent; } .dark\:border-defaultborder\/10:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .dark\:border-defaultborder\/20:is(.dark *){ border-color: rgb(var(--default-border) / 0.2); } .dark\:border-headerbordercolor\/10:is(.dark *){ border-color: rgb(var(--header-border-color) / 0.1); } .dark\:border-info\/\[0\.025\]:is(.dark *){ border-color: rgb(var(--info) / 0.025); } .dark\:border-inputborder\/10:is(.dark *){ border-color: rgb(var(--input-border) / 0.1); } .dark\:border-light:is(.dark *){ border-color: rgb(var(--light)); } .dark\:border-neutral-700:is(.dark *){ --tw-border-opacity: 1; border-color: rgb(64 64 64 / var(--tw-border-opacity)); } .dark\:border-primary:is(.dark *){ border-color: rgb(var(--primary)); } .dark\:border-transparent:is(.dark *){ border-color: transparent; } .dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .dark\:border-white\/30:is(.dark *){ border-color: rgb(255 255 255 / 0.3); } .dark\:border-b-defaultborder\/10:is(.dark *){ border-bottom-color: rgb(var(--default-border) / 0.1); } .dark\:border-b-textmuted\/50:is(.dark *){ border-bottom-color: rgb(var(--text-muted) / 0.5); } .dark\:border-b-white\/10:is(.dark *){ border-bottom-color: rgb(255 255 255 / 0.1); } .dark\:border-e-defaultborder\/10:is(.dark *){ border-inline-end-color: rgb(var(--default-border) / 0.1); } .dark\:border-t-defaultborder\/10:is(.dark *){ border-top-color: rgb(var(--default-border) / 0.1); } .dark\:border-t-textmuted\/50:is(.dark *){ border-top-color: rgb(var(--text-muted) / 0.5); } .dark\:border-t-textmuted\/\[0\.5\]:is(.dark *){ border-top-color: rgb(var(--text-muted) / 0.5); } .dark\:\!bg-black:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important; } .dark\:\!bg-bodybg:is(.dark *){ background-color: rgb(var(--body-bg)) !important; } .dark\:\!bg-defaulttextcolor\/10:is(.dark *){ background-color: rgb(var(--default-text-color) / 0.1) !important; } .dark\:\!bg-light:is(.dark *){ background-color: rgb(var(--light)) !important; } .dark\:\!bg-primary:is(.dark *){ background-color: rgb(var(--primary)) !important; } .dark\:\!bg-primary\/10:is(.dark *){ background-color: rgb(var(--primary) / 0.1) !important; } .dark\:\!bg-primarytint3color:is(.dark *){ background-color: rgb(var(--primary-tint3-rgb)) !important; } .dark\:\!bg-white:is(.dark *){ --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .dark\:bg-\[\#61748f\]:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(97 116 143 / var(--tw-bg-opacity)); } .dark\:bg-black:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .dark\:bg-black\/20:is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .dark\:bg-bodybg:is(.dark *){ background-color: rgb(var(--body-bg)); } .dark\:bg-bodybg\/50:is(.dark *){ background-color: rgb(var(--body-bg) / 0.5); } .dark\:bg-bodybg2:is(.dark *){ background-color: rgb(var(--dark-bg)); } .dark\:bg-danger\/25:is(.dark *){ background-color: rgb(var(--danger) / 0.25); } .dark\:bg-defaultborder\/10:is(.dark *){ background-color: rgb(var(--default-border) / 0.1); } .dark\:bg-gray-100\/10:is(.dark *){ background-color: rgb(243 244 246 / 0.1); } .dark\:bg-gray-800\/25:is(.dark *){ background-color: rgb(31 41 55 / 0.25); } .dark\:bg-light:is(.dark *){ background-color: rgb(var(--light)); } .dark\:bg-neutral-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); } .dark\:bg-neutral-700\/50:is(.dark *){ background-color: rgb(64 64 64 / 0.5); } .dark\:bg-neutral-800:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); } .dark\:bg-neutral-900:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(23 23 23 / var(--tw-bg-opacity)); } .dark\:bg-primary:is(.dark *){ background-color: rgb(var(--primary)); } .dark\:bg-primary\/10:is(.dark *){ background-color: rgb(var(--primary) / 0.1); } .dark\:bg-slate-700:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity)); } .dark\:bg-success\/25:is(.dark *){ background-color: rgb(var(--success) / 0.25); } .dark\:bg-transparent:is(.dark *){ background-color: transparent; } .dark\:bg-white:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .dark\:bg-white\/10:is(.dark *){ background-color: rgb(255 255 255 / 0.1); } .dark\:bg-white\/80:is(.dark *){ background-color: rgb(255 255 255 / 0.8); } .dark\:bg-yellow-600:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); } .dark\:dark\:bg-bodybg:is(.dark *):is(.dark *){ background-color: rgb(var(--body-bg)); } .dark\:bg-opacity-80:is(.dark *){ --tw-bg-opacity: 0.8; } .dark\:fill-\[255\2c 255\2c 255\2c 0\.4\]:is(.dark *){ fill: 255,255,255,0.4; } .dark\:fill-defaulttextcolor\/60:is(.dark *){ fill: rgb(var(--default-text-color) / 0.6); } .dark\:fill-defaulttextcolor\/70:is(.dark *){ fill: rgb(var(--default-text-color) / 0.7); } .dark\:fill-defaulttextcolor\/80:is(.dark *){ fill: rgb(var(--default-text-color) / 0.8); } .dark\:fill-textmuted\/50:is(.dark *){ fill: rgb(var(--text-muted) / 0.5); } .dark\:stroke-bodybg:is(.dark *){ stroke: rgb(var(--body-bg)); } .dark\:stroke-defaultborder\/10:is(.dark *){ stroke: rgb(var(--default-border) / 0.1); } .dark\:\!text-black:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .dark\:\!text-danger:is(.dark *){ color: rgb(var(--danger)) !important; } .dark\:\!text-defaulttextcolor:is(.dark *){ color: rgb(var(--default-text-color)) !important; } .dark\:\!text-defaulttextcolor\/70:is(.dark *){ color: rgb(var(--default-text-color) / 0.7) !important; } .dark\:\!text-defaulttextcolor\/80:is(.dark *){ color: rgb(var(--default-text-color) / 0.8) !important; } .dark\:\!text-info:is(.dark *){ color: rgb(var(--info)) !important; } .dark\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .dark\:\!text-secondary:is(.dark *){ color: rgb(var(--secondary)) !important; } .dark\:\!text-success:is(.dark *){ color: rgb(var(--success)) !important; } .dark\:\!text-warning:is(.dark *){ color: rgb(var(--warning)) !important; } .dark\:text-\[\#536485\]:is(.dark *){ --tw-text-opacity: 1; color: rgb(83 100 133 / var(--tw-text-opacity)); } .dark\:text-\[\#61748f\]:is(.dark *){ --tw-text-opacity: 1; color: rgb(97 116 143 / var(--tw-text-opacity)); } .dark\:text-\[\#8c9097\]:is(.dark *){ --tw-text-opacity: 1; color: rgb(140 144 151 / var(--tw-text-opacity)); } .dark\:text-black:is(.dark *){ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .dark\:text-danger:is(.dark *){ color: rgb(var(--danger)); } .dark\:text-defaulttextcolor\/10:is(.dark *){ color: rgb(var(--default-text-color) / 0.1); } .dark\:text-defaulttextcolor\/50:is(.dark *){ color: rgb(var(--default-text-color) / 0.5); } .dark\:text-defaulttextcolor\/70:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } .dark\:text-defaulttextcolor\/80:is(.dark *){ color: rgb(var(--default-text-color) / 0.8); } .dark\:text-gray-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); } .dark\:text-gray-300:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark\:text-gray-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .dark\:text-gray-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .dark\:text-neutral-200:is(.dark *){ --tw-text-opacity: 1; color: rgb(229 229 229 / var(--tw-text-opacity)); } .dark\:text-neutral-400:is(.dark *){ --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity)); } .dark\:text-neutral-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity)); } .dark\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .dark\:text-success:is(.dark *){ color: rgb(var(--success)); } .dark\:text-textmuted\/50:is(.dark *){ color: rgb(var(--text-muted) / 0.5); } .dark\:text-warning:is(.dark *){ color: rgb(var(--warning)); } .dark\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .dark\:text-white\/10:is(.dark *){ color: rgb(255 255 255 / 0.1); } .dark\:text-white\/50:is(.dark *){ color: rgb(255 255 255 / 0.5); } .dark\:text-white\/70:is(.dark *){ color: rgb(255 255 255 / 0.7); } .dark\:text-white\/80:is(.dark *){ color: rgb(255 255 255 / 0.8); } .dark\:shadow-\[0_0_0_2px_rgb\(--body-bg\)\]:is(.dark *){ --tw-shadow: 0 0 0 2px rgb(--body-bg); --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0px_2px_1px_-1px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]:is(.dark *){ --tw-shadow: 0px 2px 1px -1px rgba(255,255,255,0.05); --tw-shadow-colored: 0px 2px 1px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[0rem_0rem_1rem_rgba\(255\2c 255\2c 255\2c 0\.1\)\]:is(.dark *){ --tw-shadow: 0rem 0rem 1rem rgba(255,255,255,0.1); --tw-shadow-colored: 0rem 0rem 1rem var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-none:is(.dark *){ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:shadow-\[rgba\(255\2c 255\2c 255\2c \.4\)\]:is(.dark *){ --tw-shadow-color: rgba(255,255,255,.4); --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-white\/10:is(.dark *){ --tw-shadow-color: rgb(255 255 255 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .dark\:ring-bodybg:is(.dark *){ --tw-ring-color: rgb(var(--body-bg)); } .dark\:invert:is(.dark *){ --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:invert-\[1\]:is(.dark *){ --tw-invert: invert(1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:file\:bg-black\/20:is(.dark *)::file-selector-button{ background-color: rgb(0 0 0 / 0.2); } .dark\:file\:text-white\/50:is(.dark *)::file-selector-button{ color: rgb(255 255 255 / 0.5); } .dark\:placeholder\:text-defaulttextcolor\/80:is(.dark *)::-moz-placeholder{ color: rgb(var(--default-text-color) / 0.8); } .dark\:placeholder\:text-defaulttextcolor\/80:is(.dark *)::placeholder{ color: rgb(var(--default-text-color) / 0.8); } .dark\:placeholder\:text-white\/50:is(.dark *)::-moz-placeholder{ color: rgb(255 255 255 / 0.5); } .dark\:placeholder\:text-white\/50:is(.dark *)::placeholder{ color: rgb(255 255 255 / 0.5); } .dark\:before\:border-defaultborder\/10:is(.dark *)::before{ content: var(--tw-content); border-color: rgb(var(--default-border) / 0.1); } .before\:dark\:bg-defaultborder\/10:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--default-border) / 0.1); } .dark\:before\:\!bg-primary:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--primary)) !important; } .dark\:before\:\!bg-primarytint1color:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--primary-tint1-rgb)) !important; } .dark\:before\:\!bg-primarytint2color:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--primary-tint2-rgb)) !important; } .dark\:before\:\!bg-primarytint3color:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--primary-tint3-rgb)) !important; } .dark\:before\:\!bg-secondary:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--secondary)) !important; } .dark\:before\:\!bg-warning:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--warning)) !important; } .dark\:before\:bg-\[\#61748f\]:is(.dark *)::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(97 116 143 / var(--tw-bg-opacity)); } .dark\:before\:bg-black\/20:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(0 0 0 / 0.2); } .dark\:before\:bg-defaultborder\/50:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--default-border) / 0.5); } .dark\:before\:bg-light:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--light)); } .dark\:before\:text-black:is(.dark *)::before{ content: var(--tw-content); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .dark\:before\:text-textmuted\/50:is(.dark *)::before{ content: var(--tw-content); color: rgb(var(--text-muted) / 0.5); } .after\:dark\:border-e-bodybg:is(.dark *)::after{ content: var(--tw-content); border-inline-end-color: rgb(var(--body-bg)); } .after\:dark\:border-s-bodybg:is(.dark *)::after{ content: var(--tw-content); border-inline-start-color: rgb(var(--body-bg)); } .dark\:after\:bg-\[\#61748f\]:is(.dark *)::after{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(97 116 143 / var(--tw-bg-opacity)); } .dark\:after\:bg-light:is(.dark *)::after{ content: var(--tw-content); background-color: rgb(var(--light)); } .dark\:odd\:dark\:bg-bodybg:is(.dark *):nth-child(odd):is(.dark *){ background-color: rgb(var(--body-bg)); } .dark\:checked\:border-primary:checked:is(.dark *){ border-color: rgb(var(--primary)); } .dark\:checked\:\!bg-white\/50:checked:is(.dark *){ background-color: rgb(255 255 255 / 0.5) !important; } .dark\:checked\:bg-green-600:checked:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } .dark\:checked\:bg-primary:checked:is(.dark *){ background-color: rgb(var(--primary)); } .dark\:checked\:bg-primary\/30:checked:is(.dark *){ background-color: rgb(var(--primary) / 0.3); } .dark\:checked\:bg-red-600:checked:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); } .dark\:checked\:before\:bg-black\/20:checked:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(0 0 0 / 0.2); } .dark\:checked\:before\:bg-bodybg:checked:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--body-bg)); } .dark\:checked\:before\:bg-bodybg2:checked:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--dark-bg)); } .dark\:checked\:before\:bg-green-200:checked:is(.dark *)::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); } .dark\:checked\:before\:bg-primary:checked:is(.dark *)::before{ content: var(--tw-content); background-color: rgb(var(--primary)); } .dark\:checked\:before\:bg-red-200:checked:is(.dark *)::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } .dark\:checked\:before\:bg-white:checked:is(.dark *)::before{ content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .dark\:hover\:border-white\/\[\.1\]:hover:is(.dark *){ border-color: rgb(255 255 255 / .1); } .dark\:hover\:\!bg-light:hover:is(.dark *){ background-color: rgb(var(--light)) !important; } .dark\:hover\:\!bg-primary:hover:is(.dark *){ background-color: rgb(var(--primary)) !important; } .dark\:hover\:bg-black\/20:hover:is(.dark *){ background-color: rgb(0 0 0 / 0.2); } .dark\:hover\:bg-bodybg:hover:is(.dark *){ background-color: rgb(var(--body-bg)); } .dark\:hover\:bg-bodybg\/50:hover:is(.dark *){ background-color: rgb(var(--body-bg) / 0.5); } .dark\:hover\:bg-danger\/50:hover:is(.dark *){ background-color: rgb(var(--danger) / 0.5); } .dark\:hover\:bg-gray-200:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } .dark\:hover\:bg-gray-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } .dark\:hover\:bg-light:hover:is(.dark *){ background-color: rgb(var(--light)); } .dark\:hover\:bg-neutral-700:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); } .dark\:hover\:bg-neutral-800:hover:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); } .dark\:hover\:bg-primary:hover:is(.dark *){ background-color: rgb(var(--primary)); } .dark\:hover\:bg-primary\/5:hover:is(.dark *){ background-color: rgb(var(--primary) / 0.05); } .dark\:hover\:bg-success\/50:hover:is(.dark *){ background-color: rgb(var(--success) / 0.5); } .dark\:hover\:bg-white\/10:hover:is(.dark *){ background-color: rgb(255 255 255 / 0.1); } .dark\:hover\:bg-white\/20:hover:is(.dark *){ background-color: rgb(255 255 255 / 0.2); } .dark\:hover\:bg-white\/\[\.05\]:hover:is(.dark *){ background-color: rgb(255 255 255 / .05); } .dark\:hover\:\!text-white:hover:is(.dark *){ --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .dark\:hover\:text-gray-300:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } .dark\:hover\:text-gray-400:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .dark\:hover\:text-gray-500:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .dark\:hover\:text-gray-800:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } .dark\:hover\:text-primary:hover:is(.dark *){ color: rgb(var(--primary)); } .dark\:hover\:text-primary\/80:hover:is(.dark *){ color: rgb(var(--primary) / 0.8); } .dark\:hover\:text-white:hover:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .dark\:hover\:text-white\/70:hover:is(.dark *){ color: rgb(255 255 255 / 0.7); } .dark\:hover\:text-white\/80:hover:is(.dark *){ color: rgb(255 255 255 / 0.8); } .dark\:focus\:border-x-0:focus:is(.dark *){ border-left-width: 0px; border-right-width: 0px; } .dark\:focus\:border-t-0:focus:is(.dark *){ border-top-width: 0px; } .dark\:focus\:border-defaultborder\/10:focus:is(.dark *){ border-color: rgb(var(--default-border) / 0.1); } .dark\:focus\:border-white\/10:focus:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .dark\:focus\:border-b-primary:focus:is(.dark *){ border-bottom-color: rgb(var(--primary)); } .dark\:focus\:bg-bodybg:focus:is(.dark *){ background-color: rgb(var(--body-bg)); } .dark\:focus\:bg-gray-500:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)); } .dark\:focus\:bg-neutral-600:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(82 82 82 / var(--tw-bg-opacity)); } .dark\:focus\:bg-neutral-800:focus:is(.dark *){ --tw-bg-opacity: 1; background-color: rgb(38 38 38 / var(--tw-bg-opacity)); } .dark\:focus\:bg-white\/10:focus:is(.dark *){ background-color: rgb(255 255 255 / 0.1); } .dark\:focus\:text-gray-400:focus:is(.dark *){ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .dark\:focus\:text-primary:focus:is(.dark *){ color: rgb(var(--primary)); } .dark\:focus\:shadow-none:focus:is(.dark *){ --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .dark\:focus\:shadow-white\/10:focus:is(.dark *){ --tw-shadow-color: rgb(255 255 255 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .dark\:focus\:outline-none:focus:is(.dark *){ outline: 2px solid transparent; outline-offset: 2px; } .dark\:focus\:ring-0:focus:is(.dark *){ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .dark\:focus\:ring-1:focus:is(.dark *){ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .dark\:focus\:ring-gray-400:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity)); } .dark\:focus\:ring-gray-500:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } .dark\:focus\:ring-gray-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity)); } .dark\:focus\:ring-green-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(21 128 61 / var(--tw-ring-opacity)); } .dark\:focus\:ring-indigo-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(67 56 202 / var(--tw-ring-opacity)); } .dark\:focus\:ring-neutral-600:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity)); } .dark\:focus\:ring-primary:focus:is(.dark *){ --tw-ring-color: rgb(var(--primary)); } .dark\:focus\:ring-red-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity)); } .dark\:focus\:ring-transparent:focus:is(.dark *){ --tw-ring-color: transparent; } .dark\:focus\:ring-white\/10:focus:is(.dark *){ --tw-ring-color: rgb(255 255 255 / 0.1); } .dark\:focus\:ring-yellow-700:focus:is(.dark *){ --tw-ring-opacity: 1; --tw-ring-color: rgb(161 98 7 / var(--tw-ring-opacity)); } .dark\:focus\:ring-offset-gray-600:focus:is(.dark *){ --tw-ring-offset-color: #4b5563; } .dark\:focus\:ring-offset-green-500:focus:is(.dark *){ --tw-ring-offset-color: #22c55e; } .dark\:focus\:ring-offset-indigo-500:focus:is(.dark *){ --tw-ring-offset-color: #6366f1; } .dark\:focus\:ring-offset-primary:focus:is(.dark *){ --tw-ring-offset-color: rgb(var(--primary)); } .dark\:focus\:ring-offset-red-500:focus:is(.dark *){ --tw-ring-offset-color: #ef4444; } .dark\:focus\:ring-offset-transparent:focus:is(.dark *){ --tw-ring-offset-color: transparent; } .dark\:focus\:ring-offset-white\/10:focus:is(.dark *){ --tw-ring-offset-color: rgb(255 255 255 / 0.1); } .dark\:focus\:ring-offset-yellow-500:focus:is(.dark *){ --tw-ring-offset-color: #eab308; } .hs-accordion.active.dark\:hs-accordion-active\:border:is(.dark *){ border-width: 1px; } .hs-accordion.active.dark\:hs-accordion-active\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .hs-accordion.active.dark\:hs-accordion-active\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .hs-accordion.active.dark\:hs-accordion-active\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .hs-accordion.active.dark\:hs-accordion-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .hs-accordion.active.dark\:hs-accordion-active\:text-secondary:is(.dark *){ color: rgb(var(--secondary)); } .hs-accordion.active.dark\:hs-accordion-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .dark\:hs-accordion-active\:border:is(.dark *){ border-width: 1px; } .hs-accordion.active > .dark\:hs-accordion-active\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .hs-accordion.active > .dark\:hs-accordion-active\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .hs-accordion.active > .dark\:hs-accordion-active\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .hs-accordion.active > .dark\:hs-accordion-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .hs-accordion.active > .dark\:hs-accordion-active\:text-secondary:is(.dark *){ color: rgb(var(--secondary)); } .hs-accordion.active > .dark\:hs-accordion-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:border:is(.dark *){ border-width: 1px; } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:text-secondary:is(.dark *){ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle .dark\:hs-accordion-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:border:is(.dark *){ border-width: 1px; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:text-secondary:is(.dark *){ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle .dark\:hs-accordion-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:border:is(.dark *){ border-width: 1px; } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:text-secondary:is(.dark *){ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-toggle.dark\:hs-accordion-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:border:is(.dark *){ border-width: 1px; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:\!text-primary:is(.dark *){ color: rgb(var(--primary)) !important; } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:text-blue-500:is(.dark *){ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:text-secondary:is(.dark *){ color: rgb(var(--secondary)); } .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle.dark\:hs-accordion-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-hs-tab].active.dark\:hs-tab-active\:border-b-white\/10:is(.dark *){ border-bottom-color: rgb(255 255 255 / 0.1); } [data-hs-tab].active.dark\:hs-tab-active\:bg-danger\/20:is(.dark *){ background-color: rgb(var(--danger) / 0.2); } [data-hs-tab].active.dark\:hs-tab-active\:bg-light:is(.dark *){ background-color: rgb(var(--light)); } [data-hs-tab].active.dark\:hs-tab-active\:bg-primary:is(.dark *){ background-color: rgb(var(--primary)); } [data-hs-tab].active.dark\:hs-tab-active\:bg-transparent:is(.dark *){ background-color: transparent; } [data-hs-tab].active.dark\:hs-tab-active\:text-danger:is(.dark *){ color: rgb(var(--danger)); } [data-hs-tab].active.dark\:hs-tab-active\:text-defaulttextcolor\/70:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } [data-hs-tab].active.dark\:hs-tab-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } [data-hs-tab].active.dark\:hs-tab-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } [data-hs-tab].active .dark\:hs-tab-active\:border-b-white\/10:is(.dark *){ border-bottom-color: rgb(255 255 255 / 0.1); } [data-hs-tab].active .dark\:hs-tab-active\:bg-danger\/20:is(.dark *){ background-color: rgb(var(--danger) / 0.2); } [data-hs-tab].active .dark\:hs-tab-active\:bg-light:is(.dark *){ background-color: rgb(var(--light)); } [data-hs-tab].active .dark\:hs-tab-active\:bg-primary:is(.dark *){ background-color: rgb(var(--primary)); } [data-hs-tab].active .dark\:hs-tab-active\:bg-transparent:is(.dark *){ background-color: transparent; } [data-hs-tab].active .dark\:hs-tab-active\:text-danger:is(.dark *){ color: rgb(var(--danger)); } [data-hs-tab].active .dark\:hs-tab-active\:text-defaulttextcolor\/70:is(.dark *){ color: rgb(var(--default-text-color) / 0.7); } [data-hs-tab].active .dark\:hs-tab-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } [data-hs-tab].active .dark\:hs-tab-active\:text-white:is(.dark *){ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hs-overlay-backdrop.dark\:hs-overlay-backdrop-open\:bg-blue-950\/90:is(.dark *){ background-color: rgb(23 37 84 / 0.9); } .hs-overlay-backdrop.dark\:hs-overlay-backdrop-open\:bg-primary\/50:is(.dark *){ background-color: rgb(var(--primary) / 0.5); } .hs-overlay-backdrop .dark\:hs-overlay-backdrop-open\:bg-blue-950\/90:is(.dark *){ background-color: rgb(23 37 84 / 0.9); } .hs-overlay-backdrop .dark\:hs-overlay-backdrop-open\:bg-primary\/50:is(.dark *){ background-color: rgb(var(--primary) / 0.5); } .active.dark\:hs-scrollspy-active\:text-primary:is(.dark *){ color: rgb(var(--primary)); } @media (min-width: 480px){ .sm\:col-span-10{ grid-column: span 10 / span 10; } .sm\:col-span-12{ grid-column: span 12 / span 12; } .sm\:col-span-2{ grid-column: span 2 / span 2; } .sm\:col-span-3{ grid-column: span 3 / span 3; } .sm\:col-span-4{ grid-column: span 4 / span 4; } .sm\:col-span-5{ grid-column: span 5 / span 5; } .sm\:col-span-6{ grid-column: span 6 / span 6; } .sm\:col-span-7{ grid-column: span 7 / span 7; } .sm\:col-span-8{ grid-column: span 8 / span 8; } .sm\:float-end{ float: inline-end; } .sm\:m-0{ margin: 0px; } .sm\:\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .sm\:mx-auto{ margin-left: auto; margin-right: auto; } .sm\:\!mt-0{ margin-top: 0px !important; } .sm\:-ms-px{ margin-inline-start: -1px; } .sm\:mb-0{ margin-bottom: 0px; } .sm\:me-2{ margin-inline-end: 0.5rem; } .sm\:me-4{ margin-inline-end: 1rem; } .sm\:me-\[3rem\]{ margin-inline-end: 3rem; } .sm\:ms-0{ margin-inline-start: 0px; } .sm\:ms-2{ margin-inline-start: 0.5rem; } .sm\:ms-3{ margin-inline-start: 0.75rem; } .sm\:ms-4{ margin-inline-start: 1rem; } .sm\:ms-auto{ margin-inline-start: auto; } .sm\:mt-0{ margin-top: 0px; } .sm\:mt-2{ margin-top: 0.5rem; } .sm\:mt-3{ margin-top: 0.75rem; } .sm\:block{ display: block; } .sm\:inline-block{ display: inline-block; } .sm\:flex{ display: flex; } .sm\:\!inline-flex{ display: inline-flex !important; } .sm\:grid{ display: grid; } .sm\:hidden{ display: none; } .sm\:size-\[62px\]{ width: 62px; height: 62px; } .sm\:\!w-\[50\%\]{ width: 50% !important; } .sm\:w-48{ width: 12rem; } .sm\:w-96{ width: 24rem; } .sm\:w-\[1\.25rem\]{ width: 1.25rem; } .sm\:w-\[30rem\]{ width: 30rem; } .sm\:w-\[50\%\]{ width: 50%; } .sm\:w-\[80\%\]{ width: 80%; } .sm\:w-auto{ width: auto; } .sm\:w-full{ width: 100%; } .sm\:max-w-\[540px\]{ max-width: 540px; } .sm\:max-w-\[58\.33333333\%\]{ max-width: 58.33333333%; } .sm\:max-w-lg{ max-width: 32rem; } .sm\:max-w-md{ max-width: 28rem; } .sm\:flex-shrink-0{ flex-shrink: 0; } .sm\:flex-grow-0{ flex-grow: 0; } .sm\:-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:columns-3{ -moz-columns: 3; columns: 3; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:flex-row{ flex-direction: row; } .sm\:flex-nowrap{ flex-wrap: nowrap; } .sm\:items-center{ align-items: center; } .sm\:justify-start{ justify-content: flex-start; } .sm\:justify-end{ justify-content: flex-end; } .sm\:justify-between{ justify-content: space-between; } .sm\:justify-evenly{ justify-content: space-evenly; } .sm\:gap-6{ gap: 1.5rem; } .sm\:gap-x-4{ -moz-column-gap: 1rem; column-gap: 1rem; } .sm\:gap-x-6{ -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .sm\:gap-y-4{ row-gap: 1rem; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(1.5rem * var(--tw-space-x-reverse)); margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:divide-x > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .sm\:\!rounded-none{ border-radius: 0 !important; } .sm\:rounded-sm{ border-radius: 0.25rem; } .sm\:\!rounded-bl-md{ border-bottom-left-radius: 0.5rem !important; } .sm\:\!rounded-bl-none{ border-bottom-left-radius: 0 !important; } .sm\:\!rounded-br-none{ border-bottom-right-radius: 0 !important; } .sm\:\!rounded-tl-none{ border-top-left-radius: 0 !important; } .sm\:\!rounded-tr-md{ border-top-right-radius: 0.5rem !important; } .sm\:rounded-se-none{ border-start-end-radius: 0; } .sm\:rounded-se-xl{ border-start-end-radius: 1rem; } .sm\:rounded-ss-none{ border-start-start-radius: 0; } .sm\:border{ border-width: 1px; } .sm\:\!border-b{ border-bottom-width: 1px !important; } .sm\:\!border-e-0{ border-inline-end-width: 0px !important; } .sm\:border-b{ border-bottom-width: 1px; } .sm\:border-b-2{ border-bottom-width: 2px; } .sm\:object-contain{ -o-object-fit: contain; object-fit: contain; } .sm\:\!p-4{ padding: 1rem !important; } .sm\:\!p-5{ padding: 1.25rem !important; } .sm\:p-12{ padding: 3rem; } .sm\:p-4{ padding: 1rem; } .sm\:p-5{ padding: 1.25rem; } .sm\:px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .sm\:px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .sm\:px-4{ padding-left: 1rem; padding-right: 1rem; } .sm\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:py-0{ padding-top: 0px; padding-bottom: 0px; } .sm\:py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .sm\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .sm\:pe-8{ padding-inline-end: 2rem; } .sm\:ps-3{ padding-inline-start: 0.75rem; } .sm\:ps-5{ padding-inline-start: 1.25rem; } .sm\:text-start{ text-align: start; } .sm\:text-end{ text-align: end; } .sm\:\!text-\[0\.87rem\]{ font-size: 0.87rem !important; } .sm\:text-\[0\.813rem\]{ font-size: 0.813rem; } .sm\:text-\[0\.87rem\]{ font-size: 0.87rem; } .sm\:shadow-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .sm\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .sm\:duration-\[150ms\]{ transition-duration: 150ms; } .sm\:\[--placement\:right\]{ --placement: right; } .sm\:\[--strategy\:absolute\]{ --strategy: absolute; } .sm\:\[--strategy\:fixed\]{ --strategy: fixed; } .sm\:\[--trigger\:hover\]{ --trigger: hover; } .file\:sm\:py-5::file-selector-button{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .sm\:first\:ms-0:first-child{ margin-inline-start: 0px; } .sm\:first\:rounded-s-sm:first-child{ border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .sm\:first\:rounded-es-sm:first-child{ border-end-start-radius: 0.25rem; } .sm\:first\:rounded-se-none:first-child{ border-start-end-radius: 0; } .sm\:last\:rounded-e-sm:last-child{ border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .sm\:last\:rounded-es-none:last-child{ border-end-start-radius: 0; } .sm\:last\:rounded-se-sm:last-child{ border-start-end-radius: 0.25rem; } .open.sm\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .open .sm\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .sm\:dark\:border:is(.dark *){ border-width: 1px; } .sm\:dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } } @media (min-width: 768px){ .md\:col-span-1{ grid-column: span 1 / span 1; } .md\:col-span-10{ grid-column: span 10 / span 10; } .md\:col-span-12{ grid-column: span 12 / span 12; } .md\:col-span-2{ grid-column: span 2 / span 2; } .md\:col-span-3{ grid-column: span 3 / span 3; } .md\:col-span-4{ grid-column: span 4 / span 4; } .md\:col-span-5{ grid-column: span 5 / span 5; } .md\:col-span-6{ grid-column: span 6 / span 6; } .md\:col-span-7{ grid-column: span 7 / span 7; } .md\:col-span-8{ grid-column: span 8 / span 8; } .md\:col-span-9{ grid-column: span 9 / span 9; } .md\:\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .md\:mx-auto{ margin-left: auto; margin-right: auto; } .md\:\!mt-0{ margin-top: 0px !important; } .md\:mb-0{ margin-bottom: 0px; } .md\:me-2{ margin-inline-end: 0.5rem; } .md\:ms-6{ margin-inline-start: 1.5rem; } .md\:mt-0{ margin-top: 0px; } .md\:\!block{ display: block !important; } .md\:block{ display: block; } .md\:flex{ display: flex; } .md\:inline-flex{ display: inline-flex; } .md\:\!hidden{ display: none !important; } .md\:w-auto{ width: auto; } .md\:w-full{ width: 100%; } .md\:\!max-w-2xl{ max-width: 42rem !important; } .md\:\!max-w-lg{ max-width: 32rem !important; } .md\:max-w-\[60\%\]{ max-width: 60%; } .md\:max-w-\[720px\]{ max-width: 720px; } .md\:max-w-lg{ max-width: 32rem; } .md\:flex-shrink-0{ flex-shrink: 0; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .md\:grid-cols-9{ grid-template-columns: repeat(9, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:justify-end{ justify-content: flex-end; } .md\:justify-between{ justify-content: space-between; } .md\:gap-2{ gap: 0.5rem; } .md\:\!rounded-md{ border-radius: 0.5rem !important; } .md\:rounded-sm{ border-radius: 0.25rem; } .md\:border{ border-width: 1px; } .md\:object-contain{ -o-object-fit: contain; object-fit: contain; } .md\:\!p-0{ padding: 0px !important; } .md\:p-5{ padding: 1.25rem; } .md\:\!px-\[0\.5rem\]{ padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .md\:px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .md\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .md\:text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); } .md\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .open.md\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .open .md\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .md\:dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } .md\:dark\:text-white\/70:is(.dark *){ color: rgb(255 255 255 / 0.7); } } @media (min-width: 992px){ .lg\:\!col-span-2{ grid-column: span 2 / span 2 !important; } .lg\:col-span-1{ grid-column: span 1 / span 1; } .lg\:col-span-10{ grid-column: span 10 / span 10; } .lg\:col-span-12{ grid-column: span 12 / span 12; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:col-span-3{ grid-column: span 3 / span 3; } .lg\:col-span-4{ grid-column: span 4 / span 4; } .lg\:col-span-5{ grid-column: span 5 / span 5; } .lg\:col-span-6{ grid-column: span 6 / span 6; } .lg\:col-span-7{ grid-column: span 7 / span 7; } .lg\:col-span-8{ grid-column: span 8 / span 8; } .lg\:\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .lg\:\!mt-0{ margin-top: 0px !important; } .lg\:block{ display: block; } .lg\:flex{ display: flex; } .lg\:hidden{ display: none; } .lg\:w-full{ width: 100%; } .lg\:\!max-w-4xl{ max-width: 56rem !important; } .lg\:\!max-w-lg{ max-width: 32rem !important; } .lg\:max-w-\[960px\]{ max-width: 960px; } .lg\:translate-x-0{ --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-6{ grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:items-center{ align-items: center; } .lg\:gap-2{ gap: 0.5rem; } .lg\:space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .lg\:rounded-sm{ border-radius: 0.25rem; } .lg\:border{ border-width: 1px; } .lg\:object-contain{ -o-object-fit: contain; object-fit: contain; } .lg\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .open.lg\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .open .lg\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .lg\:dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } } @media (min-width: 1200px){ .xl\:col-span-1{ grid-column: span 1 / span 1; } .xl\:col-span-10{ grid-column: span 10 / span 10; } .xl\:col-span-12{ grid-column: span 12 / span 12; } .xl\:col-span-2{ grid-column: span 2 / span 2; } .xl\:col-span-3{ grid-column: span 3 / span 3; } .xl\:col-span-4{ grid-column: span 4 / span 4; } .xl\:col-span-5{ grid-column: span 5 / span 5; } .xl\:col-span-6{ grid-column: span 6 / span 6; } .xl\:col-span-7{ grid-column: span 7 / span 7; } .xl\:col-span-8{ grid-column: span 8 / span 8; } .xl\:col-span-9{ grid-column: span 9 / span 9; } .xl\:\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .xl\:\!mt-0{ margin-top: 0px !important; } .xl\:mb-0{ margin-bottom: 0px; } .xl\:\!block{ display: block !important; } .xl\:block{ display: block; } .xl\:flex{ display: flex; } .xl\:\!max-w-xl{ max-width: 36rem !important; } .xl\:max-w-\[1140px\]{ max-width: 1140px; } .xl\:max-w-\[41\.66666667\%\]{ max-width: 41.66666667%; } .xl\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:rounded-sm{ border-radius: 0.25rem; } .xl\:border{ border-width: 1px; } .xl\:object-contain{ -o-object-fit: contain; object-fit: contain; } .xl\:\!p-0{ padding: 0px !important; } .xl\:ps-0{ padding-inline-start: 0px; } .xl\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .open.xl\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .open .xl\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .xl\:dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } } @media (min-width: 1400px){ .xxl\:\!col-span-12{ grid-column: span 12 / span 12 !important; } .xxl\:\!col-span-4{ grid-column: span 4 / span 4 !important; } .xxl\:\!col-span-6{ grid-column: span 6 / span 6 !important; } .xxl\:col-auto{ grid-column: auto; } .xxl\:col-span-12{ grid-column: span 12 / span 12; } .xxl\:col-span-2{ grid-column: span 2 / span 2; } .xxl\:col-span-3{ grid-column: span 3 / span 3; } .xxl\:col-span-4{ grid-column: span 4 / span 4; } .xxl\:col-span-5{ grid-column: span 5 / span 5; } .xxl\:col-span-6{ grid-column: span 6 / span 6; } .xxl\:col-span-7{ grid-column: span 7 / span 7; } .xxl\:col-span-8{ grid-column: span 8 / span 8; } .xxl\:col-span-9{ grid-column: span 9 / span 9; } .xxl\:\!mx-auto{ margin-left: auto !important; margin-right: auto !important; } .xxl\:\!mt-0{ margin-top: 0px !important; } .xxl\:mb-0{ margin-bottom: 0px; } .xxl\:mt-0{ margin-top: 0px; } .xxl\:mt-20{ margin-top: 5rem; } .xxl\:flex{ display: flex; } .xxl\:\!max-w-xl{ max-width: 36rem !important; } .xxl\:max-w-\[1320px\]{ max-width: 1320px; } .xxl\:grid-cols-5{ grid-template-columns: repeat(5, minmax(0, 1fr)); } .xxl\:grid-cols-7{ grid-template-columns: repeat(7, minmax(0, 1fr)); } .xxl\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .xxl\:flex-nowrap{ flex-wrap: nowrap; } .xxl\:items-center{ align-items: center; } .xxl\:justify-end{ justify-content: flex-end; } .xxl\:justify-between{ justify-content: space-between; } .xxl\:overflow-x-visible{ overflow-x: visible; } .xxl\:rounded-sm{ border-radius: 0.25rem; } .xxl\:border{ border-width: 1px; } .xxl\:object-contain{ -o-object-fit: contain; object-fit: contain; } .xxl\:pb-0{ padding-bottom: 0px; } .xxl\:pt-12{ padding-top: 3rem; } .xxl\:shadow-sm{ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .open.xxl\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .open .xxl\:hs-overlay-open\:\!mt-10{ margin-top: 2.5rem !important; } .xxl\:dark\:border-white\/10:is(.dark *){ border-color: rgb(255 255 255 / 0.1); } } .ltr\:float-right:where([dir="ltr"], [dir="ltr"] *){ float: right; } .ltr\:float-left:where([dir="ltr"], [dir="ltr"] *){ float: left; } .ltr\:ml-3:where([dir="ltr"], [dir="ltr"] *){ margin-left: 0.75rem; } .ltr\:mr-3:where([dir="ltr"], [dir="ltr"] *){ margin-right: 0.75rem; } .ltr\:-translate-x-full:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltr\:translate-x-full:where([dir="ltr"], [dir="ltr"] *){ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ltr\:\[--placement\:left\]:where([dir="ltr"], [dir="ltr"] *){ --placement: left; } .ltr\:checked\:before\:translate-x-full:checked:where([dir="ltr"], [dir="ltr"] *)::before{ content: var(--tw-content); --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 480px){ .ltr\:sm\:pl-5:where([dir="ltr"], [dir="ltr"] *){ padding-left: 1.25rem; } } .rtl\:-left-px:where([dir="rtl"], [dir="rtl"] *){ left: -1px; } .rtl\:end-\[0\.7188rem\]:where([dir="rtl"], [dir="rtl"] *){ inset-inline-end: 0.7188rem; } .rtl\:start-\[inherit\]:where([dir="rtl"], [dir="rtl"] *){ inset-inline-start: inherit; } .rtl\:float-right:where([dir="rtl"], [dir="rtl"] *){ float: right; } .rtl\:float-left:where([dir="rtl"], [dir="rtl"] *){ float: left; } .rtl\:me-2:where([dir="rtl"], [dir="rtl"] *){ margin-inline-end: 0.5rem; } .rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *){ margin-left: 0.75rem; } .rtl\:mr-3:where([dir="rtl"], [dir="rtl"] *){ margin-right: 0.75rem; } .rtl\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:translate-x-full:where([dir="rtl"], [dir="rtl"] *){ --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:rotate-90:where([dir="rtl"], [dir="rtl"] *){ --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } .rtl\:divide-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-divide-x-reverse: 1; } .rtl\:\!rounded-bl-md:where([dir="rtl"], [dir="rtl"] *){ border-bottom-left-radius: 0.5rem !important; } .rtl\:\!rounded-bl-none:where([dir="rtl"], [dir="rtl"] *){ border-bottom-left-radius: 0 !important; } .rtl\:\!rounded-br-md:where([dir="rtl"], [dir="rtl"] *){ border-bottom-right-radius: 0.5rem !important; } .rtl\:\!rounded-br-none:where([dir="rtl"], [dir="rtl"] *){ border-bottom-right-radius: 0 !important; } .rtl\:\!rounded-tl-md:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0.5rem !important; } .rtl\:\!rounded-tl-none:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0 !important; } .rtl\:\!rounded-tr-md:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.5rem !important; } .rtl\:\!rounded-tr-none:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0 !important; } .rtl\:rounded-bl-\[15px\]:where([dir="rtl"], [dir="rtl"] *){ border-bottom-left-radius: 15px; } .rtl\:rounded-bl-md:where([dir="rtl"], [dir="rtl"] *){ border-bottom-left-radius: 0.5rem; } .rtl\:rounded-br-md:where([dir="rtl"], [dir="rtl"] *){ border-bottom-right-radius: 0.5rem; } .rtl\:rounded-br-none:where([dir="rtl"], [dir="rtl"] *){ border-bottom-right-radius: 0; } .rtl\:rounded-tl-md:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0.5rem; } .rtl\:rounded-tl-none:where([dir="rtl"], [dir="rtl"] *){ border-top-left-radius: 0; } .rtl\:rounded-tr-md:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0.5rem; } .rtl\:rounded-tr-none:where([dir="rtl"], [dir="rtl"] *){ border-top-right-radius: 0; } .rtl\:\!border-e-0:where([dir="rtl"], [dir="rtl"] *){ border-inline-end-width: 0px !important; } .rtl\:\!border-s-0:where([dir="rtl"], [dir="rtl"] *){ border-inline-start-width: 0px !important; } .rtl\:border-s:where([dir="rtl"], [dir="rtl"] *){ border-inline-start-width: 1px; } .rtl\:bg-\[0\.5rem\]:where([dir="rtl"], [dir="rtl"] *){ background-position: 0.5rem; } .rtl\:bg-left:where([dir="rtl"], [dir="rtl"] *){ background-position: left; } .rtl\:pe-\[3rem\]:where([dir="rtl"], [dir="rtl"] *){ padding-inline-end: 3rem; } .rtl\:pe-\[52px\]:where([dir="rtl"], [dir="rtl"] *){ padding-inline-end: 52px; } .rtl\:pr-0:where([dir="rtl"], [dir="rtl"] *){ padding-right: 0px; } .rtl\:pr-5:where([dir="rtl"], [dir="rtl"] *){ padding-right: 1.25rem; } .rtl\:ps-\[0\.5rem\]:where([dir="rtl"], [dir="rtl"] *){ padding-inline-start: 0.5rem; } .rtl\:ps-\[6px\]:where([dir="rtl"], [dir="rtl"] *){ padding-inline-start: 6px; } .rtl\:text-end:where([dir="rtl"], [dir="rtl"] *){ text-align: end; } .rtl\:\[--placement\:bottom-left\]:where([dir="rtl"], [dir="rtl"] *){ --placement: bottom-left; } .rtl\:\[--placement\:left\]:where([dir="rtl"], [dir="rtl"] *){ --placement: left; } .rtl\:\[--placement\:right\]:where([dir="rtl"], [dir="rtl"] *){ --placement: right; } .rtl\:before\:content-\[\"\\e90f\"\]:where([dir="rtl"], [dir="rtl"] *)::before{ --tw-content: "\e90f"; content: var(--tw-content); } .rtl\:before\:content-\[\"\\e911\"\]:where([dir="rtl"], [dir="rtl"] *)::before{ --tw-content: "\e911"; content: var(--tw-content); } .rtl\:checked\:before\:-translate-x-full:checked:where([dir="rtl"], [dir="rtl"] *)::before{ content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @media (min-width: 480px){ .sm\:rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse: 1; } } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{ -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{ -webkit-appearance: none; appearance: none; } .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{ border-radius: 9999px; } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300::-webkit-scrollbar-thumb{ --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-neutral-500:is(.dark *)::-webkit-scrollbar-thumb{ --tw-bg-opacity: 1; background-color: rgb(115 115 115 / var(--tw-bg-opacity)); } .\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-100::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } .dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-neutral-700:is(.dark *)::-webkit-scrollbar-track{ --tw-bg-opacity: 1; background-color: rgb(64 64 64 / var(--tw-bg-opacity)); } .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar{ width: 0.5rem; } /* Jowi: ti-btn-outline-tint3 — follows same pattern as ti-btn-outline-secondary */ .ti-btn-outline-tint3 { border-width: 1px; border-style: solid; border-color: rgb(var(--primary-tint3-rgb)); color: rgb(var(--primary-tint3-rgb)); } .ti-btn-outline-tint3:hover { border-color: rgb(var(--primary-tint3-rgb)); background-color: rgb(var(--primary-tint3-rgb)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .ti-btn-outline-tint3:focus { --tw-ring-color: rgb(var(--primary-tint3-rgb)); }